跳至内容
场景的概念
- 场景负责管理对象和视图
- 一个场景可以拥有多个视图
- 场景中的对象包括3D对象,依赖3D对象的2D对象和依赖3D对象的dom组件。
视图的概念
- 具备图层的概念。一个视图是由多个canvas图层叠加在一起呈现。
- 一个视图只能属于一个场景。
- 一个视图必须绑定一个摄像头。
- 视图至少具备2个图层,最低层3D渲染图层,紧跟着的2D渲染图层。有的渲染效果的插件可能会在2D渲染图层之上再添加图层。
- 在所有的渲染图层的上面,有一个控制层的存在,用于接受各种手动的输入事件(鼠标事件,触屏事件)。
- 视图的渲染函数中将执行依赖解析算法,以此来引导two.js正确的渲染依赖3D对象的2D对象;以及引导浏览器来正确的渲染依赖3D对象的dom组件。
摄像头的概念
- 摄像头属于场景中特殊的3D对象,为了满足更高的可配置性要求,tuo-scene对原始的three.js的camera做了一层封装。允许更方便的配置摄像头类型,摄像头参数,摄像头灯光,摄像头helper等。
摄像头手动控制插件的概念
- 摄像头插件和普通的插件一样,属于管理控制效果的插件,但由于摄像头是场景中很重要的对象,因此把摄像头的手动控制插件定义为tuo-scene的核心组件。