threejs学习之路(十二)-- 空间

根据前面学到的知识,总结一下场景空间

物体空间

3D对象所占的空间就两个指标,物体的位置position和物体的大小size,当然缩放、平移、旋转也会改变物体在场景中的空间。总之,物体最终渲染到场景上会在一定的位置上占据一定的视图大小。

物体的大小没什么说的,我们来稍微研究一下位置

世界坐标和相对坐标

坐标:三维世界中的坐标就是之前介绍的三维空间坐标,x,y,z三个轴方向。表示物体在三维空间中的位置

一个物体在场景中有两个坐标

世界坐标:相对场景(画布)的坐标位置
相对坐标:相对父对象的坐标位置(如果没有父对象,那么世界坐标就是相对坐标)

threejs中位置用matrix来描述,从group的例子中可以看出,我们之前设置的都是世界坐标。

相对空间

物体真正渲染到画布上样子,跟它在场景中的相对位置可能是有差异的,这是因为相机的存在。

同样的物体不同视角观察,得到的就是不同的画面,threejs中也是同样的道理,不同的相机不同的拍摄方式,得到的渲染视图是不同的。

举个简单例子:相机上移,那么在视图中物体的位置相对就下移了。

总结

空间中的物体渲染到画布上,是场景本身和相机共同作用的结果。

个人理解,如有错漏,欢迎指正~