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」频道最新
- Kapa MCP 发布:在 Claude/Cursor 里一句话完成知识库 agent 全套配置 — CShorten30 · 2026-10-06
- Harness Engineering 论文:拆解 Agent=模型+脚手架的共同模式 — joemeno · 2026-10-06
- 用 Jev 模型当 LLM Judge:agent 评测可靠性实测指南 — omarsar0 · 2026-10-06
- Maven 推出免费 AI Builders 课程:从手写 LLM 到 agent 与生产部署 — leslysandra · 2026-10-06
- 实验揭示 Claude Skill 短板:会话历史会压过技能文件规则 — KhuyenTran16 · 2026-10-06
- Vite+ 1.0 正式发布:一个 CLI 管全家桶,周下载破 200 万 — cnakazawa · 2026-10-06