7.一个场景多个视角

本教程翻译自官方教程Use Multi-Views,各位也可以进入本站镜像站点查看

本文目录

  1. 主动式相机
  2. 视窗

如何使用多视图

    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);

    其中xy是视窗的左下角,后跟其widthheightxywidthheight的值以0到1之间的数字表示,分别代表屏幕宽度和高度的一部分。

演示广场 - 视窗

贡献者

翻译: Alshat