Three.js 训练营：从零到精通

Three.js Bootcamp: Zero to Mastery

通过构建自己的项目来学习 Three.js。本课程由行业专业人士授课，涵盖从初学者到高级主题的所有内容。如果您是一名 JavaScript 开发人员，并且认真希望通过直接在 Web 浏览器中创建令人难以置信的交互式 3D 体验来将您的编码技能和职业生涯提升到一个新的水平，那么这门课程就是适合您的。

课程大纲

此 Three.js 课程涵盖了所有 Three.js 最佳实践和 2024 年趋势，并重点关注效率。

这意味着您永远不必再花时间在令人困惑的、过时的、不完整的教程上。

相反，我们将快速帮助您超越基础知识，以便您可以使用最新版本的 Three.js 自行构建令人难以置信的交互式 3D 浏览器体验，并成为专业的 Three.js 开发人员。

成功案例不言自明。

从零到精通的毕业生现在在谷歌、特斯拉、亚马逊、苹果、IBM、Uber、Facebook、Shopify 等顶级科技公司工作。他们还作为顶级自由职业者在世界各地远程工作时获得报酬。这可以是你。

今天注册，您还可以加入我们独家的实时在线社区课堂，与数千名学生、校友、导师、助教和讲师一起学习。

最重要的是，您将向 Jesse Zhou 学习，他是一位资深行业专业人士，拥有使用 Three.js 和 3D 环境的实际经验。

什么是 Three.js？

Three.js 是一个 JavaScript 库，用于在 Web 浏览器上创建和显示 3D 图形。

它建立在 WebGL 之上，WebGL 是一个强大的工具，可以直接在 Web 浏览器中构建真正创新的交互式 3D 体验。

那么这一切意味着什么……？这意味着 Three.js 将让您的创意发挥得淋漓尽致，让您能够构建具有令人惊叹的沉浸式 3D 体验的网站。

使用 Three.js 的主要优点之一是它显着简化了使用 WebGL 创建 3D 图形的过程。虽然 WebGL 是用于创建 3D 图形的非常强大的 API，但有效学习和使用可能相当具有挑战性。

Three.js 抽象了 WebGL 的大部分复杂性，使刚接触 3D 图形编程的开发人员更容易、更容易使用。

通过使用 Three.js，JavaScript 开发人员可以创建复杂的 3D 场景和动画，而使用 HTML 和 CSS 等传统 2D Web 技术很难甚至不可能实现这些场景和动画。

该库提供了广泛的工具和功能，例如对照明、材质、相机和几何的支持，这使得创建真正令人印象深刻的 3D 可视化和游戏变得容易。

谁应该学习 Three.js？

坦率地说，我们认为每个人都应该学习 Three.js…因为它真的很棒！但如果您正在寻找梦想的职业，那么 Three.js 可以发挥以下一些重要作用：

Web 开发人员：如果您是当前或有抱负的 Web 开发人员，您将能够使用 Three.js 为您的网站创建令人惊叹的可视化效果、交互式信息图表和其他引人入胜的 3D 内容。

此外，随着虚拟和增强现实的日益普及，Three.js 对于创建允许用户实时探索 3D 环境的沉浸式体验也变得越来越重要。

创建“传统”2D 网页的能力是 Web 开发人员的一项常见技能，尤其是随着许多用户友好的无代码网站构建器的流行。但是，使用 Three.js 在网络上创建身临其境的 3D 体验的能力使开发人员能够真正脱颖而出。

就我个人而言，我使用 Three.js构建了自己的 3D 作品集，并因此而在网络上出名。我收到的要求建立模仿我的 3D 作品集外观和感觉的网站的请求数量之多令人难以置信。我很少自我推销或花时间寻找线索，工作本身就说明了一切。这是一个很好的例子，说明了独特、强大的 Three.js 技能如何受到 Web 开发人员的强烈需求。

