如何在Quintus.js中创建带标签的Sprite?

时间:2014-10-14 22:33:16

标签: javascript string sprite game-engine

我想创建一个打字游戏,所以我的精灵需要在运行时生成,用#34;标签"。 String成为要键入的精灵。谁知道怎么做?

1 个答案:

答案 0 :(得分:1)

您可以将Q.UI.Text对象插入到这样的精灵中:

var Q = Quintus()
        .include('Sprites, Scenes, UI')
        .setup({ maximize: true })

Q.Sprite.extend('LabelSprite', {
    init: function(p) {
        this._super(p, {text: 'default text'});
    }
});

Q.scene("level1",function(stage) {
    var label_sprite = stage.insert(new Q.LabelSprite({
        x: 150,
        y: 50,
        label_text: 'label-text in a sprite',
        label_text_color: 'grey',
        label_offset_x: 0,
        label_offset_y: 0
    }));

    var label = stage.insert(new Q.UI.Text({                
        label: label_sprite.p.label_text,
        color: label_sprite.p.label_text_color,
        x: label_sprite.p.label_offset_x,
        y: label_sprite.p.label_offset_y
    }), label_sprite);
});

Q.stageScene("level1");

以下是jsfiddle中用于演示的代码。

此外,Quintus文档的Scenes页面有一个名为“将对象插入舞台”的部分,这与概念有些相关。

希望有所帮助!