单条提示词让 Claude Code 写出 61KB WebGPU 实时海洋

开发者 Any-Reputation8118 展示：用 Claude Code（模型为 Opus 5.5）从一条提示词出发，约 30 分钟生成了一个仅 61KB 的单文件 HTML，在浏览器中实时渲染日落海面场景。该成果被 randalolson、tlakomy 等多位用户转发，成为 AI 生成高质量图形代码的又一代表性案例。

已确认

• 生成工具为 Claude Code（Opus 5.5），输入为一条提示词；据 m2 转述，提示内容大意是“用 WebGPU 做出尽可能真实的水面场景，带浮动相机”
• 成品为单文件 HTML，约 61KB，全部在浏览器本地运行，无需任何游戏引擎
• 渲染内容包括 FFT 波场模拟、白浪、物理天空与云、太阳耀光，支持 WASD+鼠标飞行视角
• 性能数据：据原始帖（m4），2560x1440 分辨率下 GPU 帧时间 11.81ms、稳定约 90fps，场景含 859 个节点；m1/m3/m5 等帖称在 RTX 5070 Ti 上 1440p 约 260 FPS。两组数字并存，可能对应不同测量条件，帖内未说明差异原因
• 多条帖子提到生成耗时约 30–40 分钟

为什么重要

• 单条提示词即可产出具备真实物理（FFT 波场）与完整渲染管线（天空、云、耀光）的 WebGPU 图形程序，且体积极小、性能极高，展示了前沿编码模型在图形学这一传统高门槛领域的实用能力
• 该案例在 Reddit 等社区被反复转发讨论，成为“AI 一次性生成复杂可视应用”的代表性演示

2026-10-16 ~ 2026-10-18 · 6 条相关

• 【源头】Opus 5.5 半小时写出 61KB 单文件海洋模拟,2560x1440 跑 90fps — Any-Reputation8118 · 2026-10-16
• 【源头】Claude Code 单提示写出 61KB WebGPU 海洋模拟，30 分钟完成 — Any-Reputation8118 · 2026-10-17
• Claude Code 一个提示词写出 61KB 网页实时海洋，RTX 5070 Ti 跑 260 FPS — randal_olson · 2026-10-17
• 【源头】一句提示词生成 WebGPU 实时海面,单 HTML 文件耗时约 40 分钟 — AshKing02 · 2026-10-18

另有 2 条近重复转述:randal_olson · tlakomy