有办法把代码弄出来吗？

Question

假设我有一个这样的网站https://www.itsoffbrand.com/ 里面的特效我很喜欢。有办法把代码弄出来吗？

有办法把代码弄出来吗？

Answer 1

找了下是这块代码，看起来是three.js绘制在canvas上，再细节的东西等其他大佬来看吧，没用过three.js

<div data-orb-wrap="" pointer-none="" class="orb-w" style="user-select: text;"><div data-orb="" class="orb" style="min-height: 45em; min-width: 45em; translate: none; rotate: none; scale: none; transform: translate(0px, 0px); height: 80vh; width: 80vh; opacity: 1; visibility: inherit; user-select: text;"><canvas data-engine="three.js r156" width="721" height="721" style="display: block; width: 577px; height: 577px; user-select: text;" class=""></canvas></div><div orb-out-w="1" class="orb-outline-w" style="user-select: text;"><div orb-out-r="1" class="orb-outline-r" style="user-select: text;"><div orb-outline="1" class="orb-outline" style="translate: none; rotate: none; scale: none; transform: translate3d(0px, 0px, 0px) rotate(341.784deg) scale(1.2, 1.2); opacity: 1; visibility: inherit; user-select: text;"></div></div></div><div orb-out-w="2" class="orb-outline-w is-2" style="user-select: text;"><div orb-out-r="2" class="orb-outline-r" style="user-select: text;"><div orb-outline="2" class="orb-outline is-2" style="translate: none; rotate: none; scale: none; transform: translate3d(0px, 0px, 0px) rotate(-341.784deg) scale(0.9, 0.9); opacity: 1; visibility: inherit; user-select: text;"></div></div></div></div>