AI game creator

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

No:13947

←

Prev Next

→

Make A R6 Game
Developer User6030｜Date and time 23/8/30 18:10:16
Build time 31.058 sec｜Game capacity 3.736KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>R6 Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>

var player = {
      x: canvas.width / 2,
      y: canvas.height - 30,
      width: 30,
      height: 30,
      speed: 5
    };

var enemies = [];
    var enemyWidth = 30;
    var enemyHeight = 30;
    var enemySpeed = 2;
    var enemySpawnInterval = 1000; // milliseconds
    var lastSpawnTime = Date.now() - enemySpawnInterval;

var score = 0;

function drawPlayer() {
      ctx.beginPath();
      ctx.rect(player.x, player.y, player.width, player.height);
      ctx.fillStyle = "#0095DD";
      ctx.fill();
      ctx.closePath();
    }

function drawEnemies() {
      for(var i = 0; i < enemies.length; i++) {
        var enemy = enemies[i];
        ctx.beginPath();
        ctx.rect(enemy.x, enemy.y, enemyWidth, enemyHeight);
        ctx.fillStyle = "#FF0000";
        ctx.fill();
        ctx.closePath();
      }
    }

function updatePlayer() {
      if(rightPressed && player.x < canvas.width - player.width) {
        player.x += player.speed;
      }
      else if(leftPressed && player.x > 0) {
        player.x -= player.speed;
      }
    }

function updateEnemies() {
      for(var i = 0; i < enemies.length; i++) {
        var enemy = enemies[i];
        enemy.y += enemySpeed;

if(enemy.y > canvas.height) {
          enemies.splice(i, 1);
          i--;
        }
      }
    }

function collisionDetection() {
      for(var i = 0; i < enemies.length; i++) {
        var enemy = enemies[i];

if(player.x < enemy.x + enemyWidth &&
           player.x + player.width > enemy.x &&
           player.y < enemy.y + enemyHeight &&
           player.y + player.height > enemy.y) {
          // Collision detected with an enemy
          alert("Game Over! Score: " + score);
          document.location.reload();
        }
      }
    }

function drawScore() {
      ctx.font = "16px Arial";
      ctx.fillStyle = "#0095DD";
      ctx.fillText("Score: " + score, 8, 20);
    }

function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      drawPlayer();
      drawEnemies();
      drawScore();

updatePlayer();
      updateEnemies();
      collisionDetection();

requestAnimationFrame(draw);
    }

function spawnEnemy() {
      var enemyX = Math.random() * (canvas.width - enemyWidth);
      var enemyY = 0;
      enemies.push({ x: enemyX, y: enemyY });

var currentTime = Date.now();
      if (currentTime - lastSpawnTime > enemySpawnInterval) {
        lastSpawnTime = currentTime;
        enemySpawnInterval -= 100; // decrease spawn interval over time to make the game more challenging
        enemySpeed += 0.5; // increase enemy speed over time to make the game more challenging
      }

setTimeout(spawnEnemy, enemySpawnInterval);
    }

document.addEventListener("keydown", keyDownHandler, false);
    document.addEventListener("keyup", keyUpHandler, false);

var rightPressed = false;
    var leftPressed = false;

function keyDownHandler(event) {
      if(event.key === "Right" || event.key === "ArrowRight") {
        rightPressed = true;
      }
      else if(event.key === "Left" || event.key === "ArrowLeft") {
        leftPressed = true;
      }
    }

function keyUpHandler(event) {
      if(event.key === "Right" || event.key === "ArrowRight") {
        rightPressed = false;
      }
      else if(event.key === "Left" || event.key === "ArrowLeft") {
        leftPressed = false;
      }
    }

spawnEnemy();
    draw();
  </script>
</body>
</html>