带悬停发光效果的交互式 3D 角色卡片界面
Claude Fable 5.1 做出深色页面,三张玻璃质感卡片分别展示机器人、法师和兜帽人物,悬停时会亮起。
Claude Code + Three.js(仅代码)Wandy 2
创建精细的 3D 模型
单靠代码只能做出简单的形状。Wandy 2 能用一张照片生成带纹理的 3D 模型,直接用在同一个场景里。
Wandy3D 制作说明
作者没有公开提示词,因此我们写下了复现这个作品的方法。
Build an interactive web page with three character cards in a dark, cinematic style. Show a bold heading about three worlds waiting to be explored, with a short line of text beneath. Below it, place three glassy cards side by side, each with its own 3D character on a glowing pedestal: a friendly white robot, a purple wizard with a staff, and a hooded figure with a signboard in a reddish palette. Give each card its own accent colour, a name, a short description and an enter button. On hover, the card lifts, its glow strengthens, the character rotates or animates, and the other cards dim slightly. Follow the cursor with subtle parallax. Use Three.js or React Three Fiber for the characters, keep everything in a single page and make it responsive. Done when hover transitions feel smooth, each card has a distinct mood, and the characters render crisply.
如何使用这条提示词
在编程工具中把设计简述交给 Claude Fable 5.1,要求生成含 3D 角色的单页。
把三个角色、强调色和卡片文案换成你自己的游戏、品牌或作品集内容。
测试悬停与光标效果,再让它加入点击跳转页面、音效或移动端布局。
原帖你是作者吗? 请联系我们修改或删除此页面
相似的提示词
浏览全部提示词
Claude Opus 5.5皮筋捆西瓜实验:可挤压、会爆开的 3D 浏览器小玩具
林悦己Cheer
Claude Opus 5.5带岩浆房的交互式 3D 火山剖面模拟
Konstantin Saifoulline
Claude Opus 5.5WebGPU 果冻压机玩具:水果软糖被液压机压碎
Vib3Coded
Claude Opus 5.5WebGPU果冻压机玩具:压碎软糖水果片并抓取投掷
Vib3Coded
Claude Opus 5.5滚动即可拆解的机械腕表:纯WebGPU单HTML文件
Paruchh
Claude Opus 5.5单文件交互式 SVG 地球图集:地球仪、六大考察与内部剖面
Gadgetify
