https://debuff.jp/ja/blog/ debuff で作る 2D ブラウザゲーム：コーディングエージェント、エンジン比較、ガイド、歴史。 ja https://debuff.jp/ja/blog/why-moving-sprites-are-slowhttps://debuff.jp/ja/blog/why-moving-sprites-are-slowTue, 20 Oct 2026 00:00:00 GMTWeb ページが何千もの動く画像を描くとき、時間はどこに消えているのか。定番のやり方がオブジェクトごとにコストを払う理由と、オープンソースの 2D レンダラー spryte がその処理を JavaScript の外に追い出す方法を、わかりやすく解説します。誰でも実行できるオープンなベンチマーク付きです。 https://debuff.jp/ja/research/benchmarking-2d-renderers-fairlyhttps://debuff.jp/ja/research/benchmarking-2d-renderers-fairlyTue, 20 Oct 2026 00:00:00 GMT2dbench がレンダラーのベンチマークを公正に保つ方法を紹介します。共通のシミュレーション、ピクセル一致ゲート、GPU 完了までの計測、ばらつき調査から決めたラウンドの交互実行、ソフトウェア GPU の拒否、そして私たち自身の利益相反への向き合い方。あなた自身のベンチマークに活かせるポイントも添えて。 https://debuff.jp/ja/research/raycasting-with-a-sprite-rendererhttps://debuff.jp/ja/research/raycasting-with-a-sprite-rendererTue, 20 Oct 2026 00:00:00 GMT2dbench がレトロな一人称視点のレイキャスターをすべて 2D テクスチャのスライスとして描画する方法、それがスプライトレンダラーにとって厳しいストレステストになる理由、そしてすべてのクアッドがアトラスの別々の場所から来るときに spryte と PixiJS で何が違うのかを紹介します。 https://debuff.jp/ja/research/spryte-architecturehttps://debuff.jp/ja/research/spryte-architectureTue, 20 Oct 2026 00:00:00 GMTspryte のアーキテクチャを PixiJS 8 と並べて技術的にたどります。イミディエイトモード対シーングラフ、GPU インスタンシング対 CPU で組み立てる頂点、8 バイトの一括コピー、そして WebGL2 とピクセル単位で一致する Canvas 2D フォールバック。 https://debuff.jp/ja/blog/from-canvas-to-webgpuhttps://debuff.jp/ja/blog/from-canvas-to-webgpuMon, 19 Oct 2026 00:00:00 GMTブラウザゲームを支えるウェブ API の短い歴史。canvas、requestAnimationFrame、WebGL、Web Audio、asm.js、WebAssembly、WebGPU と、それぞれが可能にしたこと。 https://debuff.jp/ja/blog/game-jams-and-tiny-gameshttps://debuff.jp/ja/blog/game-jams-and-tiny-gamesMon, 19 Oct 2026 00:00:00 GMTLudum Dare、Global Game Jam、js13kGames、GMTK Game Jam といったゲームジャムが、ブラウザゲームや itch.io とともにどう育ってきたか。そしてジャムの応募作から生まれた商業ゲームについて。 https://debuff.jp/ja/blog/introducing-sprytehttps://debuff.jp/ja/blog/introducing-spryteMon, 19 Oct 2026 00:00:00 GMTspryte は debuff の中で動いていた WebGL2 レンダラーを、小さな MIT ライブラリとして切り出したものです。イミディエイトモードのスプライト、大量のパーティクル、レンダーターゲット、シェーダーに対応し、Canvas 2D へのフォールバックも備えています。ベンチマークでは PixiJS より 2〜3.8 倍速く、サイズは約 9 分の 1 です。 https://debuff.jp/ja/blog/spryte-particles-and-bulletshttps://debuff.jp/ja/blog/spryte-particles-and-bulletsMon, 19 Oct 2026 00:00:00 GMTspryte の一括描画 API でパーティクル、弾、群れを描く方法。Float32Array に入れた位置、コピーごとのスケール・回転・色の指定、そのコスト、そして draw.sprite を使うべき場面を解説します。 https://debuff.jp/ja/blog/spryte-post-processinghttps://debuff.jp/ja/blog/spryte-post-processingMon, 19 Oct 2026 00:00:00 GMTシーンをオフスクリーンのレンダーターゲットに描き、それを自作のフラグメントシェーダーに通して描画しましょう。spryte でのグロー、CRT、ディゾルブ、パレットエフェクト、そしてターゲットに引き継がれるもの・引き継がれないものを解説します。 https://debuff.jp/ja/blog/spryte-without-debuffhttps://debuff.jp/ja/blog/spryte-without-debuffMon, 19 Oct 2026 00:00:00 GMTゲームフレームワークなしで spryte をセットアップしましょう。レンダラーの作成、高 DPI 画面に合わせた canvas のサイズ設定、フレームループ、画像の読み込み、コンテキストロストへの対応、後片付けまで。 https://debuff.jp/ja/research/how-spryte-got-fasthttps://debuff.jp/ja/research/how-spryte-got-fastMon, 19 Oct 2026 00:00:00 GMTdebuff のスタンドアロン 2D レンダラー spryte の裏側にある研究です。プロファイリングで何がわかったのか、なぜ一括 API と 8 バイトのインスタンス形式が突破口になったのか、出力をピクセル単位でどう確かめたのか、そして敵対的レビューで結果をどう検証したのかを紹介します。 https://debuff.jp/ja/research/long-animation-frames-for-game-devshttps://debuff.jp/ja/research/long-animation-frames-for-game-devsMon, 19 Oct 2026 00:00:00 GMTChrome の Long Animation Frames API は、遅いフレームの裏にあるスクリプトを教えてくれます。エントリーに何が含まれているか、ゲームでの二つの落とし穴（50 ms のしきい値と、ゲームループが一つのコールバックであること）、そして Myaku がそれをどう判定に変えるのかを、実際の Phaser ゲームで計測しながら紹介します。 https://debuff.jp/ja/blog/introducing-myakuhttps://debuff.jp/ja/blog/introducing-myakuSun, 18 Oct 2026 00:00:00 GMTMyaku は Web ゲームが描くすべてのフレームを見守り、プレイヤーが感じるヒッチを見つけ、ひとつずつ平易な言葉で説明します。あなたのスクリプトとその場所、ガベージコレクション、GPU へのアップロード、シェーダーのコンパイル、ブラウザのスロットリング。import 1行で、どのエンジンでも。 https://debuff.jp/ja/blog/three-js-frame-drops-shader-compile-stutterhttps://debuff.jp/ja/blog/three-js-frame-drops-shader-compile-stutterSun, 18 Oct 2026 00:00:00 GMTthree.js のシーンが、何かが初めて現れたときにカクつくのはなぜでしょう？ シェーダーのコンパイル、テクスチャのアップロード、ガベージコレクション。Web ゲーム向けの無料フレームプロファイラー Myaku が、フレームごとに見つけて説明します。 https://debuff.jp/ja/blog/why-does-my-phaser-game-stutterhttps://debuff.jp/ja/blog/why-does-my-phaser-game-stutterSun, 18 Oct 2026 00:00:00 GMTPhaser 3 や Phaser 4 のゲームがフレームを落とす理由を突き止めましょう。どのシーンの update が遅いのか、テクスチャのアップロード、シェーダーのコンパイル、ガベージコレクション、それともブラウザなのか。Web ゲーム向けの無料フレームプロファイラー Myaku なら import 1 行で済みます。 https://debuff.jp/ja/blog/why-does-my-pixijs-game-stutterhttps://debuff.jp/ja/blog/why-does-my-pixijs-game-stutterSun, 18 Oct 2026 00:00:00 GMTPixiJS 8 のゲームがフレームを落とす理由を突き止めましょう。ticker の更新か描画か、テクスチャのアップロード、ガベージコレクション、それともブラウザなのか。Myaku は import 1 行で自動的に Pixi にフックします。 https://debuff.jp/ja/blog/build-a-game-with-claude-codehttps://debuff.jp/ja/blog/build-a-game-with-claude-codeSat, 17 Oct 2026 00:00:00 GMT実践ウォークスルー：Claude Code で debuff のゲームをセットアップし、気になった瞬間をフラグして game_replay でエージェントに再現させ、パラメータを調整し、シナリオとファズで検証します。 https://debuff.jp/ja/blog/coding-agents-and-browser-game-engineshttps://debuff.jp/ja/blog/coding-agents-and-browser-game-enginesSat, 17 Oct 2026 00:00:00 GMTdebuff でコーディングエージェントが実際にできること（MCP、ライブアタッチ、メモ、リプレイ、シナリオ、ファズ）と、Phaser、PixiJS、KAPLAY、Excalibur、Godot が現在エージェント向けに提供しているもの。 https://debuff.jp/ja/blog/debuff-vs-babylonjshttps://debuff.jp/ja/blog/debuff-vs-babylonjsSat, 17 Oct 2026 00:00:00 GMTブラウザゲーム向けに debuff と Babylon.js を比較：2D と 3D、Playground や Inspector といった組み込みツール、物理、ダウンロードサイズ、テスト、コーディングエージェント対応。 https://debuff.jp/ja/blog/debuff-vs-cocos-creatorhttps://debuff.jp/ja/blog/debuff-vs-cocos-creatorSat, 17 Oct 2026 00:00:00 GMTdebuff と Cocos Creator を比較：TypeScript のツールキットと、エディタ付きの TypeScript エンジン。Web とモバイルのビルド、テスト、コーディングエージェント対応。 https://debuff.jp/ja/blog/debuff-vs-construct-3https://debuff.jp/ja/blog/debuff-vs-construct-3Sat, 17 Oct 2026 00:00:00 GMT2D ブラウザゲーム向けに debuff と Construct 3 を比較：イベントシートと TypeScript、料金と無料版の制限、HTML5 エクスポート、テスト、コーディングエージェント対応。 https://debuff.jp/ja/blog/debuff-vs-defoldhttps://debuff.jp/ja/blog/debuff-vs-defoldSat, 17 Oct 2026 00:00:00 GMT2D ブラウザゲーム向けに debuff と Defold を比較：Lua とエディタか TypeScript か、HTML5 エクスポート、ライセンス、テスト、コーディングエージェント対応。 https://debuff.jp/ja/blog/debuff-vs-excaliburhttps://debuff.jp/ja/blog/debuff-vs-excaliburSat, 17 Oct 2026 00:00:00 GMT2D ブラウザゲーム向けに debuff と Excalibur.js を比較：組み込み機能、サイズ、テストツール、コーディングエージェント対応、そして Excalibur が先を行く点。 https://debuff.jp/ja/blog/debuff-vs-gamemakerhttps://debuff.jp/ja/blog/debuff-vs-gamemakerSat, 17 Oct 2026 00:00:00 GMTWeb 向け 2D ゲームで debuff と GameMaker を比較：GML と IDE か TypeScript か、HTML5 と GX.games へのエクスポート、料金、テスト、AI ツール。 https://debuff.jp/ja/blog/debuff-vs-gdevelophttps://debuff.jp/ja/blog/debuff-vs-gdevelopSat, 17 Oct 2026 00:00:00 GMTdebuff と GDevelop を比較：コードとノーコードのイベント、組み込みの AI エージェントと手持ちのコーディングエージェント、公開、テスト、料金。 https://debuff.jp/ja/blog/debuff-vs-godothttps://debuff.jp/ja/blog/debuff-vs-godotSat, 17 Oct 2026 00:00:00 GMT2D ブラウザゲーム向けに debuff と Godot の Web エクスポートを比較：エディタ、機能、Web エクスポートの制約、テスト、コーディングエージェント対応、それぞれの使いどころ。 https://debuff.jp/ja/blog/debuff-vs-kaplayhttps://debuff.jp/ja/blog/debuff-vs-kaplaySat, 17 Oct 2026 00:00:00 GMTdebuff と KAPLAY（Kaboom.js の後継）を比較：API のスタイル、サイズ、プレイグラウンド、テスト、コーディングエージェント対応、それぞれが合う場面。 https://debuff.jp/ja/blog/debuff-vs-littlejshttps://debuff.jp/ja/blog/debuff-vs-littlejsSat, 17 Oct 2026 00:00:00 GMTdebuff と LittleJS を比較：機能、サイズ、ゲームジャムへの向き、プロシージャルサウンド、レベル編集、テスト、コーディングエージェント対応。 https://debuff.jp/ja/blog/debuff-vs-melonjshttps://debuff.jp/ja/blog/debuff-vs-melonjsSat, 17 Oct 2026 00:00:00 GMT2D ブラウザゲーム向けに debuff と melonJS を比較。レンダラー、Tiled 対応、物理、サイズ、テスト、コーディングエージェント対応を見ていきます。 https://debuff.jp/ja/blog/debuff-vs-phaserhttps://debuff.jp/ja/blog/debuff-vs-phaserSat, 17 Oct 2026 00:00:00 GMT2D Web ゲーム向けに debuff と Phaser を比較。機能、成熟度、エディタ、バンドルサイズ、テスト、コーディングエージェント対応、そして Phaser のほうが向いている場面も紹介します。 https://debuff.jp/ja/blog/debuff-vs-pico-8-and-tic-80https://debuff.jp/ja/blog/debuff-vs-pico-8-and-tic-80Sat, 17 Oct 2026 00:00:00 GMTファンタジーコンソールの PICO-8 と TIC-80 を、小さなブラウザゲーム向けに debuff と比較。創造的な制約、内蔵エディタ、共有、ウェブ書き出し、テストについて。 https://debuff.jp/ja/blog/debuff-vs-pixijs-vs-phaserhttps://debuff.jp/ja/blog/debuff-vs-pixijs-vs-phaserSat, 17 Oct 2026 00:00:00 GMT2D ブラウザゲーム向けに debuff、PixiJS、Phaser を正直に比較。それぞれの正体、バンドルサイズ、描画速度、ツール、AI エージェント対応について。 https://debuff.jp/ja/blog/debuff-vs-pixijshttps://debuff.jp/ja/blog/debuff-vs-pixijsSat, 17 Oct 2026 00:00:00 GMT2D ブラウザゲーム向けに debuff と PixiJS を比較。それぞれに含まれるもの、実測したスプライトのスループット、バンドルサイズ、テスト、コーディングエージェント対応について。 https://debuff.jp/ja/blog/debuff-vs-threejshttps://debuff.jp/ja/blog/debuff-vs-threejsSat, 17 Oct 2026 00:00:00 GMTブラウザゲーム向けに debuff と three.js を比較。3D 描画ライブラリと 2D ゲームツールキットの違い、サイズ、ゲーム向け機能、テスト、コーディングエージェント対応について。 https://debuff.jp/ja/blog/debuff-vs-unity-webhttps://debuff.jp/ja/blog/debuff-vs-unity-webSat, 17 Oct 2026 00:00:00 GMT2D ブラウザゲーム向けに debuff と Unity の Web プラットフォームを比較。エディタとエコシステム、ウェブビルドの制約、WebGPU の状況、価格、テスト、AI エージェント対応について。 https://debuff.jp/ja/blog/flash-games-and-the-portal-erahttps://debuff.jp/ja/blog/flash-games-and-the-portal-eraSat, 17 Oct 2026 00:00:00 GMTFlash と、Newgrounds、Miniclip、Kongregate、Armor Games といったポータルがブラウザゲームをどう形づくったか。Flash がどう終わり、そのゲームがどう保存され、HTML5 ゲームが何を受け継いでいるのかを振り返ります。 https://debuff.jp/ja/blog/introducing-keikohttps://debuff.jp/ja/blog/introducing-keikoSat, 17 Oct 2026 00:00:00 GMTKeiko は本物の Web ゲームをブラウザなしで Node 上で、仮想クロックで動かします。タイミング、動き、ルールを数ミリ秒でテストできます。Phaser、PixiJS、KAPLAY、Excalibur、three.js、debuff で動きます。 https://debuff.jp/ja/blog/make-a-browser-game-with-an-ai-coding-agenthttps://debuff.jp/ja/blog/make-a-browser-game-with-an-ai-coding-agentSat, 17 Oct 2026 00:00:00 GMTClaude Code などのコーディングエージェントで 2D ブラウザゲームを作りましょう。エージェントはゲームを遊び、状態を読み、自分の変更を自分で確かめられます。クリエイティブな判断はあなたの手に残ります。 https://debuff.jp/ja/blog/pixel-art-platformer-in-the-browserhttps://debuff.jp/ja/blog/pixel-art-platformer-in-the-browserSat, 17 Oct 2026 00:00:00 GMTどのブラウザでも動く 2D ピクセルアートのプラットフォーマーを作りましょう。Tiled や LDtk のタイルマップ、くっきりしたピクセル、そしてコヨーテタイムと先行入力で気持ちよく跳べるジャンプ。 https://debuff.jp/ja/blog/test-a-phaser-game-without-a-browserhttps://debuff.jp/ja/blog/test-a-phaser-game-without-a-browserSat, 17 Oct 2026 00:00:00 GMTKeiko を使って、Phaser 4 のゲームに速くて決定的なテストを書きましょう。本物のゲームを Node で動かし、キーを押し続け、クリックし、移動やタイミングを確かめます。ブラウザは不要です。 https://debuff.jp/ja/blog/testing-game-feelhttps://debuff.jp/ja/blog/testing-game-feelSat, 17 Oct 2026 00:00:00 GMT調整しても壊れないゲームテストの書き方。until で条件を満たすまでの時間を測り、during で不変条件を確かめ、動きを時系列でトレースし、パラメータを総当たりします。Keiko を使って解説します。 https://debuff.jp/ja/blog/testing-games-with-replays-and-fuzzinghttps://debuff.jp/ja/blog/testing-games-with-replays-and-fuzzingSat, 17 Oct 2026 00:00:00 GMTゲームはテストしにくいものですが、決定的なゲームなら話は別です。固定ステップのクロックとシード付き乱数が、2D Web ゲームのシナリオテスト、正確なリプレイ、ファジングによるテストプレイをどう可能にするのかを解説します。