分享
查看: 3821|回复: 0

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

[复制链接]

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

发表于 2021-7-14 15:53:51 阅读模式 倒序浏览
zzv_icon3821 zzr_icon0 查看全部
数字孪生可视化场景中,当摄像机看向目标物体时,一般将物体中心点作为 “看点” 的 target 位置。我理解的就是像我们拍摄时摄像机看向物体的最佳角度。

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

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

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



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

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

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



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

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


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

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


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

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


avatar
游客~
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

130700ppkpl8x3t7tt1b1t