开源 3D 卡片堆:十二张 WebGL 动态海报做成交互封面墙

prasenx · x · 2026-10-12

开发者 prasenx 受 Pinterest 上 qclaydesign 的卡片堆设计启发,开源了 card-stack(Glow Deck):一个交互式 3D 海报卡片堆,包含十二张「活的」WebGL 动态海报,悬停可在牌堆中翻动,点击可展开单张。技术栈为 Next.js 16(App Router)、React 19、TypeScript、Tailwind CSS 4、Framer Motion 和单个共享的 WebGL2 渲染器;细节包括透视牌堆(后方卡片更高、更小、倾斜)和带迟滞处理的悬停滑动。仓库已开源,适合作为 WebGL 交互设计的参考实现。

原文链接 →

「编程与Agent」频道最新

更多「编程与Agent」频道 AI 资讯 →