正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

The nascent HTML-in-Canvas API is exciting to me not for flashy effects, but because it extends the semantics that the DOM can (tractably) represent — tiny example: it's possible to show an element in multiple places, cheaply, under arbitrary transforms.

Orion Reed

3,948 subscribers

104,786 次观看 • 2 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

DOM3 is made from HTML, CSS and Javascript, closer to a document than a canvas. It's a strange contemporary material that shapes much of our digital lives. The rhythm of endless creation and deletion in DOM3 is a self-driving version of what happens when you browse the web. "The Document Object Model (DOM) connects web pages to scripts or programming languages by representing the structure of a document—such as the HTML representing a web page—in memory." A html element, and a rectangle on a canvas, are not the same thing. It's a different material. Even if it all ends up controlling the same pixels, the process is different. The html element kind of actually exists, in this abstract context of a document object model. And in memory, in the moment. If it was possible to measure its weight, it would be heavier than a pixel on a canvas.

DOM3 is made from HTML, CSS and Javascript, closer to a document than a canvas. It's a strange contemporary material that shapes much of our digital lives. The rhythm of endless creation and deletion in DOM3 is a self-driving version of what happens when you browse the web. "The Document Object Model (DOM) connects web pages to scripts or programming languages by representing the structure of a document—such as the HTML representing a web page—in memory." A html element, and a rectangle on a canvas, are not the same thing. It's a different material. Even if it all ends up controlling the same pixels, the process is different. The html element kind of actually exists, in this abstract context of a document object model. And in memory, in the moment. If it was possible to measure its weight, it would be heavier than a pixel on a canvas.

Leander Herzog

11,484 次观看 • 9 个月前

Fun hack: A new way to inspect web with the html-in-canvas API

Fun hack: A new way to inspect web with the html-in-canvas API

tani

43,577 次观看 • 3 个月前

HTML enters 3D! Or vice versa? With the new HTML in Canvas by WICG, we can finally put native DOM elements directly into WebGL/WebGPU scenes. It is experimental for now, but the possibilities for 3D interfaces and special effects are huge. This demo was built using Three.js and Omma AI (tool by Spline ) It’s a fun new way to explore what the web can do! Are you interested in seeing the demo?

HTML enters 3D! Or vice versa? With the new HTML in Canvas by WICG, we can finally put native DOM elements directly into WebGL/WebGPU scenes. It is experimental for now, but the possibilities for 3D interfaces and special effects are huge. This demo was built using Three.js and Omma AI (tool by Spline ) It’s a fun new way to explore what the web can do! Are you interested in seeing the demo?

Gábor Pribék

175,833 次观看 • 2 个月前

ummm you can create some obnoxiously cool focus rings with the new HTML-in-Canvas API

ummm you can create some obnoxiously cool focus rings with the new HTML-in-Canvas API

matt rothenberg

261,576 次观看 • 3 个月前

html-in-canvas API is shattering my expectations

html-in-canvas API is shattering my expectations

AA

924,516 次观看 • 3 个月前

Can anyone, PLEASE, explain to me, how is it possible that Tiny the T-Rex has NEVER gotten love from vore community at all? He's literally the most vicious and trying-to-eat-people T-Rex I've ever seen in any movie. Is it because he's not female or not so handsome? Compilation:

Can anyone, PLEASE, explain to me, how is it possible that Tiny the T-Rex has NEVER gotten love from vore community at all? He's literally the most vicious and trying-to-eat-people T-Rex I've ever seen in any movie. Is it because he's not female or not so handsome? Compilation:

Sheryno 🇺🇦 🍀🍀🍀 We support you. Слава Україні!

52,250 次观看 • 1 年前

Today we're stoked to have Vittorio Retrivi from basement.studio share an incredible exploration of the emerging HTML in Canvas proposal. From shader powered UI effects to interactive 3D interfaces, this article is packed with inspiring experiments:

Today we're stoked to have Vittorio Retrivi from basement.studio share an incredible exploration of the emerging HTML in Canvas proposal. From shader powered UI effects to interactive 3D interfaces, this article is packed with inspiring experiments:

Codrops

10,142 次观看 • 1 个月前

No, this is not a video recording of my Apple Studio display. It's the upcoming version of Ultramock that uses HTML-in-canvas. Fully interactive, 3D, hyper-realistic mockups in the browser 🔥

No, this is not a video recording of my Apple Studio display. It's the upcoming version of Ultramock that uses HTML-in-canvas. Fully interactive, 3D, hyper-realistic mockups in the browser 🔥

Josh Millgate

19,480 次观看 • 2 个月前

