跳到正文
返回首页
Vibe Coding

每一颗轴都是三维物体的键盘店

The Bugged Dev 用 Claude Fable 5、three.js 和 GSAP 做了一家机械键盘店。每一颗键、每一种轴、每一种颜色,都能在三维里当场换。

3个月前

The Bugged Dev 看着大家用 Fable 5 做的那些好笑的小演示,决定做一家店。three.js 里的机械键盘商店,动效来自 GSAP,每一颗键、每一种轴、每一种颜色,都能在你看着的时候于三维里换掉。

商品页通常会作弊。键盘是一张照片,选项是一排色点。这里你要买的物体就是屏幕上的物体,所以配置本身就是运镜。换轴,变的必须是模型,而不是它下面的说明文字。

帖子里觉得有趣的是规模。一整把键盘是很多重复的零件,它们仍得感觉像一件产品。这同时是目录问题,也是渲染问题。

每一颗轴都是三维物体的键盘店

使用工具

The Bugged Dev

@thebuggeddev

在 X 上查看原帖
Everyone is using Fable 5 to build funny little demos so I decided to build something better. Vibe coded a 3D keyboard ecom platform in @threejs and @greensock. Every key. Every switch. Every color. Customizable in real time in 3D. It's really amusing that whole keyboard is https://t.co/L5vUHJh4K9
中文由 AIWow 编辑整理

966 赞

赞
966
回复
41

数据为收录时快照,非实时。 —

继续看

kirill sh@shneural

同一句话。差别在品味。

Kirill 给 Claude Opus 5.5 和 GPT-6 Astra 同一句要求:做一条 15 秒的动态图形样片,全力以赴。他觉得看完 Opus 再看 Astra 会难受。对照本身才是重点。

Vibe CodingClaude Opus 5.5Gpt 6 Astra
1446824