Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/three.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Three.js 以3JS格式更改摄影机位置距离_Three.js_Camera_Orbital Mechanics - Fatal编程技术网

Three.js 以3JS格式更改摄影机位置距离

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,

在ThreeJS中,我试图使我的相机更靠近渲染网格,以便它占据更多的视口。我弄乱了camera.position.set的值,但这些值似乎只改变了旋转,实际上并没有使它离对象更近/更远

我正在使用OrbitControls模块,我认为这可能会覆盖默认设置,但对于如何更改距离,我有点困惑

非常感谢您的帮助


尝试通过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;
        } );