Splashery
Triple QR, a still.

No. 010 of 460 · Studio · Built from a recipe

Triple QR

One square holds three QR codes here: the first sets each module's red, the second its green and the third its blue.

Play it in the Playground

Shelf
Studio
Kind
Built from a recipe
Your own
Three codes in one
Sound
Yes
Licenses
Apache-2.0, MIT

How to play

Tap to pull the three codes apart. Read all three, or pick their colors, in the Splash tab.

Its controls

ControlKindRangeStart
Pull the three apartTap
Pull apartButton
Error correctionList4 choicesLevel M
Red code's colorColor#db1a1f
Green code's colorColor#1a9e33
Blue code's colorColor#1f40d9

About it

One square holds three QR codes here: the first sets each module's red, the second its green and the third its blue. So each module is one of eight colors, from white to black.

Splashery's reader splits the picture into its red, green and blue and reads each one as an ordinary code, for three times the data in the same square. An ordinary phone reader sees only gray, which comes mostly from green, so it usually reads the green code or nothing. Tap the square to pull its three codes apart and back. Type your own three texts in the Splash tab, and pick the color each code shows in when pulled apart.

Details

Splats
Opens at 200,000 at Mid Detail, 59,383 at Low, and up to 719,151 at Max

Sources and credits

Made in Splashery. Its code is MIT.

Libraries

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)

In The Splash Manual

  1. Chapter 9: Codes and pages

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-three<script type="module" src="https://splashery.app/play/src/element.js"></script> <splashery-toy toy="qr-three"></splashery-toy>

Back to the machineThe Studio machine

Nearby in the collection