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

No:38112

←

Prev Next

→

Aiでゲームを作るゲームを作るゲーム
Developer User17225｜Date and time 24/1/22 15:23:30
Build time 14.639 sec｜Game capacity 2.786KB｜

Script

Aiでゲームを作るゲームを作るゲーム

スマホのタッチ操作でゲームを作成しましょう！

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Aiでゲームを作るゲームを作るゲーム</title>
<style>
body {
  text-align: center;
  background-color: #f3f3f3;
}

canvas {
  margin-top: 20px;
  border: 1px solid #ccc;
}
</style>
</head>
<body>
<h1>Aiでゲームを作るゲームを作るゲーム</h1>
<p>スマホのタッチ操作でゲームを作成しましょう！</p>
<canvas id="gameCanvas" width="400" height="400"></canvas>

// ゲームの初期化
function initialize() {
  // キャンバスのセットアップ
  canvas = document.getElementById("gameCanvas");
  context = canvas.getContext("2d");
  gameWidth = canvas.width;
  gameHeight = canvas.height;

// ゲームオブジェクトの初期化
  gameObjects = [];

// Aiでゲームを作るための関数
  function createGame() {
    // ゲームオブジェクトの生成
    var gameObject = {
      x: Math.random() * gameWidth,
      y: Math.random() * gameHeight,
      width: 50,
      height: 50,
    };
    
    // ゲームオブジェクトの描画
    gameObject.draw = function() {
      context.fillStyle = "red";
      context.fillRect(this.x, this.y, this.width, this.height);
    };
    
    // ゲームオブジェクトの更新
    gameObject.update = function() {
      this.x += Math.random() * 10 - 5;
      this.y += Math.random() * 10 - 5;
      
      if (this.x < 0) {
        this.x = 0;
      }
      if (this.x + this.width > gameWidth) {
        this.x = gameWidth - this.width;
      }
      if (this.y < 0) {
        this.y = 0;
      }
      if (this.y + this.height > gameHeight) {
        this.y = gameHeight - this.height;
      }
    };
    
    // ゲームオブジェクトの初期化
    gameObject.initialize = function() {
      this.x = Math.random() * gameWidth;
      this.y = Math.random() * gameHeight;
    };
    
    // ゲームオブジェクトの初期化を実行
    gameObject.initialize();
    
    // 生成したゲームオブジェクトを配列に追加
    gameObjects.push(gameObject);
  }
  
  // ゲームオブジェクトの生成を実行
  createGame();
  
  // ゲームループの開始
  setInterval(gameLoop, 1000 / 60);
}

// ゲームのメインループ
function gameLoop() {
  // ゲームの更新
  for (var i = 0; i < gameObjects.length; i++) {
    var gameObject = gameObjects[i];
    gameObject.update();
  }
  
  // ゲームの描画
  context.clearRect(0, 0, gameWidth, gameHeight);
  for (var i = 0; i < gameObjects.length; i++) {
    var gameObject = gameObjects[i];
    gameObject.draw();
  }
}

// ゲームの初期化を実行
initialize();
</script>
</body>
</html>