MONOSPACE: Flip dots with feelings, a JavaScript demo in 1021 bytes, winner of the 1024 bytes demo competition at Assembly 2020.
![Monosnap Monosnap](https://is5-ssl.mzstatic.com/image/thumb/Purple118/v4/41/21/5d/41215d55-4041-85cb-186b-07f3c8d5a69c/pr_source.jpg/643x0w.jpg)
![Monosnap 3 5 8 X 4 Monosnap 3 5 8 X 4](https://monosnap.com/static/media/Step-2.808cc355.png)
Monosnap 3 5 8 X 45
Chocolatey is software management automation for Windows that wraps installers, executables, zips, and scripts into compiled packages. Chocolatey integrates w/SCCM, Puppet, Chef, etc. Chocolatey is trusted by businesses to manage software deployments. Monosnap allows you to save screenshots easily, conveniently, and quickly, sharing them with friends and colleagues at once. It's the ideal choice for anyone who is looking for a smart and fast screenshot app. Capture: Capture full screen, just part of the screen, or a selected window Make your crop area pixel perfect with our 8x magnifier.
Answer to: Graph the solution of the following system of inequalities x less than -5, y geq 4, 3x + 4y less than -8. By signing up, you'll get.
Monosnap 3 5 8 X 4 5
The Assembly is a demoscene event with the most anticipated 1kb, 4kb and full size demo competitions. Folx pro 5 4 – download manager software. I am absolutely thrilled to win, again.
This year, it has been difficult to find the mental energy to focus, but working on a creative project was a breath of fresh air. I began to work on MONOSPACE 4 months ago, going through prototypes and fine tuning many details, trying to bring a level of camera work never seen in 1k demos before.
Flip dots feelings in 1021 bytes
For MONOSPACE, the main inspiration came from plot writers and flip dots displays like the ones in train stations. After experimenting with speech synthesis in previous productions in 1kb and 256 bytes, I wanted to break the fourth wall. Another thing dear to me was to mimic a handheld camera that slightly shakes and goes out focus to increase the immersion in this monospace world.
Monosnap 3 5 8 X 40
Techincal tidbits
Unfortunately, Mozilla still hasn't fixed the performance bug 1190398 around ShadowBlur, filled for BLCK4777 5 years ago.
Therefore you need to use a Chromium or Webkit browser to enjoy MONOSPACE live. To watch the packed version, you might have to allow Audio/Sound in the Permisions or Site or Settings of your browser.
Otherwise, I recommend the video capture of the final result as that is often easier to watch than a production highly optimized for size and the hardware used for the competition.
Compression
On the technical side, MONOSPACE is compressed using the PNG bootstrapping technique I described multiple times. The hand minified code takes 1497 bytes before compression and fits into 818 bytes of DEFLATE stream + the PNG headers and the bootstrapper = 1021 bytes
Minified code
Here is the setup of MONOSPACE. It takes 59 bytes to provide a canvas and rendering context.
The minified code of MONOSPACE itself is 1438 bytes long.
App cleaner pro 6 5 inch. The goal is keep the heatmap of the DEFLATE stream as cool as possible which means that most characters take a few bits to endode, while a few charachters are red hot and take 8 or more bits.
Visual, Audio & Speech in a nutshell
The rendering uses 2D Canvas, abusing ShadowBlur to render everything with the depth of field.
Iclock pro 5 6 x 9. The Audio uses scriptProcessingNode, abusing the onAudioProcess event to render the Audio and Visuals.
The Audio and Visuals feed each other to get perfect synch of the camera shake, depth of field and soundscape.
Monosnap 3 5 8 X 4
The speech synthesis, allows to speak out the function feeding the visuals, and the 'feelings' of the flip dots display.
Chef kiss
Finally, yes MONOSPACE is named after the font family used to write the text, to gain a few bytes.
Additional links
- Packed version that fits in 1021 bytes but requires to disable Click to play Audio.
- Compatible version that should work on any powerful enough device and browser.
- Full archive submitted at the Assembly 2020
- MONOSPACE on Pouet.net, the demoscene portal
Other recent experiments
There are many experiments and projects like MONOSPACE to discover other here.
Let's talk
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.