var box = document.querySelector('#box'); var transformControl = new THREE.TransformControls(aScene.camera, aScene.renderer.domElement); aScene.scene.add(transformControl); transformControl.attach(box);
// 如果需要添加OrbitControls进行视角旋转,则添加以下代码 var orbitControl = new THREE.OrbitControls(aScene.camera, aScene.renderer.domElement); orbitControl.update();
transformControl.addEventListener('change', function() { // 在这里添加修改3D对象的代码 });
transformControl.addEventListener('dragging-changed', function(event) { orbitControl.enabled = !event.value; });
现在可以使用TransformControls来在Aframe中处理3D对象了。