AI game creator

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

No:2974

1503

←

Prev Next

→

invoice
Developer sayaensm｜Date and time 23/6/23 9:53:36
Build time 37.656 sec｜Game capacity 4.081KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>インボイスゲーム</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      font-family: sans-serif;
    }

canvas {
      display: block;
    }
  </style>
</head>
<body>
  <canvas id="game" width="400" height="600"></canvas>

const emojiImg = new Image();
    emojiImg.src = 'emoji.png'; // 絵文字の画像を読み込む

let score = 0;

// オブジェクトを定義
    const player = {
      x: canvas.width / 2,
      y: canvas.height - 50,
      size: 50,
      speed: 5,
      image: emojiImg,
      spriteX: 0,
      spriteY: 0,
      spriteW: 128,
      spriteH: 128
    }

const enemy = [];
    const enemyNum = 5;
    for (let i = 0; i < enemyNum; i++) {
      enemy.push({
        x: Math.random() * canvas.width,
        y: Math.random() * canvas.height / 2,
        size: 50,
        speed: Math.random() * 2 + 1,
        image: emojiImg,
        spriteX: 128,
        spriteY: 0,
        spriteW: 128,
        spriteH: 128
      });
    }

// 画像を描画する関数
    function drawImg(img, sx, sy, sw, sh, dx, dy, dw, dh) {
      ctx.drawImage(img, sx, sy, sw, sh, dx, dy, dw, dh);
    }

// プレイヤーを描画する関数
    function drawPlayer() {
      drawImg(
        player.image,
        player.spriteX,
        player.spriteY,
        player.spriteW,
        player.spriteH,
        player.x - player.size / 2,
        player.y - player.size / 2,
        player.size,
        player.size
      );
    }

// 敵を描画する関数
    function drawEnemy() {
      for (let i = 0; i < enemy.length; i++) {
        drawImg(
          enemy[i].image,
          enemy[i].spriteX,
          enemy[i].spriteY,
          enemy[i].spriteW,
          enemy[i].spriteH,
          enemy[i].x - enemy[i].size / 2,
          enemy[i].y - enemy[i].size / 2,
          enemy[i].size,
          enemy[i].size
        );
      }
    }

// キーボードの入力を受け取る関数
    function handleInput(event) {
      switch (event.key) {
        case 'ArrowLeft':
          player.x -= player.speed;
          break;
        case 'ArrowRight':
          player.x += player.speed;
          break;
        case 'ArrowUp':
          player.y -= player.speed;
          break;
        case 'ArrowDown':
          player.y += player.speed;
          break;
      }
    }

// 衝突判定をする関数
    function collision(obj1, obj2) {
      const distX = obj1.x - obj2.x;
      const distY = obj1.y - obj2.y;
      const dist = Math.sqrt(distX**2 + distY**2);

if (dist <= (obj1.size + obj2.size) / 2) {
        return true;
      } else {
        return false;
      }
    }

// ゲームを実行する関数
    function gameLoop() {
      // 前回の描画を消去
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// キーボードの入力を受け取る
      window.addEventListener('keydown', handleInput);

// プレイヤーを描画
      drawPlayer();

// 敵を描画・更新
      for (let i = 0; i < enemy.length; i++) {
        drawEnemy();

enemy[i].y += enemy[i].speed;

// 敵が画面外に出たら再生成
        if (enemy[i].y > canvas.height) {
          enemy[i].x = Math.random() * canvas.width;
          enemy[i].y = -enemy[i].size;
        }

// 衝突判定
        if (collision(player, enemy[i])) {
          score--;
          enemy[i].x = Math.random() * canvas.width;
          enemy[i].y = -enemy[i].size;

if (score < 0) {
            alert('ゲームオーバー');
            location.reload();
          }
        }
      }

// スコアを表示
      ctx.fillText('SCORE: ' + score, 10, 30);

// スコアの更新
      score++;

// 次の描画を予約
      requestAnimationFrame(gameLoop);
    }

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