用three.js实现各种炫酷效果

掘金博客：敲敲敲敲暴你脑袋

• 详细实现过程讲解请看博客

地球贴图

• 源码地址:src/world.html
• 预览效果

地球柱体

• 源码地址:src/earth.html
• 预览效果

InstancedMesh 地球柱体优化

• 源码地址:src/earth1.html
• 预览效果

BufferGeometryUtils.mergeGeometries 地球柱体合并优化

• 源码地址:src/earth2.html
• 预览效果

动画地球柱体

• 源码地址:src/earth3.html
• 预览效果

合并形状监测单个形状动作

• 源码地址:src/mergeGeometry.html
• 预览效果

部分泛光

• 源码地址:src/UnrealBloom.html
• 预览效果

3D 区块泛光轮廓

• 源码地址:src/mapBoundary.html
• 预览效果

3D 区块渐变围栏

• 源码地址:src/mapBoundary1.html
• 预览效果

3D 区块多重渐变围栏

• 源码地址:src/mapBoundary2.html
• 预览效果

生成随机建筑，俯视 UV

• 源码地址:src/building.html
• 预览效果

雷达扩散特效

• 源码地址:src/radar.html
• 预览效果

雷达扫描特效

• 源码地址:src/radar1.html
• 预览效果

2D 热力图

• 源码地址:src/heatmap.html
• 预览效果

3D 热力山丘图

• 源码地址:src/heatmap3d.html
• 预览效果

帧缓存贴图

• 源码地址:src/FrameBuffer.html
• 预览效果

雨雪雾

• 源码地址:src/RainSnow.html
• 预览效果

地球渐变扫光

• 源码地址:src/EarthScan.html
• 预览效果

地球斑点扫光

• 源码地址:src/EarthScan1.html
• 预览效果

无限光束

• 源码地址:src/lineBase.html
• 预览效果

顺着公路无限光束

• 源码地址:src/line.html
• 预览效果

心形流动光束

• 源码地址:src/lineHeart.html
• 预览效果

高德地图+Three.js实现炫酷飞线+标牌

• 源码地址:src/mapTravel.html
• 预览效果

canvas 2D风场图

• 源码地址:src/wind/windCanvas.html
• 预览效果

风场uv风向数据图片

• 源码地址:src/wind/windPic.html
• 预览效果

canvas贴图3D风场图

• 源码地址:src/wind/wind.html
• 预览效果

平面3D风场图

• 源码地址:src/wind/wind1.html
• 预览效果

地球3D风场图

• 源码地址:src/wind/wind2.html
• 预览效果