http://www.webgl3d.cn/pages/cd35b2/
p3 three.js 下载官方文件包 2023
three每个月都会发布新版本
threejs官方包所有版本: https://github.com/mrdoob/three.js/releases
three.js 中文网 www.webgl3d.cn
笔记: http://www.webgl3d.cn/pages/aac9ab/
p4
本地静态服务器 webpack vite 开发环境
three.js 就用 live-server 就行
p5
vue 引入three.js(js库)
three.js 其他扩展库 examples>jsm>controls 下的都是
新版本 three>addons>controls
.html 直接引入three.js 本地静态服务打开html
<script type="module> // 支持Es6语法
import * as THREE from './build/three.module.js'; // 引入ES6语法的three
</script>
<script type="importmap> // html文件和vue开发项目中写法一样 需要配置下面的路径
{
"imports": {
"three": "../three.js/build/three/module.js",
"three/addons": "../three.js/examples/jsm/"
}
}
</script>
// 就可以向下面一样使用了
<script type="module>
import * as THREE from 'three'; // 和上面的three名字对应
import { OrbitControls} from 'three/addons/controls/OrbitControls.js'
</script>
p6