threejs(webgl)企业级3D云展厅实战讲解

教学大纲

1、效果示范+技术准备

2、程序设计

3、初始化3D场景

4、载入3D展厅模型

5、预设画框展台

6、动态载入画册数据

7、载入3D展品并执行动画

8、打UMD/ES包

9、项目总结

教学说明

技术选型我们采用 threejs + ES6 + vite，当然TS是最佳的选择，但是我们的教程还要顾及到很多不会TS的小伙伴，所以这里就选用ES6，老师也希望不会TS的小伙伴能去主动的学习，因为这对你以后做大型项目是非常有帮助的。

这里脚手架选用的是vite，当然webpack也行，不过这个vite开箱即用，而且速度也快。

既然是企业级别的应用，最终这个3D云展厅应该提供给不同的项目去使用，无论是vue项目，还是react项目都能使用，那这个3D云展厅我们应该封装成一个class库，所以我们要设计好使用的场景。