theejs--投影工具

Ylisar

能看到就是缘分，今天给大家分享一个threejs有关投影的小工具，threejs调试灯光及投影时不像unity那么方便，每次开发项目尤其是需要做实时投影时，都有在这里浪费大量的时间，实在气不过索性开发一个调试投影和灯光关系的小工具，将调试好的数据直接导入项目这样效率提高很多，接下来就是奇迹开始的时刻：

第一步如下图1-1导入项目模型

1-1

第二步如下图2-1一键开启投影（这个不必关心，但也是必须的一步,要问我为啥不默认开启，我就不告诉你^^)

2-1

第三步如下图3-1 开启投影相机辅助，在第二步大家都看到了，我们的投影并未覆盖全部模型，这时我们需要查看我们投影相机的覆盖区域

3-1

第四步如下图4-1 根据辅助边界，我们可以去调节边界的范围，使投影涵盖整个模型区域，这里是实时显示即所谓的所见即所得

4-1

第五步如下图5-1 打开灯光辅助，我们可以控制和改变灯光位置

5-1

第六步如下图6-1 当第四步调节完成后投影覆盖全部模型后我们需要调节灯光的位置，来调整投影与模型的关系；

6-1

最后我们记录当前的数据，由于视频做的比较早，保存功能没有录进去，如果大家对三维可视化项目或web3D技术比较感兴趣可以关注一下我的简书欢迎大家一起交流和学习也包括项目合作都什么都可以聊。