Question

所以，现在我有一个装有three.js的3D地图（带有鼠标交互）。我还在地图上放置了一个图像（绝对定位），但当然，当我移动地图时，图像不会移动。那么，我怎样才能“渲染”，“固定”......图像到地图，所以它随着相机一起移动？

我一直在研究angularjs，css3drendere，但我没有让它们工作：s

有人可以帮助我吗？

非常感谢你！

Answer 1

我最终是如何做到的：

// ADD SPRITES FOR MARKERS
var pin = THREE.ImageUtils.loadTexture( 'pin.png' );

var marker = new THREE.SpriteMaterial( { map: pin } );
var sprite = new THREE.Sprite( marker );
sprite.position.set( 1.3, 1.9, -1.7 );
sprite.scale.set(0.2, 0.6, 0.5 );

var marker = new THREE.SpriteMaterial( { map: pin } );
var sprite1 = new THREE.Sprite( marker );
sprite1.position.set( -2.3, 1.9, -1.9 );
sprite1.scale.set(0.2, 0.6, 0.5 );

//Group the markers to set them relative to the map
    group = new THREE.Object3D;
    group.add(sprite);
    group.add(sprite1);
    scene.add(group);

如何在threejs地图上固定，渲染图像

1 个答案: