This is a starter template for creating HTML5 and PC games.
Optimized for PC and platforms like [itch.io](https://itch.io).
Supports fullscreen mode.- Phaser – used for game logic and graphics rendering
- Vue – used for building user interfaces
- Pinia – used for managing game state
- Vite – used for project bundling and development
- Electron - is used for creating a desktop application version.
Art is sourced from open resources.
Character design and animation by Pavel Bezdornov.
- Top-down movement (WASD)
- Platformer movement (WAD)
- Level transitions powered by Vue Router
- Health gain and loss system
- Requires Node.js version 20+
- Install dependencies:
npm i - Start development server:
npm run dev - Build the project:
npm run build - Serve the built project:
npx serve dist
(This allows running the template on a regular hosting or platforms like itch.io) - Start electron application:
npm run electron:start - Package the Electron application:
npm run electron:package - Build the Electron application:
npm run electron:make
src/composition– contains files for game logic using the Phaser enginesrc/configs– contains constants for engine settings, game logic, and event namessrc/scenes– contains files for managing Phaser scenes (Phaser.Scene)src/screens– contains Vue components responsible for rendering game screenssrc/store– contains files for working with Piniasrc/ui-components– contains Vue components for rendering the HUDsrc/utils– contains helper functionspublic/assets– contains all assetselectron- entry point of Electron application