本文へスキップ

プレス・パートナー向け情報 ​

debuff や spryte について記事や動画をつくるとき、またはスポンサーや提携の相談をするときに必要な情報をまとめました。ロゴと色はブランドキットにあります。

ひとことで ​

  • debuff: 小さな 2D Web ゲームのための無料のオープンソース TypeScript フレームワークです。AI コーディングエージェントがゲームをつくり、動かし、テストできるように設計しています。
  • spryte: debuff の土台にある 2D WebGL2 レンダラーです。起動時のサイズは約 11 kB、依存パッケージはなく、単体でも使えます。

紹介文 ​

そのまま使っても、短くしてもかまいません。

spryte を主役にする場合

spryte は Web 向けの 2D レンダラーです。起動時の JavaScript は約 11 kB、依存パッケージなし、MIT ライセンスで、同条件のスプライト処理では PixiJS 8 より 2〜4 倍高速です。debuff はその上につくられたエージェントファーストのゲームフレームワークで、速さと小ささをゲーム全体に引き継ぎます。

debuff を主役にする場合

debuff は小さな 2D Web ゲームのためのオープンソース TypeScript フレームワークで、AI コーディングエージェント向けにつくられています。エージェントは debuff の CLI と MCP サーバーを通じて、ゲームの起動、コマ送り、状態の読み取り、スクリーンショットができます。土台の spryte はとても小さく、完成した debuff のゲームは 23〜29 kB に収まります。

基本情報 ​

debuffspryte
内容2D Web ゲームのためのフレームワーク、CLI、スキャフォールダー、MCP サーバーCanvas 2D フォールバック付きの WebGL2 2D レンダラー
ライセンスMITMIT
言語TypeScriptTypeScript
サイズスターターゲームが全部込みで brotli 約 19 kB起動時の JS が brotli 約 11 kB
インストールnpm create debuff@latestnpm install spryte
ソースgithub.com/debuffjp/debuffgithub.com/debuffjp/debuff
開発者Greg Worrall(日本)Greg Worrall(日本)

数字 ​

create-debuff のインストール数(直近 30 日)5,361
@debuffjp/mcp のダウンロード数(直近 30 日)5,009
spryte のダウンロード数(直近 30 日)2,276
PixiJS 8 との速度比較2〜4 倍高速(ベンチマーク)
スプライト 1 枚を表示するときの起動時 JSspryte 11.3 kB、PixiJS 8 87.8 kB、Phaser 4 276.6 kB(bench/size)

npm の数字は 2026 年 9 月 29 日〜10 月 28 日の値で、npm の公開 APIから取得しています。MCP サーバーは公式 MCP レジストリに jp.debuff/debuff として登録されています。

紹介できるゲーム ​

どれもブラウザで動きます。サイズはゲーム全体の brotli 圧縮後の値です。

ゲームジャンルサイズ
Overbuffed群れサバイバル26 kB
squishマッチ 323 kB
mossfell見下ろし型アドベンチャー29 kB
platformerタイルマップのプラットフォーマー28 kB

スクリーンショットは各ゲームの preview.png です(例:/play/overbuffed/preview.png)。ほかの例はサンプルページにあります。

スポンサー ​

debuff は Wavedash にスポンサーしていただいています。スポンサーは GitHub Sponsors から受け付けています。個人向けの月 5 ドルから、debuff.jp・README・リリース記事にロゴが載る企業向けプランまであります。提携、助成、より大きな取り組みについてはお気軽にご連絡ください。

連絡先 ​

最終更新: