Question

您好我一直在使用three.js中的地图发生在面对/移动相机以查看碰巧就像地图上的标记的平面时，我遇到了问题。

我在这里有一行代码来自/threejs.org/examples/#webgl_interactive_draggablecubes

加载我的collada地图模型并绘制google like标记。

我将立方体转为标记并更改为双面平面。

因此，当我单击标记时，相机补间/移动到平面的位置，但它面向平面的另一侧或错误的一侧。只是想让它通过相机面对面。

我喜欢它是某种http://www.tweetopia.net/。

tweetopia面孔将成为我的标记，tweetopia的基础是我的地图模型。

这是一个例子http://i.imgur.com/AsFFe3B.png

Answer 1

我使用可拖动立方体的TrackballControls.js，看起来它有控件.target = obj.position

这是我飞向飞机物体表面的解决方案

function toObj(obj) {
    var rotateTween = new TWEEN.Tween( controls.target )
        .to( { x: obj.position.x, y: obj.position.y, z: obj.position.z }, 4000 )
        .interpolation(TWEEN.Interpolation.CatmullRom)
        .easing( TWEEN.Easing.Quintic.InOut )
        .start();

    var goTween = new TWEEN.Tween( camera.position )
        .to( { x: obj.position.x, y: obj.position.y, z: obj.position.z + 10 }, 4000 )
        .interpolation(TWEEN.Interpolation.CatmullRom)
        .easing(TWEEN.Easing.Quintic.InOut)

    goTween.start();

}

移动相机以查看平面对象

1 个答案: