TypeScript + Phaser 3 で動くヴァンパイアサバイバーライクの最小プロトタイプです。
npm install
npm run devhttp://localhost:5173 にアクセスするとゲームが動作します。
- 移動: カーソルキー(WASD も併用可)
- プレイヤーは自動で投射攻撃を放ちます。敵に当てて経験値オーブを集め、レベルアップで攻撃間隔と敵出現速度が少しずつ変化します。
TypeScript(Vite)で書いたコードを GitHub Actions 上で JavaScript にビルドし、GitHub Pages に配置するためのワークフローを用意しています。
- リポジトリに含まれる
.github/workflows/deploy.ymlを main ブランチにプッシュします。 - GitHub の Settings → Pages で Source を GitHub Actions に切り替えます。
- 以降は main ブランチにプッシュされるたびに Actions が走り、以下の流れで自動デプロイされます。
actions/setup-nodeで Node.js 20 をセットアップnpm installとnpm run buildでdist/に JavaScript/アセットを生成- 生成物を
actions/upload-pages-artifact→actions/deploy-pagesで Pages に配置
- デプロイが完了すると Actions のジョブログに公開 URL が表示されます(
https://<ユーザー名>.github.io/<リポジトリ名>/)。
メモ: Vite で GitHub Pages(サブディレクトリ配信)に合わせるため、
vite.config.tsのbaseにリポジトリ名(例:/vibe-vampsuv/)を設定しています。フォークして別名で公開する場合はrepoNameを差し替えてください。