Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

kaolti's profile picture

Zsolt Kacso

3,692 subscribers

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

SanatEğitimBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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 • 5 ay önce

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

There is something to this light concept! My last version of it had too much visual noise. Html-in-canvas, Three.js, Fable.
0:39

There is something to this light concept! My last version of it had too much visual noise. Html-in-canvas, Three.js, Fable.

Zsolt Kacso

113,061 görüntüleme • 2 ay önce

Got HTML rendering in canvas working AS IS on all browsers, including iOS Safari - html-in-canvas polyfill - interactions - hover, focus, active, typing etc - css animations - scrolling - caret and text selection - #threejs, #webgl, #webgpu support - dark/light mode Link below
0:44

Got HTML rendering in canvas working AS IS on all browsers, including iOS Safari - html-in-canvas polyfill - interactions - hover, focus, active, typing etc - css animations - scrolling - caret and text selection - #threejs, #webgl, #webgpu support - dark/light mode Link below

Palash Bansal

30,459 görüntüleme • 5 ay önce

HTML in Canvas API is NUTS
0:27

HTML in Canvas API is NUTS

Wes Bos

1,190,810 görüntüleme • 5 ay ö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,429 görüntüleme • 5 ay ö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 • 5 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 • 5 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

681,719 görüntüleme • 2 yıl önce

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

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

Zsolt Kacso

19,289 görüntüleme • 2 ay önce

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

Terraria recreation by pre-release GPT Astra, made in a single HTML file in one user turn with no imported assets It included multiple bosses as well as a transition to hard mode
2:28

Terraria recreation by pre-release GPT Astra, made in a single HTML file in one user turn with no imported assets It included multiple bosses as well as a transition to hard mode

Lentils

149,756 görüntüleme • 18 gün önce

My Google IO demo of HTML in Canvas and Web MCP
2:16

My Google IO demo of HTML in Canvas and Web MCP

Paul Kinlan

13,501 görüntüleme • 3 ay önce

ChatGPT with canvas now works with OpenAI o1—and can render HTML and React.
1:51

ChatGPT with canvas now works with OpenAI o1—and can render HTML and React.

OpenAI Developers

927,408 görüntüleme • 1 yıl önce

you can even project DOM events html-in-canvas is insane
0:22

you can even project DOM events html-in-canvas is insane

carmen

30,809 görüntüleme • 4 ay önce

Flova ai Agent Canvas Mode is now live. See your entire creative workflow at a glance, drag and drop shots and assets, insert new scenes wherever inspiration strikes, and organize complex projects with one click. Switch between List Mode for clarity and Canvas Mode for the bigger picture—then ask the Flova Agent to help you refine each shot directly on the canvas. More space to think. More control to create.
0:43

Flova ai Agent Canvas Mode is now live. See your entire creative workflow at a glance, drag and drop shots and assets, insert new scenes wherever inspiration strikes, and organize complex projects with one click. Switch between List Mode for clarity and Canvas Mode for the bigger picture—then ask the Flova Agent to help you refine each shot directly on the canvas. More space to think. More control to create.

FlovaAI

119,610 görüntüleme • 2 ay önce

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

8 new Canvas UI components are now live, pushing HTML-in-Canvas and WebGL UI even further. The new dimension keeps expanding. See them in action:
0:26

8 new Canvas UI components are now live, pushing HTML-in-Canvas and WebGL UI even further. The new dimension keeps expanding. See them in action:

David Haz

15,768 görüntüleme • 1 ay önce