AI game creator

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

No:6946

158

←

Prev Next

→

Jojo.
Developer User3940｜Date and time 23/7/4 14:43:22
Build time 15.69 sec｜Game capacity 2.39KB｜

Script

←

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>ジョジョゲーム</title>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>

const player = {
      x: canvas.width / 2,
      y: canvas.height - 30,
      width: 50,
      height: 50,
      color: "#0095DD"
    };

const enemy = {
      x: Math.random() * (canvas.width - 50),
      y: 0,
      width: 50,
      height: 50,
      color: "#FF0000"
    };

let rightPressed = false;
    let leftPressed = false;

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

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;
      }
    }

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

function drawEnemy() {
      ctx.beginPath();
      ctx.rect(enemy.x, enemy.y, enemy.width, enemy.height);
      ctx.fillStyle = enemy.color;
      ctx.fill();
      ctx.closePath();
    }

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

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

drawPlayer();
      drawEnemy();

if (enemy.y < canvas.height) {
        enemy.y += 2;
      } else {
        enemy.y = 0;
        enemy.x = Math.random() * (canvas.width - 50);
      }

if (player.x < enemy.x + enemy.width && player.x + player.width > enemy.x &&
          player.y < enemy.y + enemy.height && player.y + player.height > enemy.y) {
        alert("ゲームオーバー！");
        document.location.reload();
      }
    }

setInterval(draw, 10);
  </script>
</body>
</html>