If you can see it, you can be it - that is why the HDA was created, to be the example that anything is possible! Wayne Simmonds

If you can see it, you can be it - that is why the HDA was created, to be the example that anything is possible! Wayne Simmonds

Hockey Diversity Alliance

22,352 次观看 • 2 年前

Trump said it again. "There's new light all over the world, not just here. All over the world" He knows something is happening to the Earth. He knows it's connected to the mystery crafts. He's speaking in words that can be taken multiple ways because not everyone will get it.

Trump said it again. "There's new light all over the world, not just here. All over the world" He knows something is happening to the Earth. He knows it's connected to the mystery crafts. He's speaking in words that can be taken multiple ways because not everyone will get it.

Kab

650,441 次观看 • 1 年前

One of the things that motivated me to try to go to the United States for residency was being an example for the students at my university that every dream is possible with effort. In the video students from the university where I studied congratulating me after MATCH result.

One of the things that motivated me to try to go to the United States for residency was being an example for the students at my university that every dream is possible with effort. In the video students from the university where I studied congratulating me after MATCH result.

Antony Gonzales-Uribe, MD

18,330 次观看 • 2 年前

'i still drive by all the places we loved but it's not the same that coffee shop doesn't feel like what it was tell me who is to blame?' BECKY STUCK IN BETWEEN #StuckInBetweenRebeccaArmstrong #beckysangels #BeckyArmstrong

'i still drive by all the places we loved but it's not the same that coffee shop doesn't feel like what it was tell me who is to blame?' BECKY STUCK IN BETWEEN #StuckInBetweenRebeccaArmstrong #beckysangels #BeckyArmstrong

FREENBECK OFFICIAL

16,484 次观看 • 16 小时前

the guy keeps saying "you can already do this with a canvas behind the element" so here is another gratuitous animation where the scanline physically distorts the form content as it passes (warping the actual rendered HTML pixels)

the guy keeps saying "you can already do this with a canvas behind the element" so here is another gratuitous animation where the scanline physically distorts the form content as it passes (warping the actual rendered HTML pixels)

matt rothenberg

335,920 次观看 • 3 个月前

I made a thing! 🐱 Clipcat (link in the next tweet) is an API for rendering videos in the cloud with smooth animations, multiple scenes, at up to 60fps. It's like Bannerbear, but with complex animations / tweening, and a keyframe-based editor.

I made a thing! 🐱 Clipcat (link in the next tweet) is an API for rendering videos in the cloud with smooth animations, multiple scenes, at up to 60fps. It's like Bannerbear, but with complex animations / tweening, and a keyframe-based editor.

Jon Yongfook

55,294 次观看 • 1 年前

Keir Starmer, "People told me it's not possible to turn the Labour party around, to win an election" "That it's not possible if you do win an election to invest in your public services and stabilise the economy" "Wrong every time" "That's why I intend not to walk away from this"

Keir Starmer, "People told me it's not possible to turn the Labour party around, to win an election" "That it's not possible if you do win an election to invest in your public services and stabilise the economy" "Wrong every time" "That's why I intend not to walk away from this"

Farrukh

44,502 次观看 • 23 天前

The web is fun again. HTML-in-canvas is insane. Made with Omma.

The web is fun again. HTML-in-canvas is insane. Made with Omma.

Omma AI

27,518 次观看 • 2 个月前

Seamless tiles in After Effects A new plugin I'm building, and then Offset effect at the end of the stack to show that it's not seamless to begin with.

Seamless tiles in After Effects A new plugin I'm building, and then Offset effect at the end of the stack to show that it's not seamless to begin with.

Mikey Borup, AE

27,919 次观看 • 3 个月前

What else is there to do on a bank holiday but to chant for Irish terrorists... But sure it's not "no pope in Rome" so let's brush it under the carpet....

What else is there to do on a bank holiday but to chant for Irish terrorists... But sure it's not "no pope in Rome" so let's brush it under the carpet....

RUC/UDR

11,017 次观看 • 1 年前

Since I got to the scene, I'd like to show off that it's a hidden thing you can do in Unlimited Codes, where Bazett can activate Fragarach when an enemy uses their Noble Phantasm... but it doesn't work when the opponent is Lancer. #CanaFHA

Since I got to the scene, I'd like to show off that it's a hidden thing you can do in Unlimited Codes, where Bazett can activate Fragarach when an enemy uses their Noble Phantasm... but it doesn't work when the opponent is Lancer. #CanaFHA

Erika 🇩🇪🌙👑 (Final Fantasy XIII)

23,286 次观看 • 10 个月前