ThingStudio森工厂开发者社区

发帖
分享
查看: 1848|回复: 0

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

[复制链接]

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

发表于 2024-5-6 14:51:37 来自 分享 只看大图 阅读模式 倒序浏览
zzv_icon1848 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. });

  6. // 摄像机飞行到某位置
  7. app.camera.flyTo({
  8.     'position': [13.806120660871752, 16.58867322911142, 35.92272892749729],
  9.     'target': [12.82179531650889, 15.035345136699378, 29.642562598248524],
  10.     'time': 2000,
  11.     'complete': function () {
  12.         app.camera.enablePan = false;  // 禁用平移
  13.         app.camera.enableZoom = false;  // 禁用缩放
  14.         app.camera.xAngleLimitRange = [30, 30];  // 设置摄像机俯仰角度范围[最小值, 最大值]
  15.     }
  16. });
复制代码
ThingJS, 三维, 可视化, 数字孪生城市, 物联网

相关帖子
回复

举报

avatar
游客~
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

avatar
yamazaki1201

高级会员

  • 主题

    81

  • 帖子

    87

  • 粉丝

    0

关注 发私信
Ta的新帖
130700ppkpl8x3t7tt1b1t

© 2013-2016 Comsenz Inc. Powered by Discuz! X3.4