正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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

Zsolt Kacso

2,878 subscribers

62,811 次观看 • 5 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

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

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

Zsolt Kacso

24,361 次观看 • 5 个月前

HTML in Canvas API is NUTS

HTML in Canvas API is NUTS

Wes Bos

1,190,810 次观看 • 5 个月前

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.

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 年前

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

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

carmen

30,809 次观看 • 4 个月前

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

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

Zsolt Kacso

112,583 次观看 • 4 个月前

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

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

Sawyer Hood

116,203 次观看 • 5 个月前

Introducing Canvas UI, the first ever html-in-canvas component library. Your DOM is the render target now. Real-time shaders over real, interactive UI. 24 components. React, Vue, Svelte, vanilla TS. Free. Open source. 🧵

Introducing Canvas UI, the first ever html-in-canvas component library. Your DOM is the render target now. Real-time shaders over real, interactive UI. 24 components. React, Vue, Svelte, vanilla TS. Free. Open source. 🧵

David Haz

1,422,108 次观看 • 2 个月前

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

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 个月前

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.

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 个月前

3D extrusion shader in Figma. Draw content inside a frame with the shader applied and it'll be transformed into 3D live as you're drawing. Stack with other shaders and animate to create 3D animations. Clone this file to grab the shader!

3D extrusion shader in Figma. Draw content inside a frame with the shader applied and it'll be transformed into 3D live as you're drawing. Stack with other shaders and animate to create 3D animations. Clone this file to grab the shader!

Piers Cowburn

47,457 次观看 • 2 个月前

These are real WebGL shaders on top of interactive DOM elements without the HTML-in-Canvas API (works in Safari too). There’re rough edges still but worth sharing:

These are real WebGL shaders on top of interactive DOM elements without the HTML-in-Canvas API (works in Safari too). There’re rough edges still but worth sharing:

Shu

56,892 次观看 • 5 个月前

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

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

Zsolt Kacso

19,135 次观看 • 5 个月前

New block in Notion: HTML. Build interactive HTML right on your Notion page. Ask AI to turn your content into interactive explainers, prototypes, or diagrams. Share with your team to use and tinker together.

New block in Notion: HTML. Build interactive HTML right on your Notion page. Ask AI to turn your content into interactive explainers, prototypes, or diagrams. Share with your team to use and tinker together.

Notion

1,578,543 次观看 • 2 个月前

My Google IO demo of HTML in Canvas and Web MCP

My Google IO demo of HTML in Canvas and Web MCP

Paul Kinlan

13,501 次观看 • 3 个月前

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

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 次观看 • 5 个月前

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

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

Zsolt Kacso

19,289 次观看 • 2 个月前

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

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

Wes Bos

54,429 次观看 • 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:

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 can't believe it, I've managed to create a HTML-in-Canvas beast with Ultramock 🔥 Load up any website/app into an interactive 3D scene and programatically animate all components beautifully:

I can't believe it, I've managed to create a HTML-in-Canvas beast with Ultramock 🔥 Load up any website/app into an interactive 3D scene and programatically animate all components beautifully:

Josh Millgate

22,337 次观看 • 3 个月前

Interactive rug shader - A Three.js port of @_Dervishh's Unity shader. Done in #r3f with Physics via Rapier. Fun project over coffee Live: Code: #creativecoding #threejs #webgl

Interactive rug shader - A Three.js port of @_Dervishh's Unity shader. Done in #r3f with Physics via Rapier. Fun project over coffee Live: Code: #creativecoding #threejs #webgl

Faraz

17,380 次观看 • 1 年前