test2.html

   1 <html>
   2   <body>
   3
   4     <pre id="aaa"></pre>
   5
   6     <script type="text/javascript">
   7     <!--
   8
   9         // 匿名関数を即時実行
  10         (function(){
  11
  12                 // ------------------------------------------------------------
  13                 // Gemapad API に対応しているか調べる
  14                 // ------------------------------------------------------------
  15                 if(!(window.Gamepad)) return;
  16                 if(!(navigator.getGamepads)) return;
  17
  18                 // ------------------------------------------------------------
  19                 // "aaa" という ID 属性のエレメントを取得する
  20                 // ------------------------------------------------------------
  21                 var element = document.getElementById("aaa");
  22
  23                 // ------------------------------------------------------------
  24                 // 一定時間隔で、繰り返し実行される関数
  25                 // ------------------------------------------------------------
  26                 setInterval(function(){
  27                         var str = "";
  28                         // ゲームパッドリストを取得する
  29                         var gamepad_list = navigator.getGamepads();
  30                         // ゲームパッドリスト内のアイテム総数を取得する
  31                         var num = gamepad_list.length;
  32                         var i;
  33                         for(i=0;i < num;i++){
  34                                 // Gamepad オブジェクトを取得
  35                                 var gamepad = gamepad_list[i];
  36                                 if(!gamepad) continue;
  37                                 // ゲームパッドのインデックス値
  38                                 str += "index: " + gamepad.index + "\n";
  39                                 // タイムスタンプ情報
  40                                 str += "timestamp: " + gamepad.timestamp + "\n";
  41                                 // ゲームパッドの識別名
  42                                 str += "id: \"" + gamepad.id + "\"\n";
  43                                 // ゲームパッドの物理的な接続状態
  44                                 str += "connected: " + gamepad.connected + "\n";
  45                                 // マッピングタイプ情報
  46                                 str += "mapping: \"" + gamepad.mapping + "\"\n";
  47
  48                                 // ボタンリスト
  49                                 // ------------------------------------------------------------
  50                                 var buttons = gamepad.buttons;
  51                                 str += "buttons: {\n";
  52                                 var j;
  53                                 var n = buttons.length;
  54                                 for(j=0;j < n;j++){
  55                                         // GamepadButton オブジェクトを取得
  56                                         var button = buttons[j];
  57                                         str += "  \"" + j + "\": { ";
  58                                         // ボタン押下状態
  59                                         str += "pressed:" + button.pressed + " , ";
  60                                         // ボタン入力強度
  61                                         str += "value:" + button.value + " }\n";
  62                                 }
  63                                 str += "}\n";
  64                                 // 軸リスト
  65                                 // ------------------------------------------------------------
  66                                 var axes = gamepad.axes;
  67                                 str += "axes: {\n";
  68                                 var j;
  69                                 var n = axes.length;
  70                                 for(j=0;j < n;j++){
  71                                     if(j=0){
  72                                         if (axes[j] < -0.5) {
  73                                           movex = parseInt(movex) + parseInt(10);
  74                                                                 console.log("left!");
  75                                                                 canvasApp();
  76                                                             }
  77                                                             if (axes[j] > 0.5) {
  78                                                                 movex = parseInt(movex) - parseInt(10);
  79                                                                 canvasApp();
  80                                                             }
  81                                                         }else if(j=1){
  82                                                             if (axes[j] < -0.5) {
  83                                                                 movey = parseInt(movey) - parseInt(10);
  84                                                                 canvasApp();
  85                                                             }
  86                                                             if (axes[j] > 0.5) {
  87                                                                 movey = parseInt(movey) + parseInt(10);
  88                                                                 canvasApp();
  89
  90                                                             }
  91                                                         }
  92                                 }
  93                             }
  94                 },1000/60);
  95
  96         })();
  97
  98     //-->
  99     </script>
 100
 101   </body>
 102 </html>