单击时平移对象位置答案

【问题标题】：Translate object position when clicking单击时平移对象位置
【发布时间】：2021-11-24 01:11:26
【问题描述】：

我正在寻找在选中该框时将我的 3D 对象（.gltf 格式）移动到备用位置以及在未选中该框时移回初始位置的方法。但是，我不确定这样做的正确方法是什么。我创建了一个对象转换函数，但对象似乎没有根据复选框移动。

这是我的功能代码

function zoom() {
                    var move = document.getElementById('controllr');
                    if (move.checked) {
                        model2.position.set(0, 50, 0);
                    } else {
                        model2.position.set(0, 25, 0);
                    }
                }

提前感谢您的任何解决方案。

我仍然不知道如何实现我的意图，所以我在这里创建了一个包含完整代码的新帖子。

Moving object on checkbox event

【问题讨论】：

为什么要请 Java 专家审查这个问题？
我期待 three.js 专家审查我的问题。对不起，如果我弄错了标签。
是的，你已经用适当的标签标记了它们，但是再次你为什么要标记这个 Java问题？据我了解，Three.js 是一个 JavaScript 库，而不是 Java 库，两种完全不同的语言。您的问题中没有显示 Java 代码。
我很好奇这里是否存在我不知道的 Java 相关性
我已经删除了，再次抱歉

标签： javascript three.js

【解决方案1】：

你什么时候真正调用缩放功能？如果将此代码放在事件侦听器中，它应该可以工作。

var move = document.getElementById('controllr');
move.addEventListener('change', (e) => {
  if (e.currentTarget.checked) {
    model2.position.set(0, 50, 0);
  } else {
    model2.position.set(0, 25, 0);
  }
}

【讨论】：