QR Mosaic
A QR code is only dark and light squares, so it can be built from real things.
This picture is a cloud of paint. You can , , , , , , and .
Paint with your finger. It stays on these splats, wherever they go next.
Your paint is on this cloud. to see the sharp picture.
- Shelf
- Studio
- Kind
- Built from a recipe
- Your own
- QR Mosaic
- Sound
- Yes
- Licenses
- Apache-2.0, MIT
How to play
Pick dominoes, marbles or tiles in the Splash tab, then tap to build the code.
Its controls
| Control | Kind | Range | Start |
|---|---|---|---|
| Build it | Tap | ||
| Build it | Button | ||
| Shape | List | 2 choices | Square |
| Made of | List | 3 choices | Dominoes |
| Error correction | List | 4 choices | M: 15% |
About it
A QR code is only dark and light squares, so it can be built from real things. Here dominoes stand on end, and a push sends every row toppling, each domino knocking the next, until they lie flat as the code: ebony over dark modules, ivory over light ones. Or marbles roll in along their rows and settle into the dark modules, or two-sided tiles flip over in a wave.
Every piece is solid and moves as the real thing would. Each build ends on a code that scans, and the splash reads its own last frame to check. Type your own text in the Splash tab.
Details
- Splats
- Opens at 200,000 at Mid Detail, 108,506 at Low, and up to 894,559 at Max
Sources and credits
Made in Splashery. Its code is MIT.
Libraries
- MIT
- gifenc 1.0.3
- Apache-2.0
- jsQR 1.4.0 (lane LSTUDIO)
- MIT
- QR Code generator library (Project Nayuki)
- MIT, Apache-2.0
- zxing-wasm 3.1.4, with zxing-cpp (copied from Splashery)
- MIT, Apache-2.0
- ZXing for JavaScript 0.21.3 (lane LSTUDIO)
In The Splash Manual
Share it
This link opens it in the Playground. To put it on your own page, add the element and one script tag. Every option.
https://splashery.app/play/?toy=qr-build
<script type="module" src="https://splashery.app/play/src/element.js"></script> <splashery-toy toy="qr-build"></splashery-toy>
Nearby
QR ExplainedA QR code is a grid of dark and light modules with a fixed plan.
QR CodeA QR code stores text in a square grid of dark and light modules.
QR Damage LabQR codes still scan when part of them is lost, because error correction can rebuild missing codewords: about 7, 15, 25 or 30 percent at levels L, M, Q and H.
Triple QROne square holds three QR codes here: the first sets each module's red, the second its green and the third its blue.