Galleries
Pictures and sounds to browseCrayon brush reference strokes
What a waxy crayon stroke should look like, built up in stages from single lines to fills. The crayon brush is judged against these pictures.
What's inside
Open
Drag-to-clear sound options
Three candidate sounds for the clear gesture, played through the same drag-away-from-the-trash control the app uses. Records which one shipped.
Open
Measurements
The numbers behind a decision, and how they were takenImage-model bake-off
Image models and quality settings compared on the same drawings. Review cost, speed, and picture quality against the production baseline.
Open
End-to-end test tuning
How many Playwright workers the test suite should use, measured on a laptop and on CI, plus the three real test bugs found on the way.
Open
Performance matrix
Drawing, undo, and button timings on real iPads and Android phones, simulators, and desktop browsers, checked against the release limits. Every number names the commit it measured.
What's inside
Open
Explainers
How the app works, in plain wordsHow Splotch turns fingers into pixels
A tour of the drawing pipeline: how touches become strokes, how the canvas is split into tiles, how undo keeps pixels, and how a picture is exported. Starts with a version a five-year-old could follow.
Open
How Splotch stays fast
How the app spends its 16.7 milliseconds per frame, and every mechanism in the code that protects that budget: the tiled canvas, idle scheduling, the startup bundle, off-main-thread work, and network caching. Each one is checked against the code.
What's inside
Open
How Splotch measures itself on real screens
The profiling rig behind the performance matrix, one surface at a time: what touches the glass, what carries the numbers home, what the platform sees that the page cannot, how a capture campaign runs end to end, and the setup mistakes that produce plausible wrong numbers.
What's inside
Open