はじめに

アニメのロゴを手軽に再現できるロゴジェネレーターを作ったので紹介します。

ロゴジェネレーター一覧

女子高生の無駄づかい

「女子高生の無駄づかい」ロゴジェネレーター
https://logo.hgrs.me/jyoshimuda.html

かぐや様は告らせたい

「かぐや様は告らせたい」ロゴジェネレーター
https://logo.hgrs.me/kaguya.html

幼女戦記

「幼女戦記」ロゴジェネレーター
https://logo.hgrs.me/youjosenki.html

妖狐×僕SS

「妖狐×僕SS」ロゴジェネレーター
https://logo.hgrs.me/inuboku.html

使われてる技術について

HTMLのCanvasをJavaScriptでこねくり回して作っています。

Canvas/JavaScriptを使うことでサーバーサイドで処理する必要がなく、ユーザ側で逐次確認できて、ロゴが作りやすい(と僕は思ってる)です。レスポンシブデザインなので、スマホでもある程度綺麗に見えると思います。

一応ツイート機能がついていて、そこからツイートすると、サーバサイドに一回画像を渡して、保存する過程を通るので、作成したロゴがOGP画像としてシェアできるリンクが作成されます。最近OGP画像のサービスが流行ってるのでこの機能をつけました。そのため、全てのロゴはOGP画像向けの固定サイズとなっています。

おわりに

暇があればどんどん種類が追加されていきますのでお楽しみに。

スポンサーリンク