threejs第十四用 FirstPersonControls
阿新 • • 發佈:2018-11-22
初始化一個相機 再初始化一個控制器 在requestanimate裡面update就可以了
var c = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 1000);
c.lookAt(new THREE.Vector3(0, 0, 0));
c.position.set(0, 0, 10);
var r = new THREE.WebGLRenderer(); r.setClearColor(0xEEEEEE); r.setSize(window.innerWidth, window.innerHeight, false); document.body.appendChild(r.domElement); var control=new THREE.FirstPersonControls(c,r.domElement); control.lookSpeed = 0.2; control.movementSpeed = 2; control.noFly = true; control.constrainVertical = true; //約束垂直 control.verticalMin = 1.0; control.verticalMax = 2.0; control.lon = -100; control.lat = 0;
var clock = new THREE.Clock();
var render = function () {
control.update(clock.getDelta());
requestAnimationFrame(render);
r.render(s, c);
};