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

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

На главную

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

omma_ai's profile picture

Omma AI

8,961 subscribers

27,518 просмотров • 2 месяцев назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

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

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

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

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

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

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?
0:10

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

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

html-in-canvas API is shattering my expectations

AA

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

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

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

Zsolt Kacso

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

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

more html-in-canvas slop
0:16

more html-in-canvas slop

Codetaur

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

You can now use GLM 5.2 in Omma Canvas. Strong model for frontend generation. Enable it on canvas using the "Higher" mode.
0:19

You can now use GLM 5.2 in Omma Canvas. Strong model for frontend generation. Enable it on canvas using the "Higher" mode.

Omma AI

13,059 просмотров • 25 дней назад

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

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

we praise html-in-canvas ✨
0:11

we praise html-in-canvas ✨

alyx

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

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

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

mrdoob

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

Exploring !Boring stickers! in 3D, made with Omma AI.
0:13

Exploring !Boring stickers! in 3D, made with Omma AI.

Gábor Pribék

276,143 просмотров • 1 месяц назад

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

html-in-canvas can't ship fast enough

Robert Pavlinić

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

In the world of web builders 🕸️ HTML is your main weapon 🗡️ Let this course forge you into a legendary master web builder 👑
0:12

In the world of web builders 🕸️ HTML is your main weapon 🗡️ Let this course forge you into a legendary master web builder 👑

Mighty Academy 📚🔥

8,367,619 просмотров • 1 год назад

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

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

China is absolutely DOMINATING AI Kimi K2 is insane. 10 wild examples. 1. 3D Simulation of Asteroids hitting Earth in html
0:18

China is absolutely DOMINATING AI Kimi K2 is insane. 10 wild examples. 1. 3D Simulation of Asteroids hitting Earth in html

AI Frontliner

131,257 просмотров • 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 🔥
0:18

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

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

drei/view got a massive update. mix webgl/three right into your html as views, as many as you want. they're self contained. events, controls, everything works. it's driven by a single canvas split into chunks via webgl_skissor. the demo is made with Next.js shadcn v0
0:13

drei/view got a massive update. mix webgl/three right into your html as views, as many as you want. they're self contained. events, controls, everything works. it's driven by a single canvas split into chunks via webgl_skissor. the demo is made with Next.js shadcn v0

☄︎

70,510 просмотров • 2 лет назад

My MTSDF generator is ready, built in Rust. The output is highly optimized and plugs directly into my WebGPU engine, using instanced glyphs. Text now aligns perfectly between canvas and HTML, whatever the font used, with accurate position, letter spacing and line height. 🦀 Next step is a particles module: simulation, point cloud, gaussian splatting. 🫧
0:10

My MTSDF generator is ready, built in Rust. The output is highly optimized and plugs directly into my WebGPU engine, using instanced glyphs. Text now aligns perfectly between canvas and HTML, whatever the font used, with accurate position, letter spacing and line height. 🦀 Next step is a particles module: simulation, point cloud, gaussian splatting. 🫧

Aristide Benoist

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

Rube Goldberg HTML form! Tbh I spent way too much time on this one haha. As fun as it is useless :) Live demo & source code: Hosted on CodePen.IO Made with #GSAP GSAP
0:19

Rube Goldberg HTML form! Tbh I spent way too much time on this one haha. As fun as it is useless :) Live demo & source code: Hosted on CodePen.IO Made with #GSAP GSAP

Ksenia Kondrashova

65,318 просмотров • 1 год назад