プログラム関連備忘録サイト。主にゲーム。
投稿日：
以下の例ではSpriteをボタンにしています。
interactiveをtrueにするとインタラクションイベントが有効になり、以降で設定しているonメソッドで指定しているイベントが発火するようになります。
const app = new PIXI.Application({ transparent: true });
document.body.appendChild(app.view);
var button = new PIXI.Sprite.from('assets/button.png');
button.interactive = true;
app.stage.addChild(button);
button.on('pointertap', onClick);
function onClick() {
console.log("Button Click!");
}
button.buttonMode = true;
関連記事
確認環境 PixiJS v6.2.1 コード 画像を表示する const app = new PIXI.Application(); document.body.appendChild(app.vie …
コード const app = new PIXI.Application({ transparent: true }); document.body.appendChild(app.view); co …
確認環境 PixiJS v6.2.1 コード 文字を表示する const app = new PIXI.Application({ backgroundColor: 0xffffff }); docu …
2022/01/25
2022/01/25
2022/01/24
2022/01/23