Canvas（Pixi.js）でアニメーションを描画しているページにおいて、パフォーマンスをモニタリングしたくなったので「stats.js」を使ってみました。「stats.js」とはFPS、レンダリングにかかった時間、使用メモリをリアルタイムで表示してくれるパフォーマン…

PIXI.Container()で生成した要素の位置を動的に変えるときの方法です。API自体はこちらに用意されていて、基本はそこにアクセスして値を書き換えれば大丈夫かと思います。 位置を制御するため、x,yの値にアクセスすることができます。PixiJS API Documentati…

NuxtでPixi.jsを使った2Dアニメーションの描画をする際に、アセットの読み込みで詰まったのでメモ。PixiのPIXI.mesh.Ropeというメソッドで複数のポイントを持つテクスチャを描画したい場面があり、components内で以下のように変数stripeを定義していました。…