Pixi

這個專案將 Base 中的 Pixi 獨立出來，配合新的 Base2 以及 Pixi.js v8，提供遊戲製作更強大的繪圖工具。

包含套件

• pixi.js
• pixi-filters
• @pixi/tilemap
• @pixi/sound
• GAFMovieClip
• GIFSprite
• SpritesheetMovieClip
• TilingSprite

使用步驟

import pixi = CG.Pixi.pixi;

async function example() {
    // 將pixi初始化(這裏要await，和以前Base裏的不一樣)
    await pixi.initialize({
        width: 800,
        height: 600,
    });

    // 將專案的資源載入。
    await pixi.assets
        .add("Pixi.gaf")
        .add("Pixi.gif")
        .add("Pixi.spritesheet")
        .add("Pixi.snd")
        .load();

    // 建立GAFMovieClip
    let movieclip = pixi.assets.createGAFMovieClip(
        /*資源名*/ "Pixi.gaf",
        /*linkage*/ "lib_puffer"
    );
    pixi.root.addChild(movieclip);
    movieclip.gotoAndPlay("normal");

    // 建立GIFSprite
    let gif = pixi.assets.createGIFSprite("Pixi.gif");
    pixi.root.addChild(gif);
    gif.play();
    // 建立GIFSprite

    let spritesheet = pixi.assets.createSpritesheetMovieClip("Pixi.spritesheet");
    pixi.root.addChild(spritesheet);
    spritesheet.play();

    // 播放音效
    let sound = pixi.assets.playSound("Pixi.snd", { loop: true, volume: 0.5 });
}

Authors

Haskasu