Question

我想要一个事件，当相机触摸网格时，它会像门户一样移动到其他地方。

这是我的相机：

function MaCamera(scene, positionCx, positionCy, positionCz) 
{        
    var freeCamera = new BABYLON.FreeCamera("FreeCamera", new BABYLON.Vector3(positionCx, positionCy, positionCz), scene);
         freeCamera.rotation = new BABYLON.Vector3(0.5, 0, 0);
         freeCamera.attachControl(canvas, true);
         freeCamera.checkCollisions = true;
         scene.activeCamera = freeCamera;
}

这是我的网格：

var drawMirror = BABYLON.Mesh.CreateBox("rectangle", 1, scene);
      drawMirror.scaling = new BABYLON.Vector3(12, 0.1, 20);
      drawMirror.rotation.x = Math.PI / 2;
      drawMirror.position = new BABYLON.Vector3(positionMx, positionMy, positionMz);
      drawMirror.checkCollisions = true;

Answer 1

通过在BabylonJS中启用本机碰撞检测，您可以使用回调实现相机网格碰撞。

首先，打开全局碰撞检测：

//Enable global collisions
scene.collisionsEnabled = true;

//Enable camera collisions
camera.checkCollisions = true;

//Enable mesh collision (per mesh)
drawMirror.checkCollisions = true;

其次，设置摄像机的onCollide方法：

camera.onCollide = function(collidedMesh) {
    if(collidedMesh.uniqueId === drawMirror.uniqueId) {
        //set the new camera position
        camera.position = new BABYLON.Vector3(13,37,42);
    }
}

这是一个快速的游乐场，展示它是如何运作的。 http://www.babylonjs-playground.com/#1VLOU4

这是解决这个问题的众多方法之一，这一切都取决于用例。请注意，设置相机的椭圆体非常重要 - 这是与相机一起移动的边界框。对这个边界框进行了碰撞检查。

检测相机和网格之间的碰撞

1 个答案: