前言 摸鱼时发现了这threejs实现的效果，从效果图中可以看出来，在滚动页面的时候，模型在进入不同的场景，或者说进入不同的页面，渲染模式改变了，下面我们一步一步拆解出这种效果是怎么实现的。。。

前言 Three.js是一款基于原生WebGL封装通用Web 3D引擎，在小游戏、产品展示、物联网、数字孪生、智慧城市园区、机械、建筑、全景看房、GIS等各个领域基本上都有three.js的身影。 本

呀哈喽！这里是alphardex。 最近我用three.js模拟了一下现实中的下雨效果，让我们一起来看看它是怎么实现的吧。 https://code.juejin.cn/pen/72002870966

Three.js 三维可视化实战之模型边缘高亮实现，这里需用到多个效果组合器来实现，在机房等场景经常会使用到此效果。

在Three.js中，像创建比较简单的Mesh时，我们可以直接使用Three.js自带的API实现，如果当我们需要创建形状复杂的物体时，我们就需要导入模型。