1
Three.js 引擎基础
1. 初识 Three.js
1.1 Three.js 简介
Three.js 是一个基于 WebGL 的 JavaScript 3D 引擎，它提供了丰富的 API 来帮助开
发者轻松创建和操作 3D 场景。WebGL 是一种低级的图形库，直接与浏览器的
GPU 交互，而 Three.js 则是在 WebGL 之上构建的一层抽象，使得开发者可以更
简单地进行 3D 开发，而不需要深入了解 WebGL 的底层细节。
1.2 安装和引入 Three.js
要开始使用 Three.js，首先需要安装和引入它。可以通过以下几种方式来安装
Three.js：
1. 直接从 CDN 引入：
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
2. 使用 npm 安装：
npm install three
在项目中引入：
import * as THREE from 'three';
1.3 基本概念
在 Three.js 中，有几个核心概念需要理解：
� 场景（Scene）：场景是 3D 环境的容器，可以添加对象、光源等。
� 相机（Camera）：相机决定了场景中哪些部分会被渲染到屏幕上。
� 渲染器（Renderer）：渲染器将场景和相机的内容渲染到 HTML 的 canvas
元素上。
