正在加载视频...

视频加载失败

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

With html-in-canvas, you can make shader-powered page transitions

Max Leiter

6,057 subscribers

37,012 次观看 • 5 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

even page/theme transitions are about to become cooler. here both "themes" are live HTML rendered simultaneously, blended through a fragment shader

even page/theme transitions are about to become cooler. here both "themes" are live HTML rendered simultaneously, blended through a fragment shader

matt rothenberg

20,077 次观看 • 5 个月前

Following on from last week's GPT 5.5 experiments... Did more experimenting with HTML-in-Canvas to create more interesting page transitions Using our favourite animation library GSAP + the PixiJS Skills Very impressed with how well GPT 5.5 can create WebGL/WebGPU shaders

Following on from last week's GPT 5.5 experiments... Did more experimenting with HTML-in-Canvas to create more interesting page transitions Using our favourite animation library GSAP + the PixiJS Skills Very impressed with how well GPT 5.5 can create WebGL/WebGPU shaders

PixiJS

39,516 次观看 • 4 个月前

Today we're stoked to have Vittorio Retrivi from basement.studio share an incredible exploration of the emerging HTML in Canvas proposal. From shader powered UI effects to interactive 3D interfaces, this article is packed with inspiring experiments:

Today we're stoked to have Vittorio Retrivi from basement.studio share an incredible exploration of the emerging HTML in Canvas proposal. From shader powered UI effects to interactive 3D interfaces, this article is packed with inspiring experiments:

Codrops

10,742 次观看 • 4 个月前

ummm you can create some obnoxiously cool focus rings with the new HTML-in-Canvas API

ummm you can create some obnoxiously cool focus rings with the new HTML-in-Canvas API

matt rothenberg

262,323 次观看 • 5 个月前

Tried combining Three.js raymarching with html-in-canvas.

Tried combining Three.js raymarching with html-in-canvas.

Zsolt Kacso

46,139 次观看 • 4 个月前

more html-in-canvas slop

more html-in-canvas slop

Codetaur

199,596 次观看 • 5 个月前

we praise html-in-canvas ✨

we praise html-in-canvas ✨

alyx

57,683 次观看 • 5 个月前

html-in-canvas can't ship fast enough

html-in-canvas can't ship fast enough

Robert Pavlinić

106,822 次观看 • 5 个月前

Fun hack: A new way to inspect web with the html-in-canvas API

Fun hack: A new way to inspect web with the html-in-canvas API

tani

44,846 次观看 • 5 个月前

html-in-canvas API is shattering my expectations

html-in-canvas API is shattering my expectations

AA

925,770 次观看 • 5 个月前

Added interaction support to the HTMLTexture (html-in-canvas) example.

Added interaction support to the HTMLTexture (html-in-canvas) example.

mrdoob

45,018 次观看 • 5 个月前

Sick page transitions in 4 clicks with Framer? Yes.

Sick page transitions in 4 clicks with Framer? Yes.

Anatolii Dmitrienko

14,712 次观看 • 1 年前

Canvas sharing is now live in ChatGPT. Share your canvas with others—they can view, interact with, or edit to make it their own. 🧑‍🎨

Canvas sharing is now live in ChatGPT. Share your canvas with others—they can view, interact with, or edit to make it their own. 🧑‍🎨

OpenAI Developers

252,390 次观看 • 1 年前

prototyping practice with an AI-powered idea canvas

prototyping practice with an AI-powered idea canvas

Rachel Chen

89,124 次观看 • 9 个月前

This is soooo coool The first HTML-in-canvas Component Library is here

This is soooo coool The first HTML-in-canvas Component Library is here

Dave Kiss

79,130 次观看 • 2 个月前

Card transition experiment with React Three Fiber + html-in-canvas. Try it here: Needs Chrome Canary for the interactive cards.

Card transition experiment with React Three Fiber + html-in-canvas. Try it here: Needs Chrome Canary for the interactive cards.

Zsolt Kacso

34,140 次观看 • 4 个月前

Chrome 147 is officially rolling out to users everywhere → This release includes element-scoped view transitions, empowering you to run concurrent transitions on separate HTML elements.

Chrome 147 is officially rolling out to users everywhere → This release includes element-scoped view transitions, empowering you to run concurrent transitions on separate HTML elements.

Chrome for Developers

73,475 次观看 • 5 个月前

Once you use HTML to make slides, you simply can't go back Made with the Frontend Slides feature in AnyGen

Once you use HTML to make slides, you simply can't go back Made with the Frontend Slides feature in AnyGen

Zara Zhang

11,096 次观看 • 5 个月前

human <> machine html-in-canvas transition should we ship this on the new docs?

human <> machine html-in-canvas transition should we ship this on the new docs?

Robert Pavlinić

16,141 次观看 • 1 个月前

Don't make PowerPoints. Make HTMLs. Frontend Slides (my popular skill with 13k+ stars on GitHub) is now a feature in AnyGen. Anyone can make stunning HTML slides easily in a web interface, even without a coding agent. In AnyGen, HTML slides are automatically EDITABLE, sharable, and downloadable as PDF. Try now:

Don't make PowerPoints. Make HTMLs. Frontend Slides (my popular skill with 13k+ stars on GitHub) is now a feature in AnyGen. Anyone can make stunning HTML slides easily in a web interface, even without a coding agent. In AnyGen, HTML slides are automatically EDITABLE, sharable, and downloadable as PDF. Try now:

Zara Zhang

56,854 次观看 • 5 个月前