Claude Opus 生成 500 个纯 canvas 可视化,零库零 WebGL

mhmazur · x · 2026-10-06

作者 mhmazur 让 Claude Opus 5.5 用纯 HTML <canvas> 元素生成了 500 个可视化作品,全部由 Claude Code 用原生 JavaScript + 2D canvas 完成,不依赖 Three.js、WebGL 或任何库。

作品涵盖粒子对撞的气泡室影像复刻、物理建模的发声喉咙(元音合成)、园蛛织网过程、拨号上网握手音的声波可视化等。每个作品都附可复制到 Claude Code 或 Codex 的 prompt,方便读者自己复现和扩展;还支持收藏功能。据 Claude 估计约一半作品是经典 demo 或知名算法,但整体规模和纯 canvas 的完成度仍然惊人。

所属事件:开发者用 Claude Opus 生成 500 个纯 canvas 可视化(2 条相关)→

原文链接 →

「编程与Agent」频道最新

更多「编程与Agent」频道 AI 资讯 →