Quite possibly the smallest WebGL demo effect. Micro Nova clocks under 512bytes and shows supernova-like blasting colors.
How did this happen ?
This started as a discussion with Daeken, discoverer of the PNG bootstraping technique, about the feasibility of a 512b WebGL intro. However with ~160 bytes for the bootstraping itself, the PNG approach was not the right one to hit the 512 bytes mark. The only way was some good old sweat, hand minification and hashing of verbose method names.
Of course there has been many variants of the fragment shader before settling for Micro Nova. Some bringing us as far down as 507 bytes but the visuals were slightly less intereting.
Here is the breakdown of the various parts:
- 52 bytes of HTML + CSS
- 134 bytes of GLSL ( 44 and 105 for the vertex and fragment shader respectively. 15 bytes are shared between both shaders. )
Hope you liked Micro Nova
Make sure to leave comments, piggies and thumbs up or down for 512b Micro Nova on Pouet.net.
Other recent experiments
There are many experiments and projects like MICRO NOVA to discover other here.
- MUSIC FOR TINY AIRPORTS AT WEB AUDIO CONFERENCE The Web Audio Conference 2018, held in September 19-21 in Berlin was a great mix of researchers, web developers, artists and performers presenting their projects. I had the chance to provide a deep dive into music for tiny airports, explaining how to generate hours and hours of music in a handful of bytes.
- MUSIC FOR TINY AIRPORTS 2/1 🛫 Celebrating the 40 years anniversary of Brian Eno's "Ambient 1: Music for Airports" with an homage written in 256 bytes with the Web Audio API.
- THEY COME AT DUSK 👺 A survival horror game for JS1k 2018, where you run away from dead miners as you hear your heart beat. Turn around using the arrow keys until all you hear is beeeeeeeep.
- HYPERSONIC MANDELBULB A hasty invalid JS1k entry using webGL+Audio. Possibly the first one.
- PNEBULA Almost the first 256b intro using Canvas ever :p
- MANDELBROT ROTOZOOM Many people did fractals renderers in Javasript in 256 bytes, but no one ever made one that zooms and rotate... until today.
Don't be shy; get in touch by mail, twitter, github, linkedin or pouet if you have any questions, feedback, speaking, workshop or performance opportunity.