A convenient toolkit for creating HTML5 games. The toolset is adapted for PC and browsers, supports fullscreen mode, and allows publishing on browser-based platforms such as itch.io.
Tech Stack:
- 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 – used for creating a desktop application version
- Decap CMS – used for editing game parameters and content through a convenient admin panel
- Storybook – used for isolated development and documentation of UI components
- i18next – used for game localization
- i18next-vue – used for integrating localization into Vue components
- Vue Router – used for screen navigation and level transitions
Initially, the toolkit was created as a starter template for game jams and as a foundation for personal projects. During development, the approach to the UI had to be adjusted so that widget positioning stays synchronized with the main canvas component during resizing and when switching to fullscreen mode. Asset loading was also designed to ensure that the game build can run on any static hosting platform such as itch.io.
Over time, as the project evolved, we added localization support, integrated Decap CMS to provide a convenient admin panel for managing game data, and introduced Storybook for developing a reusable UI widget library. As a result, the initial template has grown into a full-featured toolkit.
The starter template includes several implemented mechanics: top-down character movement, platforming, and basic game data handling demonstrated through a health system example.
The template was developed in collaboration with Mark Bezdornov
Technologies I have worked with:
