创作百科/作品拆解/3D

雨夜水面上的小幽灵:Opus 5.5 写代码、GPT 6 Astra 做设计的布料着色器

出自 OpenDrama 创作百科

拆解阅读 1 分钟最后编辑于 2026年10月14日今日免费

在 X 上看视频 ↗

一只白布小幽灵提着一盏灯,站在下雨的黑色水面上,远处一排暖色光斑。Chetan Ankola 的 28 秒视频里,设计出自 GPT 6 Astra,Three.js 代码由 Claude Opus 5.5 写,浏览器就能跑。他自己点了两处:布料着色器「还不错」,水面沿用上一期作品。

怎么做的

  1. 01GPT 6 Astra角色和画面设计
  2. 02Opus 5.5Three.js 代码
  3. 03布料顶点动画
  4. 04互动点、拉、拖
  1. 角色极简:一块圆顶白布、两只黑眼睛、一点腮红,没有腿。
  2. 布料是重点:衣摆和两只「袖子」随动作摆动,飞起时向后甩。
  3. 屏幕底部写着五个操作:点幽灵、拉衣摆、拖瓶子、点瓶塞、点水面。
  4. 水面是上一期的复用:细碎高光、雨点,远处光斑倒映在水里。

关键细节

  • 一盏灯撑起全场:瓶灯是唯一的暖光,照亮幽灵一侧,其余全是冷黑。
  • 背景只用光斑:远处一排虚化的光点交代了「岸」,不用建模。
  • 有灯、没灯两种状态:有的画面瓶灯是暗的,幽灵一下变成冷灰。我们推测是点瓶塞开关灯。
暖光贴着幽灵右侧,水面接住一片橙色倒影,其余留黑。
暖光贴着幽灵右侧,水面接住一片橙色倒影,其余留黑。画面来自 @chetanankola 的原视频

容易翻车的地方

  • 布料太软会像果冻:摆幅要随离顶部的距离变大,头顶几乎不动。
  • 全黑场景容易一团糊,要留住水面高光和雨丝的亮点。
灯灭之后:同一个角色在冷光里显得更小、更孤单。
灯灭之后:同一个角色在冷光里显得更小、更孤单。画面来自 @chetanankola 的原视频

自己动手

用 Three.js 场景起手提示词 搭好雨夜和水面,再按 Three.js 电影感画面 安排一盏主光和光斑[1]。

参考资料

  1. Chetan Ankola 的原帖 x.com/chetanankola/status/2110225806849122363

本文由 OpenDrama 编辑根据公开帖子撰写。文中画面为评论需要从原视频中引用,工具、参数和步骤为我们的复盘还原;原作一切权利归原作者所有,如需撤图请联系我们。

本篇用到的技能和提示词

3D分类下的更多词条

查看全部 →