由平面 Logo 变成会响应光标的 3D 动画吉祥物
借助 GPT-6 Astra,一个平面尖刺 Logo 变成了带待机、思考、开心状态的3D角色,还有可用于落地页的线稿版本。
Claude Code + Three.js(仅代码)Wandy 2
创建精细的 3D 模型
单靠代码只能做出简单的形状。Wandy 2 能用一张照片生成带纹理的 3D 模型,直接用在同一个场景里。
Wandy3D 制作说明
作者没有公开提示词,因此我们写下了复现这个作品的方法。
Build an animated 3D version of a flat 2D mascot logo as a web page. The mascot is a spiky, bright red blob with two oval eyes and a small mouth, on a dark charcoal background. Give it named emotional states such as idle, thinking and happy, shown as a caption under the character, and make it follow and react to the cursor. Add subtle idle motion, a state with a faceted 3D look where the spikes turn into angular shards, and a wireframe line-art variant that can sit as a background accent on a landing page. Include a small control to switch between characters or states. Keep the palette limited to red, charcoal and off-white. Done when the transitions between states are smooth, the 3D form clearly matches the original logo silhouette, and the mascot works embedded in a page.
如何使用这条提示词
在编程工具中把构建说明交给 GPT-6 Astra,并附上你自己的 Logo 图片。
把吉祥物造型、配色和情绪名称换成你品牌的角色与调性。
在浏览器预览,再让 Astra 优化状态过渡,并把线稿版嵌入网站。
原帖你是作者吗? 请联系我们修改或删除此页面






