BabylonJS教程

BabylonJS 相机

BabylonJS 有很多可以使用的相机。一次,一个场景中只有一个摄像机处于活动状态。
在本章中,我们将学习如何在 BabylonJS 中使用相机。

FreeCamera

现在让我们看看 FreeCamera 是如何工作的。

语法

以下是 FreeCamera 的语法-
var camera = new BABYLON.FreeCamera("FreeCamera", new BABYLON.Vector3(0, 1,-15), scene);
这是放置相机的位置-new BABYLON.Vector3(0, 1,-15)。
改变方向就会改变方向。您可以更改这些值并查看相机在场景中的表现。
以下是 FreeCamera 使用的参数-
Name Position Scene

ArcRotateCamera

此相机围绕给定的目标枢轴旋转。它可以通过光标和鼠标或触摸事件进行控制。参数是名称、alpha、beta、半径和目标。

语法

var camera = new BABYLON.ArcRotateCamera("ArcRotateCamera", 1, 0.8, 10, new BABYLON.Vector3(0, 0, 0), scene);
ArcRotateCamera 指向 +x 方向。要更改相机的位置,请使用 setPosition 属性。
camera.setPosition(new BABYLON.Vector3(0, 0,-100));
ArcRotateCamera 是一款出色的动画相机。以下命令将帮助您围绕目标旋转相机-
scene.activeCamera.alpha += .01;

TouchCamera

触摸是一种"手势"。它可以在垫子或屏幕上,用手指、手写笔、手套、脚或激光笔。任何可以被感知到的动作……都可以被认为是一种手势。

语法

以下是 TouchCamera 的语法-
var camera = new BABYLON.TouchCamera("TouchCamera", new BABYLON.Vector3(0, 1,-15), scene);

GamepadCamera

此相机专为与游戏手柄配合使用而设计。

语法

以下是游戏手柄相机的语法-
var camera = new BABYLON.GamepadCamera("Camera", new BABYLON.Vector3(0, 15,-45), scene);

DeviceOrientationCamera

此相机专门设计用于对设备方向事件做出反应,例如向前或向后、向左或向右倾斜设备等。

语法

var camera = new BABYLON.DeviceOrientationCamera("DevOr_camera", new BABYLON.Vector3(0, 1,-15), scene);

FollowCamera

FollowCamera 旨在跟踪任何具有位置的场景项目。它可以从后面、前面或任何角度跟随。

语法

以下是 FollowCamera 的语法-
var camera = new BABYLON.FollowCamera("FollowCam", new BABYLON.Vector3(0, 15,-45), scene);

VirtualJoysticksCamera

此相机旨在对虚拟操纵杆事件做出反应。虚拟操纵杆是屏幕上的 2D 图形,用于控制摄像机或其他场景项目。

语法

以下是 VirtualJoysticksCamera 的语法-
var camera = new BABYLON.VirtualJoysticksCamera("VJ_camera", new BABYLON.Vector3(0, 1,-15), scene);

AnaglyphCamera

AnaglyphCamera 适用于红色和青色 3D 眼镜。它使用后处理过滤技术。

AnaglyphArcRotateCamera

以下是 AnaglyphArcRotateCamera 的语法-
var camera = new BABYLON.AnaglyphArcRotateCamera("aar_cam",-Math.PI/2, Math.PI/4, 20, new BABYLON.Vector3.Zero(), 0.033, scene);

AnaglyphFreeCamera

以下是 AnaglyphFreeCamera 的语法-
var camera = new BABYLON.AnaglyphFreeCamera("af_cam", new BABYLON.Vector3(0, 1,-15), 0.033, scene);

VRDeviceOrientationFreeCamera

VRDeviceOrientationFreeCamera 以 FreeCamera 为基础,所以在我们的 VRDeviceOrientationFreeCamera 上也可以找到 FreeCamera 的属性和方法。

语法

以下是 VRDeviceOrientationFreeCamera 的语法-
var camera = new BABYLON.VRDeviceOrientationFreeCamera ("Camera", new BABYLON.Vector3 (-6.7, 1.2,-1.3), scene, 0);

WebVRFreeCamera

WebVRFreeCamera 以 FreeCamera 为基础,因此在我们的 WebVRFreeCamera 上也可以找到 FreeCamera 的属性和方法。

语法

以下是 WebVRFreeCamera 的语法-
var camera = new BABYLON.WebVRFreeCamera("WVR", new BABYLON.Vector3(0, 1,-15), scene);
在大多数演示中,您会看到 attachControl 将相机连接到画布的位置。

示例

camera.attachControl(canvas, true);
昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4