Loading video...

Video Failed to Load

Go Home

HTML in Canvas API is NUTS

1,191,621 views • 7 months ago •via X (Twitter)

45 Comments

Wes Bos's profile picture
Wes Bos7 months ago

A bit more explanation. Working on some more demos to show soon

Savannah's profile picture
Savannah6 months ago

Yes

Wes Bos's profile picture
Wes Bos6 months ago

Explain plz

Savannah's profile picture
Savannah6 months ago

It's very long winded 😅

Bytenaija 🇳🇬🇨🇦's profile picture
Bytenaija 🇳🇬🇨🇦6 months ago

@wesbos Does this use the html in canvas API? How is it relevant here?

Savannah's profile picture
Savannah6 months ago

@wesbos Yep

Thomas Nattestad's profile picture
Thomas Nattestad6 months ago

(Chrome's PM for the API here) If you have any feedback on the API don't hesitate to share it!

Wes Bos's profile picture
Wes Bos6 months ago

@Paul_Kinlan Thanks, will do!

Peter Pistorius's profile picture
Peter Pistorius7 months ago

the web is about to get weird again!

Kamalveer Singh's profile picture
Kamalveer Singh6 months ago

I was just thinking about making a shooting game thing and this post popped up on my feed. This is amazing.

Hacksore's profile picture
Hacksore7 months ago

Basically how Google Docs works 😂

Linus's profile picture
Linus6 months ago

I did this a few weeks back

Youssef 🚜's profile picture
Youssef 🚜7 months ago

didnt you find out about this like 2 days ago

Wes Bos's profile picture
Wes Bos7 months ago

yep, been cranking on demos. A few more coming

Youssef 🚜's profile picture
Youssef 🚜7 months ago

keep em coming mate!

Mathew Chan's profile picture
Mathew Chan7 months ago

but can you center a div in there

Nick Taylor's profile picture
Nick Taylor7 months ago

@1Marc You know you gotta do the Kool Aid man busting through a wall lol

techno yoda's profile picture
techno yoda6 months ago

the most underrated feature of claude is that I can one-shot canvas visualizations to just to explain things to people. its surreal how well you can express yourself now if you know what you want to see.

François Best's profile picture
François Best7 months ago

cc @orcdev 👀

Chrome for Developers's profile picture
Chrome for Developers6 months ago

Now this demo is right on target. Love it.

Wes Bos's profile picture
Wes Bos6 months ago

dad

Nick e/code's profile picture
Nick e/code6 months ago

It’s almost like we are rebuilding Flash.

Michael?'s profile picture
Michael?7 months ago

Next level bad UX is here

Pritam's profile picture
Pritam6 months ago

wait till people discover webgl

Wes Bos's profile picture
Wes Bos6 months ago

This works with webgl!

Guillermo Avalos's profile picture
Guillermo Avalos6 months ago

We’re getting Geocities-style sites back, but on cocaine, baby!

Martin Elitzer's profile picture
Martin Elitzer7 months ago

wtf. dead nuts!

İlhan Neğiş 🛠️💾's profile picture
İlhan Neğiş 🛠️💾7 months ago

ooOOo graphing/chart libraries!

Lucas Nascimento's profile picture
Lucas Nascimento7 months ago

that's so cool 🤩

Tone's profile picture
Tone7 months ago

Your tutorials were instrumental in giving me my start and I feel so bad I've forgotten to look back in! This is so dope!!

Chan's profile picture
Chan6 months ago

This is one of those demos that rewires your idea of what belongs in a browser

Eugene Kirichuk's profile picture
Eugene Kirichuk6 months ago

We are so back to Flash-like UIs

NéstorVC's profile picture
NéstorVC6 months ago

Is this mobile friendly?

ScrambleYourJets's profile picture
ScrambleYourJets6 months ago

Webgl doesn’t exist?

Wes Bos's profile picture
Wes Bos6 months ago

Show me putting DOM into WebGL. Also - you can use this with WebGL

shane's profile picture
shane6 months ago

Looking forward to seeing some more demos!

Loktar 🇺🇸's profile picture
Loktar 🇺🇸7 months ago

SUCH a huge leap for canvas, I'm going to have to dust off some of my old demos tonight and implement some of this 😂

C4B4D4 💿's profile picture
C4B4D4 💿7 months ago

What about CORS?

Franklin Williams's profile picture
Franklin Williams6 months ago

The Canvas Inner HTML API is pretty useful for creating UI and UX Designs.

Michael Francis's profile picture
Michael Francis7 months ago

This would be fantastic for game dev.

Damien Golding's profile picture
Damien Golding6 months ago

Wait DOM nodes are in the canvas? I thought it was just about rendering HTML to canvas...

Anton's profile picture
Anton7 months ago

Omg why 😄 this reminds me of Lineage 2 that uses HTML for menus

victor's profile picture
victor6 months ago

how?? show me.

ouzz's profile picture
ouzz6 months ago

I implemented the same logic and rendered the HTML to the canvas. The entire website is rendered using Canvas with no DOM elements

Bob's profile picture
Bob6 months ago

The children yearn for Adobe Flash

Related Videos