This is the repository for PROXX - a game built for every device with a web browser (including feature phones!)
There are three main directories:
Originally, we had a service-based architecture. Over time, the code evolved to two main services: The UI service (
preact-canvas) and the state service.
The app has two rendering modes. One backed by WebGL and one backed by Canvas 2D (
canvas-2d-renderer). Each renderer can be plugged into an animator — one that uses motion and one that doesn’t use motion. In reality, however, the WebGL renderer is only ever used with the motion animator, and the Canvas 2D renderer is only ever used for no motion.
We generate all the sprites for our animations in the background at load time and store them in IndexedDB.
This is the pure game logic for the app. The game logic is run inside of a web worker through the state service to keep the main thread as free as possible for animation work.
There are few flags you can set as URL query parameter for debugging purposes:
prerender: Load the app in prerender mode (used for building the static
debug: Turn on controls for the Nebula animation.
no-cache: Bypass ServiceWorker and IndexedDB caches.
cell-focus: Start the game with mouse & key forcus enabled.
motion=0: Start the game in no animation mode.
motion=1: Start the game in animation mode.
Clone the repository, then:
npm run build
You can run the development server with:
npm run serve
Format the code with
tslint before commit:
npm run fmt