pixijs

PixiJS v8 スキルコレクションのエントリーポイントです。PixiJS はウェブで利用できる最速のライブラリで、あらゆるデバイスに対応し、WebGL、WebGPU、フォールバックとしての Canvas を使用して、リッチでインタラクティブなグラフィックスやクロスプラットフォームアプリケーションを作成できます。

このスキルの使い方

1. 以下のルーターから、タスクに最も適した専門スキルを見つけます。
2. そのスキルの SKILL.md を読み込み、記載された指示に従います。
3. 該当するサブスキルがない場合（タスクで、以下に記載されていない特定のクラス、関数、オプション、API サーフェスが参照されている場合）、https://pixijs.download/release/docs/llms.txt を WebFetch します。このファイルは、PixiJS の API とガイド全体を網羅した、自動生成される最新のインデックスです。各項目から、詳細な内容を確認できる .html.md ページに WebFetch でアクセスできます。

各スキルの詳しい説明とトリガーキーワードについては、references/index.md を参照してください。

スキルルーター

基礎

スキル	次の場合に読み込みます…
pixijs-application	PixiJS の Application の作成や設定、app.init() の呼び出し、app.stage／renderer／canvas／screen へのアクセス、リサイズ／ティッカープラグイン、app.destroy() を扱う場合。
pixijs-core-concepts	レンダラーパイプラインの理解、WebGL／WebGPU／Canvas の選択、レンダーループの内部動作、システムとパイプ、レンダラーローダーの拡張、RenderTexture／RenderTarget へのレンダリング（flipY、mipLevel、layer、bind／push／pop、深度）、3D テクスチャの深度スライスへのレンダリング、WebGL コンテキストの喪失、WebGPU デバイスの喪失を扱う場合。
pixijs-create	create-pixi CLI を使用した新しいプロジェクトのひな形作成（bundler-vite、creation-web、framework-react テンプレート）、既存プロジェクトへの PixiJS の追加、または TypeScript 5、6、7 向けの tsconfig.json の設定（moduleResolution、@webgpu/types、@types/web）を行う場合。
pixijs-environments	Web Workers、Node／SSR、または厳格な CSP 環境で PixiJS を実行する場合（DOMAdapter、WebWorkerAdapter、pixi.js/unsafe-eval）。
pixijs-migration-v8	v7 から v8 へのアップグレードや、v7 のパターン（beginFill／endFill、@pixi/* パッケージ、BaseTexture、DisplayObject）の修正を行う場合。
pixijs-scene-core-concepts	シーン全体のグラフを理解する場合：コンテナーとリーフ、変換、描画順序、マスキング、RenderLayer。

シーンオブジェクト

スキル	次の場合に読み込みます…
pixijs-scene-container	Container を操作するとき：addChild／removeChild、トランスフォーム、zIndex、境界、toGlobal／toLocal、destroy。
pixijs-scene-sprite	画像を描画するとき：Sprite、AnimatedSprite、NineSliceSprite、TilingSprite。
pixijs-scene-graphics	ベクター図形やパスを描画するとき：Graphics、GraphicsContext、fill／stroke、FillGradient、FillPattern、textureSpace、テクスチャおよびパターンの塗りつぶし、SVG の読み込み（svg()、グラデーション）。
pixijs-scene-text	テキストをレンダリングするとき：Text、BitmapText、HTMLText、SplitText、TextStyle。
pixijs-scene-mesh	カスタムジオメトリを扱うとき：Mesh、MeshSimple、MeshPlane、MeshRope、PerspectiveMesh。
pixijs-scene-particle-container	数千個の軽量スプライトをレンダリングするとき：ParticleContainer、Particle、dynamicProperties。
pixijs-scene-dom-container	キャンバス上に HTML 要素を重ねるとき：DOMContainer、pixi.js/dom。
pixijs-scene-gif	アニメーション GIF を表示するとき：GifSprite、GifSource、pixi.js/gif。
pixijs-html-source	ライブ HTML／DOM 要素やスナップショットをテクスチャとしてレンダリングするとき（実験的機能。HTML-in-Canvas 仕様に対応したブラウザーが必要です）：HTMLSource、ElementImageSource、pixi.js/html-source、requestPaint。

ユーティリティ

スキル	次の場合に読み込みます…
pixijs-assets	リソースを読み込むとき：Assets.init、Assets.load、バンドル、マニフェスト、スプライトシート、キャッシュ。
pixijs-color	色を作成または変換するとき：Color クラス、hex／rgb／hsl、tint、premultiply。
pixijs-events	ポインター／マウス／タッチ／ホイール入力を処理するとき：eventMode、FederatedEvent、hitArea、cursor、ドラッグ。
pixijs-math	点、ベクトル、行列、図形、ヒットテストを扱うとき：Point、Matrix、Rectangle、Polygon、Triangle、strokeContains、containsRect、Matrix.decompose（ミラー化された行列）、toGlobal／toLocal。
pixijs-ticker	フレームごとのロジックやレンダーループを制御するとき：Ticker、deltaTime、UPDATE_PRIORITY、maxFPS。

高度な機能

スキル	次の場合に読み込みます…
pixijs-accessibility	スクリーンリーダーやキーボードナビゲーションを扱うとき：AccessibilitySystem、accessibleTitle、tabIndex。
pixijs-blend-modes	ブレンドモードで合成するとき：add、multiply、screen、overlay、pixi.js/advanced-blend-modes。
pixijs-custom-rendering	カスタムシェーダー、ユニフォーム、バッチャーを作成するとき：Shader.from、GlProgram／GpuProgram、UniformGroup、カスタム Filter、WGSL の override 定数、gpuLayout、TextureView、Buffer.update、TexturePool、3D／配列テクスチャ、ストレージテクスチャ、レンダーバンドル、カスタムパイプ。
pixijs-filters	視覚効果を適用するとき：BlurFilter、ColorMatrixFilter、DisplacementFilter、Filter.from、pixi-filters。
pixijs-performance	FPS、ドローコール、GPU メモリをプロファイリングまたは最適化するとき：カリング、GCSystem、cacheAsTexture、オブジェクトプーリング、一時的な MSAA レンダーテクスチャ、レンダーバンドル、フィルターテクスチャのサイズ設定。

フォールバック：PixiJS の公式ドキュメント

タスクで参照されているクラス、関数、オプション、または API サーフェスが、上記のどのサブスキルにも記載されていない場合は、https://pixijs.download/release/docs/llms.txt を WebFetch してください。これは PixiJS の API とガイド全体をまとめた自動生成インデックスで、リリースごとに再生成されます。各項目には詳細を確認するために WebFetch できる .html.md ページへのリンクがあります。ルーターの表に明確な参照先が示されていない場合は、常にこのフォールバックを使用してください。