写点什么

从零开始学习 3D 可视化之摄像机“最佳看点”

用户头像
森友小锘
关注
发布于: 2021 年 07 月 14 日
从零开始学习3D可视化之摄像机“最佳看点”

数字孪生可视化场景中,当摄像机看向目标物体时,一般将物体中心点作为 “看点” 的 target 位置。我理解的就是像我们拍摄时摄像机看向物体的最佳角度。

可以通过相对于目标物体的坐标系下 x 轴旋转角度、 y 轴旋转角度以及距目标物体“中心”的距离来确定一个位置,作为“看点”的 position 位置。

比如,当( x 轴旋转角度, y 轴旋转角度,距离)=(0,0,1)时,是在正朝向物体 Z 轴方向上 1 倍包围球半径的位置看向物体。

但是上图并不是数字孪生可视化物体的“最佳看点”,ThingJS 会默认计算一个物体的“最佳看点”,将数字孪生可视化物体包围盒的中心点作为“最佳看点”的 target 位置。

以中心点的 X 轴旋转 45 度(xAngle:45),Y 轴旋转 -45 度方向(yAngle:-45),2 倍包围球半径距离(radiusFactor:2)的位置为“最佳看点”的 position 位置。

如果需自定义 fit() 物体的摄像机位置,可控制以下参数来进行设置:

app.camera.fit({ 'object': obj, 'xAngle': 60, //绕物体自身X轴旋转角度 'yAngle': 30, //绕物体自身Y轴旋转角度 'radiusFactor':3, //物体包围球半径的倍数});
复制代码

通过摄像机的 lookAt() 方法,也可以让摄像机一直“盯着”某个位置或数字孪生可视化物体看,示例脚本如下:

//摄像机一直“盯着”[0,0,0]点看app.camera.lookAt([0, 0, 0]); ////摄像机一直“盯着”某物体看var obj = app.query("car01")[0];app.camera.lookAt(obj);//取消摄像机一直盯着物体看app.camera.lookAt(null);
复制代码

—————————————————

数字孪生可视化:thingjs.com/

发布于: 2021 年 07 月 14 日阅读数: 6
用户头像

森友小锘

关注

还未添加个人签名 2021.04.28 加入

还未添加个人简介

评论

发布
暂无评论
从零开始学习3D可视化之摄像机“最佳看点”