Evil Witch Kidnaps Little Girl's game

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

No:48376

←

Prev Next

→

Evil Witch Kidnaps Little Girl
Developer User20657｜Date and time 24/3/1 22:21:24
Build time 12.107 sec｜Game capacity 1.778KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
<title>Спаси маленькую девочку!</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

const hero = {
      x: 200,
      y: 200,
      size: 20,
      color: "red"
    };

const witch = {
      x: 100,
      y: 100,
      size: 30,
      color: "purple"
    };

function drawHero() {
      ctx.beginPath();
      ctx.arc(hero.x, hero.y, hero.size, 0, Math.PI * 2);
      ctx.fillStyle = hero.color;
      ctx.fill();
      ctx.closePath();
    }

function drawWitch() {
      ctx.beginPath();
      ctx.arc(witch.x, witch.y, witch.size, 0, Math.PI * 2);
      ctx.fillStyle = witch.color;
      ctx.fill();
      ctx.closePath();
    }

function moveHero(e) {
      switch (e.key) {
        case "ArrowUp":
          hero.y -= 10;
          break;
        case "ArrowDown":
          hero.y += 10;
          break;
        case "ArrowLeft":
          hero.x -= 10;
          break;
        case "ArrowRight":
          hero.x += 10;
          break;
        default:
          break;
      }

if (detectCollision()) {
        alert('Поздравляю! Ты спас маленькую девочку!');
      }
    }

function detectCollision() {
      const distance = Math.sqrt((hero.x - witch.x)**2 + (hero.y - witch.y)**2);
      return distance < hero.size + witch.size;
    }

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

drawHero();
      drawWitch();

window.requestAnimationFrame(gameLoop);
    }

window.addEventListener("keydown", moveHero);

gameLoop();
  </script>
</body>
</html>