Diana Sees Mia Grows Into a Giant's game

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

No:47947

←

Prev Next

→

Diana Sees Mia Grows Into a Giant
Developer User20657｜Date and time 24/3/1 5:53:03
Build time 9.359 sec｜Game capacity 1.846KB｜

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="800" height="600"></canvas>
  
  <script>
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');
    
    let miaSize = 50; // размер Мии
    let dianaSize = 30; // размер Дианы
    let dianaX = canvas.width / 2 - dianaSize / 2; // начальная позиция Дианы по X
    let dianaY = canvas.height / 2 - dianaSize / 2; // начальная позиция Дианы по Y
    
    function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      // Рисуем Диану
      ctx.fillStyle = 'red';
      ctx.fillRect(dianaX, dianaY, dianaSize, dianaSize);
      
      // Рисуем Мию
      ctx.fillStyle = 'blue';
      ctx.fillRect(canvas.width - miaSize, canvas.height - miaSize, miaSize, miaSize);
      
      // Проверка на столкновение
      if ((dianaX <= canvas.width - miaSize && dianaX + dianaSize >= canvas.width - miaSize) && 
          (dianaY <= canvas.height - miaSize && dianaY + dianaSize >= canvas.height - miaSize)) {
        miaSize += 10; // Увеличиваем размер Мии
      }
      
      requestAnimationFrame(draw);
    }
    
    document.addEventListener('keydown', function(event) {
      const speed = 5;
      
      switch(event.key) {
        case 'ArrowUp':
          dianaY -= speed;
          break;
        case 'ArrowDown':
          dianaY += speed;
          break;
        case 'ArrowLeft':
          dianaX -= speed;
          break;
        case 'ArrowRight':
          dianaX += speed;
          break;
      }
    });
    
    draw();
  </script>
</body>
</html>