js实现三维点状手形状旋转动画交互效果代码
代码语言:html
所属分类:三维
代码描述:js实现三维点状手形状旋转动画交互效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <style> canvas { z-index:-1; position:fixed; left:0px; top:0px; right:0px; bottom:0px; width:100%; height:100%; } body { overflow: hidden; /* Hide scrollbars */ } body { background-color: black; } html,body{ height:100%; } </style> </head> <body> <!-- partial:index.partial.html --> <script> var data = "v - 28.599861 - 44.384812 - 2.002876 v - 28.467789 - 44.080918 - 1.574919 v - 26.936775 - 42.561681 - 1.751430 v - 25.694378 - 40.398937 - 0.916075 v - 28.712887 - 44.860471 - 1.376516 v - 28.567911 - 44.106905 - 1.011539 v - 26.736206 - 42.779219 - 0.854816 v - 25.223288 - 40.139422 - 0.400071 v - 29.170390 - 45.082163 - 0.838855 v - 28.782393 - 44.492232 - 0.524904 v - 26.881330 - 42.874772 0.621377 v - 25.134439 - 40.266213 0.413064 v - 29.333492 - 45.187298 - 0.131804 v - 28.857804 - 44.318421 0.242428 v - 27.452720 - 42.416467 1.206057 v - 25.512083 - 40.165676 0.987006 v - 29.737835 - 45.264695 0.767866 v - 29.158435 - 44.802950 0.845026 v - 27.457585 - 42.421244 1.274733 v - 25.764775 - 40.186531 1.523479 v - 29.681440 - 45.401988 1.512829 v - 29.149091 - 44.567345 1.604852 v - 27.410921 - 42.508283 1.338188 v - 25.709359 - 40.150487 2.312437 v - 30.025058 - 45.172317 2.440948 v - 29.502260 - 44.701671 2.463732 v - 27.121295 - 42.753143 1.395917 v -25.717488 -40.100530 2.719687 v -29.661416 -45.365677 3.292590 v -26.783878 -43.053656 1.980182 v -25.793224 -40.016398 3.530004 v -29.934933 -45.028290 4.071135 v -29.347465 -44.659160 3.944878 v -25.827784 -40.460226 3.987033 v -29.470874 -43.642608 -2.212315 v -29.389798 -43.217885 -1.931471 v -28.195103 -41.484284 -1.790144 v -26.618908 -39.553436 -0.608709 v -30.118356 -43.586421 -1.737635 v -29.833269 -42.874357 -1.431901 v -28.265054 -40.919005 -0.679462 v -26.624633 -39.039004 -0.208431 v -30.137757 -44.041996 -1.100773 v -30.167927 -43.360962 -0.982407 v -28.707666 -41.365117 -0.275801 v -26.797762 -38.958343 0.316117 v -30.845105 -43.763169 -0.444896 v -30.380244 -42.893788 -0.120502 v -28.547620 -40.791947 0.557655 v -26.998984 -38.917108 0.938146 v -30.825229 -44.147280 0.446349 v -30.647680 -43.597249 0.559197 v -28.847213 -41.168552 1.157583 v -27.017406 -38.946981 1.503959 v -31.376506 -43.827751 1.412559 v -30.600245 -43.037814 1.524458 v -28.574971 -40.730421 1.963658 v -27.077153 -38.928233 2.029931 v -30.988331 -44.202843 2.419441 v -30.792656 -43.651715 2.422615 v -29.009454 -41.209135 2.634309 v -27.084184 -38.874924 2.492270 v -31.277215 -43.894766 3.197096 v -30.675447 -43.119602 3.310864 v -28.668596 -41.033930 3.262776 v -26.976171 -39.326850 3.288971 v -30.871596 -44.264311 4.049983 v -30.521156 -43.813037 4.052416 v -28.924255 -41.436671 4.503393 v -26.965491 -39.909750 3.659346 v -29.035263 -43.997439 -2.187723 v -28.749850 -43.616057 -2.135986 v -27.467464 -42.054369 -2.279983 v -25.830336 -39.920133 -1.120264 v -25.779370 -39.550559 -0.813580 v -22.465925 -35.444300 0.501972 v -22.758636 -35.579041 1.169716 v -22.756678 -35.626832 1.780354 v -22.870001 -35.496452 2.544274 v -22.859440 -35.621670 3.159836 v -26.304838 -39.556788 3.864603 v -26.530534 -39.950540 4.125334 v -29.894944 -44.241527 4.332430 v -30.426226 -44.628367 4.186060 v -29.879785 -45.854686 -2.887416 v -29.933124 -46.058548 -2.594617 v -30.201984 -46.094473 -2.342548 v -30.463041 -45.322514 -3.093296 v -30.827335 -45.313673 -2.829776 v -30.872546 -45.580041 -2.462545 v -31.831221 -48.003843 -4.568865 v -30.665747 -47.170505 -3.506835 v -30.600957 -46.940419 -3.815565 v -31.202843 -46.459361 -3.974366 v -31.499974 -46.481640 -3.733481 v -31.558267 -46.712023 -3.400187 v -30.943892 -47.202485 -3.234860 v -30.839142 -47.600924 -3.777445 v -30.750650 -47.393502 -4.212314 v -31.126840 -47.135886 -4.428161 v -31.343102 -46.952582 -4.298344 v -31.598701 -46.949170 -3.971399 v -31.706684 -47.209872 -3.696547 v -31.630533 -47.495077 -3.589128 v -31.186557 -47.675326 -3.524545 v -31.361317 -48.134046 -4.344118 v -31.231174 -47.763314 -4.537479 v -31.537293 -47.753524 -4.833631 v -31.706002 -47.499379 -4.656112 v -32.027103 -47.639608 -4.537509 v -32.012300 -47.719943 -4.165887 v -31.970679 -48.048638 -4.128835 v -31.583542 -48.032619 -3.966119 v -30.512553 -47.108415 -3.389418 v -30.416169 -46.847803 -3.752200 v -30.733592 -46.546222 -3.975908 v -31.137045 -46.335240 -3.917437 v -31.400001 -46.344199 -3.625676 v -31.505106 -46.593123 -3.308016 v -31.269502 -46.918525 -3.097420 v -30.830005 -47.146328 -3.066656 v -30.680490 -47.272704 -3.563318 v -30.604161 -47.057153 -3.940784 v -30.901618 -46.773253 -4.130318 v -31.275524 -46.584728 -4.066744 v -31.552393 -46.680429 -3.833335 v -31.626913 -46.825138 -3.502296 v -31.412134 -47.127490 -3.297277 v -31.009067 -47.351555 -3.262924 v -29.781265 -45.991355 -2.482154 v -29.709801 -45.733383 -2.824021 v -30.104829 -46.035261 -2.152420 v -30.336666 -45.178606 -2.900262 v -30.662661 -45.106311 -2.633834 v -30.718996 -45.437261 -2.351240 v -29.954038 -45.399229 -3.063185 v -30.450700 -45.838399 -2.120886 v -29.959764 -46.233130 -2.684474 v -29.905891 -45.977561 -3.061732 v -30.135236 -45.647560 -3.263577 v -30.593748 -45.503979 -3.215222 v -30.895804 -45.601015 -2.990831 v -30.922414 -45.730238 -2.616450 v -30.686631 -46.034044 -2.345099 v -30.314950 -46.253481 -2.393602 v -31.328655 -46.973882 -4.256249 v -31.566425 -46.970678 -3.962381 v -31.662660 -47.209545 -3.705714 v -31.912831 -47.705199 -4.136548 v -31.929058 -47.637739 -4.475092 v -31.633914 -47.507448 -4.584558 v -31.474224 -47.050300 -4.376483 v -31.718907 -47.050093 -4.090625 v -31.812709 -47.283947 -3.823516 v -32.087680 -47.770345 -4.266394 v -32.108594 -47.693807 -4.608647 v -31.806954 -47.570754 -4.717490 v -31.257576 -47.331175 -4.571446 v -31.515934 -47.225713 -4.503690 v -31.914017 -47.362205 -4.344682 v -31.874799 -47.473807 -3.909309 v -31.757917 -47.683395 -3.744131 v -31.812976 -47.497124 -3.926159 v -31.489888 -47.273445 -4.460348 v -31.978956 -47.560994 -4.058853 v -31.658893 -47.337879 -4.589334 v -31.369979 -47.871119 -3.738761 v -31.072463 -47.837003 -4.035091 v -30.963886 -47.594398 -4.363846 v -30.563192 -45.311389 -3.017263 v -30.502289 -45.202546 -2.896108 v -30.684288 -45.188544 -2.674981 v -30.764325 -45.390982 -2.506154 v -30.864150 -45.499529 -2.550207 v -30.885925 -45.581851 -2.670264 v -30.878004 -45.511899 -2.934466 v -30.663640 -45.426611 -3.085524 v -31.332512 -46.563042 -3.970183 v -31.284305 -46.448800 -3.935148 v -31.254283 -46.376475 -3.847901 v -31.449839 -46.404657 -3.667534 v -31.500152 -46.574196 -3.423712 v -31.559810 -46.659811 -3.472453 v -31.583068 -46.729644 -3.561005 v -31.547053 -46.603150 -3.802216 v -29.947749 -46.171396 -2.645315 v -29.822738 -45.915975 -3.010173 v -30.249093 -46.198867 -2.326676 v -29.843237 -46.039265 -2.522262 v -30.166058 -46.099398 -2.238866 v -29.736411 -45.821727 -2.924024 v -30.037992 -45.549812 -3.133612 v -30.587845 -45.936088 -2.234980 v -30.556488 -47.169556 -3.440888 v -30.502111 -46.921373 -3.834492 v -30.804255 -46.682802 -4.036485 v -31.311627 -47.034993 -3.199380 v -30.906780 -47.224230 -3.153547 v -30.636437 -47.257159 -3.522528 v -30.556963 -46.990732 -3.898926 v -30.973112 -47.278459 -3.219672 v -30.855191 -45.433612 -2.894862 v -30.590158 -45.420470 -3.048501 v -30.506116 -45.408633 -3.148682 v -30.402731 -45.260869 -3.029574 v -30.499204 -45.290772 -2.938263 v -30.739199 -45.261136 -2.751132 v -31.533348 -46.551472 -3.774597 v -31.306613 -46.510475 -3.953155 v -31.235980 -46.511335 -4.015097 v -31.476835 -46.446456 -3.703756 v -31.259623 -46.410323 -3.894921 v -31.179733 -46.401246 -3.957753 v -31.537560 -46.616351 -3.439761 v -31.542960 -46.657824 -3.366724 v -31.587280 -46.761535 -3.450233 v -31.577490 -46.691227 -3.498173 v -30.783104 -45.454971 -2.513244 v -30.781858 -45.524804 -2.407871 v -30.897702 -45.645840 -2.510959 v -30.849318 -45.572595 -2.603546 v -30.747861 -45.767320 -2.407575 v -30.719827 -45.697250 -2.316620 v -31.474165 -46.830745 -3.258801 v -31.504068 -46.884558 -3.312644 v -31.056443 -46.583037 -4.057696 v -31.008622 -46.502524 -3.988397 v -30.300266 -45.464049 -3.151678 v -30.248054 -45.382290 -3.075259 v -30.266862 -45.417622 -3.128064 v -31.027816 -46.538093 -4.035210 v -30.745043 -45.731010 -2.362216 v -31.483005 -46.855486 -3.290068 v -31.998001 -47.190174 0.798777 v -31.925765 -47.277806 1.293600 v -32.115091 -47.174481 1.734728 v -32.876104 -46.451944 0.635675 v -33.157661 -46.290088 1.149989 v -32.992512 -46.450550 1.702066 v -35.141995 -50.035940 0.928090 v -33.204236 -48.813418 1.143818 v -33.300797 -48.693243 0.636536 v -34.137101 -48.041459 0.565368 v -34.373744 -47.928730 1.014654 v -34.241139 -48.062640 1.515588 v -33.402550 -48.724748 1.634844 v -33.558265 -49.416343 1.110741 v -33.701728 -49.351880 0.521374 v -34.271961 -49.070442 0.309947 v -34.455384 -48.742725 0.488118 v -34.675147 -48.512253 0.986442 v -34.603297 -48.728011 1.514757 v -34.422515 -49.070501 1.709512 v -33.822942 -49.360661 1.651635 v -34.446069 -50.131018 1.002313 v -34.376978 -49.844596 0.530540 v -34.935730 -49.854416 0.358124 v -35.045137 -49.442983 0.521136 v -35.378401 -49.501335 0.898928 v -35.148908 -49.452594 1.362187 v -35.070828 -49.857234 1.536888 v -34.495017 -49.857916 1.509477 v -32.954807 -48.720298 1.165533 v -33.039413 -48.573750 0.581328 v -33.566572 -48.232654 0.347919 v -34.034429 -47.867292 0.559791 v -34.175548 -47.727656 1.027440 v -34.124790 -47.859342 1.528493 v -33.735518 -48.221322 1.844699 v -33.153389 -48.592231 1.745170 v -33.255676 -48.992896 1.140110 v -33.371669 -48.892863 0.540360 v -33.852400 -48.546635 0.347830 v -34.290206 -48.207438 0.543534 v -34.522310 -48.178277 0.993265 v -34.373922 -48.218296 1.483460 v -34.022859 -48.542156 1.782965 v -33.495167 -48.890074 1.688272 v -31.665657 -47.158076 1.314633 v -31.759252 -47.028615 0.717582 v -31.892302 -47.022385 1.863091 v -32.606354 -46.192844 0.716752 v -32.770049 -45.987796 1.185231 v -32.747652 -46.229333 1.675783 v -32.036922 -46.773342 0.489394 v -32.390744 -46.630561 2.019518 v -32.031048 -47.539012 1.270283 v -32.146744 -47.375703 0.679165 v -32.552066 -47.011171 0.465246 v -33.086878 -46.731573 0.686018 v -33.353572 -46.690159 1.124269 v -33.180206 -46.697665 1.611141 v -32.718550 -47.007878 1.948113 v -32.277926 -47.378877 1.823369 v -34.402906 -48.751922 0.533744 v -34.611307 -48.546072 0.998575 v -34.539605 -48.738364 1.469072 v -35.007580 -49.436812 1.337387 v -35.219957 -49.495283 0.918389 v -34.911434 -49.430226 0.572339 v -34.681466 -48.868982 0.504138 v -34.814220 -48.696773 0.972202 v -34.790784 -48.866431 1.440682 v -35.300351 -49.544855 1.308077 v -35.517088 -49.592824 0.884096 v -35.207468 -49.536874 0.541279 v -34.506884 -49.358851 0.289685 v -34.802294 -49.135617 0.463882 v -35.133125 -49.086313 0.931828 v -34.902208 -49.134015 1.458897 v -34.662302 -49.354876 1.697201 v -34.832968 -49.185841 1.419916 v -34.743616 -49.186731 0.523510 v -35.045404 -49.208802 1.395383 v -34.949050 -49.212807 0.499213 v -34.188334 -49.654795 1.573406 v -33.958841 -49.828606 1.064433 v -34.039264 -49.643433 0.504731 v -32.964982 -46.389676 0.770980 v -32.832970 -46.199134 0.822421 v -32.891500 -46.100199 1.174433 v -32.914195 -46.242742 1.511287 v -33.064184 -46.372707 1.550890 v -33.219424 -46.487869 1.498916 v -33.304120 -46.541772 1.137885 v -33.117612 -46.556575 0.806490 v -34.284451 -48.152171 0.689726 v -34.190025 -48.016303 0.648847 v -34.104825 -47.910456 0.698626 v -34.252412 -47.798586 1.026906 v -34.172552 -47.912740 1.373579 v -34.284332 -48.017994 1.408851 v -34.353216 -48.158401 1.359131 v -34.479532 -48.098654 1.003974 v -31.981981 -47.435093 1.277225 v -32.044368 -47.284540 0.702868 v -32.165018 -47.288159 1.827315 v -31.784616 -47.250721 1.297902 v -32.012418 -47.137992 1.846924 v -31.891294 -47.133067 0.723308 v -32.363541 -46.850443 0.452193 v -32.542899 -46.844065 1.997061 v -33.053475 -48.798289 1.158770 v -33.190144 -48.681495 0.566228 v -33.690396 -48.379173 0.391764 v -33.822705 -48.360009 1.796848 v -33.320050 -48.678380 1.703134 v -33.199074 -48.937628 1.149633 v -33.278548 -48.798971 0.543208 v -33.422100 -48.783604 1.690615 v -33.233634 -46.441591 1.145806 v -33.023364 -46.531745 0.801269 v -32.949022 -46.589177 0.653030 v -32.755305 -46.374250 0.654038 v -32.848396 -46.320496 0.806431 v -33.002687 -46.208983 1.162419 v -34.429130 -48.020159 1.006199 v -34.232744 -48.083584 0.645020 v -34.193555 -48.114407 0.557714 v -34.312129 -47.861507 1.018155 v -34.139119 -47.959819 0.648313 v -34.094620 -47.974385 0.557269 v -34.233841 -47.966316 1.412085 v -34.191746 -47.983670 1.518525 v -34.302428 -48.144428 1.493873 v -34.322452 -48.093967 1.406745 v -32.926565 -46.327764 1.527365 v -32.867234 -46.380391 1.699515 v -33.035141 -46.557969 1.677325 v -33.096787 -46.481729 1.519563 v -32.851541 -46.672182 1.797738 v -32.747118 -46.553193 1.816338 v -34.048876 -48.143598 1.661068 v -34.117433 -48.242800 1.652465 v -33.984116 -48.236422 0.448218 v -33.921403 -48.154040 0.451185 v -32.698941 -46.699593 0.562550 v -32.593539 -46.574137 0.573229 v -32.636732 -46.638541 0.557358 v -33.948576 -48.195097 0.443709 v -32.804194 -46.617627 1.826009 v -34.079876 -48.198806 1.659763 v -31.507331 -46.640262 3.050310 v -31.382112 -46.692503 3.471859 v -31.444440 -46.621068 3.887683 v -32.304210 -45.985155 3.009135 v -32.460310 -45.826711 3.475983 v -32.251672 -45.934308 3.935652 v -34.310764 -49.212362 3.759052 v -32.560046 -48.157570 3.615115 v -32.756729 -48.032856 3.191608 v -33.458441 -47.508664 3.182263 v -33.606828 -47.372973 3.625676 v -33.400800 -47.47.........完整代码请登录后点击上方下载按钮下载查看
网友评论0