正在加载视频...

视频加载失败

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

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

mrdoob

87,267 subscribers

44,663 次观看 • 1 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

more html-in-canvas slop

more html-in-canvas slop

Codetaur

199,209 次观看 • 1 个月前

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

we praise html-in-canvas ✨

we praise html-in-canvas ✨

alyx

56,744 次观看 • 1 个月前

html-in-canvas can't ship fast enough

html-in-canvas can't ship fast enough

Robert Pavlinić

87,339 次观看 • 1 个月前

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

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

Zsolt Kacso

43,912 次观看 • 28 天前

html-in-canvas API is shattering my expectations

html-in-canvas API is shattering my expectations

AA

923,602 次观看 • 2 个月前

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

27,349 次观看 • 1 个月前

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 次观看 • 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,043 次观看 • 2 个月前

This has to be the creepiest example I've done so far.

This has to be the creepiest example I've done so far.

mrdoob

135,564 次观看 • 3 年前

Card transition experiment with React Three Fiber + html-in-canvas. Try it here: Needs Chrome Canary for the interactive cards.

Card transition experiment with React Three Fiber + html-in-canvas. Try it here: Needs Chrome Canary for the interactive cards.

Zsolt Kacso

31,698 次观看 • 1 个月前

added this button interaction to my portfolio (Stole or got the inspiration somewhere)

added this button interaction to my portfolio (Stole or got the inspiration somewhere)

Eugene

38,073 次观看 • 1 个月前

Finally added a lap timer ⏱️ 👀 🕹️ It'll remember the best times for each track.

Finally added a lap timer ⏱️ 👀 🕹️ It'll remember the best times for each track.

mrdoob

12,430 次观看 • 1 个月前

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,466 次观看 • 8 个月前

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

I have added a land plot to my mapmaking tool 'Canvas of Kings' in the hope that this will make it easier and quicker to create islands. #godotengine #gamedev #indiegame

I have added a land plot to my mapmaking tool 'Canvas of Kings' in the hope that this will make it easier and quicker to create islands. #godotengine #gamedev #indiegame

Canvas of Kings | Might of Merchants

137,773 次观看 • 2 年前

The future of Ultramock is going to be beautiful! Here's a quick demo of ultramock using the new HTML-in-Canvas tech. You'll be able to spin up stunning product demos in realistic 3D spaces using your actual product or website with realtime interactions and animations ✨

The future of Ultramock is going to be beautiful! Here's a quick demo of ultramock using the new HTML-in-Canvas tech. You'll be able to spin up stunning product demos in realistic 3D spaces using your actual product or website with realtime interactions and animations ✨

Josh Millgate

49,495 次观看 • 1 个月前

What if *any* website could be turned into a canvas with a single click? Rebuilt my website ( last night and added DOM<->Canvas translation allowing you to "break out" into a multiplayer tldraw canvas at any point. The Regular web, zero magic. 1/n

What if any website could be turned into a canvas with a single click? Rebuilt my website ( last night and added DOM<->Canvas translation allowing you to "break out" into a multiplayer tldraw canvas at any point. The Regular web, zero magic. 1/n

Orion Reed

42,335 次观看 • 2 年前

Dreaming of traveling abroad? 🧳🗺️ Plan a trip anywhere in the world with added #traveltips from AAA Trip Canvas! 🌴️🏞️🚢🍹

Dreaming of traveling abroad? 🧳🗺️ Plan a trip anywhere in the world with added #traveltips from AAA Trip Canvas! 🌴️🏞️🚢🍹

AAA Travel

27,276 次观看 • 2 年前