Three.js教程之在网页快速实现 3D效果（教程含源码）

介绍

本文概述了与使用 Three.js 在常规 Web 浏览器中直接在 Web 上制作 3D 图形相关的术语和概念。对于 3D，就像任何主题一样，如果您深入了解所有细节，事情会很快变得复杂。我将尝试做相反的事情，并简单概述您在学习如何在常规 Web 浏览器中制作 3D 时会遇到的所有概念。

什么是 Three.js？

Three.js 是一个 JavaScript 库和 API，可让您使用 WebGL 在 Web 浏览器中创建和显示动画 3D 图形。

WebGL（Web Graphics Library）本身就是一个 Javascript API，用于在浏览器中渲染 2D 和 3D 图形。

开箱即用的 WebGL 使用起来非常复杂且耗时，这也是 Three.js 变得如此流行的原因之一。

Three.js 像 3D 建模程序一样思考

我将把学习 Three.js 分为 3 个步骤：

• 了解 3D 建模程序如何思考
• 了解如何使用 Three.js 使用 JavaScript 来完成 3D 建模程序所做的基本操作
• 深入了解细节并进行微调，以获得越来越令人印象深刻和专业的结果

Three.js 像 3D 建模程序一样思考。几乎所有 3D 建模程序都广泛使用了一些概念，一旦您理解了这些概念，您就会发现 Three.js 只是在重复它们，但在 Web 浏览器中使用 javascript。