21–26 of 26 posts
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!
Neat, was just looking at this SVG filter powered watercolor effect earlier today again: https://observablehq.com/@veltman/watercolor
I wish there was an SVG2 that was more like modern 3D graphics APIs. My druthers: vertex stores, index buffers, stroke & shapes paths, and then both "standard" (prebaked) and "user-defined" (shader) shaders for texturing the strokes & shapes.
There was some work on adding shaders to CSS filters, but I don't know if it went anywhere. https://developers.google.com/web/updates/2013/03/Introducti...
Just use render to texture from WebGL.