Загрузка видео...

Не удалось загрузить видео

На главную

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

mrdoob's profile picture

mrdoob

89,186 subscribers

45,018 просмотров • 6 месяцев назад •via X (Twitter)

Наука и технологии
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

more html-in-canvas slop
0:16

more html-in-canvas slop

Codetaur

200,176 просмотров • 6 месяцев назад

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

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

tani

44,846 просмотров • 6 месяцев назад

we praise html-in-canvas ✨
0:11

we praise html-in-canvas ✨

alyx

57,683 просмотров • 6 месяцев назад

html-in-canvas can't ship fast enough
0:14

html-in-canvas can't ship fast enough

Robert Pavlinić

107,284 просмотров • 6 месяцев назад

html-in-canvas API is shattering my expectations
0:17

html-in-canvas API is shattering my expectations

AA

926,001 просмотров • 6 месяцев назад

Tried combining Three.js raymarching with html-in-canvas.
0:16

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

Zsolt Kacso

46,139 просмотров • 5 месяцев назад

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

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

Omma AI

27,518 просмотров • 6 месяцев назад

This is soooo coool The first HTML-in-canvas Component Library is here
0:18

This is soooo coool The first HTML-in-canvas Component Library is here

Dave Kiss

79,514 просмотров • 3 месяцев назад

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

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

Max Leiter

37,012 просмотров • 6 месяцев назад

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

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

matt rothenberg

262,407 просмотров • 6 месяцев назад

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

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

Robert Pavlinić

16,253 просмотров • 2 месяцев назад

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

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

mrdoob

135,573 просмотров • 3 лет назад

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

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

Zsolt Kacso

34,140 просмотров • 5 месяцев назад

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

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

mrdoob

12,519 просмотров • 6 месяцев назад

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

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

Eugene

38,679 просмотров • 6 месяцев назад

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.
0:18

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 просмотров • 1 год назад

Just added an example of how to implement a simple gaze tracking task on the Apptronik robot in mink:
0:19

Just added an example of how to implement a simple gaze tracking task on the Apptronik robot in mink:

Kevin Zakka

15,707 просмотров • 1 год назад

Slide to pay component, added keyboard interaction too this time Designed in Paper, animations with Motion
0:17

Slide to pay component, added keyboard interaction too this time Designed in Paper, animations with Motion

Jeet

20,903 просмотров • 5 месяцев назад

Fine, I'll bite. Paper will never, ever, eat Figma's lunch. Not Paper, not Claude Design, not Google Stitch, not V0, bolt, lovable, base44 or any of the HTML/CSS-based canvas. Why? The number one reason: Performance. Paper struggles at 2-5K elements of plain rectangles For comparison, in the attached video: a small, early-stage exploration canvas with 13K elements. Real-world projects are tens of thousands sometimes hundreds of thousands of elements. Why do you think Figma has a hyper-optimized webGL rendering engine? It would've been way easier to have an HTML/CSS-based canvas if that was feasible. Figma's money comes from tens of thousands of organizations where *at the very minimum* need to support these canvas sizes. Does it hurt Figma that many individuals and small teams are switching to other tools? arguable. Does Paper have better *MCP support* than Figma*? 1000 percent. Not even close. but MCP support != better overall or even an option for most. I'm not saying Figma's lunch won't be eaten. I have a huge horse in that game, betting it will be. I'm saying *HTML/CSS-based canvases, specifically* won't.
0:16

Fine, I'll bite. Paper will never, ever, eat Figma's lunch. Not Paper, not Claude Design, not Google Stitch, not V0, bolt, lovable, base44 or any of the HTML/CSS-based canvas. Why? The number one reason: Performance. Paper struggles at 2-5K elements of plain rectangles For comparison, in the attached video: a small, early-stage exploration canvas with 13K elements. Real-world projects are tens of thousands sometimes hundreds of thousands of elements. Why do you think Figma has a hyper-optimized webGL rendering engine? It would've been way easier to have an HTML/CSS-based canvas if that was feasible. Figma's money comes from tens of thousands of organizations where *at the very minimum* need to support these canvas sizes. Does it hurt Figma that many individuals and small teams are switching to other tools? arguable. Does Paper have better *MCP support* than Figma*? 1000 percent. Not even close. but MCP support != better overall or even an option for most. I'm not saying Figma's lunch won't be eaten. I have a huge horse in that game, betting it will be. I'm saying *HTML/CSS-based canvases, specifically* won't.

Amichai Mantinband

45,308 просмотров • 14 дней назад

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:
0:14

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,742 просмотров • 5 месяцев назад