Skip to content
Konami Code by ES2015
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo
dist
src
test
.gitignore
README.md
gulpfile.js
package.json

README.md

cb-Konami-js

WebサイトにKonamiコマンドを実装するJavaScriptプラグイン。

About

キーボードでKonamiコマンド**「上上下下左右左右BA」**を打った後に、何か任意の処理を実行させる機能を実装することができます。

以下の例では、キーボードの[↑] + [↑] + [↓] + [↓] + [←] + [→] + [←] + [→] + [B] + [A] を打った後に、「konami」とアラートが表示されます。

(function () {
  var konami = new Konami();
  konami.init();
} ());

Demo

http://jsrun.it/maechabin/UoiG

Download

こちらのページからダウンロードするか、[git clone]コマンドでローカルにコピーします。

$ git clone git@github.com:maechabin/cb-konami-js.git 任意のディレクトリ名

npm経由でも入手可能です。

$ npm install --save cb-konami-js

機能の実装に使用するファイルは以下のjsファイルとなります。

  • dist/konami.min.js

Usage

distディレクトリ内の「konami.min.js」をページに読み込みます。

<script src="../dist/konami.min.js"></script>

<body>の閉じタグの直前に以下を挿入。Konamiオブジェクトのインスタンスを作成し、initメソッドを実行。initメソッドの引数には、コナミコマンド入力後に発動させたい処理(関数)を指定可能。

<script>
(function () {
  var konami = new Konami();
  konami.init();
} ());
</script>

example1

<script>
(function () {
  var konami = new Konami();
  var foo = function () {
    console.log("bar"):
  };
  konami.init(foo);
} ());
</script>

example2(匿名関数)

<script>
(function () {
  var konami = new Konami();
  konami.init(function () {
    console.log("bar");
  });
} ());
</script>

また、newする際にKonamiオブジェクトの引数にキーの配列を指定することで、トリガーとなるオリジナルのコマンドを設定することも可能です。(Konamiコマンドではないコマンドを指定可能)

example3 (コマンドに「bals」を指定)

<script>
(function () {
  var konami = new Konami([66, 65, 76, 83]);
  konami.init(function () {
    alert("bals");
  });
} ());
</script>

License

MIT license

You can’t perform that action at this time.