正在加载视频...

视频加载失败

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

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

Zsolt Kacso

2,692 subscribers

24,361 次观看 • 5 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

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

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

Zsolt Kacso

62,811 次观看 • 5 个月前

HTML in Canvas API is NUTS

HTML in Canvas API is NUTS

Wes Bos

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

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

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

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

Zsolt Kacso

112,583 次观看 • 4 个月前

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

html-in-canvas has been achieved internally glass, ascii, dither, ripples... on any surface 🤯

html-in-canvas has been achieved internally glass, ascii, dither, ripples... on any surface 🤯

shaders

71,790 次观看 • 5 个月前

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

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

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

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

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

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:

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,855 次观看 • 1 个月前

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

$Google has solved a 20-year-old web problem.. It's called html-in-canvas, a new experimental Chrome feature that renders live HTML directly as a 3D texture. here's what it does: → draws any DOM element (dashboards, forms, entire app UIs) straight into a canvas → full CSS still works, flexbox, grid, shadows, backdrop-filter, animations → text stays selectable, inputs stay typeable, screen readers still see it → auto syncs with your DOM on every paint → pipes into any WebGL shader → distort, curl, refract, warp the wildest part: someone already built an html-cloth plugin that turns your live UI into simulated fabric.$

Google has solved a 20-year-old web problem.. It's called html-in-canvas, a new experimental Chrome feature that renders live HTML directly as a 3D texture. here's what it does: → draws any DOM element (dashboards, forms, entire app UIs) straight into a canvas → full CSS still works, flexbox, grid, shadows, backdrop-filter, animations → text stays selectable, inputs stay typeable, screen readers still see it → auto syncs with your DOM on every paint → pipes into any WebGL shader → distort, curl, refract, warp the wildest part: someone already built an html-cloth plugin that turns your live UI into simulated fabric.

How To Prompt

235,877 次观看 • 2 个月前

trying some unique shader text reveal effects

trying some unique shader text reveal effects

ty

36,240 次观看 • 1 个月前

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

Almost 5 hours of new content in the shader course, just covering basic particle systems. Coming up soon, GPGPU! #threejs #webgl #gamedev

Almost 5 hours of new content in the shader course, just covering basic particle systems. Coming up soon, GPGPU! #threejs #webgl #gamedev

Simon

19,823 次观看 • 1 年前

I haven't looked at my particle shader in a while, so while implementing lighting support I've also done a big pass of bugfixes. Distortion effects in particular should behave a lot better with other things in the shader now.

I haven't looked at my particle shader in a while, so while implementing lighting support I've also done a big pass of bugfixes. Distortion effects in particular should behave a lot better with other things in the shader now.

Mochie

17,277 次观看 • 1 年前

Someone built an AI-driven particle simulator that lets you generate and visualize complex particle systems with prompts, then export them as HTML, React, or Three.js simulations.

Someone built an AI-driven particle simulator that lets you generate and visualize complex particle systems with prompts, then export them as HTML, React, or Three.js simulations.

Aman

250,754 次观看 • 6 个月前