Template: Frontend (Phaser 3)
Template for frontend projects of newObjects GmbH, rendering 2D graphics with Phaser3 .
Tools / stack
- Phaser 3 for rendering 2D graphics
- Vite for bundling
- VanillaJS (no framework)
- TailwindCSS for styling
- PostCSS for CSS processing
- ESLint for linting
- Prettier for code formatting
- GitHub actions for continuous integration
All tools are defined as dev-dependencies!
Usage
There are three ways to get started with this template:
- Either use the nobj tool to create a copy of this template ("phaser3")
- Create a new repository with this repository as template
- Fork the repository and clone it to your local machine.
Getting started
We provide a default set of tools via npm scripts. Run a script via
$ npm run <command>where <command> is one of the following available commands:
| Command | Description | Output |
|---|---|---|
install |
Installs dependencies | - |
dev |
Starts a development server with hot reloading | http://localhost:5173 |
build |
Builds the project for production | dist |
build:gh-pages |
Builds the project for production (gh-pages) | dist |
preview |
Builds the project for production and previews it locally | http://localhost:4173 |
lint |
Lints the project | - |
lint:fix |
Lints the project and fixes errors | - |
prettier |
Formats the project | - |
prettier:fix |
Formats the project and fixes errors | - |
format |
Lints and formats the project and fixes errors | - |
gh-deploy |
Builds the project for production (gh-pages) and deploys it to GitHub Pages | https://new-objects.github.io/template-frontend-phaser3/ |