Small experiment with CSS Houdini Paint Worklets – basically using Chrome DevTools as a GUI editor to live-tweak code art. https://gist.github.com/mattdesl/d2ab8b8cee617f749a25bad69c0b1182 …pic.twitter.com/6Dvuru58PL
I’d like to see this as a benchmark for WebRender :) My concern with Houdini Paint (and a lot of Houdini, really) is that they bake in what’s currently in the platform, when e.g. the current 2D graphics API is an artifact of history, not well suited for modern hardware.
-
-
I don’t really mind the Canvas2D API but I do wonder how browsers would approach it differently today. Maybe lower level constructs? I’ve been trying to re-implement parts of it with WebGL but it’s hard to match the polygon triangulation, thick lines & MSAA. Also fonts.
-
A more GPU/browser - friendly API would make it easier to retain this work across frames and work in terms of retained/animated content rather than working with each frame in isolation (IMO).
- 6 more replies
New conversation -
-
-
If there's a better API, I'd be happy to see it. I appreciate the simplicity/familiarity of move/line/arcTo, but I'm not married to canvas—just happy there's a way to achieve effects that would be prohibitively expensive Bring on PaintWorklet 2, or whatever the successor will be
-
I doubt I could open source the prototype, but would be happy to help you come up with a benchmark. Are you thinking clip-path, Paint Worklet, or anything-that-gets-the-job-done?
- 1 more reply
New conversation -
Loading seems to be taking a while.
Twitter may be over capacity or experiencing a momentary hiccup. Try again or visit Twitter Status for more information.