Babylongjs-相机控制器及VR设置

目前我们正在使用ArcRotateCamera，它让我们从远处环绕村庄世界。从村里看风景怎么样？让我们将摄像机设置为角色在村子里走来走去，并通过一些调整值从他的肩膀上环顾四周。ArcRotateCamera的创建具有这种形式，

与所有相机一样，为了响应用户输入而移动它，我们需要将它附加到画布上。

const camera = new BABYLON.ArcRotateCamera("name", alpha angle, beta angle, radius, target position);
camera.attachControl(canvas, true);

把这台相机想象成一个围绕其目标位置运行的相机，或者更富有想象力的是一个围绕地球运行的间谍卫星。相对于目标（土）它的位置可以由三个参数，被设定阿尔法（弧度）的纵向旋转，测试（弧度）的纬度和旋转 半径从所述目标位置的距离。

 在我们的例子中，我们想让相机成为角色的父级

const camera = new BABYLON.ArcRotateCamera("camera", Math.PI / 2, Math.PI / 2.5, 150, new BABYLON.Vector3(0, 60, 0));

camera.parent = dude;

在不使用父母的情况下，我们还可以使用FollowCamera跟踪角色的运动。

我们为FollowCamera提供了一个起始位置和一个要跟随的目标，以及一个可以从中查看目标的目标位置。

我们使用名称、开始位置和可选的场景参数创建FollowCamera。

//创建跟随相机
const camera = new BABYLON.FollowCamera("FollowCam", new BABYLON.Vector3(-6, 0, 0), scene);


//设置偏移高度
camera.heightOffset = 8;
//设置半径
camera.radius = 1;
//设置偏移角度
camera.rotationOffset = 0;
//从当前位置移动到目标位置的加速度；
camera.cameraAcceleration = 0.005
//加速停止的速度
camera.maxCameraSpeed = 10
//将相机附加到画布上
camera.attachControl(canvas, true);
//设置目标
camera.lockedTarget = targetMesh;

在 XR 中查看我们的虚拟村庄世界

const xr = scene.createDefaultXRExperienceAsync();

这将在 VR 沉浸式模式下启用 WebXR ，包括会话初始化、输入源、相机、隐形传态和场景。

至此，BABYLONJS官方的入门教程就到这里了。