1 2<!doctype html> 3<html> 4<head> 5 <meta charset="UTF-8" /> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 7 <meta name="viewport" content="width=device-width,user-scalable=no, initial-scale=1"> 8 9<title>å ³äºæä»¬-å·¨æä¼ å¥</title> 10<meta name="description" content="å·¨æä¼ å¥é墿éå ¬å¸ï¼6683.HKï¼æç«äº2017å¹´ï¼æ¯ä¸å®¶ä¸æ³¨äºIPåé åè¥è¿åæ°æ¶è´¹ç港è¡ä¸»æ¿ä¸å¸å ¬å¸ã2023å¹´è£è·ãå¤å°ç½æ¸¯è¡ãåãAM730ãé¢åãæ°åºä¸å¸å ¬å¸å¤§å¥ãï¼å¹¶äº2024å¹´2æè·åçº³å ¥æçç»¼åææ°æä»½è¡ï¼3ææ£å¼è¿å ¥æ¸¯è¡éã" /> 11<meta name="keywords" content="å·¨æä¼ å¥" /> 12 <meta property="og:image" content="/images/ic_logo.png" /> 13 <meta property="og:title" content="å ³äºæä»¬-å·¨æä¼ å¥" /> 14 <meta name="og:description" content="å·¨æä¼ å¥é墿éå ¬å¸ï¼6683.HKï¼æç«äº2017å¹´ï¼æ¯ä¸å®¶ä¸æ³¨äºIPåé åè¥è¿åæ°æ¶è´¹ç港è¡ä¸»æ¿ä¸å¸å ¬å¸ã2023å¹´è£è·ãå¤å°ç½æ¸¯è¡ãåãAM730ãé¢åãæ°åºä¸å¸å ¬å¸å¤§å¥ãï¼å¹¶äº2024å¹´2æè·åçº³å ¥æçç»¼åææ°æä»½è¡ï¼3ææ£å¼è¿å ¥æ¸¯è¡éã" /> 15<link rel="icon" href="/vancheerfile/Images/favicon.ico" type="image/x-icon" /> 16 17<link href="/cn/style/swiper.min.css" rel="stylesheet" type="text/css" /> 18<link href="/cn/style/animate.min.css" rel="stylesheet" type="text/css" /> 19<link href="/cn/style/main.css?type=6" rel="stylesheet" type="text/css" /> 20<link href="/cn/style/index.css?type=4" rel="stylesheet" type="text/css" /> 21<link href="/cn/style/media.css?type=6" rel="stylesheet" type="text/css" />
22<script language="javascript" type="text/javascript" src="/cn/script/jquery-3.6.0.min.js"></script>
vendor: 2 bytes, line 22
22
23<script language="javascript" type="text/javascript" src="/cn/script/js.js"></script>
vendor: 2 bytes, line 23
23
24<script language="javascript" type="text/javascript" src="/cn/script/swiper-3.4.2.jquery.min.js"></script>
vendor: 2 bytes, line 24
24
25<script src="/js/tanxj.js?type=3"></script>
vendor: 2 bytes, line 25
25
26<script src="/layui/layui.all.js"></script>
vendor: 2 bytes, line 26
26
27<script src="/js/jf.js?type=6"></script>
27 28 29 30 <!--[if lte IE 6]>
31<script src="script/png.js" type="text/javascript"></script>
31 32
32<script type="text/javascript"> 33 DD_belatedPNG.fix('div, ul, img, li, input , a'); 34 </script>
34 35<![endif]--> 36</head> 37<body> 38 39<header class="headDiv"> 40 <div class="headDiv-logo"> 41 <a href="/"> 42 <img src="/vancheerfile/Images/2025/6/20250619180547516.png" alt="å·¨æå³å¥"></a> 43 </div> 44 <div class="topRight"> 45 <nav class="nav fl"> 46 <ul> 47 <li><a href="/" class=" ">é¦é¡µ</a></li> 48 <li><a href="/about/" class="aNow sNavA">å ³äºæä»¬</a></li> 49 <li><a href="/business/" class=" sNavA">ä¸å¡æ¦è§</a></li> 50 <li><a href="/global/" class=" sNavA">å ¨åæ¸ é</a></li> 51 <li><a href="/new/index.html" class=" ">æ°é»</a></li> 52 <li><a href="/social/" class=" ">社ä¼è´£ä»»</a></li> 53 <li><a href="/publish/" class=" sNavA">æèµè å ³ç³»</a></li> 54 <li><a href="/contact/" class=" sNavA">åä½</a></li> 55 </ul> 56 </nav> 57 <div class="lan fl"> 58 <div class="name">ä¸</div> 59 <dl> 60 <dd><a href="javascript:;" onclick="st2()">ç®</a></dd> 61 <dd><a href="javascript:;" onclick="st()">ç¹</a></dd> 62 63 64 <dd><a href="/en/">è±</a></dd> 65 66 </dl> 67 </div> 68 <div class="topSearch fr"> 69 <em class="right-icon" onclick="onPcInput(this)"></em> 70 </div> 71 </div> 72 <a href="javascript:;" class="navIco" rel="nofollow"> 73 <img src="/cn/images/navIco.png" alt=""></a> 74</header> 75<!----> 76 77<div class="sNav"> 78 <div class="list"> 79 <ul> 80 81 82 <li><a href="/about/index.html?#aboutP1">å ¬å¸ä»ç»</a></li> 83 84 85 <li><a href="/about/index.html?#aboutP2">éå¢ç念</a></li> 86 87 88 <li><a href="/about/index.html?#aboutP3">åå±åç¨</a></li> 89 90 91 <li><a href="/about/index.html?#aboutP4">åä½åç</a></li> 92 93 </ul> 94 </div> 95</div> 96 97<div class="sNav"> 98 <div class="list"> 99 <ul> 100 101 102 <li><a href="/business/index.html">IPä¸å¡</a> 103 104 <div class="mouse"> 105 <dl> 106 107 <dd><a href="/business/index.html">IPåé åè¿è¥</a></dd> 108 109 <dd><a href="/business/strategic.html">æç¥æ§æèµ</a></dd> 110 111 <dd><a href="/business/program.html">åªä½å 容åä½</a></dd> 112 113 <dd><a href="/business/artist.html">ææIP管çæå¡</a></dd> 114 115 <dd><a href="/business/events.html">å¤§åæ¼åºæ´»å¨</a></dd> 116 117 </dl> 118 </div> 119 120 121 122 </li> 123 124 125 <li><a href="/business/digital-human.html">AI+æºå¨äººä¸å¡</a> 126 127 <div class="mouse"> 128 <dl> 129 130 <dd><a href="/business/robot.html">æºå¨äºº</a></dd> 131 132 <dd><a href="/business/digital-human.html">æ°æºäºº</a></dd> 133 134 <dd><a href="/business/health.html">大å¥åº·ç®¡çAIå·¥å ·</a></dd> 135 136 </dl> 137 </div> 138 139 140 141 </li> 142 143 144 <li><a href="/business/business.html">å¥åº·çæ´»æ°æ¶è´¹ä¸å¡</a> 145 146 <div class="mouse"> 147 <dl> 148 149 <dd><a href="/business/modong.html">éè´</a></dd> 150 151 <dd><a href="/business/xiangmoren.html">ç±å鲿©äºº</a></dd> 152 153 <dd><a href="/business/drinyou.html">çå »å士</a></dd> 154 155 <dd><a href="/business/drmg.html">æ©èå士</a></dd> 156 157 <dd><a href="/business/vivc-cycle.html">VIVI CYCLE</a></dd> 158 159 </dl> 160 </div> 161 162 163 164 </li> 165 166 </ul> 167 </div> 168</div> 169 170<div class="sNav"> 171 <div class="list"> 172 <ul> 173 174 175 <li><a href="/global/index.html">线ä¸åå</a> 176 177 178 179 </li> 180 181 182 <li><a href="/global/offline-store.html">线ä¸é¨åº</a> 183 184 <div class="mouse"> 185 <dl> 186 187 <dd><a href="/global/offline-store.html">线ä¸é¨åº</a></dd> 188 189 <dd><a href="/global/robotstore.html">æºå¨äººååº</a></dd> 190 191 </dl> 192 </div> 193 194 195 196 </li> 197 198 </ul> 199 </div> 200</div> 201 202<div class="sNav"> 203 <div class="list"> 204 <ul> 205 206 <li><a href="/publish/index.html">ä¿¡æ¯æ«é²</a></li> 207 208 <li><a href="/publish/governance.html">ä¼ä¸ç®¡æ²»</a></li> 209 210 <li><a href="/publish/managers.html">管çè é£è²</a></li> 211 212 <li><a href="/publish/contact.html">æèµè èç³»</a></li> 213 214 <li><a href="/publish/communicate.html">çµååé讯</a></li> 215 216 </ul> 217 </div> 218</div> 219 220<div class="sNav"> 221 <div class="list"> 222 <ul> 223 224 <li><a href="/contact/index.html?#contact-1">IPææåä½</a></li> 225 226 <li><a href="/contact/index.html?#contact-2">åå¡åä½</a></li> 227 228 <li><a href="/contact/index.html?#contact-3">èºäººç»çºª</a></li> 229 230 <li><a href="/contact/index.html?#contact-4">æ¸ éåä½</a></li> 231 232 <li><a href="/contact/index.html?#contact-5">åªä½èç³»</a></li> 233 234 <li><a href="/contact/index.html?#contact-6">æèµè èç³»</a></li> 235 236 <li><a href="/contact/index.html?#contact-7">æ¼å±ä¼åä½</a></li> 237 238 </ul> 239 </div> 240</div> 241 242<!----> 243<div class="head-search"> 244 <div class="search-box"> 245 <div class="box-cent"> 246 <input type="text" placeholder="请è¾å ¥æç´¢å ³é®è¯" id="searchkey"> 247 <a href="javascript:search();" class="box-icon" rel="nofollow"> 248 <img src="/cn/images/nimg20_2.png"> 249 </a> 250 </div> 251 <div class="box-hiden" onclick="onPcInput(this)"> 252 <img src="/cn/images/close.png"> 253 </div> 254 </div> 255</div> 256<!----> 257<div class="navLayer"> 258 <div class="bg"> 259 <div class="toptop"> 260 <a href="javascript:;" class="closeBtn"> 261 <img src="/cn/images/close.png" /></a> 262 </div> 263 <div class="sideNav"> 264 <div class="subNav"> 265 <div class="name"><a href="/">é¦é¡µ</a></div> 266 </div> 267 268 <div class="subNav subNav1"> 269 <div class="name">
269å ³äºæä»¬</div> 270 </div> 271 <ul class="navContent"> 272 273 <li><a href="/about/index.html?#aboutP1">å ¬å¸ä»ç»</a></li> 274 275 276 <li><a href="/about/index.html?#aboutP2">éå¢ç念</a></li> 277 278 279 <li><a href="/about/index.html?#aboutP3">åå±åç¨</a></li> 280 281 282 <li><a href="/about/index.html?#aboutP4">åä½åç</a></li> 283 284 285 </ul> 286 287 <div class="subNav subNav1"> 288 <div class="name">ä¸å¡æ¦è§</div> 289 </div> 290 <ul class="navContent"> 291 292 293 <li><a href="javascript:;">IPä¸å¡</a> 294 295 <div class="list"> 296 <dl> 297 298 <dd><a href="/business/index.html">IPåé åè¿è¥</a></dd> 299 300 <dd><a href="/business/strategic.html">æç¥æ§æèµ</a></dd> 301 302 <dd><a href="/business/program.html">åªä½å 容åä½</a></dd> 303 304 <dd><a href="/business/artist.html">ææIP管çæå¡</a></dd> 305 306 <dd><a href="/business/events.html">å¤§åæ¼åºæ´»å¨</a></dd> 307 308 </dl> 309 </div> 310 311 </li> 312 313 314 <li><a href="javascript:;">AI+æºå¨äººä¸å¡</a> 315 316 <div class="list"> 317 <dl> 318 319 <dd><a href="/business/robot.html">æºå¨äºº</a></dd> 320 321 <dd><a href="/business/digital-human.html">æ°æºäºº</a></dd> 322 323 <dd><a href="/business/health.html">大å¥åº·ç®¡çAIå·¥å ·</a></dd> 324 325 </dl> 326 </div> 327 328 </li> 329 330 331 <li><a href="javascript:;">å¥åº·çæ´»æ°æ¶è´¹ä¸å¡</a> 332 333 <div class="list"> 334 <dl> 335 336 <dd><a href="/business/modong.html">éè´</a></dd> 337 338 <dd><a href="/business/xiangmoren.html">ç±å鲿©äºº</a></dd> 339 340 <dd><a href="/business/drinyou.html">çå »å士</a></dd> 341 342 <dd><a href="/business/drmg.html">æ©èå士</a></dd> 343 344 <dd><a href="/business/vivc-cycle.html">VIVI CYCLE</a></dd> 345 346 </dl> 347 </div> 348 349 </li> 350 351 </ul> 352 353 <div class="subNav subNav1"> 354 <div class="name">å ¨åæ¸ é</div> 355 </div> 356 <ul class="navContent"> 357 358 359 <li><a href="/global/index.html">线ä¸åå</a> 360 361 </li> 362 363 364 <li><a href="/global/offline-store.html">线ä¸é¨åº</a> 365 366 <div class="list"> 367 <dl> 368 369 <dd><a href="/global/offline-store.html">线ä¸é¨åº</a></dd> 370 371 <dd><a href="/global/robotstore.html">æºå¨äººååº</a></dd> 372 373 </dl> 374 </div> 375 376 </li> 377 378 </ul> 379 380 <div class="subNav"> 381 <div class="name"><a href="/new/index.html">æ°é»</a></div> 382 </div> 383 384 <div class="subNav"> 385 <div class="name"><a href="/social/">社ä¼è´£ä»»</a></div> 386 </div> 387 388 <div class="subNav subNav1"> 389 <div class="name">æèµè å ³ç³»</div> 390 </div> 391 <ul class="navContent"> 392 393 <li><a href="/publish/index.html">ä¿¡æ¯æ«é²</a></li> 394 395 <li><a href="/publish/governance.html">ä¼ä¸ç®¡æ²»</a></li> 396 397 <li><a href="/publish/managers.html">管çè é£è²</a></li> 398 399 <li><a href="/publish/contact.html">æèµè èç³»</a></li> 400 401 <li><a href="/publish/communicate.html">çµååé讯</a></li> 402 403 </ul> 404 405 <div class="subNav subNav1"> 406 <div class="name">åä½</div> 407 </div> 408 <ul class="navContent"> 409 410 <li><a href="/contact/index.html?#contact-1">IPææåä½</a></li> 411 412 <li><a href="/contact/index.html?#contact-2">åå¡åä½</a></li> 413 414 <li><a href="/contact/index.html?#contact-3">èºäººç»çºª</a></li> 415 416 <li><a href="/contact/index.html?#contact-4">æ¸ éåä½</a></li> 417 418 <li><a href="/contact/index.html?#contact-5">åªä½èç³»</a></li> 419 420 <li><a href="/contact/index.html?#contact-6">æèµè èç³»</a></li> 421 422 <li><a href="/contact/index.html?#contact-7">æ¼å±ä¼åä½</a></li> 423 424 </ul> 425 426 </div> 427 </div> 428</div> 429 430 431 <section class="pageBanner"> 432 <figure class="bg PC-Box"> 433 <img src="/vancheerfile/Images/2025/6/20250627135626934.jpg" alt="åä½åç"> 434 </figure>
435 <figure class="bg Phone-Box"> 436 <img src="/vancheerfile/Images/2025/10/20251023135922480.png" alt="åä½åç"> 437 </figure> 438 <div class="info"> 439 <div class="txtDiv"> 440 <h1 class="cn"><img src="/cn/images/nimg35_1.png">å ³äºæä»¬</h1> 441 <h2 class="en">Cooperative brand</h2> 442 <figure class="enImg"> 443 <img src="/vancheerfile/Images/2025/6/20250627135637049.png"> 444 </figure> 445 </div> 446 </div> 447 </section> 448 <!----> 449 <section class="pageTop"> 450 <div class="wal"> 451 <nav class="pageNav"> 452 <ul> 453 454 <li><a href="javascript:;" class="proTlt">å ¬å¸ä»ç»</a></li> 455 456 457 <li><a href="javascript:;" class="proTlt">éå¢ç念</a></li> 458 459 460 <li><a href="javascript:;" class="proTlt">åå±åç¨</a></li> 461 462 463 <li><a href="javascript:;" class="proTlt">åä½åç</a></li> 464 465 466 </ul> 467 </nav> 468 <div class="pageNow"><a href="/about/">å ³äºæä»¬</a><em>å ¬å¸ä»ç»</em></div> 469 </div> 470 </section> 471 <main class="pageBox"> 472 473 <section class="aboutP1 aboutDiv" id="aboutP1"> 474 <div class="wal"> 475 <div class="pageTitle wow fadeInUp50"> 476 <h2 class="en">Company Profile</h2> 477 <h3 class="cn">å ¬å¸ä»ç»</h3> 478 </div> 479 <div class="mxfDiv"> 480 481 482 483 <figure class="rightImg fr"> 484 <img src="/vancheerfile/Images/2025/12/2025120311531050.jpg" alt="å·¨æä¼ å¥é墿éå ¬å¸"> 485 <br /> <br /> <img src="/vancheerfile/Images/2025/12/20251203115214174.png" alt="å·¨æä¼ å¥é墿éå ¬å¸"> 486 </figure> 487 å·¨æä¼ å¥é墿éå ¬å¸ï¼6683.HKï¼æç«äº2017å¹´ï¼å ¬å¸ä¸å¡ä»¥IPåé åè¥è¿ä¸ºæ ¸å¿ã并以IPèµè½é©±å¨AI+æºå¨äººåå¥åº·çæ´»æ°æ¶è´¹ä¸å¡çåååå±ãå·¨æä¼ å¥äº2023å¹´7æå¨æ¸¯è¡ä¸»æ¿æåä¸å¸ã2024å¹´2æè·åçº³å ¥æçç»¼åææ°æä»½è¡ï¼åå¹´3ææ£å¼è¿å ¥æ¸¯è¡éã2025å¹´9æï¼å·¨æä¼ å¥å®£å¸æ¶è´å½å®¶ä½è²åºæéè´£ä»»å ¬å¸ï¼é¸å·¢è¿è¥å ¬å¸ï¼çº¦1.17%çè¡æï¼æä¸ºé¸å·¢ç®åå¯ä¸çæ°è¥ä¼ä¸è¡ä¸ãåå¹´11æï¼å·¨æä¼ å¥å®£å¸æä¸ºé©å½ç¥åèºäººç»çºªå ¬å¸Galaxyçæç¥è¡ä¸ï¼å¼ºåå ¨çIPå¸å±ãGalaxyæä¸æ¥ææå¿é¾ï¼G-DRAGONï¼ãééå½ãå®åº·æçå ·æå ¨çå½±ååçèºäººèµæºã</br></br>å¨IPåé åè¥è¿æ¹é¢ï¼å ¬å¸éè¿ä¸ºä¸åèºäººé身æé ç¬ç¹ç人ç©IPåå 容IPï¼æå¤§ç¨åº¦å°åæ¥ææçå½±ååã人ç©IPæ¹é¢ï¼å ¬å¸æ·±åº¦ç»å®æ ¸å¿ææå¨æ°ä¼¦ãåçå®ï¼å·²æé âå¨åå¦ââåæç»âçç°è±¡çº§ææIPï¼ç°æIPç©éµç´¯è®¡ç²ä¸é已达2.8亿ãå ¬å¸äº2023å¹´æºæå¥½è±åé¡¶çº§ç¹æå¢éï¼å ±åä¸ºå¨æ°ä¼¦æé âå¨åå¦âæ°æºäººåæ¨åºé¦æ¯å å®å®å 导çãæ¬¡å æãï¼å¹¶å°âå¨åå¦âæ°æºäººææä¸å½ç§»å¨æ ä»»å ¶å¨æææ¨å®ã5Gå å®å®æé 弿å®å5Gè§é¢å½©éæ¨å¹¿å¤§ä½¿ï¼è±¡å¾çå·¨æä¼ å¥å·²æåå°IPææä¸å¡æå±è³æ°åå 容é¢åï¼äº2022å¹´å©ååçå®æä¸ºå ¨æ°å¥èº«æç»ï¼å¹¶åä½å ¶å®æ¹äºæ¬¡å åæ°æºäººå½¢è±¡âåæç»âãæ¤å¤ï¼äº2025å¹´æ¨åºå ¨æ°ååIP-WAKAEMOï¼å¹¶å¯å¨âç¾ä½å½é é¡¶å°æ½®æµèºæ¯å®¶åä½è®¡åâï¼æå»ºå½é æ½®æµèºæ¯å®¶èµæºæ± ãæ¨å¨ä¸å½ææIPå½é åã</br></br>å 容IPæ¹é¢ï¼äº2020å¹´ä¸ºå¨æ°ä¼¦é身æé é¦ä¸ªæ·å¤ç人ç§ã卿¸¸è®°ãï¼ç°å·²æåºä¸å£ï¼äº2024å¹´æ¨åºä»¥åº¾æ¾åºä¸ºä¸»ç人çé³ä¹è®¿è°ç§ã乿¥ä¹å¿«ä¹ãï¼2025å¹´å´ç»åç宿¨åºå¾®ç»¼ãäºåèå·²ããçæéªå°±å¯¹äºãçãæ´»å¨æ¹é¢ï¼é¤æèµæçåå æ¬å¨æ°ä¼¦ãåå¹´åãä¸çå·¡åæ¼å±ä¼åå·¨æä¼ å¥ç©éµçèºäººæ¼å±ä¼å¤ï¼è¿åä¸å ¶ä»è¶ çº§æææ¼å±ä¼æèµï¼å¹¶èå¨IPåä½åææ åç°ã2025å¹´9æï¼å·¨æä¼ 奿ºæä¸æµ·åç©é¦èå举åâäºä¸èµ·çèç¥å®ââå¨åå¦çæ¶ç©ºå¥éè®°â主é¢èºæ¯ç§ï¼æ¨å¨âå¨åå¦âæä¸ºé¦ä¸ªè¿å ¥å½å®¶çº§åç©é¦çææIPãå¼å¨æ°ä¼¦åºé25å¨å¹´ä¹é ï¼Etersourceåç宣叿¨åºå®æ¹ææå¨æ°ä¼¦âåå¹´åâä¸çå·¡åæ¼å±ä¼ç³»åæ¶è纪念å¡ï¼å·¨æä¼ å¥ä½ä¸ºè¯¥åçå ¨çåå®çå ¨çæ»ä»£çã</br></br>å¨AI+æºå¨äººæ¹é¢ï¼å·¨æä¼ 奿ºæå ¨çæºå¨äººé¢å¯¼è 宿 ç§æï¼åæ¹äºä¸ºå ¨çèå´å çæç¥åä½ä¼ä¼´ï¼å ±åæé å ·æè¾å¼ºIP屿§çæ¶è´¹çº§æºå¨äººäº§åãåæ¹åä½ç馿¬¾äº§åââå ·å¤å¼ºIP屿§çåè¶³æºå¨çå¨ä¸æµ·æ 游èå¼å¹å¼é¦æ¬¡å ¬å¼äº®ç¸ãæ¤å¤ï¼å·¨æä¼ å¥å宿 ç§æå ±åæç«åèµå ¬å¸ï¼å ±æâIP+æºå¨äºº+AIâæ°èµéï¼åèµå ¬å¸å°ä¸»è¦è´è´£æ¶è´¹çº§IPæºå¨äººï¼å æ¬å® ç©åè¶³æºå¨äººï¼ãæ¼èºäººå½¢æºå
487¨äººåIPè¡ç产åçæé åç¬å®¶è¿è¥ã</br></br>å¨å¥åº·çæ´»æ°æ¶è´¹æ¹é¢ï¼å ¬å¸ä»¥å¥åº·ç®¡ç产å忤è¤åçå¼ååéå®ä¸ºä¸»ï¼æä¸æå¥åº·ç®¡çåçéè´ï¼é¼å±ä½ç¢³é¥®é£ï¼ãç±å鲿©äººï¼æ¨å¹¿å¹²åé æè¡¨ï¼ãçå »å士ï¼å¹³è¡¡è¥å »ï¼ãæ¤è¤åçæ©èå士ï¼ä¸æ³¨äºéç»è¶åï¼åè½»è¿å¨çæ´»æ¹å¼åçVIVICYCLEï¼è½»è¿å¨ä¸çæ´»åºæ¯èåï¼çãæ ¹æ®ç¼è¯å¨è¯¢ç»è®¡ï¼æäº§åäº¤ææ»é¢è®¡ç®ï¼éè´åå¡äº2020å¹´è³2024å¹´è¿ç»äºå¹´èèä¸å½é²å¼¹é¥®æå¸åºç¬¬ä¸ï¼ç±å鲿©äººæ¹è¶ç²äº2023å¹´æä¸ºæé³å¤©ç¶ç²èµéå¸åºä»½é¢ç¬¬ä¸ç产åãæ¤å¤ï¼éè´åçå¨2024å¹´è·å¾ãæ±èçé«ç¥ååæ ãæ®è£ã2025å¹´3æï¼éè´åççæ°æ¨åºMODONG MAGICç³»åï¼å¡å¯¼âéèº«ä¸æ¯Â·æé å¥åº·çæ´»éæ³å®¶âçåçç念ã2025å¹´ï¼éè´ä»¥å®æ¹èµå©åç身份å©éµæå¿é¾ï¼G-DRAGONï¼ä¸çå·¡åæ¼å±ä¼å°åç«ã 488 </div> 489 490 <div class="videobox wow fadeInUp50" vsrc="/vancheerfile/files/2025/12/20251209102311083.mp4"> 491 <div class="videoH"> 492 <video src="" controls></video> 493 </div> 494 <figure class="imgDiv"> 495 <img src="/vancheerfile/Images/2025/10/20251021131738486.jpg"> 496 </figure> 497 <div class="playbox"> 498 <img src="/cn/images/play.png" alt=""> 499 </div> 500 </div> 501 502 </div> 503 </section> 504 505 <section class="aboutP2 aboutDiv" style="background-image: url('/vancheerfile/Images/2025/12/20251202152933553.jpg');" id="aboutP2"> 506 <div class="txtLayer wow fadeInUp50"> 507 <div class="pageTitle"> 508 <h2 class="en">Group Philosophy</h2> 509 <h3 class="cn">éå¢ç念</h3> 510 </div> 511 <div class="msg"></div> 512 </div> 513 </section> 514 515 <section class="aboutP3 aboutDiv" id="aboutP3"> 516 <div class="wal"> 517 <div class="pageTitle wow fadeInUp50"> 518 <h2 class="en">Development history</h2> 519 <h3 class="cn">åå±åç¨</h3> 520 </div> 521 <div class="historyPic"> 522 <div class="box-container fl"> 523 <a href="javascript:;" class="swiper-btn prev"></a> 524 <a href="javascript:;" class="swiper-btn next"></a> 525 <div class="swiper-container img-swiper"> 526 <div class="swiper-wrapper"> 527 528 <div class="swiper-slide"> 529 <div class="year"><em>2025</em></div> 530 </div> 531 532 <div class="swiper-slide"> 533 <div class="year"><em>2024</em></div> 534 </div> 535 536 <div class="swiper-slide"> 537 <div class="year"><em>2023</em></div> 538 </div> 539 540 <div class="swiper-slide"> 541 <div class="year"><em>2022</em></div> 542 </div> 543 544 <div class="swiper-slide"> 545 <div class="year"><em>2021</em></div> 546 </div> 547 548 <div class="swiper-slide"> 549 <div class="year"><em>2020</em></div> 550 </div> 551 552 <div class="swiper-slide"> 553 <div class="year"><em>2019</em></div> 554 </div> 555 556 <div class="swiper-slide"> 557 <div class="year"><em>2018</em></div> 558 </div> 559 560 </div> 561 </div> 562 </div> 563 <div class="detail-box fr"> 564 565 <div class="item"> 566 <div class="mxfDiv"> 567 <div class="year">2025</div> 568 <figure class="leftImg"><img src="/vancheerfile/Images/2025/10/2025101415466175.jpg" alt="2025" class="PC-Box" ><img src="/vancheerfile/Images/2025/10/2025101415466175.jpg" alt="2025" class="Phone-B
568ox"></figure> 569 </div> 570 </div> 571 572 <div class="item"> 573 <div class="mxfDiv"> 574 <div class="year">2024</div> 575 <figure class="leftImg"><img src="/vancheerfile/Images/2025/10/20251014154650719.jpg" alt="2024" class="PC-Box" ><img src="/vancheerfile/Images/2025/10/20251014154650719.jpg" alt="2024" class="Phone-Box"></figure> 576 </div> 577 </div> 578 579 <div class="item"> 580 <div class="mxfDiv"> 581 <div class="year">2023</div> 582 <figure class="leftImg"><img src="/vancheerfile/Images/2025/10/20251014154716003.jpg" alt="2023" class="PC-Box" ><img src="/vancheerfile/Images/2025/10/20251014154716003.jpg" alt="2023" class="Phone-Box"></figure> 583 </div> 584 </div> 585 586 <div class="item"> 587 <div class="mxfDiv"> 588 <div class="year">2022</div> 589 <figure class="leftImg"><img src="/vancheerfile/Images/2025/10/20251014154756469.jpg" alt="2022" class="PC-Box" ><img src="/vancheerfile/Images/2025/10/20251014154756469.jpg" alt="2022" class="Phone-Box"></figure> 590 </div> 591 </div> 592 593 <div class="item"> 594 <div class="mxfDiv"> 595 <div class="year">2021</div> 596 <figure class="leftImg"><img src="/vancheerfile/Images/2025/10/20251014154833992.jpg" alt="2021" class="PC-Box" ><img src="/vancheerfile/Images/2025/10/20251014154833992.jpg" alt="2021" class="Phone-Box"></figure> 597 </div> 598 </div> 599 600 <div class="item"> 601 <div class="mxfDiv"> 602 <div class="year">2020</div> 603 <figure class="leftImg"><img src="/vancheerfile/Images/2025/10/20251014154857389.jpg" alt="2020" class="PC-Box" ><img src="/vancheerfile/Images/2025/10/20251014154857389.jpg" alt="2020" class="Phone-Box"></figure> 604 </div> 605 </div> 606 607 <div class="item"> 608 <div class="mxfDiv"> 609 <div class="year">2019</div> 610 <figure class="leftImg"><img src="/vancheerfile/Images/2025/10/20251014182852499.jpg" alt="2019" class="PC-Box" ><img src="/vancheerfile/Images/2025/10/20251014182852499.jpg" alt="2019" class="Phone-Box"></figure> 611 </div> 612 </div> 613 614 <div class="item"> 615 <div class="mxfDiv"> 616 <div class="year">2018</div> 617 <figure class="leftImg"><img src="/vancheerfile/Images/2025/10/20251014154942614.jpg" alt="2018" class="PC-Box" ><img src="/vancheerfile/Images/2025/10/20251014154942614.jpg" alt="2018" class="Phone-Box"></figure> 618 </div> 619 </div> 620 621 </div> 622 </div> 623 624 </div> 625 </section> 626 627 <section class="aboutP4 aboutDiv" id="aboutP4"> 628 <div class="wal"> 629 <div class="pageTitle wow fadeInUp50"> 630 <h2 class="en">Cooperative brand</h2> 631 <h3 class="cn">åä½åç</h3> 632 </div> 633 <div class="partnerPic wow fadeInUp50"> 634 <a href="javascript:;" class="se prev"></a> 635 <a href="javascript:;" class="se next"></a> 636 <div class="imgList"> 637 <div class="swiper-wrapper"> 638 639 <div class="swiper-slide"> 640 641 <div class="line line_t"> 642 <ul> 643 644 <li> 645 <div class="box"> 646 UOOHA 647 </div> 648 </li> 649 650 <li> 651 <div class="box"> 652 å¨å¤§ç 653 </div> 654 </li> 655 656 <li> 657 <div class="box"> 658 æµæ±å«è§ 659 </div> 660 </li> 661 662 <li> 663 <div class="box"> 664 æè¾¾ 665 </div> 666 </li> 667 668 <li> 669 <div class="box"> 670 BONELESS 671 </div> 672 </li> 673 674 <li> 675 <div class="box"> 676 饿äºä¹ 677 </div> 678 </li> 679 680 <li> 681 <div class="box"> 682 LE CORDON BLEU 683 </div> 684 </li> 685 686 </ul> 687 <div class="clear_f"></div> 688 </div> 689 690 <div class="line line_m"> 691 <ul> 692 693 <li> 694 <div class="box"> 695 æé³ 696 </div> 697 </li> 698 699 <li> 700 <div class="box"> 701 æé ç 702 </div> 703 </li> 704 705 <li> 706 <div class="box"> 707 XPG
708 </div> 709 </li> 710 711 <li> 712 <div class="box"> 713 ä¸å½é®æ¿ 714 </div> 715 </li> 716 717 <li> 718 <div class="box"> 719 åæ´æ´ 720 </div> 721 </li> 722 723 <li> 724 <div class="box"> 725 æ¯ä»å® 726 </div> 727 </li> 728 729 <li> 730 <div class="box"> 731 è ¾è®¯é³ä¹<br>å¨±ä¹ 732 </div> 733 </li> 734 735 <li> 736 <div class="box"> 737 FUNKO 738 </div> 739 </li> 740 741 </ul> 742 <div class="clear_f"></div> 743 </div> 744 745 <div class="line line_t"> 746 <ul> 747 748 <li> 749 <div class="box"> 750 çè¾¾ 751 </div> 752 </li> 753 754 <li> 755 <div class="box"> 756 浦åé¶è¡<br>SPD BANK 757 </div> 758 </li> 759 760 <li> 761 <div class="box"> 762 䏿µ·å ¬å ±<br>交éå¡ 763 </div> 764 </li> 765 766 <li> 767 <div class="box"> 768 é å飿± 769 </div> 770 </li> 771 772 <li> 773 <div class="box"> 774 KEEPPLEY/<br>坿¢¦ç©å · 775 </div> 776 </li> 777 778 <li> 779 <div class="box"> 780 Good Smile<br>Company 781 </div> 782 </li> 783 784 <li> 785 <div class="box"> 786 TOP TOY 787 </div> 788 </li> 789 790 </ul> 791 <div class="clear_f"></div> 792 </div> 793 794 </div> 795 796 <div class="swiper-slide"> 797 798 <div class="line line_t"> 799 <ul> 800 801 <li> 802 <div class="box"> 803 LEOPARD 804 </div> 805 </li> 806 807 <li> 808 <div class="box"> 809 è鿍¡å 810 </div> 811 </li> 812 813 <li> 814 <div class="box"> 815 åªåè§é¢ 816 </div> 817 </li> 818 819 <li> 820 <div class="box"> 821 泡泡çç¹ 822 </div> 823 </li> 824 825 <li> 826 <div class="box"> 827 èºæ¯èè 828 </div> 829 </li> 830 831 <li> 832 <div class="box"> 833 å¤è¿ªGUDI 834 </div> 835 </li> 836 837 <li> 838 <div class="box"> 839 Ruaå¨å§ 840 </div> 841 </li> 842 843 </ul> 844 <div class="clear_f"></div> 845 </div> 846 847 <div class="line line_m"> 848 <ul> 849 850 <li> 851 <div class="box"> 852 奥é£å¨±ä¹ 853 </div> 854 </li> 855 856 <li> 857 <div class="box"> 858 ç¥ç©æ½®ç© 859 </div> 860 </li> 861 862 <li> 863 <div class="box"> 864 å¿å¦é³ä¹ 865 </div> 866 </li> 867 868 <li> 869 <div class="box"> 870 HEATBOYS 871 </div> 872 </li> 873 874 <li> 875 <div class="box"> 876 ENYA MUSIC 877 </div> 878 </li> 879 880 <li> 881 <div class="box"> 882 䏿µ·å ¬å ±<br>交éå¡ 883 </div> 884 </li> 885 886 <li> 887 <div class="box">
888 è ¾è®¯é³ä¹<br>å¨±ä¹ 889 </div> 890 </li> 891 892 <li> 893 <div class="box"> 894 FUNKO 895 </div> 896 </li> 897 898 </ul> 899 <div class="clear_f"></div> 900 </div> 901 902 <div class="line line_t"> 903 <ul> 904 905 <li> 906 <div class="box"> 907 çè¾¾ 908 </div> 909 </li> 910 911 <li> 912 <div class="box"> 913 KEEPPLEY/<br>坿¢¦ç©å · 914 </div> 915 </li> 916 917 <li> 918 <div class="box"> 919 浦åé¶è¡<br>SPD BANK 920 </div> 921 </li> 922 923 <li> 924 <div class="box"> 925 é å飿± 926 </div> 927 </li> 928 929 <li> 930 <div class="box"> 931 æ¯ä»å® 932 </div> 933 </li> 934 935 <li> 936 <div class="box"> 937 Good Smile<br>Company 938 </div> 939 </li> 940 941 <li> 942 <div class="box"> 943 åªåè§é¢ 944 </div> 945 </li> 946 947 </ul> 948 <div class="clear_f"></div> 949 </div> 950 951 </div> 952 953 <div class="swiper-slide"> 954 955 <div class="line line_t"> 956 <ul> 957 958 <li> 959 <div class="box"> 960 TOP TOY 961 </div> 962 </li> 963 964 <li> 965 <div class="box"> 966 è鿍¡å 967 </div> 968 </li> 969 970 <li> 971 <div class="box"> 972 LEOPARD 973 </div> 974 </li> 975 976 <li> 977 <div class="box"> 978 泡泡çç¹ 979 </div> 980 </li> 981 982 <li> 983 <div class="box"> 984 èºæ¯èè 985 </div> 986 </li> 987 988 <li> 989 <div class="box"> 990 å¤è¿ªGUDI 991 </div> 992 </li> 993 994 <li> 995 <div class="box"> 996 ENYA MUSIC 997 </div> 998 </li> 999 1000 </ul> 1001 <div class="clear_f"></div> 1002 </div> 1003 1004 <div class="line line_m"> 1005 <ul> 1006 1007 <li> 1008 <div class="box"> 1009 Ruaå¨å§ 1010 </div> 1011 </li> 1012 1013 <li> 1014 <div class="box"> 1015 å¿å¦é³ä¹ 1016 </div> 1017 </li> 1018 1019 <li> 1020 <div class="box"> 1021 ç¥ç©æ½®ç© 1022 </div> 1023 </li> 1024 1025 <li> 1026 <div class="box"> 1027 奥é£å¨±ä¹ 1028 </div> 1029 </li> 1030 1031 <li> 1032 <div class="box"> 1033 HEATBOYS 1034 </div> 1035 </li> 1036 1037 </ul> 1038 <div class="clear_f"></div> 1039 </div> 1040 1041 </div> 1042 1043 </div> 1044 <div class="swiper-pagination"></div> 1045 </div> 1046 </div> 1047 </div> 1048 <div class="aboutP4-3D"></div> 1049 </section> 1050 1051 <!----> 1052 </main> 1053 <!----> 1054 1055<footer class="footDiv"> 1056 <div class="wal"> 1057 <div class="toptop"> 1058 <div class="leftDiv fl"> 1059 <div class="logo"> 1060 <a href="/"> 1061 <img src="/vancheerfile/Images/2025/6/20250619180547516.png" alt="å·¨æå³å¥"></a> 1062 </div> 1063 1064 <div class="msgList"> 1065 <ul> 1066 1067 <li><em>åªä½èç»ï¼</em> å·¨æä¼ å¥åªä½å ¬å ³é¨ [email protected]</li> 1068 1069 <li><em>æèµè èç»ï¼</em> å·¨æä¼ 奿èµè å ³ç³»é¨ [email protected]</li> 1070 1071 </ul> 1072 </div> 1073 1074 </div> 1075 1076 <div class="rightDiv fr"> 1077 1078 <div class="share fr"> 1079 <em>微信æ«ç å ³æ³¨:</em> 1080 <ul> 1081 <li> 1082 <img src=" /vancheerfile/Images/2025/12/2025120915343660.jpg" /></li> 1083 <!--<li><a href="" rel="nofollow"><img src="images/nimg20_4.png" alt=""><img src="images/nimg20_4on.png" class="img1" alt=""></a></li> 1084 <li><a href="" rel="nofollow"><img src="images/nimg20_5.png" alt=""><img src="images/nimg20_5on.png" class="img1" alt=""></a></li>--> 1085 </ul> 1086 </div> 1087 1088 </div> 1089 <div class="clear_f"></div> 1090 </div> 1091 <div class="botbot"> 1092 1093 <div class="msg fr">Copright © 2025 å·¨æä¼ å¥éå¢ <a href="http://www.vancheer.com" target="_blank">Powered by vancheer </a></div> 1094 </div> 1095 </div> 1096</footer> 1097<div class="topA"><a href="javascript:;"></a></div>
1098<script type="text/javascript" src="/cn/script/wow/wow.min.js"></script>
1098 1099 1100 1101<style> 1102 #bsWXBox { 1103 box-sizing: unset; 1104 } 1105</style> 1106<div class="bdsharebuttonbox" style="display: none;"> 1107 <a href="#" class="bds_copy" data-cmd="copy" id="copy" title="å享å°å¤å¶ç½å"></a> 1108 <a href="#" class="bds_mail" data-cmd="mail" id="mail" title="å享å°é®ç®±"></a> 1109 <a href="#" class="bds_tsina" data-cmd="tsina" id="tsina" title="åäº«å°æ°æµªå¾®å"></a> 1110 <a href="#" class="bds_bdhome" data-cmd="bdhome" id="bdhome" title="å享å°ç¾åº¦"></a> 1111 <a href="#" class="bds_douban" data-cmd="douban" id="douban" title="å享å°è±ç£"></a> 1112 <a href="#" class="bds_weixin" data-cmd="weixin" id="weixin" title="å享å°å¾®ä¿¡"></a> 1113 <a href="#" class="bds_sqq" data-cmd="sqq" id="sqq" title="å享å°QQ好å"></a> 1114 <a href="#" class="bds_more" data-cmd="more" id="more" title="æ´å¤"></a> 1115 <a href="#" class="bds_tqq" data-cmd="tqq" id="tqq" title="å享å°è ¾è®¯å¾®å"></a> 1116 <a href="#" class="bds_qzone" data-cmd="qzone" id="qzone" title="å享å°QQ空é´"></a> 1117 <a href="#" class="bds_linkedin" data-cmd="linkedin" id="linkedin" title="å享å°linkedin"></a> 1118 <a href="#" class="bds_print" data-cmd="print" id="print1" title="åäº«å°æå°"></a> 1119 <a href="#" class="bds_renren" data-cmd="renren" id="renren" title="å享å°äººäººç½"></a> 1120 <a href="#" class="bds_tsohu" data-cmd="tsohu" id="tsohu" title="åäº«å°æçå¾®å"></a> 1121 <a href="#" class="bds_kaixin001" data-cmd="kaixin001" id="kaixin001" title="å享å°å¼å¿ç½"></a> 1122 <a href="#" class="bds_fx" data-cmd="fx" id="fx" title="å享å°é£ä¿¡"></a> 1123 <a href="#" class="bds_mshare" data-cmd="mshare" id="mshare" title="ä¸é®å享"></a> 1124 <a href="#" class="bds_neteasemb" data-cmd="neteasemb" id="neteasemb" title="å享å°ç½æå¾®å"></a> 1125 <a href="#" class="bds_fbook" data-cmd="fbook" id="fbook" title="å享å°è¸ä¹¦"></a> 1126 <a href="#" class="bds_twi" data-cmd="twi" id="twi" title="å享å°twi"></a> 1127 <a href="#" class="bds_google" data-cmd="google" id="google" title="å享å°è°·æ"></a> 1128</div> 1129 1130
1131<script type="text/javascript" src="/share/api/js/share.js"></script>
1131 1132
1133<script src="/share/social-share.js"></script>
1133 1134<div id="share-1" style="display: none;"></div>
1135<script type="text/javascript"> 1136 socialShare('#share-1'); 1137</script>
1137 1138
1139<script type="text/javascript"> 1140 function tsina() { document.getElementById("social-share-weibo").click(); } 1141 function weixin() { document.getElementById("weixin").click(); } 1142 function sqq() { document.getElementById("social-share-qq").click(); } 1143 function douban() { document.getElementById("douban").click(); } 1144 function tqq() { document.getElementById("tqq").click(); } 1145 function qzone() { document.getElementById("social-share-qzone").click(); } 1146 1147 1148 function mshare() { document.getElementById("mshare").click(); } 1149 function more() { document.getElementById("more").click(); } 1150 function print1() { document.getElementById("print1").click(); } 1151 function renren() { document.getElementById("renren").click(); } 1152 function neteasemb() { document.getElementById("neteasemb").click(); } 1153 function copy() { document.getElementById("copy").click(); } 1154 function mail() { document.getElementById("mail").click(); } 1155 function tsohu() { document.getElementById("tsohu").click(); } 1156 function kaixin001() { document.getElementById("kaixin001").click(); } 1157 function fx() { document.getElementById("fx").click(); } 1158 function fbook() { document.getElementById("fbook").click(); } 1159 function twi() { document.getElementById("twi").click(); } 1160 function google() { document.getElementById("google").click(); } 1161</script>
1161 1162 1163 1164
1164<script type="text/javascript" src="/cn/script/three.min.js"></script>
1164 1165
1165<script> 1166 var aa = $('.headDiv').height(); 1167 var bb = $('.pageTop').height(); 1168 $(document).ready(function () { 1169 if ($('.pageTop').length > 0) { 1170 $(window).scroll(function () { 1171 if ($(window).scrollTop() > $('.aboutP1').offset().top - (aa + bb)) { 1172 $('.pageTop').addClass('pageTopNow'); 1173 $('.aboutP1').addClass('on'); 1174 } else { 1175 $('.pageTop').removeClass('pageTopNow'); 1176 $('.aboutP1').removeClass('on'); 1177 } 1178 }) 1179 } 1180 $('.pageNav').find('a').each(function (i) { 1181 $(this).click(function () { 1182 $('.pageNav').find('a').removeClass('aNow'); 1183 $(this).addClass('aNow'); 1184 1185 }) 1186 }) 1187 //-- 1188 if ($('.pageNav').length > 0) { 1189 $(window).scroll(function () { 1190 1191 $('.aboutDiv').each(function (i) { 1192 if ($(window).scrollTop() >= $(this).offset().top - (aa + bb)) { 1193 $('.pageNav').find('a').removeClass('aNow'); 1194 $('.pageNav').find('a').eq(i).addClass('aNow'); 1195 } 1196 }) 1197 }) 1198 } 1199 //-- 1200 $(".proTlt").click(function () { 1201 var ind = $(this).parent().index(); 1202 1203 if ($('.pageTop').hasClass('pageTopNow')) { 1204 $("html, body").animate({ 1205 scrollTop: $(".aboutDiv").eq(ind).offset().top - (aa + bb - 1) 1206 }, { duration: 500, easing: "swing" }); 1207 return false; 1208 } else { 1209 $("html, body").animate({ 1210 scrollTop: $(".aboutDiv").eq(ind).offset().top - (aa + bb - 1) 1211 }, { duration: 500, easing: "swing" }); 1212 return false; 1213 } 1214 }); 1215 }); 1216 //-- 1217 if ($("body,html").width() > 1024) { 1218 $(".aboutP1 .leftCon").addClass("wow fadeInLeft50") 1219 $(".aboutP1 .rightImg").addClass("wow fadeInRight50") 1220 } else { 1221 $(".aboutP1 .leftCon, .aboutP1 .rightImg").addClass("wow fadeInUp50") 1222 } 1223 //-- 1224 $('.aboutP1 .playbox').click(function () { 1225 var s = $(this).closest('.videobox').attr('vsrc'); 1226 $(this).closest('.videobox').find('video').attr('src', s); 1227 $(this).closest('.videobox').addClass('cur'); 1228 $(this).closest('.videobox').find('video')[0].play(); 1229 $(this).closest('.videobox').siblings().removeClass('cur'); 1230 }) 1231 //-- 1232 var year_swiper = new Swiper('.img-swiper', { 1233 direction: 'vertical', 1234 loop: true, 1235 speed: 1000, 1236 autoplay: 0, 1237 centeredSlides: true, 1238 slidesPerView: 5, 1239 // spaceBetween: 20, 1240 slideToClickedSlide: true, 1241 onSlideChangeStart: function (swiper) { 1242 $(".historyPic .detail-box .item").removeClass("on").eq(swiper.realIndex).addClass("on") 1243 }, 1244 breakpoints: { 1245 1024: { 1246 direction: 'horizontal', 1247 slidesPerView: 3 1248 } 1249 } 1250 }); 1251 $(".historyPic .prev").click(function () { 1252 year_swiper.slidePrev() 1253 }) 1254 $(".historyPic .next").click(function () { 1255 year_swiper.slideNext() 1256 }) 1257 //-- 1258 var partnerPic = new Swiper('.partnerPic .imgList', { 1259 effect: 'fade', 1260 loop: true, 1261 speed: 1000, 1262 pagination: '.partnerPic .swiper-pagination', 1263 paginationClickable: true, 1264 autoplay: 5000, 1265 autoplayDisableOnInteraction: false 1266 }); 1267 $(".partnerPic .prev").click(function () { 1268 partnerPic.slidePrev() 1269 }) 1270 $(".partnerPic .next").click(function () { 1271 partnerPic.slideNext() 1272 }) 1273 // 3D æ³¢å¨ç²åå¨ç» 1274 var SEPARATION = 60, AMOUNTX = 80, AMOUNTY = 60; 1275 1276 var container; 1277 var camera, scene, renderer; 1278 1279 var particles, particle, count = 0; 1280 1281 var mouseX = 0, mouseY = -400; 1282 1283 var windowHalfX = window.innerWidth / 2; 1284 var windowHalfY = window.innerHeight / 2; 1285 1286 init(); 1287 animate(); 1288
1289 function init() { 1290 1291 container = document.querySelector('.aboutP4-3D') 1292 document.querySelector('.aboutP4').appendChild(container); 1293 1294 camera = new THREE.PerspectiveCamera(50, window.innerWidth / window.innerHeight, 1, 10000); 1295 camera.position.z = 1000; 1296 1297 scene = new THREE.Scene(); 1298 1299 particles = new Array(); 1300 1301 var PI2 = Math.PI * 2; 1302 var material = new THREE.ParticleCanvasMaterial({ 1303 1304 color: 0x725f3d, 1305 program: function (context) { 1306 context.beginPath(); 1307 context.arc(0, 0, .6, 0, PI2, true); 1308 context.fill(); 1309 } 1310 1311 }); 1312 1313 var i = 0; 1314 1315 for (var ix = 0; ix < AMOUNTX; ix++) { 1316 1317 for (var iy = 0; iy < AMOUNTY; iy++) { 1318 1319 particle = particles[i++] = new THREE.Particle(material); 1320 particle.position.x = ix * SEPARATION - ((AMOUNTX * SEPARATION) / 2); 1321 particle.position.z = iy * SEPARATION - ((AMOUNTY * SEPARATION) / 2); 1322 scene.add(particle); 1323 1324 } 1325 1326 } 1327 1328 renderer = new THREE.CanvasRenderer(); 1329 renderer.setSize(window.innerWidth, window.innerHeight); 1330 container.appendChild(renderer.domElement); 1331 1332 // document.addEventListener( 'mousemove', onDocumentMouseMove, false ); 1333 // document.addEventListener( 'touchstart', onDocumentTouchStart, false ); 1334 // document.addEventListener( 'touchmove', onDocumentTouchMove, false ); 1335 1336 // 1337 1338 window.addEventListener('resize', onWindowResize, false); 1339 1340 } 1341 1342 1343 function onWindowResize() { 1344 1345 windowHalfX = window.innerWidth / 2; 1346 windowHalfY = window.innerHeight / 2; 1347 1348 camera.aspect = window.innerWidth / window.innerHeight; 1349 camera.updateProjectionMatrix(); 1350 1351 renderer.setSize(window.innerWidth, window.innerHeight); 1352 1353 } 1354 1355 // 1356 1357 function onDocumentMouseMove(event) { 1358 1359 mouseX = event.clientX - windowHalfX; 1360 // mouseY = event.clientY - windowHalfY; 1361 1362 } 1363 1364 function onDocumentTouchStart(event) { 1365 1366 if (event.touches.length === 1) { 1367 1368 event.preventDefault(); 1369 1370 mouseX = event.touches[0].pageX - windowHalfX; 1371 mouseY = event.touches[0].pageY - windowHalfY; 1372 1373 } 1374 1375 } 1376 1377 function onDocumentTouchMove(event) { 1378 1379 if (event.touches.length === 1) { 1380 1381 event.preventDefault(); 1382 1383 mouseX = event.touches[0].pageX - windowHalfX; 1384 mouseY = event.touches[0].pageY - windowHalfY; 1385 1386 } 1387 1388 } 1389 1390 // 1391 1392 function animate() { 1393 1394 requestAnimationFrame(animate); 1395 1396 render(); 1397 1398 1399 } 1400 1401 function render() { 1402 1403 camera.position.x += (mouseX - camera.position.x) * .05; 1404 camera.position.y += (- mouseY - camera.position.y) * .05; 1405 camera.lookAt(scene.position); 1406 1407 var i = 0; 1408 1409 for (var ix = 0; ix < AMOUNTX; ix++) { 1410 1411 for (var iy = 0; iy < AMOUNTY; iy++) { 1412 1413 particle = particles[i++]; 1414 particle.position.y = (Math.sin((ix + count) * 0.3) * 50) + (Math.sin((iy + count) * 0.5) * 50); 1415 particle.scale.x = particle.scale.y = (Math.sin((ix + count) * 0.3) + 1) * 2 + (Math.sin((iy + count) * 0.5) + 1) * 2; 1416 1417 } 1418 1419 } 1420 1421 renderer.render(scene, camera); 1422 1423 count += 0.1; 1424 1425 } 1426 1427// 3Dæ³¢å¨ç²å END 1428 </script>
1428 1429</body> 1430</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.