13

使用 2d 画布时,如果您想检查某些内容是否不再“在屏幕上”,您只需执行以下操作:

if( pos.x > window.innerWidth || pos.x < 0 ||
    pos.y > window.innerHeight || pos.y < 0 ) {
    // has left the screen
}

在 three.js 场景中,我将如何检查某些东西是否仍然“在屏幕上”(从相机的角度来看)?

4

2 回答 2

22

您可以检查 3d 点是否在平截头体中,而不是检查 2d 画布。

camera.updateMatrix();
camera.updateMatrixWorld();
var frustum = new THREE.Frustum();
frustum.setFromMatrix(new THREE.Matrix4().multiplyMatrices(camera.projectionMatrix, camera.matrixWorldInverse));  

// Your 3d point to check
var pos = new THREE.Vector3(x, y, z);
if (frustum.containsPoint(pos)) {
    // Do something with the position...
}
于 2016-12-12T04:12:53.230 回答
1
const frustum = new THREE.Frustum()
const matrix = new THREE.Matrix4().multiplyMatrices(camera.projectionMatrix, camera.matrixWorldInverse)
frustum.setFromProjectionMatrix(matrix)
if (!frustum.containsPoint(obj.position)) {
    console.log('Out of view')
}

在刻度函数中使用它,这样当 obj 离开相机视图时它会更新您。

注意: setFromMatrix() 在新版本 three.js 中改为 setFromProjectionMatrix()

于 2021-11-13T15:24:09.060 回答