小编jli*_*gda的帖子

我想lookat在点击按钮或链接时更改相机位置.这是我的代码:

HTML:

 <a href="#" id="testButton">TEST</a>

JS:

render();
function render() {
    trackballControls.update(60);
    requestAnimationFrame(render);
    webGLRenderer.render(scene, camera);
}

// test button function
// this does not work
var testButton = document.getElementById('testButton');
testButton.onclick = function ()
{
     camera.lookAt(new THREE.Vector3(50,60,70));
}; 

// another test button function
// this does work but then the camera bounces back to what it was looking at before
var testButton2 = document.getElementById('testButton');
testButton2.onclick = function ()
{
     camera.lookAt(new THREE.Vector3(50,60,70));
     webGLRenderer.render(scene, camera);
}; 

我究竟做错了什么？这是测试页面(等待埃菲尔铁塔加载).

有谁知道如何返回 Three.js 对象的大小？我正在做的是从文件加载对象。我想要做的是能够检测对象的大小并相应地设置比例……或相机位置，以便整个对象适合框架。由于我将加载不同的文件和对象，因此我需要检测大小：

这是一些代码：

    var group;

    var loader = new THREE.STLLoader();
    var group = new THREE.Object3D();
    loader.load("stl_file.stl", function (geometry) {
        console.log(geometry);
        var mat = new THREE.MeshLambertMaterial({color: 0x999999});
        group = new THREE.Mesh(geometry, mat);

        group.scale.set(0.02, 0.02, 0.02);
        scene.add(group); 

    });

所以在这段代码的某个地方，我想在设置比例之前尝试检测文件中对象的大小。或者，如果无法做到这一点，我可以稍后在脚本中调整相机位置。你怎么认为？

杰