Autodesk forge 如何将输入（文本框、滑块等）添加到autodesk forge viewer中

我们可以使用鼠标移动对象。我想在输入中显示所选对象的当前x、y、z坐标，并从中进行更改。但我无法添加任何输入。我找到了，但找不到源代码。

您可以找到源代码

---

这是我同事博客的一部分。

我把我想要的输入放在html中。在motion函数中，我根据它们接收到的值动态更新它们

<!--TRANSFORM DIV- index.html-->
<div id="MyControls" class="adsk control">
    <label>X</label>
    <input id="XAxis" type="text" />
    <label>Y</label>
    <input id="YAxis" type="text" />
    <label>Z</label>
    <input id="ZAxis" type="text" />
</div>


// transform.js
 var AxisArray = ["XAxis", "YAxis", "ZAxis"];

    AxisArray.forEach(function (axis) {
        document.getElementById(axis).addEventListener("change", function () {
            positionChangeInputs();
        });
    });


    function positionChangeInputs() {
        
        for (var fragId in _selectedFragProxyMap) {

            var fragProxy = _selectedFragProxyMap[fragId];

            var position = new THREE.Vector3(
                fragProxy.position.x = document.getElementById("XAxis").value,
                fragProxy.position.y = document.getElementById("YAxis").value,
                fragProxy.position.z = document.getElementById("ZAxis").value);

            fragProxy.position = position;

            fragProxy.updateAnimTransform();
        }

        viewer.impl.sceneUpdated(true);
       
        
    }

X
Y
Z
//transform.js
var AxisArray=[“XAxis”、“YAxis”、“ZAxis”]；
forEach（函数（axis）{
document.getElementById（axis）.addEventListener（“更改”，函数（）{
位置改变输入（）；
});
});
函数positionChangeInputs（）{
对于（变量fragId在_selectedFragProxyMap中）{
var fragProxy=_selectedfragproxy映射[fragId]；
var位置=新的三个矢量3(
fragProxy.position.x=document.getElementById（“XAxis”）.value，
fragProxy.position.y=document.getElementById（“YAxis”）.value，
fragProxy.position.z=document.getElementById（“ZAxis”）.value）；
fragProxy.position=位置；
fragProxy.updateAnimTransform（）；
}
viewer.impl.sceneUpdated（真）；
}

我以前见过这个。这里没有UI部分。通过任何输入动态更改所选对象的位置信息