demoscene-inspired limited program art
html5 demos - self-contained html with inline javascript
183b - synchrony [p]
My first ever demo entry, for the synchrony.nyc “nano” compos, 256b limit.
Also a 185b glitch version [p] that was a bug that ended up looking interesting.
These demos would not have been possible without various tricks learned from p01.org
239b - matrix rain [p] [d]
The famous digital rain from The Matrix, under 256b.
Also a 203b lo-res version that uses the same 300x300 canvas trick as above.
And a 246b hi-res version but doesn’t run on mobile browsers.
238b - sin city [d]
From the above matrix rain demo, changing the sin() to a tan() resulted in a parallax rain effect.
Also a 203b lo-res version.
And a 246b hi-res version but doesn’t run on mobile browsers.
1000b - sin city 1k [j] [p]
An evolution of the above sin city 256b demo for JS1k 2017.
Click to switch between 4 modes.
3494b - doodleroids [p]
4k demo. A Google doodle that turns into a game. Also works on mobile.
4058b - rec-rec [j]
4k self-extracting png. Adaptation of my entry for js13kGames 2018. Also works on mobile, but not Safari/Edge.
vertex shader demos - viewable on VertexShaderArt.com
412b - synchrony
A port of the above html5 demo to vertex shaders. Uses the same math, but the results look quite different.
119b - matrix rain
An accidental discovery of The Matrix digital rain effect while experimenting with the above synchrony demo. The core logic is similar.
124b - sin city
From the above matrix rain demo, changing the sin() to a tan() resulted in a parallax rain effect.