前段时间看国外大神Bruno Simon在他的开发播客中分享的他新3D网站的开发过程，其中提到了在three.js中用webGPU实现绿植的方法，感觉还比较简单实用，于是动手按照他提到的方法实现了一下，现在分享出来，希望对你也有所帮助。 创建几何体 首先创建绿植的几何体，创建一些平面几何体让它们在一个球面上随机分布： 修改法线 我们先来看看现在这些平面体顶点的法线分布： 现在每个平面上顶点的法线normal都是垂直于平面的，如果要让这些平面作为一个整体来渲染，就需要重新计算法线。 合并几何体并贴图 ...