見本
- キーボードで「↑↑↓↓←→←→BA」を入力すると背景がグラディウスに変わり、クリックで爆弾が設置できるようになる。爆発すると、文字が爆散する。
ソースコード
- 爆発にはfontBombというスクリプトを使用
app/assets/javascripts/konami.js
$(function() {
//入力されたキーを保存する
var inputKey = [];
//入力されたキーと比較する隠しコマンド
//38 = 上
//40 = 下
//37 = 左
//39 = 右
//66 = B
//65 = A
var konamiCommand = [38,38,40,40,37,39,37,39,66,65];
//画面上のキー入力イベントリスナ
$(window).keyup(function(e) {
//キー入力を配列に追加
inputKey.push(e.keyCode);
//キー入力が保存された配列と隠しコマンドを比較
if (inputKey.toString().indexOf(konamiCommand) >= 0) {
//隠しコマンド成功時
alert("コナミコマンド発動！");
//cssにbackground-imageを記述したクラスを追加
$(".body-wrapper").addClass('konami');
//fontBombのスクリプトをコピー
javascript:(function () {var s = document.createElement('script');
s.setAttribute('src', 'http://fontbomb.ilex.ca/js/main.js');
document.body.appendChild(s);}());
//キー入力を初期化
inputKey = [];
}
});
});