がわおメモ

どこかの誰かのお役に立てれば。

5572320!! 五五七二三二〇!!

f:id:gawao:20150303221849p:plain

今日の昼頃にnatalieに以下の記事があがった。

Twitterがざわざわし始め、やっていた事を投げ出してずーっと五五七二三二〇関連のサイトと動画を見てました。(まぁ、エビ中こと私立恵比寿中学ですよね・・・※個人的な感想です

こちらがよくまとまっていてわかりやすい。

タイアップみたいだけどカッコイイ!
これからやるであろうキャンペーンに期待してます!

松野さん(に似てる方)のギターを弾いている(であろう)姿がとにかくカッコよすぎて惚れたぁあああ!

本家のサイト

のコードを見ていたら、

f:id:gawao:20150303202702p:plain

のようにconsole.logとHTMLコメントで5572320があったので、どうしても5572320を書きたくなったのでかいた。

Google Chromeでしか表示確認していないので、環境によってはずれてしまうかも。

<script type="text/javascript">
var gogo = [
'<div id="gogo" style="font-family:\'MS Pゴシック\',\'MS PGothic\',\'Mona\',\'mona-gothic-jisx0208.1990-0\',sans-serif;font-size:10px;line-height:18px;margin-top:50px;margin-left:50px;">',
"███████╗███████╗███████╗██████╗ ██████╗ ██████╗  ██████╗<br>█╔════╝██╔════╝ ╚════██║╚════██╗╚════██╗╚════██╗██╔═████╗<br>██████╗███████╗     ██╔╝ █████╔╝ █████╔╝ █████╔╝██║██╔██ ║<br>════██║╚════██ ║    ██╔╝  ██╔═══╝  ╚═══██╗ ██╔═══╝ ████╔╝██ ║<br>██████║███████║    ██║  ███████╗██████╔╝███████╗╚██████╔╝<br>╚═════╝╚══════╝    ╚═╝  ╚══════╝╚═════╝ ╚══════╝ ╚═════╝ ",
'</div>',
'<button onclick="toggle();">STOP 五五七二三二〇!!</button>'
].join('');
document.write(gogo);

var tid;

function getRandom() {
  return Math.floor( Math.random() * (255- 0 + 1) ) + 0;
}
function rgbToHex(r, g, b) {
    return "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
}
function timer() {
  var r = getRandom();
  var g = getRandom();
  var b = getRandom();

  var hex = rgbToHex(r, g, b);
  document.getElementById('gogo').style.color = hex;
  tid = setTimeout('timer()', 300);
}

function toggle() {
  if(tid) {
    clearTimeout(tid);
    tid = 0;
    document.getElementsByTagName('button')[0].textContent = 'START 五五七二三二〇!!';
  } else {
    document.getElementsByTagName('button')[0].textContent = 'STOP 五五七二三二〇!!';
    tid = setTimeout('timer()', 500);
  }
}

tid = setTimeout('timer()', 1000);
</script>

あー楽しかった。

f:id:gawao:20150303224508p:plain

参考

はてなブログの記事内でJavascriptを書く方法 - Three.jsを使って、作ってみた

javascript - RGB to Hex and Hex to RGB - Stack Overflow

ブログにAAを貼ってもずれないようにする方法: Shoot me!

簡易AAテスター ver4.0