游戏开发者：如果您想进入游戏开发，那么 Three.js 是一项令人惊叹的技能，可以添加到您的工具包中。

为什么？因为游戏开发者可以利用 Three.js 来创建直接在浏览器中运行的丰富、身临其境的游戏，无需用户下载或安装任何额外的软件。

Three.js 库提供了各种可用于渲染游戏场景的功能和工具，并以支持行业标准 3D 工作流程和渲染管道的方式实现。

VR 开发者：新兴的虚拟现实 (VR) 领域也是 Three.js 越来越受欢迎的一个不断增长的领域。

凭借其创建可实时渲染的 3D 图形的能力，Three.js 可用于创建身临其境的虚拟现实体验，可以通过 Oculus Quest 的 Web 浏览器等通过 WebXR 直接访问，无需安装自定义应用程序。

3D 艺术家： Three.js 对于想要在网络上展示其作品的 3D 艺术家也很有用。

借助 Three.js，3D 艺术家可以创建交互式画廊和作品集，让用户可以实时探索他们的作品。Three.js 库提供对行业标准文件格式和渲染管道的支持

以下是 Three.js 课程的内容：

本课程与所有“零到精通”课程一样，是一个活生生的东西，会不断更新。这意味着它将成为您在整个职业生涯中寻找最新 Three.js 最佳实践和资源的首选之地！

以下概述了您将在本课程中学习的内容。本课程分为三大部分，然后再细分为小部分。

1. 开始使用 THREE.JS：在深入 Three.js 的世界之前，拥有必要的资源和必备知识至关重要。本节作为基础，向您介绍 Three.js 是什么、您需要的先决知识以及在哪里可以找到 Three.js 官方文档。

以下是您将学到的一些细节：

• 什么是 Three.js：了解 Three.js 的核心概念和功能。
• 灵感：了解 Three.js 示例集合以帮助您入门。
• Three.js 文档：获取和理解 Three.js 官方文档。

2. THREE.JS 基础知识：您将深入了解 Three.js 的核心概念，例如创建场景、操作网格和使用相机。在本节结束时，您将使用您获得的新技能创建一个身临其境的 3D 太阳系场景。

以下是您将学到的一些细节：

• Hello World（您的第一个场景）：了解如何设置您的第一个 Three.js 场景。
• 相机：了解不同类型的相机及其属性。
• 操纵网格：学习如何变换 3D 对象并为其设置动画。
• 网格 – 几何形状和材料：探索不同类型的几何形状和材料。
• 纹理：了解如何应用和操作纹理。
• 灯光和阴影：学习如何创建逼真的灯光和阴影。

3. 高级 Three.JS 和创建您的作品集：您将使用您的 Three.js 技能创建一个像第三人称游戏一样设计的个性化作品集。该作品集将证明您的技术能力和创造力。

以下是您将学到的一些细节：

• 组合代码结构：学习 Three.js 项目的架构。
• 预加载器：了解如何为您的资源创建预加载屏幕。
• 物理：将现实世界的物理应用到您的 3D 场景中。
• 基本输入：学习如何使用键盘输入控制对象。
• 角色物理：实现角色控制器以进行更复杂的动作。
• 相机控制器：学习如何创建第一人称和第三人称相机控制器。
• Avatar Body：将 3D 头像添加到场景中。
• 动画控制器：为您的 3D 头像实现动画。
• 使用 Blender 和 Three.js 创建环境：学习如何创建复杂的 3D 环境。
• 处理交互性：实现门户等交互元素。

底线是什么？

本 Three.js 课程并不是要让您在不了解 Three.js 原理的情况下进行编码，这样当您完成本课程时，除了观看其他教程之外，您甚至不知道该怎么做。不！

本课程将推动您并挑战您从一个绝对的初学者成为 Three.js 开发人员中排名前 10% 的人。

而且你没有什么可失去的。您可以立即开始学习，如果本课程未达到您的预期，我们将在 30 天内 100% 退款给您。没有麻烦，也没有问题。