2

出于某种原因，在下面的代码中，当我简单地单击一个对象时，“intersects”变量不包含 onDocumentMouseDown 事件处理程序中的任何项目。为了让它检测到点击的对象，我必须点击并轻轻拖动鼠标，然后它才能拾取点击的项目。如果这很重要，我也在使用轨迹球控制。我在这里有一个 jsfiddle 示例：http: //jsfiddle.net/marktreece/xvQ3f/

在 jsfiddle 示例中，单击多维数据集并注意颜色没有按预期更改。现在单击立方体，在释放鼠标按钮之前，稍微移动它，颜色就会改变。我怎样才能做到这一点，只需单击对象就足够了？

这是我的 mousedown 事件处理程序：

function onDocumentMouseDown( event ) {
    event.preventDefault();
    var vector = new THREE.Vector3( ( event.clientX / window.innerWidth ) * 2 - 1, - ( event.clientY / window.innerHeight ) * 2 + 1, 0.5 );
    projector.unprojectVector( vector, camera );
    var raycaster = new THREE.Raycaster( camera.position, vector.sub( camera.position ).normalize() );
    var intersects = raycaster.intersectObjects( scene.children, true );
    if ( intersects.length > 0 ) {
        intersects[ 0 ].object.material.color.setHex( Math.random() * 0xffffff );
    }
}
4

1 回答 1

1

据我所知，在您的示例中，光线投射工作正常，并且 intersects 变量不为空。问题在于，当您使用 TrackballControls 时，仅当相机更改其位置时才会执行渲染。这就是为什么轻轻拖动鼠标会改变框的颜色。

下面我将您的动画函数包含在一个新的渲染函数调用中。这解决了问题。但是，请注意，这不是最有效的解决方案，因为渲染是每帧执行的。

function animate() {
    try{
        requestAnimationFrame( animate );
        controls.update();
        render();
    }
    catch(err){
        alert("animate error. " + err.message);
    }
}

希望这可以帮助！

于 2014-02-15T08:10:10.360 回答