带 GLSL 菲涅尔着色器的全息恐龙图鉴,3D 恐龙实时渲染

Claude Fable 5.1 做出霓虹风恐龙图鉴:八只恐龙在浏览器中用 WebGL 实时渲染,采用自定义菲涅尔着色器,无需灯光。

Claude Code + Three.js(仅代码)Wandy 2
真实模型 · 360°两者都基于同一张照片:左边是 Claude Code(Opus 5.5)用 Three.js 代码建模的一次未经修改的运行结果;右边是 Wandy 2。

创建精细的 3D 模型

单靠代码只能做出简单的形状。Wandy 2 能用一张照片生成带纹理的 3D 模型,直接用在同一个场景里。

Wandy3D 制作说明

作者没有公开提示词,因此我们写下了复现这个作品的方法。

Build a single web page called a dino-dex: a holographic field guide to dinosaurs. Use a dark background with neon gradient title text and a responsive grid of cards. Each card has a live 3D dinosaur rendered in the browser, tinted in its own neon colour such as red, orange, cyan, green, blue, pink and violet, shaded with a custom GLSL fresnel rim effect and scan lines instead of a lighting rig. Under each model show the species name, a one-line description and glowing stat bars like bite force, speed and armour. Use one small WebGL canvas per card, around eight in total, and slowly rotate each dinosaur. Add hover highlights and smooth scrolling. Done means all eight species render in the browser at once, look clearly holographic, and the page stays responsive.

如何使用这条提示词

  1. 在使用 Claude Fable 5.1 的工具里粘贴构建说明,要求生成单个 HTML 页面。

  2. 把恐龙换成鸟类、机器人或汽车等主题,并调整霓虹配色与属性。

  3. 在浏览器中打开并检查多画布性能,再要求微调着色器或悬停效果。

原帖你是作者吗? 请联系我们修改或删除此页面