Phaser.js を TypeScript で書くため Vite で環境構築しています。
# Vite で Vanilla TS 環境を構築する
$ npm init vite@latest
Need to install the following packages:
create-vite@5.2.3
Ok to proceed? (y) y
✔ Project name: … practice-phaser-ts
✔ Select a framework: › Vanilla
✔ Select a variant: › TypeScript
Scaffolding project in /home/neo/Documents/Dev/Sandboxes/practice-phaser-ts...
Done. Now run:
cd practice-phaser-ts
npm install
npm run dev
# - 初期ファイルを適宜調整する
# - vite.config.ts
# - .github/workflows/deploy-github-pages.yaml
# Phaser.js をインストールする
$ npm install --save phaser
- 1st Game
- Vite Multi Page Build
- 2nd Game
- phaserjs/template-vite-ts: A Phaser 3 project template that uses TypeScript and Vite for bundling
- Continuous Side Scrolling in a Phaser Game with Tile Sprites
- setOrigin(0, 0) is not in sync with Arcade Physics body · Issue #5079 · phaserjs/phaser
- Control your cross platform HTML5 game with keyboard, mouse or touch input with an all-in-one TypeScript code, powered by Phaser | Emanuele Feronato
- Follow mouse/pointer with smooth acceleration/declaration - Phaser 3 - Phaser
- Phaser 3 | テキストの各パラメータ一覧と指定方法 | 1 NOTES
- How to remove text - Phaser 3 - Phaser
- Phaser 3 | 基準値を指定してテキストを**に揃える方法 | 1 NOTES
- Phaser3でタイマーイベントを使う - 頑張らないために頑張る
- Time.addEvent remove won't actually REMOVE it - Phaser 3 - Phaser
- santa/src/scenes/MyScene.ts at main · babu-ch/santa
- Phaser 3 : depthで重なり順の制御 - ゲームプログラミングノート