记录从零开始学习three.js

从零开始学习three.js

第一章 three.js+vue2.0安装

---

---

一、Three.js是什么？

Three.js是一款基于原生WebGL封装通用Web 3D引擎，在小游戏、产品展示、物联网、数字孪生、智慧城市园区、机械、建筑、全景看房、GIS等各个领域基本上都有three.js的身影。。

二、使用步骤

1.安装

代码如下（示例）：

// 比如安装148版本
npm install three@0.148.0 --save

2.引入

代码如下（示例）：

import * as Three from 'three';

---

3.npm安装后，如何引入three.js其他扩展库

// 引入扩展库OrbitControls.js
import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
// 引入扩展库GLTFLoader.js
import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';