Hilo游戏引擎——开发小知识点

LoadQueue提供了三个事件：

load – 当单个资源下载完成时发生
complete – 当所有资源下载完成时发生
error – 当某一资源下载出错时发生
在这里我们仅监听了complete事件。

onComplete: function(e){
    this.bg = this.queue.get('bg').content;
    this.ground = this.queue.get('ground').content;
    this.birdAtlas = new Hilo.TextureAtlas({
        image: this.queue.get('bird').content,
        frames: [
            [0, 120, 86, 60],
            [0, 60, 86, 60],
            [0, 0, 86, 60]
        ],
        sprites: {
            bird: [0, 1, 2]
        }
    });

    //删除下载队列的complete事件监听
    this.queue.off('complete');
    //发送complete事件
    this.fire('complete');
}

下载完成后会触发onComplete回调方法。我们可以通过queue.get(id).content来获取指定id的图片素材下载完成后的Image对象。 在这里我们创建了游戏中需要用到的素材以及精灵纹理集等。

其中纹理集TextureAtlas实例由三部分组成：

image – 纹理集图片。
frames – 纹理集图片帧序列。每个图片帧由图片在纹理集中的坐标x/y和宽高width/height组成，即[x, y, width, height]。
sprites – 精灵定义。sprites可包含多个精灵定义。每个精灵由多个frames中的图片帧组成，其中数值代表图片帧在frames中的索引位置。比如bird，则由索引为0、1、2的图片帧组成。

initStage();
初始化舞台