Three.js 基础概念：构建3D世界的核心要素

---

前言

在数字化时代的浪潮中，Three.js 作为一款强大的 JavaScript 库，使得开发者能够轻松地将逼真的三维图形带入网页。对于初学者来说，理解 Three.js 的核心概念是掌握这个库的关键第一步。本文将深入探讨这些基础概念，帮助你为创建自己的3D项目打下坚实的基础。

---

一、场景（Scene）

场景就像是一个舞台，所有3D元素都在这里共存。它是容纳几何体、光源、相机等所有对象的容器。在 Three.js 中，场景通过 THREE.Scene() 构造函数创建：

const scene = new THREE.Scene();

一旦有了场景，我们就可以开始向其中添加各种元素，从而构建出想要展示的世界。

二、相机（Camera）

为了看到场景中的内容，我们需要一个“眼睛”，这就是相机的作用。Three.js 提供了两种主要类型的相机：透视相机 (THREE.PerspectiveCamera) 和正交相机 (THREE.OrthographicCamera)。透视相机模仿了人眼观察世界的自然方式，而正交相机则提供了平行投影，常用于 CAD 软件和某些类型的游戏。

创建一个透视相机时，你需要指定视场角（FOV）、宽高比（aspect ratio）、近裁剪面（near clipping plane）和远裁剪面（far clipping plane）。这些参数决定了相机如何捕捉场景以及哪些部分会被渲染到屏幕上。

const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
camera.</