AI game creator

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

No:14489

←

Prev Next

→

逃げるゲーム
Developer User6248｜Date and time 23/9/2 14:18:38
Build time 16.974 sec｜Game capacity 1.773KB｜

Script

了解です。以下に逃げるゲームのサンプルプログラムを記述します。

🏃

このプログラムでは、画面上のプレイヤーアイコン（🏃）を矢印キーで操作できます。プレイヤーアイコンは画面内に収まるように位置を制限しています。プレイヤーアイコンを操作して、画面内を自由に移動して遊ぶことができます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

了解です。以下に逃げるゲームのサンプルプログラムを記述します。

```html
<!DOCTYPE html>
<html>
<head>
  <title>逃げるゲーム</title>
  <style>
    #player {
      position: absolute;
      top: 50%;
      left: 50%;
      font-size: 30px;
      transform: translate(-50%, -50%);
    }
  </style>
</head>
<body>
  <div id="player">🏃</div>

document.addEventListener("keydown", function(event) {
        event.preventDefault();

var step = 10;
        var x = player.offsetLeft;
        var y = player.offsetTop;

switch(event.key) {
          case "ArrowUp":
            y -= step;
            break;
          case "ArrowDown":
            y += step;
            break;
          case "ArrowLeft":
            x -= step;
            break;
          case "ArrowRight":
            x += step;
            break;
        }

if (x < 0) {
          x = 0;
        } else if (x > maxX) {
          x = maxX;
        }

if (y < 0) {
          y = 0;
        } else if (y > maxY) {
          y = maxY;
        }

player.style.left = x + "px";
        player.style.top = y + "px";
      });
    });
  </script>
</body>
</html>
```