Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

kaolti's profile picture

Zsolt Kacso

5,807 subscribers

19,486 görüntüleme • 4 ay önce •via X (Twitter)

Bilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

6 Yorum

Majid Manzarpour profil fotoğrafı
Majid Manzarpour4 ay önce

Cool! Definitely interested

Fabian profil fotoğrafı
Fabian4 ay önce

I'm definitely interested👀 Your work always amazes me

Anthony profil fotoğrafı
Anthony4 ay önce

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

Zsolt Kacso profil fotoğrafı
Zsolt Kacso4 ay önce

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 profil fotoğrafı
UBERGEEK TECNOLOGIA INTERATIVA3 ay önce

yes source code please.. wonderful.. congratulations

mj profil fotoğrafı
mj4 ay önce

can you share the source code please

Benzer Videolar

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

102,569 görüntüleme • 3 ay önce

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,632 görüntüleme • 2 yıl önce

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

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

Zsolt Kacso

113,260 görüntüleme • 6 ay önce

html-in-canvas
0:31

html-in-canvas

Nick

160,156 görüntüleme • 16 gün önce

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 görüntüleme • 7 ay önce

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 görüntüleme • 7 ay önce

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 görüntüleme • 2 yıl önce

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,565 görüntüleme • 7 ay önce

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,355 görüntüleme • 6 ay önce

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,721 görüntüleme • 1 yıl önce

HTML in Canvas API is NUTS
0:27

HTML in Canvas API is NUTS

Wes Bos

1,191,621 görüntüleme • 7 ay önce

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 görüntüleme • 4 ay önce

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

415,283 görüntüleme • 1 yıl önce

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 görüntüleme • 2 ay önce

Look for Expo Mode. We built it with Google’s new HTML-in-Canvas API. I think we’re one of the first to use it.
0:27

Look for Expo Mode. We built it with Google’s new HTML-in-Canvas API. I think we’re one of the first to use it.

tobi lutke

145,931 görüntüleme • 17 gün önce

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,053 görüntüleme • 5 ay önce

> 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

360,130 görüntüleme • 8 ay önce

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,106 görüntüleme • 7 ay önce

Particle shader reveal on scroll. HTML-in-Canvas.
0:22

Particle shader reveal on scroll. HTML-in-Canvas.

Zsolt Kacso

24,361 görüntüleme • 7 ay önce

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,461 görüntüleme • 7 ay önce