JSで自分のHPにコナミコマンドを実装する

WEB制作
JSで自分のHPにコナミコマンドを実装する

皆さんは、コナミコマンドを知っていますか？

コナミ系のゲームなどで「↑↑↓↓←→←→BA」と入力すると自分のキャラがパワーアップしたり、特別なイベントが発生したりする隠しコマンドの代表的なものです。

コナミコマンドは『ギネス世界記録』に「もっともよく知られている隠しコマンド」として、登録されているぐらい有名な隠しコマンドです。

以前は、Twitterなどの有名なサイトにも実装されていました。

そんな、有名な隠しコマンドを自分のHPにこっそりと実装してみたくないですか？

友達が隠しコマンドを見つけて、こっそりと「見つけたよー」と教えてくれたり、Twitterなどで見つけた方が投稿してバズったりしたらと考えるとうれしいですよね。

非常に簡単なJavaScriptで自分のHPやWPなどのブログにも、隠しコマンドを実装することができるので、是非挑戦してみてください！

目次

デモ

PCの方は、このページでキーボードで「↑↑↓↓←→←→BA」と入力してみてください。

サンプルコード

var konamiCommand = [38, 38, 40, 40, 37, 39, 37, 39, 66, 65]; が「↑↑↓↓←→←→BA」のキーコードになっているので、この部分を変更することで、XXBBAYAY下左などの亜種系のコマンドやオリジナルのコマンドも実装可能です。

window.onload = function () {
    var inputKey = [];
    var konamiCommand = [38, 38, 40, 40, 37, 39, 37, 39, 66, 65]; //↑↑↓↓←→←→BA
    document.onkeydown = function (e) {
        inputKey.push(e.keyCode);
        if (inputKey.toString().indexOf(konamiCommand) >= 0) {
            //codes...
            inputKey = [];
        }
    }
}