threejs 爬坑--计划 室内导航方案

需求：

0. 一个室内导航方案

问题：

0. 腾讯地图的室内解决方案目前不支持展示政府项目？

1. 较完善的例如 Esmap 等需要收费

技术选型：

0. threejs 3d库 来做。操作相对 WebGL 更好上手。（虽然文章相对较少，版本坑较多）

---

 阶段一：

0. vue-cli脚手架构建，npm i threejs 来做准备。

1. 将模型 obj 格式 和 材质 mtl 赋上。

1-0：

BUG：obj 的加载器死活加载不出模型。后来发现是 存放位置问题。涉及到 webpack 对静态资源的处理。

解决方法：并且在组件中通过process.env.BASE_URL+public文件夹下的.obj文件的路径来引用。

参考链接：vue集成three.js加载外部模型   vue中静态资源的引入机制

2. 实现旋转缩放模型。

阶段二： 

0. 构建按钮，利用按钮点击事件进行旋转 or 缩放 等行为。

阶段三： 

0. 导航 A->B ，显示出路径指示。

阶段四：

0. VR 全景图生成。

阶段五：

0. 优化动画，过度效果

2. 优化速度