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 ); 
}

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

Answer 1

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

renderer.domElement - 您需要的工作区