Three.js实现3D城市扫光效果

时间:2021-05-17 09:27:43
【文件属性】:
文件名称:Three.js实现3D城市扫光效果
文件大小:9.41MB
文件格式:ZIP
更新时间:2021-05-17 09:27:43
Web开发源代码 JS/Ajax源代码 特效 使用Obj 模型 + shader 实线 加载 obj 格式文件加载到 scene中; 使用 ShaderMaterial 材质。     var Shader = { vertexShader: ` varying vec3 vp; void main(){ vp = position; gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0); } `,
【文件预览】:
index.js
assets
----city-gry1.obj(4.67MB)
index.html
demo1
----index.js(3KB)
city.gif
lib
----RenderPass.js(2KB)
----OBJLoader.js(19KB)
----stats.min.js(2KB)
----three.js(1.16MB)
----BloomPass.js(4KB)
----tween.min.js(6KB)
----CopyShader.js(668B)
----UnrealBloomPass.js(12KB)
----ShaderPass.js(2KB)
----EffectComposer.js(6KB)
----three98.js(1.12MB)
----OrbitControls.js(23KB)
----LuminosityHighPassShader.js(1KB)
----dat.gui.min.js(56KB)
README.md
libs
----index.js(8KB)

网友评论

  • 效果虽然简单,但挺不错的