three打造一个多彩鼠标跟随三维冰珠灯光照射动画效果代码
代码语言:html
所属分类:三维
代码描述:three打造一个多彩鼠标跟随三维冰珠灯光照射动画效果代码
代码标签: 多彩 鼠标 跟随 三维 冰珠 灯光 照射 动画 效果
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> body { margin: 0; width: 100%; height: 100%; } canvas { display: block; } </style> </head> <body translate="no"> <canvas id="canvas"></canvas> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/chroma.min.js"></script> <script type="module"> import { Color, DodecahedronBufferGeometry, IcosahedronBufferGeometry, InstancedBufferAttribute, InstancedMesh, MathUtils, Object3D, PointLight, Scene, ShaderChunk, ShaderLib, ShaderMaterial, TetrahedronBufferGeometry, UniformsUtils, Vector2, Vector3 } from 'https://unpkg.com/three@0.120.0/build/three.module.js'; import { EffectComposer } from 'https://unpkg.com/three@0.120.0/examples/jsm/postprocessing/EffectComposer.js'; import { RenderPass } from 'https://unpkg.com/three@0.120.0/examples/jsm/postprocessing/RenderPass.js'; import { UnrealBloomPass } from 'https://unpkg.com/three@0.120.0/examples/jsm/postprocessing/UnrealBloomPass.js'; import { ShaderPass } from 'https://unpkg.com/three@0.120.0/examples/jsm/postprocessing/ShaderPass.js'; import { FXAAShader } from 'https://unpkg.com/three@0.120.0/examples/jsm/shaders/FXAAShader.js'; import useThree from '//repo.bfw.wiki/bfwrepo/js/useThree.js'; App(); function App() { let three, s.........完整代码请登录后点击上方下载按钮下载查看
网友评论0