Click here for free DL of the app version that can save data.

No:5168

1674

←

Prev Next

→

Pectoralis major walking!
Developer User3812｜Date and time 23/6/29 19:58:33
Build time 26.643 sec｜Game capacity 2.032KB｜

Script

了解です。以下は、大胸筋が歩くゲームのサンプルプログラムです。

大胸筋が歩くゲーム

💪

このプログラムでは、大胸筋の絵文字を表示し、キーボードの上矢印、下矢印、左矢印、右矢印キーを押すことで大胸筋を移動させることができます。また、大胸筋をクリックすると「大胸筋が強くなった！」というアラートメッセージが表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

Click here for free DL of the app version that can save data.

了解です。以下は、大胸筋が歩くゲームのサンプルプログラムです。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>大胸筋が歩くゲーム</title>
  <style>
    .daimukon {
      font-size: 5em;
    }
  </style>
</head>
<body>
  <h1>大胸筋が歩くゲーム</h1>
  <p><span class="daimukon" id="daimukon">💪</span></p>
  
  <script>
    var daimukon = document.getElementById("daimukon");
    var maxX = window.innerWidth - 100;  //画面幅から大胸筋の幅(100px)を引いた範囲で動く
    var maxY = window.innerHeight - 100;  //画面高さから大胸筋の高さ(100px)を引いた範囲で動く
    
    // 大胸筋の初期位置
    var posX = maxX / 2;
    var posY = maxY / 2;
    
    // 大胸筋がクリックされた時の処理
    daimukon.onclick = function() {
      alert("大胸筋が強くなった！");
    }
    
    // キーボード操作で大胸筋を移動する処理
    document.onkeydown = function(event) {
      switch(event.keyCode) {
        case 37:  // 左矢印キー
          posX -= 10;
          break;
        case 38:  // 上矢印キー
          posY -= 10;
          break;
        case 39:  // 右矢印キー
          posX += 10;
          break;
        case 40:  // 下矢印キー
          posY += 10;
          break;
      }
      
      // 大胸筋が画面範囲内に収まるように制御
      posX = Math.max(0, Math.min(posX, maxX));
      posY = Math.max(0, Math.min(posY, maxY));
      
      // 大胸筋の位置を変更
      daimukon.style.left = posX + "px";
      daimukon.style.top = posY + "px";
    }
  </script>
</body>
</html>
```