Home | ArchiveList | Category | About
Home > コナミコマンドを実装
こちらで紹介されてた内容をもとに、当サイトでもコナミコマンドを実装しました。本家との違いとしては、回数制限を無くしたり、外部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です。


この記事へのコメント
Please JavaScript ON for comment. %3c%61%20%69%64%3d%22%6e%75%63%6c%65%75%73%5f%63%66%22%3e%3c%2f%61%3e %3c%66%6f%72%6d%20%6d%65%74%68%6f%64%3d%22%70%6f%73%74%22%20%61%63%74%69%6f%6e%3d%22%23%6e%75%63%6c%65%75%73%5f%63%66%22%3e %09%3c%69%6e%70%75%74%20%74%79%70%65%3d%22%68%69%64%64%65%6e%22%20%6e%61%6d%65%3d%22%61%63%74%69%6f%6e%22%20%76%61%6c%75%65%3d%22%61%64%64%63%6f%6d%6d%65%6e%74%22%20%2f%3e %09%3c%69%6e%70%75%74%20%74%79%70%65%3d%22%68%69%64%64%65%6e%22%20%6e%61%6d%65%3d%22%75%72%6c%22%20%76%61%6c%75%65%3d%22%69%6e%64%65%78%2e%70%68%70%3f%69%74%65%6d%69%64%3d%32%31%38%39%22%20%2f%3e %09%3c%69%6e%70%75%74%20%74%79%70%65%3d%22%68%69%64%64%65%6e%22%20%6e%61%6d%65%3d%22%69%74%65%6d%69%64%22%20%76%61%6c%75%65%3d%22%32%31%38%39%22%20%2f%3e %09 %09%09%3c%64%69%76%20%63%6c%61%73%73%3d%74%72%61%63%6b%62%61%63%6b%69%6e%66%6f%3e %09%09%09%3c%6c%61%62%65%6c%20%66%6f%72%3d%22%6e%75%63%6c%65%75%73%5f%63%66%5f%6e%61%6d%65%22%3e%4e%61%6d%65%3a%3c%2f%6c%61%62%65%6c%3e %09%09%3c%2f%64%69%76%3e %09%09%3c%69%6e%70%75%74%20%6e%61%6d%65%3d%22%75%73%65%72%22%20%73%69%7a%65%3d%22%34%30%22%20%6d%61%78%6c%65%6e%67%74%68%3d%22%34%30%22%20%76%61%6c%75%65%3d%22%22%20%63%6c%61%73%73%3d%22%66%6f%72%6d%66%69%65%6c%64%22%20%69%64%3d%22%6e%75%63%6c%65%75%73%5f%63%66%5f%6e%61%6d%65%22%20%2f%3e %09%09%3c%64%69%76%20%63%6c%61%73%73%3d%74%72%61%63%6b%62%61%63%6b%69%6e%66%6f%3e %09%09%09%3c%6c%61%62%65%6c%20%63%6c%61%73%73%3d%22%6c%61%62%65%6c%6e%61%6d%65%22%20%66%6f%72%3d%22%6e%75%63%6c%65%75%73%5f%63%66%5f%6d%61%69%6c%22%3e%55%52%4c%3a%3c%2f%6c%61%62%65%6c%3e %09%09%3c%2f%64%69%76%3e %09%09%3c%69%6e%70%75%74%20%6e%61%6d%65%3d%22%75%73%65%72%69%64%22%20%73%69%7a%65%3d%22%34%30%22%20%6d%61%78%6c%65%6e%67%74%68%3d%22%36%30%22%20%76%61%6c%75%65%3d%22%22%20%63%6c%61%73%73%3d%22%66%6f%72%6d%66%69%65%6c%64%22%20%69%64%3d%22%6e%75%63%6c%65%75%73%5f%63%66%5f%6d%61%69%6c%22%20%2f%3e %09%09%3c%64%69%76%20%63%6c%61%73%73%3d%74%72%61%63%6b%62%61%63%6b%69%6e%66%6f%3e %09%09%09%3c%6c%61%62%65%6c%20%63%6c%61%73%73%3d%22%6c%61%62%65%6c%6e%61%6d%65%22%20%66%6f%72%3d%22%6e%75%63%6c%65%75%73%5f%63%66%5f%65%6d%61%69%6c%22%3e%4d%61%69%6c%3a%3c%2f%6c%61%62%65%6c%3e %09%09%3c%2f%64%69%76%3e %09%09%3c%69%6e%70%75%74%20%6e%61%6d%65%3d%22%65%6d%61%69%6c%22%20%73%69%7a%65%3d%22%34%30%22%20%6d%61%78%6c%65%6e%67%74%68%3d%22%31%30%30%22%20%76%61%6c%75%65%3d%22%22%20%63%6c%61%73%73%3d%22%66%6f%72%6d%66%69%65%6c%64%22%20%69%64%3d%22%6e%75%63%6c%65%75%73%5f%63%66%5f%65%6d%61%69%6c%22%20%2f%3e %09%09%3c%64%69%76%20%63%6c%61%73%73%3d%74%72%61%63%6b%62%61%63%6b%69%6e%66%6f%3e %09%09%09%3c%6c%61%62%65%6c%20%63%6c%61%73%73%3d%22%6c%61%62%65%6c%6e%61%6d%65%22%20%66%6f%72%3d%22%6e%75%63%6c%65%75%73%5f%63%66%5f%62%6f%64%79%22%3e%43%6f%6d%6d%65%6e%74%3a%3c%2f%6c%61%62%65%6c%3e %09%09%3c%2f%64%69%76%3e %09%09%3c%74%65%78%74%61%72%65%61%20%6e%61%6d%65%3d%22%62%6f%64%79%22%20%20%63%6c%61%73%73%3d%22%63%6f%6d%6e%61%6d%65%22%20%63%6f%6c%73%3d%22%35%35%22%20%72%6f%77%73%3d%22%31%30%22%20%69%64%3d%22%6e%75%63%6c%65%75%73%5f%63%66%5f%62%6f%64%79%22%3e%3c%2f%74%65%78%74%61%72%65%61%3e %09%09%3c%62%72%2f%3e%3c%69%6e%70%75%74%20%74%79%70%65%3d%22%63%68%65%63%6b%62%6f%78%22%20%6e%61%6d%65%3d%22%6e%6f%74%73%70%61%6d%22%20%76%61%6c%75%65%3d%22%32%31%38%39%22%20%69%64%3d%22%6e%75%63%6c%65%75%73%5f%63%66%5f%73%70%61%6d%22%20%63%68%65%63%6b%65%64%3d%22%63%68%65%63%6b%65%64%22%20%2f%3e%3c%6c%61%62%65%6c%20%66%6f%72%3d%22%6e%75%63%6c%65%75%73%5f%63%66%5f%73%70%61%6d%22%3eチェックを外してください%3c%2f%6c%61%62%65%6c%3e %3c%69%6e%70%75%74%20%74%79%70%65%3d%22%68%69%64%64%65%6e%22%20%6e%61%6d%65%3d%22%74%69%6d%65%72%22%20%76%61%6c%75%65%3d%22%31%35%32%39%35%37%37%34%31%31%22%20%69%64%3d%22%6e%75%63%6c%65%75%73%5f%63%66%5f%74%69%6d%65%72%22%20%2f%3e %09%09%3c%62%72%20%2f%3e%3c%62%72%20%2f%3e %09%09%3c%69%6e%70%75%74%20%74%79%70%65%3d%22%63%68%65%63%6b%62%6f%78%22%20%76%61%6c%75%65%3d%22%31%22%20%6e%61%6d%65%3d%22%72%65%6d%65%6d%62%65%72%22%20%69%64%3d%22%6e%75%63%6c%65%75%73%5f%63%66%5f%72%65%6d%65%6d%62%65%72%22%20%20%2f%3e %09%09%3c%6c%61%62%65%6c%20%66%6f%72%3d%22%6e%75%63%6c%65%75%73%5f%63%66%5f%72%65%6d%65%6d%62%65%72%22%3e%53%61%76%65%20%59%6f%75%72%20%49%6e%66%6f%3c%2f%6c%61%62%65%6c%3e %09%09%3c%62%72%20%2f%3e %09%09%3c%69%6e%70%75%74%20%74%79%70%65%3d%22%73%75%62%6d%69%74%22%20%61%6c%74%3d%22%41%64%64%20%43%6f%6d%6d%65%6e%74%22%20%76%61%6c%75%65%3d%22%41%64%64%20%43%6f%6d%6d%65%6e%74%22%20%63%6c%61%73%73%3d%22%66%6f%72%6d%62%75%74%74%6f%6e%22%20%2f%3e %09%09%3c%62%72%20%2f%3e %3c%2f%66%6f%72%6d%3e
Home | PageTop | RSS2.0 | ATOM