网站图片上浮动文字,淄博的大型网站建设,浙江最近爆发的传染病,奉贤做网站建设为指定相机创建一个辅助对象#xff0c;显示这个相机的视锥。 想要在场景里面显示相机的视锥#xff0c;需要创建两个相机。
举个例子#xff0c;场景中有个相机A#xff0c;想要显示相机A的视锥#xff0c;那么需要一个相机B#xff0c;把B放在A的后面#xff0c;两个…为指定相机创建一个辅助对象显示这个相机的视锥。 想要在场景里面显示相机的视锥需要创建两个相机。
举个例子场景中有个相机A想要显示相机A的视锥那么需要一个相机B把B放在A的后面两个相机的方向相同那么B就能看到A以及A看到的画面。此时CameraHelper作用在A上但OrbitControls控制B那么场景中看到的就是B看到的画面。
// 需要显示视锥的相机A
cameraA new THREE.PerspectiveCamera(83, window.innerWidth / window.innerHeight, 0.1, 1000);
cameraA.position.set(0, 0, 5);
cameraA.lookAt(0, 0, 0);// 相机辅助对象显示相机A的视锥
cameraHelper new THREE.CameraHelper(cameraA)
scene.add(cameraHelper)// 渲染画面的相机B
cameraB new THREE.PerspectiveCamera(90, window.innerWidth / window.innerHeight, 0.1, 1000); // fov可以比cameraA大一些看到的范围更广
cameraB.position.set(0, 0, 7); // 位置在cameraA的后面 // orbitControls控制cameraB
orbitControls new OrbitControls(cameraB, renderer.domElement);
orbitControls.target.set(0, 0, 0); // 方向和cameraA保持一致...
// 在每一帧渲染动画里面
orbitControls.update();
cameraHelper.update()
renderer.render(scene, cameraB); // 画面渲染的是相机B看到的内容
