やばいクレーマーのSUSURU TVジェネレーター

OVERVIEW

「やばいクレーマーのSUSURU TV」風の画像を生成できる、しょうもない画像ジェネレーター。(2021.09)

YEAR 2021

ふと思いついたノリと深夜テンションで7時間くらいで作ったしょうもない画像ジェネレーターです。啜る〜!!

今 (2022/11) となっては完全に過去のネタですが、これを開発した 2021/09 時点では やばいクレーマーのSUSURU TV という謎のインターネッツ・ミームが Twitter で話題になっていました。その画像の絵面が面白いな〜と思い、適当に作った結果がこれです(SUSURU さん、本当にごめんなさい…🥺)。


技術的には生 JavaScript + Canvas API でゴリゴリ描画しています。
Canvas API は策定が古いからか実は縦書きの文章を描画する API がなく、仕方なく一文字ずつ縦に積み上げていく形で縦書きで描画するコードをゼロから書くなど、縦書き周りの実装に苦労しました。
文字数が多くなると縦に押しつぶしてその行のすべての文字が表示されるようにするのも結構大変だった記憶があります。

使ったフォントの関係なのか縦書き用に文字を積み上げるように描画すると変な余白が空いてしまう文字があり、仕方ないのでそうした文字のみ描画位置をオフセットするなどの細かな調整も行っています。このあたりの調整に一番時間がかかりました…。


完全に深夜テンションで作ったので需要が謎ですが(本当になんでこんなもの作ったんだろう…)、きれいに描画できるよう実装できたので個人的には満足しています。予想以上にそれなりに使ってもらえました。

思いのほか結構ウケて良かったです。思い残すことはありません。


WEBSITE