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

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

На главную

Back to playing with html-in-canvas! Might release code for this if there's interest.

kaolti's profile picture

Zsolt Kacso

4,079 subscribers

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

LIVE

Anya Rossi• Live Now

Private livecam show

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

Фото профиля Majid Manzarpour
Majid Manzarpour2 месяцев назад

Cool! Definitely interested

Фото профиля Fabian
Fabian2 месяцев назад

I'm definitely interested👀 Your work always amazes me

Фото профиля Anthony
Anthony2 месяцев назад

That’s so slick! I keep forgetting to try building something with html-in-canvas.

Фото профиля Zsolt Kacso
Zsolt Kacso2 месяцев назад

Yea can do some fun stuff, but would look the same without just wouldn't be able to interact with the page.

Фото профиля UBERGEEK TECNOLOGIA INTERATIVA
UBERGEEK TECNOLOGIA INTERATIVA1 месяц назад

yes source code please.. wonderful.. congratulations

Фото профиля mj
mj2 месяцев назад

can you share the source code please

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

Design ∞ code loop, but 10x better. Introducing the browser agent in pen.dev. Import HTML/React to fully editable canvas, make edits/variations, export back to code. Build with the browser & the canvas at the same time, the ultimate combo. Download today.
1:07

Design ∞ code loop, but 10x better. Introducing the browser agent in pen.dev. Import HTML/React to fully editable canvas, make edits/variations, export back to code. Build with the browser & the canvas at the same time, the ultimate combo. Download today.

Tom Krcha

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

For the last couple months, our team has been working hard on a few paradigm-changing features for HTML Canvas. One of them is the ability to have HTML elements in a canvas. Here's a ThreeJS demo with a live HTML texture.
0:43

For the last couple months, our team has been working hard on a few paradigm-changing features for HTML Canvas. One of them is the ability to have HTML elements in a canvas. Here's a ThreeJS demo with a live HTML texture.

Fernando Serboncini

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

Agent mode transition with Three.js, html-in-canvas.
0:34

Agent mode transition with Three.js, html-in-canvas.

Zsolt Kacso

112,583 просмотров • 4 месяцев назад

HTML in Canvas + fragment shader. Shader is applied to the actual interactive html.
0:27

HTML in Canvas + fragment shader. Shader is applied to the actual interactive html.

Zsolt Kacso

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

Page peel with html-in-canvas, Three.js + TSL. Try it:
0:22

Page peel with html-in-canvas, Three.js + TSL. Try it:

Zsolt Kacso

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

Figured out how to scrape FanGraphs’ Depth Charts with projected playing time share through HTML code.
1:20

Figured out how to scrape FanGraphs’ Depth Charts with projected playing time share through HTML code.

Steven

11,714 просмотров • 1 год назад

Wobble Buttons made with HTML in Canvas I can't stop clicking these
0:27

Wobble Buttons made with HTML in Canvas I can't stop clicking these

Wes Bos

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

Amazed by HTML-in-canvas demos? it's natively supported by HyperFrames and we built a catalog of effects anyone can use with one command $ npx hyperframes add html-in-canvas take your videos to the next level
0:26

Amazed by HTML-in-canvas demos? it's natively supported by HyperFrames and we built a catalog of effects anyone can use with one command $ npx hyperframes add html-in-canvas take your videos to the next level

HeyGen

504,156 просмотров • 4 месяцев назад

With Canvas in Gemini, you can: ⌨️ Write, iterate & preview React/HTML code 📝 Draft & edit comprehensive documents 🎨 Build interactive prototypes, games & visualization …and more. Simply select ‘Canvas’ in your prompt bar and you can write and edit documents or code, with changes appearing in real-time: Try it today and share your Canvas creations by tagging us here!
0:30

With Canvas in Gemini, you can: ⌨️ Write, iterate & preview React/HTML code 📝 Draft & edit comprehensive documents 🎨 Build interactive prototypes, games & visualization …and more. Simply select ‘Canvas’ in your prompt bar and you can write and edit documents or code, with changes appearing in real-time: Try it today and share your Canvas creations by tagging us here!

Google Gemini

414,938 просмотров • 1 год назад

Breakout by Grok3! If there's interest, I'll check the code into Github.
0:29

Breakout by Grok3! If there's interest, I'll check the code into Github.

Dave W Plummer

483,696 просмотров • 1 год назад

i think there's this iwtv side ship in romantic development that might interest you
0:23

i think there's this iwtv side ship in romantic development that might interest you

lili. 🦇 TVL SPOILERS

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

Literal robots building your page as you scroll. Fable modeled the arm via Blender MCP, Grok 4.6 + Fable for the code. HTML in Canvas, so all interactive.
0:50

Literal robots building your page as you scroll. Fable modeled the arm via Blender MCP, Grok 4.6 + Fable for the code. HTML in Canvas, so all interactive.

Zsolt Kacso

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

I gave Kimi K2.6 and K2.7 Code the exact same prompt to animate a letter burning to ash. Pure HTML canvas, zero libraries.
0:20

I gave Kimi K2.6 and K2.7 Code the exact same prompt to animate a letter burning to ash. Pure HTML canvas, zero libraries.

stevibe

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

> Send code from Claude > Explore on the canvas > Prototype with AI > Work through feedback > Roundtrip back to code All in Figma
0:29

> Send code from Claude > Explore on the canvas > Prototype with AI > Work through feedback > Roundtrip back to code All in Figma

Figma

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

got html-in-canvas working with polyfill in all browsers including safari. and it works better than in canary(for now) send me your examples to try out
0:23

got html-in-canvas working with polyfill in all browsers including safari. and it works better than in canary(for now) send me your examples to try out

Palash Bansal

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

After seeing the reaction to pretext, I can tell you: the world is not ready for HTML-in-Canvas.
0:43

After seeing the reaction to pretext, I can tell you: the world is not ready for HTML-in-Canvas.

Sawyer Hood

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

Just open-sourced a weird Three.js experiment 👀 Tiltshift-in-HTML It combines HTML-in-canvas with Three.js to let UI exist directly inside 3D scenes and react to a tilt-shift effect. Demo:
0:22

Just open-sourced a weird Three.js experiment 👀 Tiltshift-in-HTML It combines HTML-in-canvas with Three.js to let UI exist directly inside 3D scenes and react to a tilt-shift effect. Demo:

Yassine Bouanane

18,570 просмотров • 22 дней назад

I've been playing around with Chrome's experimental HTML-in-Canvas API (I use it to create my videos), and I wanted to see if I could make text-selection work on a curved surface by moving the underlying element around on pointermove. It works pretty well!
0:24

I've been playing around with Chrome's experimental HTML-in-Canvas API (I use it to create my videos), and I wanted to see if I could make text-selection work on a curved surface by moving the underlying element around on pointermove. It works pretty well!

Jake Archibald

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

been making a design tool where you and AI agents design together... claude code, cursor, or any cli agent can join the canvas and build with u infinite canvas, real components, everything in tailwind + html so you can just copy the code + eventually publish like any other site too
4:39

been making a design tool where you and AI agents design together... claude code, cursor, or any cli agent can join the canvas and build with u infinite canvas, real components, everything in tailwind + html so you can just copy the code + eventually publish like any other site too

Pablo Stanley

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

Osaretin Victor Asemota this might interest you. Someone sending money to the brother to build a house for her back in Nigeria suffered the consequences
2:20

Osaretin Victor Asemota this might interest you. Someone sending money to the brother to build a house for her back in Nigeria suffered the consequences

Leo pantro

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