javascript - 如何在 Quintus.js 中创建带标签的 Sprite ？

Question

我想创建一个打字游戏，因此我的 Sprite 需要在运行时生成，并带有“标签”。一个字符串成为一个要输入的 Sprite 。有人知道该怎么做吗？

Answer 1

您可以将 Q.UI.Text 对象插入到 Sprite 中，如下所示:

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 中来演示。

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

希望有帮助!