Pixi.jsで円同士の衝突判定を実装する - Qiita

はじめに Pixi.jsを使って円同士の衝突判定を実装する機会があったので、初めてPixi.jsを使用する方に出来るだけ分かりやすくまとめていきます。 ① PIXI.Application の作成 まずは、PIXI.Applicationを作成します。 PIXI.Applicationとは土台のようなもので、ここに色々なオブジェクトを追加することで、画像を表示させたり、図形を描画したりできます。 PIXI.Applicationには色々なオプションを設定することができますが、今回はサイズ、背景色を設定します。 Canvasの縦幅、横幅は画面いっぱいにして、背景色は白色にします。 Pixi.jsでの色の指定は全て16進数で行うので、白色を設定する場合には0xffffffと記述します。 import * as PIXI from 'pixi.js' const app = new PIXI.A