Princess & Little Girl's game

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

No:48361

←

Prev Next

→

Princess & Little Girl
Developer User20657｜Date and time 24/3/1 22:11:53
Build time 8.322 sec｜Game capacity 1.472KB｜

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>
    <script>
      const canvas = document.getElementById("gameCanvas");
      const ctx = canvas.getContext("2d");

// Рисуем принцессу и маленькую девочку
      const princessImg = new Image();
      princessImg.src = "princess.png";

const girlImg = new Image();
      girlImg.src = "girl.png";

let princessX = 50;
      let princessY = 50;

let girlX = 250;
      let girlY = 250;

princessImg.onload = function() {
        ctx.drawImage(princessImg, princessX, princessY, 50, 50);
      };

girlImg.onload = function() {
        ctx.drawImage(girlImg, girlX, girlY, 50, 50);
      };

// Обработка нажатий на экран
      canvas.addEventListener('click', function(event) {
        const rect = canvas.getBoundingClientRect();
        const x = event.clientX - rect.left;
        const y = event.clientY - rect.top;

if (x >= princessX && x <= princessX + 50 && y >= princessY && y <= princessY + 50) {
          alert("Вы выбрали принцессу!");
        } else if (x >= girlX && x <= girlX + 50 && y >= girlY && y <= girlY + 50) {
          alert("Вы выбрали маленькую девочку!");
        }
      });
    </script>
  </body>
</html>