Html5 canvas 移动摄影机以查看平面对象
嗨,我一直在使用three.js中的地图 恰巧是我在面对/移动相机看一个恰巧像地图上的标记的平面时遇到问题 我这里有一行代码来自/threejs.org/examples/#webgl_interactive_draggablecubes 加载我的collada地图模型并在中绘制类似google的标记 我将立方体作为标记,并更改为双面平面 因此,当我单击标记时,相机会移动到平面的位置,但它朝向平面的另一侧或错误的一侧。只是想让它通过摄像机面对面 我喜欢它是某种类型的 tweetopia的脸将是我的标记,tweetopia的地面是我的地图模型Html5 canvas 移动摄影机以查看平面对象,html5-canvas,three.js,Html5 Canvas,Three.js,嗨,我一直在使用three.js中的地图 恰巧是我在面对/移动相机看一个恰巧像地图上的标记的平面时遇到问题 我这里有一行代码来自/threejs.org/examples/#webgl_interactive_draggablecubes 加载我的collada地图模型并在中绘制类似google的标记 我将立方体作为标记,并更改为双面平面 因此,当我单击标记时,相机会移动到平面的位置,但它朝向平面的另一侧或错误的一侧。只是想让它通过摄像机面对面 我喜欢它是某种类型的 tweetopia的脸将是我
下面是一个示例我使用了可拖动立方体的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();
}