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

No:7620

360

←

Prev Next

→

Patlabor.
Developer User4062｜Date and time 23/7/9 0:12:11
Build time 12.179 sec｜Game capacity 2.459KB｜

Script

は、ゲーム「パトレイバー」を作成しました。以下のコードをご確認ください。

パトレイバーゲーム

このコードは、パトレイバーを操作して画面内を動き回るゲームです。上記のHTMLファイルを作成し、ブラウザで開くとゲームが実行されます。操作方法は、スマホならスワイプで左右に移動させることができます。キーボードでも、右矢印キーで右に、左矢印キーで左に移動します。画面内の長方形がプレイヤーで、画面下部に配置されています。プレイヤーは画面内を左右に移動できます。この例では、「canvas」要素を使用して描画しています。プレイヤーは青い長方形で表されています。

←

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>
</head>
<body>
  <h1>パトレイバーゲーム</h1>

const player = {
      x: canvas.width / 2,
      y: canvas.height - 30,
      width: 20,
      height: 20,
      speed: 5
    };

let rightPressed = false;
    let leftPressed = false;

function drawPlayer() {
      context.beginPath();
      context.rect(player.x, player.y, player.width, player.height);
      context.fillStyle = "#0095DD";
      context.fill();
      context.closePath();
    }

function draw() {
      context.clearRect(0, 0, canvas.width, canvas.height);
      drawPlayer();

if (rightPressed && player.x < canvas.width - player.width) {
        player.x += player.speed;
      } else if (leftPressed && player.x > 0) {
        player.x -= player.speed;
      }

requestAnimationFrame(draw);
    }

function keyDownHandler(event) {
      if (event.key === "ArrowRight") {
        rightPressed = true;
      } else if (event.key === "ArrowLeft") {
        leftPressed = true;
      }
    }

function keyUpHandler(event) {
      if (event.key === "ArrowRight") {
        rightPressed = false;
      } else if (event.key === "ArrowLeft") {
        leftPressed = false;
      }
    }

document.addEventListener("keydown", keyDownHandler);
    document.addEventListener("keyup", keyUpHandler);

draw();
  </script>
</body>
</html>
```

このコードは、パトレイバーを操作して画面内を動き回るゲームです。上記のHTMLファイルを作成し、ブラウザで開くとゲームが実行されます。

操作方法は、スマホならスワイプで左右に移動させることができます。キーボードでも、右矢印キーで右に、左矢印キーで左に移動します。

画面内の長方形がプレイヤーで、画面下部に配置されています。プレイヤーは画面内を左右に移動できます。

この例では、「canvas」要素を使用して描画しています。プレイヤーは青い長方形で表されています。