Opus 5.5 でアプリのアイコンデザインの自由を実現
昔、Fable のときに Fable にアプリアイコンをデザインしてもらおうと試したのですが、結果はあまり納得のいくものではありませんでした。結局は ChatGPT で絵を描いてもらいましたが、そうすると描かれるのはベクターではないのです。
この数日、Opus 5.5 で動画を作っていてひらめきがありました。Opus 5.5 が JavaScript + Canvas でフレームごとに動画を描けるなら、JS + Canvas でアイコンを描かせても問題ないはずです。
そこで試してみたところ、最初のバージョンから予想以上にうまくいきました。シンプルで美しく、効果もかなり良好。プロンプトは一言だけでした:
> http://BaoCut.app のアプリアイコンを再デザインして。シンプルに、カラフルにして、動画編集と AI Agent を表現して。
> 直接 js で canvas を描画できる。
ポイントは「SVG ではなく js で canvas を描画すること」です。SVG で描くと、JS で Canvas のような描画結果にはなりません。
あとはクライアントのように、ひたすら修正させればいいです:
たとえば私が「プラン3がいい」と思ったら、プラン3をベースに調整させます。数回の反復を重ねることで、最終的にかなり満足できる案にたどり着きました。
昔、Fable のときに Fable にアプリアイコンをデザインしてもらおうと試したのですが、結果はあまり納得のいくものではありませんでした。結局は ChatGPT で絵を描いてもらいましたが、そうすると描かれるのはベクターではないのです。
この数日、Opus 5.5 で動画を作っていてひらめきがありました。Opus 5.5 が JavaScript + Canvas でフレームごとに動画を描けるなら、JS + Canvas でアイコンを描かせても問題ないはずです。
そこで試してみたところ、最初のバージョンから予想以上にうまくいきました。シンプルで美しく、効果もかなり良好。プロンプトは一言だけでした:
> http://BaoCut.app のアプリアイコンを再デザインして。シンプルに、カラフルにして、動画編集と AI Agent を表現して。
> 直接 js で canvas を描画できる。
ポイントは「SVG ではなく js で canvas を描画すること」です。SVG で描くと、JS で Canvas のような描画結果にはなりません。
あとはクライアントのように、ひたすら修正させればいいです:
たとえば私が「プラン3がいい」と思ったら、プラン3をベースに調整させます。数回の反復を重ねることで、最終的にかなり満足できる案にたどり着きました。



