Opus 5.5 用 JS Canvas 生成 App Icon 实操分享
用 Opus 5.5 一句话提示词就能画 App Icon,关键是让它写 JS 画 Canvas 而不是 SVG,作者还附了真实迭代过程。
作者此前用 Fable 设计 App Icon 效果不佳,转用 ChatGPT 画图又无法得到矢量文件。受 Opus 5.5 用 JavaScript + Canvas 逐帧画视频的启发,作者改用一句话提示词让模型直接在 Canvas 上绘制 BaoCut.app 的图标。作者强调要用 JS 绘制 Canvas 而非 SVG,前者效果更好。经过多轮基于选中方案的迭代修改,最终得到了满意的设计。
Opus 5.5 让你实现 App Icon 设计自由 当初 Fable 的时候我就尝试过让 Fable 帮我设计 App Icon,但是效果差强人意,最后还是得去用 ChatGPT 画图,但这样画出来的不是矢量的。 这几天用 Opus 5.5 做视频给了我灵感,既然 Opus 5.5 能用 JavaScript + Canvas 一帧帧画出视频,那么让它用 JS + Canvas 画 Icon 就也没问题。 于是我尝试了一下,第一版效果就超出我预期,简洁美观,效果相当不错,提示词就一句话: > 帮我为 BaoCut.app 重新设计一个 App Icon,简单一点,彩色的,体现视频编辑、AI Agent > 可以直接用 js 绘制 canvas 注意重点是“用 js 绘制 canvas”而不是 SVG,SVG 画出来是没有 JS draw Canvas 效果好的。 后面就跟甲方一样不停的让它修改就好: 比如我觉得方案3不错,让它基于方案3去调整,几个版本迭代下来就得到了一个我挺满意的方案。 💬 4 🔄 4 ❤️ 22 👀 2796 📊 13 ⚡