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