Three.js 以3JS格式更改摄影机位置距离
在ThreeJS中,我试图使我的相机更靠近渲染网格,以便它占据更多的视口。我弄乱了camera.position.set的值,但这些值似乎只改变了旋转,实际上并没有使它离对象更近/更远 我正在使用OrbitControls模块,我认为这可能会覆盖默认设置,但对于如何更改距离,我有点困惑 非常感谢您的帮助Three.js 以3JS格式更改摄影机位置距离,three.js,camera,orbital-mechanics,Three.js,Camera,Orbital Mechanics,在ThreeJS中,我试图使我的相机更靠近渲染网格,以便它占据更多的视口。我弄乱了camera.position.set的值,但这些值似乎只改变了旋转,实际上并没有使它离对象更近/更远 我正在使用OrbitControls模块,我认为这可能会覆盖默认设置,但对于如何更改距离,我有点困惑 非常感谢您的帮助 尝试通过THREE.Vector3方法设置摄像头的位置 摄像机。注视(新三个。矢量3(0,0,0)) 尝试通过THREE.Vector3方法设置摄像头的位置 摄像机。注视(新三个。矢量3(0,
尝试通过THREE.Vector3方法设置摄像头的位置 摄像机。注视(新三个。矢量3(0,0,0))
尝试通过THREE.Vector3方法设置摄像头的位置 摄像机。注视(新三个。矢量3(0,0,0))
为什么不将最小可还原示例放在一个场景中?是否错过了
场景。添加(摄影机)
?为什么不将最小可还原示例放在一个场景中?是否错过了场景。添加(摄影机)
?
function init() {
// renderer
renderer = new THREE.WebGLRenderer( { canvas: artifactCanvas, antialias: true } );
renderer.setSize(800, 600);
// scene
scene = new THREE.Scene();
scene.add( new THREE.GridHelper( build_plate_size_mm, build_plate_grid_segments ) );
scene.background = new THREE.Color( 0xc5e5fc );
// camera
camera = new THREE.PerspectiveCamera( 50, window.innerWidth / window.innerHeight, 0.1, 3000 );
camera.position.set( 1000, 500, 1000 );
camera.lookAt( 0, 200, 0 );
//controls
orbit = new THREE.OrbitControls( camera, renderer.domElement );
orbit.update();
orbit.addEventListener( 'change', render );
control = new THREE.TransformControls( camera, renderer.domElement );
control.showY = false;
control.addEventListener( 'change', render );
control.addEventListener( 'dragging-changed', function ( event ) {
orbit.enabled = ! event.value;
} );