DS-SDK封装ThreeJS的三维场景核心库Viewer，能否改写为支持长尾词的？

本文共计2217个文字，预计阅读时间需要9分钟。

目录+正文

一、ThreeJS-ES6库引入

二、初始化渲染器

三、初始化相机

四、初始化场景

五、初始化鼠标控制器

六、初始化灯光

七、全局渲染函数-逐帧获取页面大小

八、全局动画函数

目录

• 正文
• 一、ThreeJS-ES6库引入
• 二、初始化渲染器
• 三、初始化相机
• 四、初始化场景
• 五、初始化鼠标控制器
• 六、灯光初始化
• 七、全局渲染的函数-逐帧获取页面大小
• 八、全局动画函数
• 九、销毁页面

正文

viewer核心库的封装主要是针对threejs场景进行初始封装，以便多项目复用。具体细节我就不多写了，网上一大堆，但是我发现网上的例子都比较雷同，所以我的这一篇文档会着重从我做过的项目上遇到的一些问题来具体描写，详细请看第七、第八小节，主要是第一我们真实项目中，其实你的渲染页面不是整个页面，而且其中的一小块div，所以你的宽高是div而不是windws的（如下图）；第二对于页面大小变化的监视，以我的知识结构来说，还没有很好的解决方案来监视div的大小变化。

基础封装初始化包括以下：

一、ThreeJS-ES6库引入

引入部分除了ThreeJS核心库的东西外，还有标签渲染器，用于后期在场景中添加标签，还有控制器何和帧率显示器。