Установите расстояние ТРИ.PerspectiveCamera без изменения направления просмотра - PullRequest
Новая
       34

Установите расстояние ТРИ.PerspectiveCamera без изменения направления просмотра

0 голосов
/ 19 декабря 2018

У меня есть PerspectiveCamera в THREE.js где-то в космосе как дети меша.Камера по-прежнему должна смотреть на сетку (локальные координаты [0, 0, 0]).Я хотел бы изменить расстояние камеры от сетки без изменения направления обзора.Есть ли простой способ сделать это? 

camera.position.z = 13 // Works only if position.x and position.y are 0.
camera.setDistanceFromTarget(13) // I need something like this.

Я просто думаю о ручном расчете фактических углов поворота камеры и положения новой камеры.Вот скрипка . 

var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );

var renderer = new THREE.WebGLRenderer();
renderer.setSize( window.innerWidth, window.innerHeight );
document.body.appendChild(renderer.domElement);

var geometry = new THREE.BoxGeometry(3, 3, 3);

var cube = new THREE.Mesh(geometry);
scene.add(cube);
cube.add(camera);

camera.position.set(2, 4, 6)
camera.lookAt(cube.position)

function animate() {
	requestAnimationFrame(animate);
	renderer.render(scene, camera);
}

animate();

// How to set distance of camera from [0, 0, 0] to 13 without change view direction?
camera.position.z = 13;
<!DOCTYPE html>
<html>
	<head>
		<meta charset=utf-8>
		<title>THREE.js camera demo</title>
	</head>
	<body>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r71/three.min.js"></script>
	</body>
</html>

1 Ответ

0 голосов
/ 19 декабря 2018

Вам необходимо нормализовать вектор положения камеры, а затем скалярно умножить на желаемую длину: 

camera.position.normalize().multiplyScalar(13)

[https://jsfiddle.net/0jnw5guo/]

...