qq_49491645的博客

当前Three.js在网上有不少的零碎教程，然而对于初级开发者就像入门迈槛不知先迈左脚还是右脚，于是我就先进去试试水...... 发现还不错，虽然有点云里雾里但是搞懂了内部基础构造还是比较简单的，而Three.js官网上的示例逼格之高又令人望而却步。粒子系统读取模型中的vertices属性，即所有顶点位置，结合粒子材质来创建粒子效果，以上代码效果如下；可以观察到，粒子默认会展示为方块形状，若要修改，可以在构建粒子材质时时传入map属性，应用一张图片或者应用canvas的绘图结果，具体后面会提到。

可以使用Three.js的一个三维向量Vector3来表示，Three.js几何体对。Geometry的属性.vertices表示顶点位置位置坐标的集合。

最近一直在学three js， 因此我觉得作为新人在日常开发和学习中，坐标轴能粗略的帮我们定位元素位置和关系，所以本人使用 Three.js 学习和开发时基本都会打开坐标轴。本文使用 Three.js 的版本为最新版本，使用parcel进行打包发布并启动服务。

初学three js的时候通常会出现问题导入OrbitControls会出现问题报错，正确导入的方式应该是。