Open world survival game's game

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

No:9647

126

←

Prev Next

→

Open world survival game
Developer User4403｜Date and time 23/7/26 18:33:37
Build time 16.144 sec｜Game capacity 2.088KB｜

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>
</head>
<body>
  <canvas id="gameCanvas"></canvas>

var player = {
      x: 50,
      y: 50,
      width: 30,
      height: 30,
      color: "red"
    };

var enemies = [
      {x: 120, y: 120, width: 30, height: 30, color: "blue"},
      {x: 200, y: 200, width: 30, height: 30, color: "green"}
    ];

// ゲームループ
    function gameLoop() {
      // プレイヤーの位置更新
      if (keys.ArrowUp) {
        player.y -= 5;
      }
      if (keys.ArrowDown) {
        player.y += 5;
      }
      if (keys.ArrowLeft) {
        player.x -= 5;
      }
      if (keys.ArrowRight) {
        player.x += 5;
      }

// 画面クリア
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// プレイヤー描画
      ctx.fillStyle = player.color;
      ctx.fillRect(player.x, player.y, player.width, player.height);

// 敵描画
      for(var i = 0; i < enemies.length; i++) {
        var enemy = enemies[i];
        ctx.fillStyle = enemy.color;
        ctx.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);
      }

requestAnimationFrame(gameLoop);
    }

// キーボード操作
    var keys = {};

window.addEventListener("keydown", function(event) {
      keys[event.key] = true;
    });

window.addEventListener("keyup", function(event) {
      keys[event.key] = false;
    });

// ゲーム開始
    gameLoop();
  </script>
</body>
</html>
```