Three.js实战项目02:vue3+three.js实现汽车展厅项目

文章目录

  • 实战项目02
    • 项目预览
    • 项目创建
    • 初始化项目
    • 模型加载与展厅灯光
      • 加载汽车模型
      • 设置灯光
    • 材质设置
    • 完整项目下载

实战项目02

项目预览

完整项目效果:

Three.js实战项目02:vue3+three.js实现汽车展厅项目_第1张图片

项目创建

创建项目:

pnpm create vue

Three.js实战项目02:vue3+three.js实现汽车展厅项目_第2张图片

安装包:

pnpm add [email protected]
pnpm add gsap

初始化项目

修改App.js代码&#x

你可能感兴趣的:(ThreeJs,three.js,Vue3)