开始

更新: 12/19/2025字数: 0 字阅读: 0 分钟

Three.js官网

学习视频

郭隆邦-Three.js可视化系统课程WebGL

老陈打码-Three.js可视化企业实战WEBGL课

b站-老陈打码-Three.js可视化企业实战WEBGL课

Three.js Journey

b站-Three.js Journey

讲义

郭隆邦：threejs教程电子书

老陈打码：前端全栈课程讲义（有ts、threejs、cesium、nuxt、pixi讲义）（密码：lzzk）

老陈打码：webgl与threejs试题（密码：xh59）

3D模型gltf下载网站

http://www.webgl3d.cn/pages/c3ecc9/

https://www.cpengx.cn/

安装

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

引入

// 引入three.js
import * as THREE from 'three';

引入three.js其他扩展库

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


// 扩展库引入——旧版本，比如122, 新版本路径addons替换了examples/jsm
import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js';