目录项目搭建初始化three.js基础代码设置环境纹理加载模型使用Cannon-es实现物理世界今天简单实现一个three.js的小Demo，加强自己对three知识的掌握与学习，只有在项目中才能灵活将所学知识运用起来，话不多说直接开始。项目搭建本案例还是借助框架书写three项目，借用vite构建工具搭建vue项目，vite这个构建工具如果有不了解的朋友，可以参考我之前对其讲解的文章：vite脚手架的搭建与使用。搭建完成之后，用编辑器打开该项目，在终端执行npmi安装一下依赖，安装完成之后终端在安装npmithree即可。importkickballGamefrom'./components