PR(記事内にアフィリエイト広告が含まれています)
スポンサーリンク
PC

コナミコマンドを実装

こちらで紹介されてた内容をもとに、当サイトでもコナミコマンドを実装しました。本家との違いとしては、回数制限を無くしたり、外部jsファイルを使うようにしたり、配列を使ってコードを簡略化したりしてます。
キーボード上で上上下下左右左右BAと押すことで、サイト上に変化が起こります。Wii リモコンでの動作には未対応です。効果のほどは実際に試して確認してみてください。
詳しい内容は以下で説明します(※2007年8月5日追記: js ソースや html においてkonami と konmai が入り乱れてたので、全て konami に統一しました)。

  //Original Code
//http://n-styles.com/main/archives/2007/07/26-033445.php
var konamiFlag = 0;//状況判断フラグ
var jumpurl = "http://www.takehana.tv/cccc/";//ジャンプ先URL
var command = [38,38,40,40,37,39,37,39,66,65];//上上下下左右左右BA
function konamiCommand(konamiKey){
if (konamiKey == command[konamiFlag]){
konamiFlag++;
if (konamiFlag == 10){
location.href=jumpurl;//ページへ移動
}
}else if(konamiKey == 38){//操作ミス!
konamiFlag = 1;
}else{//操作ミス!
konamiFlag = 0;
}
}

上記の内容を konami.js など適当な名前にしてアップロードします。なお、ソースの改変はオリジナルの配布元同様に自由です。今回、変数名や関数名を konmai から konami に全て変更していますので、そのあたりに注意してください。デバッグするなら FireFox 用のデバッガがかなり便利だと思います。
で、アップロードしたら html 上にて、HEAD 部分より前にて

<script language="JavaScript" src="konami.js"></script>

といった感じで js ファイルへのリンクを記述して、BODY 部分にて

<body>
↓
<body OnKeyDown="konamiCommand(event.keyCode);">

といった感じにイベントを記述すればOKです。

コメント

タイトルとURLをコピーしました