[toc]

Three.js的学习要点

1. 基本概念：了解 Three.js 的基本概念，例如场景、相机、渲染器、光源等等。
2. 几何体和材质：了解 Three.js 的几何体和材质，例如平面、立方体、球体等等，并学会创建和使用不同类型的材质。
3. 动画和交互：学会使用 Three.js 创建动画和交互效果，例如旋转、平移、缩放、鼠标交互等等。
4. 导入模型：学会使用 Three.js 导入外部模型和纹理，例如 OBJ、MTL、GLTF 等等，并学会调整模型的材质和纹理。
5. 基础渲染技巧：学会使用 Three.js 的基础渲染技巧，例如透视投影、阴影、雾化等等。
6. 优化和调试：学会优化 Three.js 应用程序的性能，例如减少渲染数量、使用缓存等等，并学会调试 Three.js 应用程序。
7. 学习 Three.js 的 API 文档：熟悉 Three.js 的 API 文档，并了解 Three.js 的不同版本之间的差异。
8. 实践项目：尝试使用 Three.js 创建自己的项目，例如创建一个简单的游戏或交互式 3D 网站，以巩固所学的知识。

Three.js及和它类似的工具

• Three.js: threejs.org/ - Three.js 是一个基于 WebGL 的 JavaScript 3D 库，可以轻松创建复杂的 3D 场景。
• Babylon.js: www.babylonjs.com/ - Babylon.js 是一个基于 WebGL 的 3D 游戏引擎和框架，支持多种平台和设备，并提供了丰富的工具和功能。
• PlayCanvas: playcanvas.com/ - PlayCanvas 是一个基于 WebGL 的 3D 游戏引擎和编辑器，可以轻松创建和发布 Web 上的高质量 3D 游戏和应用。
• Blend4Web: www.blend4web.com/en/ - Blend4Web 是一个基于 WebGL 的 3D 游戏引擎和框架，支持多种平台和设备，并提供了丰富的工具和功能。
• PixiJS: www.pixijs.com/ - PixiJS 是一个基于 Canvas 和 WebGL 的 2D 游戏引擎和框架，可以帮助开发者创建高性能和可扩展的 Web 应用。
• A-Frame: aframe.io/ - A-Frame 是一个基于 WebVR 的框架，可以轻松创建虚拟现实场景和应用，支持多种 VR 设备和浏览器。
• CopperCube: www.ambiera.com/coppercube/ - CopperCube 是一个基于 WebGL 的 3D 游戏引擎和编辑器，可以帮助开发者创建和发布高质量的 3D 游戏和应用。
• Verge3D: www.soft8soft.com/verge3d/ - Verge3D 是一个基于 WebGL 的 3D 游戏引擎和框架，可以帮助开发者创建高质量的 3D 场景和应用，并支持多种平台和设备。
• Goo Engine: www.gootechnologies.com/ - Goo Engine 是一个基于 WebGL 的 3D 游戏引擎和编辑器，可以帮助开发者创建和发布高质量的 3D 游戏和应用。
• Hilo: hiloteam.github.io/Hilo/ - Hilo 是一个基于 Canvas 和 WebGL 的 HTML5 游戏框架，支持多种平台和设备，并提供了丰富的工具和功能。
• Zea Engine: zea.live/ - Zea Engine 是一个基于 WebGL 的 3D 引擎和框架，可以帮助开