AI game creator

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

No:52855

245

←

Prev Next

→

Evil cat vs dog
Developer User22225｜Date and time 24/3/26 1:19:03
Build time 8.633 sec｜Game capacity 1.26KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Evil Cat vs Dog Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>

const catImg = new Image();
    catImg.src = 'cat.png';
    const dogImg = new Image();
    dogImg.src = 'dog.png';

let catX = 50;
    let catY = 100;
    let dogX = 700;
    let dogY = 100;
   
    function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      ctx.drawImage(catImg, catX, catY, 50, 50);
      ctx.drawImage(dogImg, dogX, dogY, 50, 50);
    }

function moveCat() {
      catX += 5;
      if(catX > canvas.width){
        catX = 0;
      }
    }

function moveDog() {
      dogX -= 5;
      if(dogX < 0){
        dogX = canvas.width;
      }
    }

function checkCollision() {
      if(Math.abs(catX - dogX) < 50 && Math.abs(catY - dogY) < 50){
        alert('Game Over! Dog caught the evil cat.');
      }
    }

function gameLoop() {
      moveCat();
      moveDog();
      draw();
      checkCollision();
      requestAnimationFrame(gameLoop);
    }

catImg.onload = function(){
      gameLoop();
    };

</script>
</body>
</html>