Chromatic is a color-based puzzle game. The objective is to connect all input colors to their respective output colors by placing pipes.
- Tap and drag pipes to place them.
- Tap on a pipe to rotate it.
- Drag colors onto pipes to label them, if desired.
- Tap on any input or output to see what color and pressure it is.
- When ready, press the ➤ button to see if your solution works - if it does, you will be rewarded with a ★ star!
More how-to-play details are available on the web version of Chromatic.
Chromatic was originally written in Flash with AS3 (which is the version available on Google Play). It was rewritten here in TypeScript for web using PIXI.js as a framework.
It uses esbuild as a bundler, and jest as a testing framework. Since the build process got fairly complicated - testing, bundling, seperate debug + release builds, copying everything for serving on a seperate website, spritesheet and texture generation - I use make as a build system.
make release and make debug build a release and debug build respectively, by default in ../Website/public/chromatic/ (specified in the $(WEB) Makefile variable).
Assets are all original and are packed into spritesheets using a custom texture packer script. Music is an original composition and recording. All >100 puzzles were designed by hand, mostly on graph paper.