three.js - 触摸轨迹球控制

Question

我尝试做触摸控制。我想在 TrackballControls.js 中制作它，所以我是这样制作的:

this.domElement.addEventListener( 'touchmove', touchmove, false );
this.domElement.addEventListener( 'touchstart', touchstart, false );
this.domElement.addEventListener( 'touchend', mouseup, false );

function touchstart( event ) {
    if (event.touches.length != 1) return;

    var touch = event.touches[0];
    event['clientX'] = touch.clientX;
    event['clientY'] = touch.clientY;
    event['button'] = 0;
    userLog('touchstart');
    mousedown( event ); 
}
function touchmove( event ) {
    if (event.touches.length != 1) return;

    var touch = event.touches[0];
    event['clientX'] = touch.clientX;
    event['clientY'] = touch.clientY;

    mousemove( event ); 
}

我已经开始处理工作空间了。页面分为几个区域。 “工作区”中的 Canvas 初始化 但在 ipad 之后，任何触摸都被视为“工作区”中的触摸。如果有用，我可以发布 init() 函数或其他任何内容

Answer 1

controls = new THREE.TrackballControls( camera, renderer.domElement );

renderer.domElement - 你需要的工作区域