Three.js将相机旋转到特定位置

阿方索

我有一个使用CSS3DRenderer的divs球体。当我单击到div之一时,我想定位/旋转摄像头,以便该元素显示在屏幕中央。我已经尝试了几个示例,并且阅读了其他答案,但仍然无法正常工作。

目前,它移动了相机,但球体已重新放置在不同的位置

我想做的是以下几点:

获取HTML元素的类。然后循环遍历THREE.CSS3DObject数组以获取其位置,然后使用该位置定位摄像机。

function moveCamera(element) {

for ( var i = 0; i < objects.length; i ++ ) {

    var object = objects[ i ];

    if(object.element.className == element.className) {

        position = object.position;
        rotation = object.rotation;
        found = true;
        break;
    }

}

if (found) {

    camera.rotation = rotation;
    render();
    found = false;

} }

我做错了什么?

这是示例http://jsfiddle.net/37R22/1/

谢谢

西兰吉

你近了 您只需要将相机移到正确的位置即可。

camera.rotation.copy( rotation );
camera.position.copy( position ).multiplyScalar( 4 );

更新的小提琴:http : //jsfiddle.net/37R22/2/http://jsfiddle.net/37R22/3/

小心TrackballControls自己动手修改相机属性。但是,这似乎起作用。

three.js r.65

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

three.js-如何围绕lookAt(object)和相机位置之间的线旋转相机

来自分类Dev

Three.js相机旋转错误

来自分类Dev

Three.js-相机旋转和TransformControls

来自分类Dev

Three.js旋转和定位几何

来自分类Dev

如何在Three.js中将相机补间

来自分类Dev

使用slerp旋转时补间相机位置-THREE.js

来自分类Dev

当对象旋转时Three.js旋转相机

来自分类Dev

three.js在平面上旋转相机

来自分类Dev

旋转相机后,Three.js Skybox似乎坏了

来自分类Dev

Three.JS通过移动设备围绕对象旋转相机

来自分类Dev

Three.js旋转相机以外的所有物体

来自分类Dev

旋转相机后,Three.js Skybox似乎坏了

来自分类Dev

在three.js中旋转相机无法正常工作

来自分类Dev

使用Three.js在本地轴上旋转相机X

来自分类Dev

在球体上旋转玩家相机(javascript/three.js)

来自分类Dev

Three.js旋转

来自分类Dev

Three.js相机的理解

来自分类Dev

相机位置在three.js中的THREE.OrbitControls中改变

来自分类Dev

相机位置在three.js中的THREE.OrbitControls中改变

来自分类Dev

Three.js 对象返回错误的位置/旋转/缩放值

来自分类Dev

Three.js-围绕特定轴旋转对象

来自分类Dev

Three.js:将圆柱体旋转到Vector3方向

来自分类Dev

使用three.js从2D旋转到3D

来自分类Dev

在Three.js中使用轨道控制旋转相机时发生奇怪的晃动

来自分类Dev

Three.js立方体相对于相机的面部旋转矢量

来自分类Dev

Three.js:同时通过触摸和设备方向旋转相机

来自分类Dev

Three.js:为相机添加光线

来自分类Dev

Three.js相机lookAt无需滚动?

来自分类Dev

Three.js-如何选择灯光/相机