BabylonJS 6.0文档 Deep Dive 摄像机(五):多视角(二)

1. 摄像机激活

一般来说,一个场景(Scece)只有一个激活相机,可以使用的activeCamera属性来指定它。但您也可以使用以下代码定义多个active相机来达成多视角的效果:

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

2. 视角点

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

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、width和height的值是介于0和1之间的数字,表示屏幕宽度和高度的分数。(看起来比较绕,实际上你可以通过调整这几个参数调整视角的在屏幕上的显示的大小和位置

案例地址

BabylonJS 6.0文档 Deep Dive 摄像机(五):多视角(二)_第1张图片

你可能感兴趣的:(3D开发,BabylonJS,webgl,webgpu,3d,babylonjs,babylon,游戏引擎)