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

No:6068

943

←

Prev Next

→

world-famous
Developer User1006｜Date and time 23/7/1 16:12:44
Build time 23.143 sec｜Game capacity 2.304KB｜

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>
</head>
<body>
  <h1>天外魔境</h1>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

var playerX = canvas.width / 2;
    var playerY = canvas.height - 30;
    var playerRadius = 10;
    var playerColor = "#0095DD";

var rightPressed = false;
    var leftPressed = false;

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

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

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

function drawPlayer() {
      context.beginPath();
      context.arc(playerX, playerY, playerRadius, 0, Math.PI * 2);
      context.fillStyle = playerColor;
      context.fill();
      context.closePath();
    }

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

if (rightPressed && playerX < canvas.width - playerRadius) {
        playerX += 7;
      } else if (leftPressed && playerX > playerRadius) {
        playerX -= 7;
      }

requestAnimationFrame(draw);
    }

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

このゲームは、画面上で左右に動くプレイヤーキャラクターを操作するものです。キーボードの左右キーまたは矢印キーを押すことでプレイヤーが移動し、画面上に表示されます。

ただし、このゲームはあくまで基本的な動作のみを示しており、天外魔境とは関係ありません。天外魔境のような深いストーリーや複雑なゲームプレイを再現するには、より多くの実装が必要です。