怎么将Three.js引入到html文档中

您可以使用以下步骤将Three.js库文件引入到HTML文档中：

1. 首先，从Three.js的官方网站 https://threejs.org/ 下载最新版本的Three.js库文件。

2. 将下载的文件解压缩，并将其复制到您的项目文件夹中。

3. 在您的HTML文档中添加以下代码行，将Three.js库文件引入到您的文档中：

<script src="path/to/Three.js"></script>

将“path/to/”替换为您的Three.js库文件的实际路径。

4. 在您的HTML文档中创建一个canvas元素，用于显示Three.js场景。例如：

<canvas id="myCanvas"></canvas>

5. 在您的JavaScript文件中使用以下代码初始化Three.js场景，并将其渲染到canvas元素中：

var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
var renderer = new THREE.WebGLRenderer({canvas: document.getElementById("myCanvas")});
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

这将创建一个Three.js场景、透视相机和WebGL渲染器，并将其渲染到id为“myCanvas”的canvas元素中。

现在，您已经成功地将Three.js引入到您的HTML文档中，并可以在场景中添加3D对象，例如立方体、球体或其他形状。