ドット絵をアラートで表示するBookmarkletを作ってみました
ふと思い立ってこんなものを作ってみたでござるの巻。
※ちなみに全く何の役にも立たないことうけあいです。
とあるドット絵をアラートで表示するBookmarklet
このBookmarkletをブラウザのアドレスバーにコピペしてエンターを押すと
javascript:void(alert('abbbbbccccccdabbbcccccccccdabbccbccccccccdabcbbbbbcccccccdacbcbbbbbbbccccdacbcbcbbbcbbccccdacbbbcccbcbccbbcdacccccbcbbbcbbbcdacbbbbbbcccbbccdabcbbcccbbbbbcdabbccbbbbbbbcdabbbbcccccccdabbbbbbcbbbcdabbbbbcbbbbbcdabbbbbcbbbbbcdabbbbbcbbbbbc'.replace(/a/g,'\u3000').replace(/b/g,'\u0020\u3000').replace(/c/g,'\u25a0').replace(/d/g,'\n')));
こんな感じに
ドット絵が表示されます。
ま、それだけのネタBookmarkletです。
着想と説明
私はプロフィール画像に
こうしたドット絵で描いたイラストを使っています。で、単純なドット絵なので、ふとAA(アスキーアート)にもできるんじゃないか?と、考えこんな風にAAを作ってみました。
■■■■■■ ■■■■■■■■■ ■■ ■■■■■■■■ ■ ■■■■■■■ ■ ■ ■■■■ ■ ■ ■ ■ ■■■■ ■ ■■■ ■ ■■ ■ ■■■■■ ■ ■ ■ ■ ■■■ ■■ ■ ■■■ ■ ■■ ■ ■■■■■■■ ■ ■ ■ ■ ■ ■ ■ ■
で、作ってみたものの、特に使う用途もなかったのでしばらく放置していたんですよね。……で、なんとな〜くブラウザのアラートにこれが表示できたら面白いんじゃないか?と思いついたわけです。
ただしかし、単純にアラートに文字列を流し込むとすると
javascript:void(alert(' ■■■■■■\n ■■■■■■■■■\n ■■ ■■■■■■■■\n ■ ■■■■■■■\n ■ ■ ■■■■\n ■ ■ ■ ■ ■■■■\n ■ ■■■ ■ ■■ ■\n ■■■■■ ■ ■ ■\n ■ ■■■ ■■\n ■ ■■■ ■\n ■■ ■\n ■■■■■■■\n ■ ■\n ■ ■\n ■ ■\n ■ ■')));
こんな感じになるんですが、これだとInternet Explorerではバイト数の上限をオーバーしてしまうのが難点でした。なので、今回は単純なパターンのAAでもあるし、全角文字を半角文字に変換して後から置換する手段をとった次第。
それだとIE6でも使えました。
で、これがなんの役に立つの?というと冒頭にも書いた通り全く何にもならないわけですが、久しぶりにIEの文字数のことを考えてBookmarklet書いたら結構楽しかった……という日記でござるの巻。
[特にオチとかも無し]
関連エントリー
ドット絵関連の過去ログだと
1年間365日、Twitterのアイコンを毎日ドット絵で変更したまとめ - 聴く耳を持たない(片方しか)
以前に365日間毎日Twitterのプロフィール画像をドット絵で変更した記録とその画像一覧とか。
><