Zenn
Open3

逆引き: PixiJS v5

PixiJS
ヒカルヒカル

PixiJS の背景を透過する方法

// PIXI: アプリケーション設定
const app = new PIXI.Application({
  width: 600,
  height: 600,
  transparent: true, // 背景の透過設定
});
ヒカルヒカル

PixiJS で四角い枠を描画する方法

const graphics = new PIXI.Graphics(); // 図形描画用のグラフィックスを初期化
graphics.lineStyle(4, 0x000000, 1.0); // 線のスタイルを指定
graphics.drawRect(10, 10, 640, 480); // 塗りつぶしせずに四角枠を描画する

// PIXI: アプリケーションのステージにグラフィックスを追加
app.stage.addChild(graphics);