# Three.js 官方文档

毋庸置疑，Three.js 官方文档 [1] 是学习如何在 Web 上创建 3D 图形的一个很好的起点。它提供了易于上手的教程，介绍了使用 Three.js 的基础知识，即使您没有 3D 图形经验。

这些文档解释了 Three.js 如何通过处理复杂的任务（如在幕后设置场景、光照、材质和 3D 数学）来简化 WebGL。这使开发人员可以专注于创建 3D 内容。

# 探索 three.js

探索 three.js [2] 是学习 Three.js 的综合交互式指南。

它由 Three.js 核心开发人员编写，是构建专业 3D Web 应用程序的完整教程。

这本书涵盖了您开始创建可在任何操作系统和设备（从智能手机到笔记本电脑到智能手表）上运行的令人惊叹的、专业品质的、高性能的 3D Web 应用程序所需的一切，即使您对 Web 开发和计算机图形完全陌生。Three.js 是有史以来最易于访问的计算机图形框架，我们将充分利用它来引导您很快获得高水平的专业知识。

在这里，我们介绍了创建基本的 Three.js 应用程序所需的所有基本概念，有了这些知识，您将可以立即创建自己的惊人项目。有了三维的力量，唯一的限制就是你的想象力！

每章都带有一个实时代码编辑器，它会在您键入时自动更新，具有修改前和修改后视图，因此您可以处理文本或向前跳过以查看已完成的代码。您还可以将代码下载为 zip 文件，以便在您自己的计算机上使用。

那你还在等什么？快去深入了解《探索 three.js》提供的内容，完全免费！

# TutorialsPoint

如果您有 JavaScript 经验，TutorialsPoint [3] Three.js 教程是学习 Three.js 的好指南。它旨在帮助您开始创建 3D 浏览器图形。

本教程广泛介绍了 Three.js，从设置简单的 “Hello Cube” 演示等基础知识开始。然后，它进入更高级的主题，如渲染、动画、几何体、材质、相机、照明等。

引人入胜的部分将介绍创建线条、文本、加载 3D 模型、使用插件和其他实用技能。此外，还介绍了调试和优化。最后，您将全面了解 Three.js 和 WebGL 基础知识。

总体而言，TutorialsPoint 指南是掌握 Three.js 3D 开发的绝佳资源，因为它专注于通过实际示例获得实践技能。

# Udemy

Udemy [4] 提供免费的 Three.js 课程，涵盖从基础知识到高级 3D Web 开发的所有内容。

每门课程通常从 Three.js 和 WebGL 的基础知识开始，然后发展到更高级的技能。

您将学习如何跨设备创建响应式 3D 图形，使用照明和摄像机构建交互式场景，制作逼真的材质和纹理，以及为对象制作动画。

使用 Blender 进行综合练习，教授 3D 建模和动画。基于项目的课程可让您通过构建太阳系场景来应用技能。还涵盖了调试、优化和高级 Three.js 技术。

其中一门课程介绍了使用 React Three Fiber 将 Three.js 与 React 集成。结构化的学习路径可帮助您逐步培养从初级到高级的技能。

# Alison

Alison [5] 提供免费的在线课程 - 使用 Three.js 进行 3D 应用和游戏开发。本详细课程教您如何使用 Three.js 构建 3D 游戏和应用程序。

该课程由 Sonar Systems 创建，涵盖绘制几何图形、添加纹理和加载复杂 3D 模型等关键技能。您将学习如何在 Web 上创建交互式 3D 体验、使用照明和材质，以及使用天空盒来增强游戏氛围。

还涵盖了监控 Three.js 中的帧速率，以实现最佳 3D 应用程序性能。最后，您将全面了解如何使用 Three.js 开发沉浸式 3D 应用程序和游戏。

本课程的重点是实用技术，您可以应用这些技术来构建引人入胜的 3D 项目。

# 结束

掌握 Three.js 的顶级免费资源。借助 Three.js 的强大功能，您的 3D 想象力可以成为网络上的交互式现实。

官方文档提供了必要的基础，而像《探索 three.js》这样的书籍则带您了解构建高级 3D Web 应用程序的专业技术。Udemy 和 Alison 等平台上的结构化课程将通过动手项目提升您的技能。

无论你走哪条路，都要花时间练习和实验。让自己沉浸在 3D 开发的世界中。让这些例子为你自己的创意 3D 项目激发灵感。

未来是三维的。机会是无穷无尽的。

现在是开始使用 Three.js 开发 3D Web 应用的最佳时机。

那就行动起来吧，祝好！

# 参考资料

https://dev.to/evergrowingdev/5-best-platforms-to-learn-threejs-for-free-1j2p

# 学习资源

Three.js 官方文档: https://threejs.org/docs/index.html#manual/zh/introduction/Creating-a-scene
探索 three.js: https://discoverthreejs.com/zh/
TutorialsPoint: https://www.tutorialspoint.com/threejs/index.htm
Udemy: https://www.udemy.com/topic/threejs/?price=price-free&sort=popularity
Alison: https://alison.com/course/3d-application-and-game-development-with-three-js

threejs