HTML-in-Canvas will open a door for innovation on the web Create UIs and user experiences that are more engaging and sensible than ever before Very straightforward and accessible Extremely normal interfaces! Experimental - Requires activation of the chrome://flags/#canvas-draw-element flag in Chrome

It will mostly be used to create bloated sites that lag. Similar to how three.js is currently used. Not everyone runs gaming rigs to view the web.

Most likely! As with the pretext demos recently, the genuine use cases are likely more abstract and varied (I think it’ll be very helpful for UIs in browser games - achieving the optimised CSS layout mixed with canvas effects) Also means it’s much easier to build out overly complex layouts without a whole load of bloat, rather than relying on workarounds and heavy canvas operations - so perhaps this does open the door for a web that’s still annoyingly noisy but with more routes to optimisation. Who knows, seems like there’s a lot of potential in it anyway

Screen scrappers will die.

this is true flash 2.0, if we can pull this off, and it can get approved finally, the web can be fun again?

Steve Jobs finally succeeded in getting rid of the #UX & usability nightmare that was Adobe Flash, and now we're bringing it back!

this is so cool, you should upload tutorials

@k1sekiya Thanks! I hopefully will soon. This stuff is really interesting under the surface.

Love these, this one looks super cool

oh i love this. you could add it to if you'd like :D

I agree it could be a new golden age of web

HTML-in-Canvas bridges the gap between web accessibility and creative freedom. The cloth form demo is wild. You get the physics and visual flexibility of canvas with the semantic structure of actual HTML elements. This could unlock a whole category of interactive experiences that felt impossible with pure DOM.

when you say accessible... do you mean the technology, or the implementation?

@mrdoob The comeback of the Flash era with accessibility baked in

What is SEO and fallback like?

That’s the beauty of it - all valid DOM elements inside the <canvas> element, so you essentially have a completely accessible form (even shows eg error states, browser feedback, respects tab order) but you can make it as stupidly elaborate as you like!

The next Stanley Parable game is going to be unhinged

"sensible" and then you show UI on cloth sim :D fucking punk rock my dude.