0

stlローダーを介してロードされたモデルの周りにカメラをどのように配置するのか疑問に思っています。

私は何年もの間変数をいじってきました。メッシュの位置を手動で (0,0,0) に設定しようとしましたが、カメラを (0,0,0) に設定しても、カメラは中心にありません。デザイン！

関連するコードは次のとおりです。

function init() {

            camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 1, 1000 );
            camera.position.set( 0,60 , 100 );

            controls = new THREE.OrbitControls( camera );
            controls.addEventListener( 'change', render );

            scene = new THREE.Scene();
            scene.fog = new THREE.FogExp2( 0xcccccc, 0.002 );


            var callbackProgress = function( progress, result ) {

                var bar = 250,
                    total = progress.totalModels + progress.totalTextures,
                    loaded = progress.loadedModels + progress.loadedTextures;

                if ( total )
                    bar = Math.floor( bar * loaded / total );

                $( \"bar\" ).style.width = bar + \"px\";

                count = 0;
                for ( var m in result.materials ) count++;

                handle_update( result, Math.floor( count/total ) );

            }
            var callbackFinished = function ( result ) {

                loaded = result;

                document.getElementById(\"message\").style.display = \"none\";

                handle_update( result, 1 );

            }

             document.getElementById(\"progress\").style.display = \"block\";
            // world
            var loader = new THREE.STLLoader();
            loader.addEventListener( 'load', function ( event ) {

                var geometry = event.content;
                var material = new THREE.MeshPhongMaterial( { ambient: 0xff5533, color: 0xff5533, specular: 0x111111, shininess: 200 } );
                var mesh = new THREE.Mesh( geometry, material );

                mesh.position.set( 0, 0, 0 );
                mesh.rotation.set( 0, 0, 0 );
                mesh.scale.set( 2,2,2 );

                mesh.castShadow = true;
                mesh.receiveShadow = true;
                camera.position.set( geometry.x,geometry.y , 100 );
                scene.add( mesh );

            } );
            loader.callbackProgress = callbackProgress;
            loader.load('somefile.stl',callbackFinished); 

            // lights

            light = new THREE.DirectionalLight( 0xffffff );
            light.position.set( 1, 1, 1 );
            scene.add( light );

            light = new THREE.DirectionalLight( 0xffffff );
            light.position.set( -1, -1, -1 );
            scene.add( light );

            light = new THREE.AmbientLight( 0x222222 );
            scene.add( light );


            // renderer

            renderer = new THREE.WebGLRenderer( { antialias: false } );
            renderer.setClearColor( scene.fog.color, 1 );
            renderer.setSize( window.innerWidth, window.innerHeight );

            container = document.getElementById( 'container' );
            container.appendChild( renderer.domElement );
            /*
            stats = new Stats();
            stats.domElement.style.position = 'absolute';
            stats.domElement.style.top = '0px';
            stats.domElement.style.zIndex = 100;
            container.appendChild( stats.domElement );*/

            //

            window.addEventListener( 'resize', onWindowResize, false );

        }
4

1 に答える 1

2

カメラの位置とターゲットを混同していると思います。

カメラの焦点をモデルに合わせるには、 を試しcamera.lookAt(mesh.position);て、カメラがモデルの内側にないことを確認しcamera.position.set(0, 60, 100);ます。たとえば、元のカメラの位置、またはgeometry.x, geometry.y, 100、モデルを横から見て、Z 軸の真下にあることを確認します。

于 2013-05-23T00:09:30.530 に答える