A starter template that uses Phaser 3, TypeScript, Electron and Rollup and Vite for bundling.

Overview

Phaser TypeScript Electron starter template

Phaser Typescript Electron

This is a 🕹️ Phaser 3 starter with ⌨️ TypeScript and ⚛️ Electron, 📦 Rollup and Vite.

🔥 🔥 HOT RELOAD ON ELECTRON INCLUDED! 🔥 🔥


You can use this template with or without Electron. The project folder structure is:

  • client: where are the phaser ^3.55.2 with typescript 4 rollup and vite is present.
  • electron: the electron project.

Instructions

Execute inside relative folder client and electron yarn or npm install to install all dependencies required.

📁 Client folder

Inside client folder you can run Phaser with Typescript with Rollup and Vite but without Electron.

Command Description
yarn or npm install Install project dependencies
yarn dev or npm run dev Builds project and open web server, watching for changes
yarn build or npm run build Builds code bundle with production settings
yarn serve or npm run serve Run a web server to serve built code bundle

📁 Electron folder

Inside electron folder you can run Electron with Phaser! You can run in dev mode or production mode for the final preview and release.

🔥 🔥 HOT RELOAD INCLUDED! 🔥 🔥

Command Description
yarn Install project dependencies
yarn dev Builds project and open web server from client folder and Electron, watching for changes
yarn preview Starts a preview for a final release
yarn build Build app with Electron

TODO

  • Better manage of process.env
You might also like...

Rollup + Babel + Prettier + Strict ESlint + VSCode - Enterprise grade boilerplate

Javascript package boilerplate by HackingBay Rollup + Babel + Prettier + Strict ESlint + VSCode - Enterprise grade boilerplate Minimalist js package b

Dec 28, 2021

testing rollup dist for cjs/esm

std.module.format version 0.1.3 std.module.format Overview TLDR Avoid Default Exports and Prefer Named Exports Context Summary Decision ECMAScript Mod

Dec 11, 2022

Learn design patterns through games with TypeScript and Phaser 🕹️

Learn design patterns through games with TypeScript and Phaser 🕹️

Welcome to Design patterns gamified! I created this repo to teach design patterns through games. Each folder contains a tiny game that demonstrates ho

Nov 10, 2022

Making Tetris (Video Game) by using Phaser (Typescript).

Making Tetris (Video Game) by using Phaser (Typescript).

Phaser 3 + TypeScript + Parcel Template For people who want to spend time making Phaser 3 games in TypeScript instead of configuring build tools. This

Nov 3, 2022

Recreated Chromium T-Rex game in Phaser 3, written in HTML5 & TypeScript

Recreated Chromium T-Rex game in Phaser 3, written in HTML5 & TypeScript

Chromium Dino Game - Phaser 3 + TypeScript + Parcel Chromium Dino Game Clone using Phaser 3 + TypeScript + Parcel Play You can play online here Dino P

Jun 21, 2022

Node-cli-starter - Basic starter kit for building Node CLI applications with TypeScript.

node-cli-starter Minimal starter kit for building Node CLI applications with TypeScript. Getting Started To get started clone repo locally and run npm

May 17, 2022

Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering.

Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering.

Phaser - HTML5 Game Framework Phaser is a fast, free, and fun open source HTML5 game framework that offers WebGL and Canvas rendering across desktop a

Jan 7, 2023

A game inspired by Go, developed using Phaser JS

A game inspired by Go, developed using Phaser JS

Influence A game inspired by Go, developed using Phaser How to play Players take turns to select and color a tile. At the end of a turn, each tile wil

Aug 28, 2022

A browser game build with phaser 3 during the Ludum Dare 50 GameJam.

A browser game build with phaser 3 during the Ludum Dare 50 GameJam.

Loading... 🎮 It’s him again! In front of your home this human appears! And with him soon again this pesky progress bar! Fight the data packs with all

Aug 22, 2022
Owner
null
Lingui loader for Vite, Rollup, Webpack, and more

unplugin-lingui-loader It’s a good practice to use compiled message catalogs during development. However, running compile everytime messages are chang

Aloha 10 Nov 3, 2022
Secure-electron-template - The best way to build Electron apps with security in mind.

secure-electron-template A current electron app template with the most popular frameworks, designed and built with security in mind. (If you are curio

reZach 1.4k Dec 29, 2022
Grupprojekt för kurserna 'Javascript med Ramverk' och 'Agil Utveckling'

JavaScript-med-Ramverk-Laboration-3 Grupprojektet för kurserna Javascript med Ramverk och Agil Utveckling. Utvecklingsguide För information om hur utv

Svante Jonsson IT-Högskolan 3 May 18, 2022
Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 4 May 3, 2022
Kurs-repo för kursen Webbserver och Databaser

Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi

null 14 Jan 3, 2023
Gofiber with NextJS Static HTML is a small Go program to showcase for bundling a static HTML export of a Next.js app

Gofiber and NextJS Static HTML Gofiber with NextJS Static HTML is a small Go program to showcase for bundling a static HTML export of a Next.js app. R

Mai 1 Jan 22, 2022
Minimalistic configuration for TS to only extend JS with types. No TS features, no bundling. Readable maintainable code after compilation.

ts-guideline Minimalistic configuration for TS to only extend JS with types. No TS-scpecific features, no bundling. Readable maintainable code after c

Georg Oldenburger 41 Dec 22, 2022
A template application for setting up a mobile app video game with IONIC, PHASER, ANGULAR and a Monorepo strategy

OpenForge Ionic Monorepo Example This is a template project for all you aspiring video game developers out there! Want to use your web application ski

OpenForge 67 Dec 22, 2022
This project is a boilerplate for Next and TypeScript projects. This template was built with Vite, TypeScript and Stitches.

Awesome Template Stitches — NextJS, TypeScript, Stitches and Design Tokens Summary About this template Avaliale scripts Other scripts available Main t

Diego Silva 14 Dec 29, 2022
Rollup + React + Babel + Prettier + Strict ESlint and Stylelint + Sass + VSCode + Playground app - Enterprise grade boilerplate

React package boilerplate by HackingBay Rollup + React 17 + Babel + Prettier + Strict ESlint and Stylelint + Sass + VSCode + Playground app - Enterpri

HackingBay 2 Jan 19, 2022