2013-12-12 79 views
-1

嗨我一直在使用three.js中的地圖 會發生問題面對/移動相機看一個飛機,碰巧就像一個標記地圖。移動相機看一個平面物體

我在這裏的是代碼行從/threejs.org/examples/#webgl_interactive_draggablecubes獲得

加載地圖的我COLLADA模型和繪製谷歌像標記。

我打開立方體作爲標記並改變爲雙面平面。

所以當我點擊標記時,相機補間/移動到飛機的位置,但它面對飛機的另一側或錯誤的一側。只是想讓它通過相機面對面。我喜歡它是某種http://www.tweetopia.net/

tweetopia的臉將是我的標記,tweetopia的地面是我的地圖模型。

這裏有一個例證http://i.imgur.com/AsFFe3B.png

回答

0

我拖動立方體的TrackballControls.js玩耍和它看起來像它已經controls.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(); 

} 
相關問題