请选择 进入手机版 | 继续访问电脑版
分享
查看: 2140|回复: 0

[分享] 如何设置鼠标左键拖动旋转时,绕着指定模型旋转

[复制链接]

如何设置鼠标左键拖动旋转时,绕着指定模型旋转

发表于 2024-5-6 14:51:37 来自 分享 只看大图 阅读模式 倒序浏览
zzv_icon2140 zzr_icon0 查看全部
本帖最后由 yamazaki1201 于 2024-7-30 13:51 编辑

实现鼠标左键拖动绕着当前风车进行旋转:参考(https://www.thingjs.com/s/e97c05b961aead16f0ced0c6
如何设置鼠标左键拖动旋转时,绕着指定模型旋转

1.将风车移动到最左边、最右边,记录下两者位置,然后鼠标右键将风车移动到两者位置中间
如何设置鼠标左键拖动旋转时,绕着指定模型旋转

2.鼠标点放到风车上,鼠标滚轮将场景放大

3.接着重复:将风车移动到最左边、最右边,记录下两者位置,然后鼠标右键将风车移动到两者位置中间
如何设置鼠标左键拖动旋转时,绕着指定模型旋转

整体代码:
  1. // 加载场景代码
  2. var app = new THING.App({
  3.     url: '/api/scene/9a9a23e1e9e5375dd97f26b0'
  4. });

  5. // 摄像机飞行到某位置
  6. app.camera.flyTo({
  7.     'position': [13.806120660871752, 16.58867322911142, 35.92272892749729],
  8.     'target': [12.82179531650889, 15.035345136699378, 29.642562598248524],
  9.     'time': 2000,
  10.     'complete': function () {
  11.         app.camera.enablePan = false;  // 禁用平移
  12.         app.camera.enableZoom = false;  // 禁用缩放
  13.         app.camera.xAngleLimitRange = [30, 30];  // 设置摄像机俯仰角度范围[最小值, 最大值]
  14.     }
  15. });
复制代码
avatar
游客~
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

130700ppkpl8x3t7tt1b1t