Санта клаус едет на санках в высь. Нужно им управлять и собирать подарки.'s game

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

No:25176

←

Prev Next

→

Санта клаус едет на санках в высь. Нужно им управл..ALL
Developer Erni｜Date and time 23/11/18 22:34:40
Build time 46.509 sec｜Game capacity 2.416KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>Игра "Санта на санках"</title>
    <style>
      #santa {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100px;
        height: 100px;
        background-image: url('santa.png');
        background-size: cover;
      }

#gift {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 50px;
        height: 50px;
        background-image: url('gift.png');
        background-size: cover;
      }
    </style>
  </head>
  <body>
    <script>
      // Создание санты и начальной позиции подарка
      var santa = document.getElementById('santa');
      var gift = document.getElementById('gift');
      var score = 0;

// Функция для обработки нажатий на экран
      function handleClick(event) {
        event.preventDefault();
        
        // Проверяем, был ли клик налево или направо от санты
        if (event.clientX < santa.getBoundingClientRect().left + santa.offsetWidth / 2) {
          santa.style.left = parseInt(santa.style.left) - 10 + 'px';
        } else {
          santa.style.left = parseInt(santa.style.left) + 10 + 'px';
        }
      }

// Функция для обновления позиции подарка
      function updateGiftPosition() {
        var randomX = Math.floor(Math.random() * window.innerWidth);
        gift.style.left = randomX + 'px';
      }

// Функция для проверки столкновений санты с подарком
      function checkCollision() {
        var santaRect = santa.getBoundingClientRect();
        var giftRect = gift.getBoundingClientRect();
        
        if (
          santaRect.left < giftRect.right &&
          santaRect.right > giftRect.left &&
          santaRect.top < giftRect.bottom &&
          santaRect.bottom > giftRect.top
        ) {
          updateGiftPosition();
          score++;
          console.log('Score: ' + score);
        }
      }

// Обработчики событий
      document.addEventListener('mousedown', handleClick);
      setInterval(checkCollision, 10);

// Запуск игры
      updateGiftPosition();
    </script>
  </body>
</html>