案例展示
用 ai*js 套件打造的遊戲會收錄在這裡,同一批套件做成的編輯器與互動範例也一併列出。
想提交作品,請到 GitHub 開一個 issue,附上作品名稱、可遊玩或原始碼的連結、用到的 ai*js 套件與一句話簡介。
目前還沒有收錄遊戲。用 ai*js 做了遊戲嗎? 歡迎提交
- 編輯器
AI Sprite Studio
Sprite atlas 產生、QA 與打包工具,內建以 PixiJS 與 ai*js 打造的 web editor,並透過本機 MCP server 串接 AI agent。官網的 Playground 是唯讀示範。
- 互動範例
BroadphaseArena:彈幕遊戲的碰撞粗篩
每幀重建 quadtree,只對候選配對做精確判斷,狀態列即時比較候選配對數與 n² 暴力配對數。
- 互動範例
BulletSpawner:256 發子彈的物件池
砲台從 256 格的池子取出子彈,飛出場地就歸還;齊射超過容量時 acquire() 回傳 null,這一發直接丟棄。
- 互動範例
CharacterBrain:受擊、無敵時間與狀態檢視
受擊硬直與無敵時間的狀態機,計時交給 aifsmjs/timer 的 after(),狀態列列出 aifsmjs/inspect 記錄的最近 3 次轉移。
- 互動範例
HeroSprite:Pixi adapter 驅動的動畫狀態圖
角色在待機、奔跑、跳躍之間切換,程式只設定 speed 與 jump trigger,播放哪個 frame 由 graph 決定。
- 互動範例
SwarmSimulation:2,000 個 entity 的移動系統
2,000 個 entity 每幀經過轉向、移動、繪製三個 system,繪製 system 直接把 Position 欄位寫進 PixiJS 的 ParticleContainer。