可点击的精灵标签?

时间:2014-04-28 21:55:16

标签: javascript 3d three.js webgl

我一直在玩精灵文字标签,更具体地说是这个例子:http://stemkoski.github.io/Three.js/Sprite-Text-Labels.html 而我只是想知道是否有可能以某种方式为精灵变量分配一个id,以便在点击精灵时会发生一个动作?

在我的例子中,“Hello”和“World”是两个独立的变量:

var spriteHello = makeTextSprite ( "Hello", 
                  { fontsize: 24, borderColor: {r:255, g:0, b:0, a:1.0},
                  backgroundColor: {r:255, g:100, b:100, a:0.8} }  );
spriteHello.position.set(100,55,55);
scene.add( spriteHello );

var spriteWorld = makeTextSprite ( "World", 
                  { fontsize: 32, fontface: "Georgia", 
                  borderColor: {r:0, g:0, b:255, a:1.0} } );
spriteWorld.position.set(55,105,55);
scene.add( spriteWorld );  

或者使用这个具体的例子有另一种方法吗? 谢谢!

0 个答案:

没有答案