If anyone gets interested in the SVG format, I've also found this to be a very useful resource:
It might be interesting to tune an svg filter against a ground truth like  - if the difference can be made small, it might be useful for educational interactives?
I wonder if one could get something complex like ?
 http://phelafel.technion.ac.il/~orcohen/h2/h2_45.gif from frame http://phelafel.technion.ac.il/~orcohen/h2.html of http://phelafel.technion.ac.il/~orcohen/DFTVisualize.html
 image https://i.insider.com/5249da00eab8ea2172fa799a?width=700&for... via https://www.businessinsider.com/first-images-of-a-hydrogen-b... from paywalled https://science.sciencemag.org/content/340/6139/1434.abstrac...
Perhaps one might reverse that, and chase it around the box, forcing fusion?
Also TIL SVG has displacement maps and noise.
Just use render to texture from WebGL.
I've been playing around making a HTML/CSS blackboard for TV displays etc. I used a black background, a semi-transparent PNG mask for the dust/old writing effect and used some handwriting fonts. I applied a slight blur to the text, but the effect isn't quite right.
I'm going to try using SVG text and applying similar filters to produce a chalk effect. I hadn't thought of that approach, so thanks for the great post!
Any ideas on how to achieve a pen or pencil like effect when applied to images of text, emulating ink properties? Kind of neural style for text.