Three.js - 安装

有多种方法可以将 Three.js 包含在您的项目中。您可以使用以下任意方法来开始使用 Three.js。然后打开您最喜欢的代码编辑器并开始。

下载完整的 Three.js 项目

将完整的 Three.js 项目下载到您的系统中。您可以在此处或从GitHub下载。解压 Three.js-master.zip 文件并查看 build 文件夹内部。你可以找到两个三.js，三.min.js，这只是一个缩小版本。将这两个文件中的任何一个添加到您的项目文件夹中，并将它们链接到您的 HTML 文件。现在您可以在项目中使用 Three.js 了。

注意- 我们建议使用缩小版本，因为它加载速度更快。

将以下 <script> 标记插入到 HTML 的 <head> 元素中，其中包含 Threejs.min.js 文件的路径。

<script src='/path/to/threejs.min.js'></script>

使用 CDN 链接

您可以从 CDN（内容交付网络）链接文件，CDN 是一个专门用于托管文件的远程站点，以便您可以在线使用它们。您可以使用这些网站中的任何一个 -

将以下任意 <script> 标记插入 HTML 的 <head> 元素中。

<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r127/three.min.js"></script>

或者

<script src="https://cdn.jsdelivr.net/npm/three@0.127.0/build/three.min.js"></script>

安装Three.js包

Three.js 也可以作为NPM 上的包提供。如果您的计算机上安装了 Node.js，则可以使用 npm 或yarn 安装它。

npm install three

或者

yarn add three

然后，您可以将 Three.js 从 Three.module.js 文件导入到您的 JavaScript 文件中

import * as THREE from 'three'

您可以将 Three.js 与任何 JavaScript 框架（如 React、Angular、Vue）一起使用。

完成项目设置后，让我们开始创建。