如何

使用多视图


如何使用多视图

Babylon.js能够渲染同一场景的多个视图。

有源相机

基本上,场景具有scene.activeCamera定义视点的属性。但您也可以使用以下代码定义许多活动相机:

scene.activeCameras.push(camera);
scene.activeCameras.push(camera2);

视口

如果要使用多个摄像头,则需要为每个摄像头指定一个视口:

camera.viewport = new BABYLON.Viewport(0.5, 0, 0.5, 1.0);
camera2.viewport = new BABYLON.Viewport(0, 0, 0.5, 1.0);

视口由以下构造函数定义:

BABYLON.Viewport = function (x, y, width, height);

其中x,y是视口的左下角,后跟宽度和高度。x,y,宽度和高度的值以0到1之间的数字给出,分别代表屏幕宽度和高度的一部分。