css,javascript,actionscriptを中心に勉強したことをまとめるブログ

最近、コナミコマンドを実装したサイトが増えているようですね。
ファミコン世代のぼくとしては懐かしいやらうれしいやら。

コナミコマンド実装サイト

コナミコマンドって知ってますか？
「上」「上」「下」「下」「左」「右」「左」「右」「B」「A」ですよね。
海外ではこのコマンドを入力するといろんなことが起こるサイトがたくさんあるみたいですね。
紹介しているサイトも、コナミコマンドを入れると閲覧可能になるっていう徹底ぶり。

konami code sites

下記のページでは、実装しているコードの紹介もしていますね。

Konami Code in JavaScript - MattSnider.com
konami.js
Konami Craziness - James Padolsey

こんなコマンドを実装したい！
ということで、javascriptで作ってみました。

コード

さて、作ったのが以下のコード。

keycommand.js

デモページ：キー入力判定

• コナミコマンドに限らずどんなコマンドでも実装可。
• 複数のコードを実装できる。
• だけど、英字だけ。

っていうすごく簡単なものです。
なのでコードもすごく短いです。

まあ、キーイベントの判定部分をしっかり作りこめば、数字やその他の記号も判別できるようになるかと思いますが。

実装方法

実際に実装する方法を簡単に。
上記のkeycommand.jsを読み込んだら、実装したいページに以下のコードを記述します。

<script type="text/JavaScript">
new KeyCommand(
    ['a','b','c'],
    function(){
        //実行したいコード
    }
);

</script>

第一引数には、コマンドとなる文字列を配列で入れます。
上記の例だと「abc」というのがコマンドになります。

で、第二引数に実行したいコードを書きます。
もちろん、関数名だけ指定してもOKです。

<script type="text/JavaScript">
new KeyCommand(['a','b','c'],hogehoge);

var hogehoge = function(){
    //実行したいコード
};
</script>

これだけでOK。
ページ毎にコマンドを変えるもよし、ものすごい長いコマンドにするのもよし。
英字だけでもきっといろんなアイデアがあるんではないでしょうか。

それから、
このサイトにも仕込んであります。
「red」と打ってみて下さい。
どうでしょう？変わりました？

さて、これを元に戻すには・・・！？

Let’s Enjoy Command Life!!
ばーい！