正在加载视频...

视频加载失败

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

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

matt rothenberg

5,049 subscribers

262,323 次观看 • 6 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

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

44,846 次观看 • 5 个月前

html-in-canvas API is shattering my expectations

html-in-canvas API is shattering my expectations

AA

925,856 次观看 • 5 个月前

With html-in-canvas, you can make shader-powered page transitions

With html-in-canvas, you can make shader-powered page transitions

Max Leiter

37,012 次观看 • 6 个月前

Tried combining Three.js raymarching with html-in-canvas.

Tried combining Three.js raymarching with html-in-canvas.

Zsolt Kacso

46,139 次观看 • 4 个月前

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 次观看 • 5 个月前

Following on from last week's GPT 5.5 experiments... Did more experimenting with HTML-in-Canvas to create more interesting page transitions Using our favourite animation library GSAP + the PixiJS Skills Very impressed with how well GPT 5.5 can create WebGL/WebGPU shaders

Following on from last week's GPT 5.5 experiments... Did more experimenting with HTML-in-Canvas to create more interesting page transitions Using our favourite animation library GSAP + the PixiJS Skills Very impressed with how well GPT 5.5 can create WebGL/WebGPU shaders

PixiJS

39,516 次观看 • 5 个月前

human <> machine html-in-canvas transition should we ship this on the new docs?

human <> machine html-in-canvas transition should we ship this on the new docs?

Robert Pavlinić

16,253 次观看 • 1 个月前

Added interaction support to the HTMLTexture (html-in-canvas) example.

Added interaction support to the HTMLTexture (html-in-canvas) example.

mrdoob

45,018 次观看 • 5 个月前

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.

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

105,365 次观看 • 5 个月前

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

176,669 次观看 • 5 个月前

This is built using Gradio 6's super easy new HTML component! You can play with the demo here:

This is built using Gradio 6's super easy new HTML component! You can play with the demo here:

Gradio

15,652 次观看 • 8 个月前

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

336,781 次观看 • 6 个月前

Grok Imagine got cool new update You can now create perfect lip-sync in multiple languages + full conversational scenes The voices feel so incredibly real

Grok Imagine got cool new update You can now create perfect lip-sync in multiple languages + full conversational scenes The voices feel so incredibly real

X Freeze

10,458 次观看 • 5 个月前

Create toolbar navigation with CSS, HTML and JavaScript 🚀 Code in the comments 👨‍💻

Create toolbar navigation with CSS, HTML and JavaScript 🚀 Code in the comments 👨‍💻

David Mráz

191,085 次观看 • 3 年前

Create this password validator with HTML, CSS and JavaScript 🚀 Code in the comments 👨‍💻

Create this password validator with HTML, CSS and JavaScript 🚀 Code in the comments 👨‍💻

David Mráz

13,836 次观看 • 1 年前

Wanna get hot with me? @senseme_waxplay candles New play on the menu, can wait to turn you into a canvas ✨

Wanna get hot with me? @senseme_waxplay candles New play on the menu, can wait to turn you into a canvas ✨

Night in Shanghai in London 🇬🇧

14,624 次观看 • 1 年前

Did you know you can record the #threejs canvas directly using MediaRecorder API in 60fps? Try it out, it will also open your mobile device's share tray and let you save the video directly! Live: Code:

Did you know you can record the #threejs canvas directly using MediaRecorder API in 60fps? Try it out, it will also open your mobile device's share tray and let you save the video directly! Live: Code:

Faraz

17,880 次观看 • 1 年前

Create responsive footer with subscribe form using CSS and HTML 🚀 Code in the comments 🧑‍💻

Create responsive footer with subscribe form using CSS and HTML 🚀 Code in the comments 🧑‍💻

David Mráz

78,635 次观看 • 3 年前