Show HN: Inkwash, a watercolor sketching app and explanation

93 points - last Sunday at 2:14 AM


I've made a drawing app based on my physical sketching practice, using fluid sim and some shader tricks to mimic watercolor-style ink washes. Best used on iPad or with a drawing tablet. The linked article shows how the core engine works, with plenty of little interactive demos. It was fun to make, sharing in hopes others find it fun too :)

Source

Comments

vunderba last Sunday at 6:19 AM
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.

https://www.escapemotions.com/experiments/rebelle/index.php

armcat today at 3:13 PM
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.
BugsJustFindMe today at 2:58 PM
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.
calebm today at 4:50 PM
Great example of a Single File Web App (https://gods.art/articles/single_file_web_apps.html). I'm trying to get a wikipedia page up for this concept (https://en.wikipedia.org/wiki/Draft:Single_File_Web_Apps).
voidmain0001 today at 5:05 PM
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%.

ameon last Sunday at 10:10 AM
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.
levi840714 yesterday at 8:53 AM
The interactive explanation is the best part — being able to scrub the sim while reading the writeup made it actually click.
ahmd-sh today at 2:17 PM
This is so satisfying! I love how the blending looks and fluidly works.

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.

esychology today at 2:25 PM
This is awesome! The strength of the flow/advection is a bit too high imo. Maybe increase some viscosity parameter?
the-mitr today at 3:44 PM
It is very fun and aesthetically pleasing also, great job.
pinstripes today at 3:06 PM
I like that adding pen strokes to a watery section continues to blend in. Ima copy you now and become a cool art person
maarudth last Sunday at 5:29 AM
i like it a lot. looks beautiful