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

No:48200

103

←

Prev Next

→

Little Girl Transformation
Developer User20657｜Date and time 24/3/1 18:25:39
Build time 8.023 sec｜Game capacity 1.217KB｜

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>
  
  <h1>Игра "Превращение маленькой девочки"</h1>
  
  <canvas id="gameCanvas" width="800" height="600"></canvas>
  
  <script>
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');
    
    let girl = {
      x: 400,
      y: 300,
      width: 50,
      height: 50,
      color: 'pink'
    }
    
    function drawGirl() {
      ctx.fillStyle = girl.color;
      ctx.fillRect(girl.x, girl.y, girl.width, girl.height);
    }
    
    function transformGirl() {
      girl.color = 'blue';
      girl.width = 100;
      girl.height = 100;
      drawGirl();
    }
    
    function onClick(event) {
      const rect = canvas.getBoundingClientRect();
      const mouseX = event.clientX - rect.left;
      const mouseY = event.clientY - rect.top;
      
      if (mouseX >= girl.x && mouseX <= girl.x + girl.width && mouseY >= girl.y && mouseY <= girl.y + girl.height) {
        transformGirl();
      }
    }
    
    canvas.addEventListener('click', onClick);
    
    drawGirl();
    
  </script>
</body>
</html>