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

时间:2014-05-19 23:39:58

标签: javascript three.js

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

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

有人可以帮助我吗?

非常感谢你!

1 个答案:

答案 0 :(得分:0)

我最终是如何做到的:

// 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);