Phaser 4.2 / 外部アセットゼロ / 全テクスチャをコード生成

Phaser 4ラボ

ゲームエンジンPhaserの機能を部品単位で分解して触れる実験台。 物理・タイルマップ・パーティクル・カメラ・入力の5つのデモを ライブパラメータつきで体験し、最後にそれらを組み上げた ミニゲームで「部品を組むとゲームになる」を確かめられます。

機能デモ

このサイトについて

画像・音声の外部アセットを一切使わず、全テクスチャを Graphics.generateTextureでコード生成しています。 Next.js(App Router)とPhaser 4の統合パターン (SSR回避・マウント/破棄管理・ReactとPhaserの通信)の参考実装も兼ねています。 各デモはモバイルのタッチ操作に対応し、prefers-reduced-motion設定時は自動演出を停止します。