コナミコマンドとかをWebサイトに追加できるライブラリ

作ってみた。(要prototype.js
http://github.com/technohippy/ProtoCommand

使い方はだいたいこんな感じ。

var sevenUp = new ProtoCommand('up up up up up up up');
sevenUp.action = function(){alert('7UP')};
ProtoCommand.observeAll();

7回カーソルキーの上を押したらアラートが上がる。

画面移動するための簡易メソッドも作ったので

var google = new ProtoCommand('g o o g l e enter');
google.link('http://google.com');
ProtoCommand.observeAll();

こんな感じにすればgoogle[ENTER]と押すとGoogleに移動。

次のサンプルをファイルにコピペすればそのまま動作するはず。

<html>
<head>
  <script src="http://www.google.com/jsapi"></script>
  <script>google.load('prototype', '1.6.0.3')</script>
  <script src="http://github.com/technohippy/ProtoCommand/raw/master/src/protocommand.js"></script>
  <script>
  (function() {
    var konami = new ProtoCommand('up up down down left right left right b a');
    konami.action = function() {
      document.body.style.backgroundColor = 'blue';
    };
    konami.reset = function() {
      document.body.style.backgroundColor = 'white';
    };

    var google = new ProtoCommand('g o o g l e enter');
    google.link('http://google.com');

    ProtoCommand.observeAll();
  })();
  </script>
</head>
<body>
  <dl>
    <dt>Change background color</dt>
    <dd>[up][up][down][down][left][right][left][right][b][a]</dd>
    <dt>move to http://google.com</dt>
    <dd>[g][o][o][g][l][e][enter]</dd>
  </dl>
</body>
</html>

自分のサイトに懐かしの裏技的機能を追加したいときにでもどうぞ。



おまけ: コナミコマンドが使えるWebサイト一覧