Just doping and defeating the Demon King.'s game | AI game creator

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

No:4515

1806

Just doping and defeating the Demon King.
Developer AI絵師｜Date and time 23/6/28 3:12:20
Build time 53.51 sec｜Game capacity 5.167KB｜

以下が、ドーピングして魔王を倒すだけというゲームのプログラムです。

このプログラムは、HTML内にcanvas要素を作成して、JavaScriptでゲームを実装しています。ゲームの説明としては、「プレイヤーはクリックすることでドーピングアイテムを使用し、魔王を倒すことが目的です。ゲームオーバーになるには、魔王とドーピングアイテムが接触する必要があります。」となります。動作の流れとしては、init()関数でゲームの初期化を行い、loop()関数でゲームループを開始します。ゲームループは、ゲームの状態がゲームオーバーになるまで、一定間隔でupdate()関数とdraw()関数が繰り返し呼び出されます。update()関数では、ドーピングアイテムの移動や魔王とドーピングアイテムの当たり判定を行い、draw()関数では、ゲームオブジェクトを描画します。また、クリックイベントを使用してプレイヤーがドーピングアイテムを使用できるようにしています。

→ 　

1　

0　

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

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

(C)2023 HisashiApp

以下が、ドーピングして魔王を倒すだけというゲームのプログラムです。

```
<!DOCTYPE html>
<html>
  <head>
    <title>ドーピングして魔王を倒すだけ</title>
  </head>
  <body>
    <canvas id="game-canvas"></canvas>

<script>
      // ゲームの設定
      const gameConfig = {
        canvasId: 'game-canvas',
        width: 300,
        height: 500
      };

// ゲームオブジェクト
      const game = {
        // ゲームの初期化
        init() {
          // キャンバスの取得
          this.canvas = document.getElementById(gameConfig.canvasId);
          this.canvas.width = gameConfig.width;
          this.canvas.height = gameConfig.height;

// コンテキストの取得
          this.ctx = this.canvas.getContext('2d');

// ドーピングアイテムの設定
          this.dopingItem = {
            x: this.canvas.width / 2,
            y: this.canvas.height - 50,
            size: 20,
            speed: 2,
            color: '#ff0000'
          };

// 魔王の設定
          this.boss = {
            x: 50,
            y: 50,
            size: 30,
            color: '#0000ff'
          };

// ゲームの状態
          this.isGameOver = false;

// イベントの登録
          this.canvas.addEventListener('click', () => {
            if (!this.isGameOver) {
              this.useDopingItem();
            }
          });

// ゲームループの開始
          this.loop();
        },

// ゲームループ
        loop() {
          // ゲームの状態がゲームオーバーになるまで実行
          if (!this.isGameOver) {
            // ゲームオブジェクトの更新
            this.update();

// ゲームオブジェクトの描画
            this.draw();

// ゲームループの再実行
            setTimeout(() => {
              this.loop();
            }, 20);
          }
        },

// ゲームオブジェクトの更新
        update() {
          // ドーピングアイテムの移動
          this.dopingItem.y -= this.dopingItem.speed;

// ドーピングアイテムが画面外に出た場合は再配置
          if (this.dopingItem.y < -this.dopingItem.size) {
            this.dopingItem.x = Math.floor(Math.random() * (this.canvas.width - this.dopingItem.size));
            this.dopingItem.y = this.canvas.height + this.dopingItem.size;
          }

// 魔王とドーピングアイテムの当たり判定
          const dx = this.boss.x - this.dopingItem.x;
          const dy = this.boss.y - this.dopingItem.y;
          const distance = Math.sqrt(dx * dx + dy * dy);

if (distance < this.boss.size + this.dopingItem.size) {
            this.isGameOver = true;
          }
        },

// ゲームオブジェクトの描画
        draw() {
          // ゲーム画面のクリア
          this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);

// ドーピングアイテムの描画
          this.ctx.fillStyle = this.dopingItem.color;
          this.ctx.beginPath();
          this.ctx.arc(this.dopingItem.x, this.dopingItem.y, this.dopingItem.size, 0, Math.PI * 2);
          this.ctx.fill();

// 魔王の描画
          this.ctx.fillStyle = this.boss.color;
          this.ctx.beginPath();
          this.ctx.arc(this.boss.x, this.boss.y, this.boss.size, 0, Math.PI * 2);
          this.ctx.fill();

// ゲームオーバーの描画
          if (this.isGameOver) {
            this.ctx.fillStyle = '#000000';
            this.ctx.font = '30px Arial';
            this.ctx.textAlign = 'center';
            this.ctx.fillText('Game Over', this.canvas.width / 2, this.canvas.height / 2);
          }
        },

// ドーピングアイテムの使用
        useDopingItem() {
          this.dopingItem.y = this.canvas.height + this.dopingItem.size;
        }
      };

// ゲームの開始
      game.init();
    </script>
  </body>
</html>
```

このプログラムは、HTML内にcanvas要素を作成して、JavaScriptでゲームを実装しています。ゲームの説明としては、「プレイヤーはクリックすることでドーピングアイテムを使用し、魔王を倒すことが目的です。ゲームオーバーになるには、魔王とドーピングアイテムが接触する必要があります。」となります。

動作の流れとしては、init()関数でゲームの初期化を行い、loop()関数でゲームループを開始します。ゲームループは、ゲームの状態がゲームオーバーになるまで、一定間隔でupdate()関数とdraw()関数が繰り返し呼び出されます。update()関数では、ドーピングアイテムの移動や魔王とドーピングアイテムの当たり判定を行い、draw()関数では、ゲームオブジェクトを描画します。また、クリックイベントを使用してプレイヤーがドーピングアイテムを使用できるようにしています。