在babylon中,场景并没有什么好说的,基本都是固定写法:
//获得画布
var canvas = document.getElementById('renderCanvas')
// Load the 3D engine 加载
var engine = new BABYLON.Engine(canvas, true, {preserveDrawingBuffer: true, stencil: true})
// This creates a basic Babylon Scene object (non-mesh) 设置场景
var scene = new BABYLON.Scene(engine);
在babylon中提供了很多种相机,其中还包括vr相机。在这里就不一一说了,具体大家可以看:
https://www.babylonjs.com.cn/babylon101/cameras.html
在接下来的场景中主要用到了弧形相机,基本用法为:
//創建相机,参数分别为:相机名称,alpha, beta, radius, target position, scene
var camera = new BABYLON.ArcRotateCamera('camera1', Math.PI / 2, Math.PI, 50, new BABYLON.Vector3(0, 0, 0), scene);
// 将相机对准一个特地的位置
camera.setTarget(BABYLON.Vector3.Zero());
// 设置相机可控制
camera.attachControl(canvas, true);
同时我们可能还需要对相机进行一些特殊设置,这些设置有时候是非常有用的,比如你如果希望相机不要跑到地面一些,你就需要设置上下移动范围,以及远近移动范围:
//对象上下移动范围
camera.lowerBetaLimit = Math.PI/2-Math.PI/6;
camera.upperBetaLimit = Math.PI/2+Math.PI/6;
//对象左右移动范围
camera.lowerAlphaLimit = -Math.PI/2-Math.PI/5;
camera.upperAlphaLimit = -Math.PI/2+Math.PI/5;
//对象远近移动范围
camera.lowerRadiusLimit = -Math.PI/3;
camera.upperRadiusLimit = Math.PI/3;
camera.wheelPrecision = 0.5; //电脑滚轮速度 越小灵敏都越高
camera.pinchPrecision = 1; //手机放大缩小速度 越小灵敏都越高