序言
喜欢Threejs的伙伴们,本章将介绍素材目录,以及所需要的依赖。
需要安装的依赖
//package.json
如果你的还没有这几个包,请下载
"dependencies": {
"three": "^0.134.0"
},
"devDependencies": {
"cannon": "0.6.2",
"gsap": "2.1.3",
"howler": "2.1.2",
}
新依赖介绍
cannon 3D物理引擎,其优点【轻量级、开源】
gsap是一个从flash时代一直发展到今天的专业动画库,其优点【速度快、轻量与模块化、没有依赖、灵活控制】
howler 提供了音频处理能力,其优点【零依赖、模块化、自动缓存、浏览器支持度高、支持类型广】。
资源目录介绍
最终效果中的所有资源作者已经打包好了,素材包没有任何问题,项目完全可以跑起来
assets各目录含义
|__assets
|__draco 压缩和解压缩3D图形,提高传输
|__models 项目中需要的图片与模型
|__shaders 项目中使用到的着色器
|__sounds 项目中使用到的音频
|__cross.png
|__doubleTriangle.png
|__triangle.png
本地运行展示
素材获取地址
如果你已经准备好了素材,接下来学习如何将这些素材组装为一个完整的项目吧~~