threejs特训营实战项目-甜甜圈掉落| 大帅老猿threejs特训

下面跟我一起做一个甜甜圈的具体的DEMO。

npm install three 然后需要引用一些包来使用

然后就开始咱们的主要代码

 three中的注释写的也比较清楚

 然后我们得到了一个这样的画面。 随后用鼠标拖动一下，网格体就以立体的形式呈现出来了。

 但是距离甜甜圈还很远。 我们先把boxGeometry 相关的代码注释掉，然后再加入一个代码

 我们发现在场景中有了许多的甜甜圈

 然后接下来实现甜甜圈掉落的场景

然后调整一下方向光

为了整体效果更好，加一个环境图片

 加上了环境图片的效果更好了。

注：glb文件后缀是3D 模型文件，也就是甜甜圈的模型文件，hdr是环境图片文件。 就此大功告成。 感谢胖达老师的耐心教学，感谢大帅老师的鼎力支持，在特训营里，我们学到了不少好的有用的知识，每天不断进步，让我们的能力和技术更强。 如果你没有人一起学习，那就来加入我们吧。 加入猿创营 (v:dashuailaoyuan)，一起交流学习