Nice visualizations - have you tried Rebelle? They have an online version that lets you play with the watercolor/brushes of the painting software so you can see the colors drying on the canvas.
Oooh yeah I forgot how incredible that was! They really put care into how the pigments mix and move. I used to love watching timelapses of people doing art in rebelle.
This is really charming. The interactive demos make the technical explanation much more approachable. One feature that might be fun is replay/exporting the stroke process, since the wash spreading is part of what makes it satisfying to watch.
As an amateur watercolour artist (shameless plug: https://www.instagram.com/p/DBlKG5cMPxa) I have to say the feeling your made with this wash is gorgeous. Back in the analogue world - paper grain and type/brand has a lot to do with it. Watercolour is really about unpredictability - it's about taking advantage of this unpredictability in terms of how the water travels down the grain and the impact that it makes, combined with light/shadow and "confidence" the artist brings with the brush. So of course it's never going to be truly transferrable digitally, but I still love the work you put into this.
The examples display a degree of vorticity that I have never seen in real life watercoloring. They look great superficially, but they look super weird at reasonable inspection. Water on paper does not flow nearly so freely.
Why is just having the web page loaded in a browser's (Firefox) tab ramping up the iGPU on my computer to 75%? The GPU load is consistently 75% whether I'm drawing or just have an untouched web page.
MS Edge has the same behavior with GPU loading regardless of drawing or not, but the GPU is at 50%.
looks beautiful! i wanted to bookmark it because sometimes i need to explain some geometry to my son, and i have to download some sketching app each time, but with this I could just open and paint. There's one problem however. When on mobile, the page does not hid the control panel (mode, ink, etc) and it takes a large portion of the screen.
Ah yeah that's not ideal, fixed. I like the menu sticking around on iPad, but it now gets out of the way on smaller phone screens. Thanks for the reminder, I'd been meaning to do this!
(Also, tldraw.com is fantastic for quick+easy diagrams and works great on mobile if you want a better whiteboard that isn't so art-focused :) )
this is really gorgeous. I build ed tech apps for kids, which often includes whiteboard. I am always in search of inspiration to make it more tactile and less MS Paint, love this!
https://www.escapemotions.com/experiments/rebelle/index.php
I used to use expressii, and always thought it was one of the most under rated painting apps. Has a very natural feel to it.
https://www.expresii.com/
That said though, lovely site and project!
MS Edge has the same behavior with GPU loading regardless of drawing or not, but the GPU is at 50%.
I've always admired watercolor animations (especially the ones in the video game Gris) and wanted to bring that to the web, but didn't know how.