Three.js

本文介绍 Three.js 的基础方法：监听材质加载。 在 《Three.js 基础纹理贴图》 里介绍了如何给图形贴图，贴图前需要先把纹理加载好。我们基于这篇文章继续讲解如何监听材质加载结果。

🙉 尽管 Three.js 文档已经比较详细了，但对于刚接触 Three.js 的工友来说，最麻烦的还是不懂如何组合。Three.js 的功能实在太多了，初学者很容易被大量的新概念冲晕。

🐸 不管是做游戏还是做普通网页，在这个时代基本都离不开动画。说到动画，第一个联想到的概念就是“帧”。Three.js 提供了一个性能检测工具 Stats 可以监测帧率、内存等数据变化~

渲染阴影效果需要消耗一定的资源，所以 Three.js 默认是关闭阴影效果的。 想要在 Three.js 中实现阴影效果，只需记住本文要讲的几个点即可。

简单的动画可以提高 Three.js 初学者 的学习兴趣和信心。 本文会从初学者的角度出发讲解几个简单的动画，包括：平移、旋转、缩放、跳跃。

关于你想知道 Three.js 场景的用法，这里全都有。Scene的属性和方法本来也不多，本文将详细讲解场景的每个方法和属性~

如果你使用 Three.js 开发时，我建议你把辅助坐标轴加上，这样比较方便你观察元素的位置和关系~

0基础学Three.js，使用原生三件套的方式快速开启学习旅程，不需要麻烦的环境搭建。一文搞懂Three核心概念~