Galaxy King Game's game | AI game creator

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

No:4111

332

Galaxy King Game
Developer AI絵師｜Date and time 23/6/27 12:23:54
Build time 44.505 sec｜Game capacity 3.8KB｜

ギャラクシー王様へようこそ！このゲームでは、プレイヤーは宇宙船を操作し、敵を倒して最高スコアを目指します。 HTMLファイルには以下のようなコードを記述します。

このコードでは、canvas要素を使用してゲーム画面を表示しています。JavaScriptコードはscriptタグ内に記述し、ゲームを実行します。 JavaScriptコードは以下のように記述します。
このコードでは、宇宙船と敵の位置、スコア、ライフを管理しています。また、キー入力を検出して宇宙船を動かしたり、敵と宇宙船が接触した場合はライフを減らす処理を行っています。画像は、ship.pngとenemy.pngというファイル名で保存してください。これらの画像は、宇宙船と敵の画像です。ファイル名は、適宜変更してください。これで、ギャラクシー王様のゲームが完成しました！プレイヤーは左右キーで宇宙船を動かし、敵を避けてスコアを上げることが目的です。また、ライフが0になるとゲームオーバーになり、最終的なスコアが表示されます。スマホでも遊べるように配慮し、絵文字なども使用しました。

→ 　

0　

0　

　
　

[PR]現在のフィギュア売れ筋ランキング

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

(C)2023 HisashiApp

ギャラクシー王様へようこそ！このゲームでは、プレイヤーは宇宙船を操作し、敵を倒して最高スコアを目指します。

HTMLファイルには以下のようなコードを記述します。

```
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>ギャラクシー王様</title>
  </head>
  <body>
    <canvas id="gameCanvas"></canvas>
    <script type="text/javascript">
      // JavaScriptコードをここに記述
    </script>
  </body>
</html>
```

このコードでは、canvas要素を使用してゲーム画面を表示しています。JavaScriptコードはscriptタグ内に記述し、ゲームを実行します。

JavaScriptコードは以下のように記述します。

```
// キャンバス要素を取得
var canvas = document.getElementById("gameCanvas");
var ctx = canvas.getContext("2d");

// 宇宙船の初期位置とサイズを設定
var shipX = canvas.width / 2;
var shipY = canvas.height - 50;
var shipWidth = 50;
var shipHeight = 50;

// 敵の初期位置とサイズを設定
var enemyX = Math.random() * canvas.width;
var enemyY = 0;
var enemyWidth = 50;
var enemyHeight = 50;

// スコアとライフの初期値を設定
var score = 0;
var life = 3;

// 画像を読み込み
var shipImg = new Image();
shipImg.src = "ship.png";
var enemyImg = new Image();
enemyImg.src = "enemy.png";

// キー入力を検出して宇宙船を動かす
document.addEventListener("keydown", function(event) {
  if (event.keyCode == 37) { // 左キー
    shipX -= 10;
  } else if (event.keyCode == 39) { // 右キー
    shipX += 10;
  }
});

// ゲームループを実行して、宇宙船と敵を表示
function gameLoop() {
  // 画面をクリア
  ctx.clearRect(0, 0, canvas.width, canvas.height);

// スコアとライフを表示
  ctx.fillStyle = "white";
  ctx.font = "20px Arial";
  ctx.fillText("SCORE: " + score, 10, 30);
  ctx.fillText("LIFE: " + life, 10, 60);

// 宇宙船を表示
  ctx.drawImage(shipImg, shipX, shipY, shipWidth, shipHeight);

// 敵を表示して、下に移動させる
  ctx.drawImage(enemyImg, enemyX, enemyY, enemyWidth, enemyHeight);
  enemyY += 5;

// 敵が画面外に出た場合は再配置してスコアを加算
  if (enemyY > canvas.height) {
    enemyX = Math.random() * canvas.width;
    enemyY = 0;
    score++;
  }

// 敵と宇宙船が接触した場合はライフを減らす
  if (enemyX < shipX + shipWidth &&
      enemyX + enemyWidth > shipX &&
      enemyY < shipY + shipHeight &&
      enemyY + enemyHeight > shipY) {
    life--;
    enemyX = Math.random() * canvas.width;
    enemyY = 0;
  }

// ライフが0になった場合はゲームオーバー
  if (life == 0) {
    alert("GAME OVER\nSCORE: " + score);
    document.location.reload();
  }

// 次のフレームの描画を予約
  window.requestAnimationFrame(gameLoop);
}

// ゲームループをスタート
gameLoop();
```

このコードでは、宇宙船と敵の位置、スコア、ライフを管理しています。また、キー入力を検出して宇宙船を動かしたり、敵と宇宙船が接触した場合はライフを減らす処理を行っています。

画像は、ship.pngとenemy.pngというファイル名で保存してください。これらの画像は、宇宙船と敵の画像です。ファイル名は、適宜変更してください。

これで、ギャラクシー王様のゲームが完成しました！プレイヤーは左右キーで宇宙船を動かし、敵を避けてスコアを上げることが目的です。また、ライフが0になるとゲームオーバーになり、最終的なスコアが表示されます。スマホでも遊べるように配慮し、絵文字なども使用しました。