как GTA, только для мобильного телефона's game

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

No:40601

←

Prev Next

→

как GTA, только для мобильного телефона
Developer User18213｜Date and time 24/2/3 19:13:53
Build time 12.09 sec｜Game capacity 3.284KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>Мобильная игра в стиле GTA</title>
    <style>
      #game {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 400px;
        height: 600px;
        border: 1px solid black;
      }

#player {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 50px;
        height: 50px;
        background-image: url('player.png');
        background-size: cover;
      }

.car {
        position: absolute;
        width: 50px;
        height: 50px;
        background-image: url('car.png');
        background-size: cover;
      }
    </style>
  </head>
  <body>
    <div id="game">
      <div id="player"></div>
    </div>

// Изобразить автомобили на игровом поле
      function createCars() {
        var cars = [];
        for (var i = 0; i < 5; i++) {
          var car = document.createElement('div');
          car.className = 'car';
          car.style.top = Math.floor(Math.random() * 500) + 'px';
          car.style.left = Math.floor(Math.random() * 350) + 'px';
          cars.push(car);
          game.appendChild(car);
        }
        return cars;
      }

// Обработчик нажатия на экран
      function handleTouch(e) {
        var touchX = e.touches[0].clientX;
        var touchY = e.touches[0].clientY;

// Переместить игрока на координаты касания
        player.style.left = touchX - 25 + 'px';
        player.style.top = touchY - 25 + 'px';
      }

// Основной игровой цикл
      function gameLoop() {
        var cars = createCars();

// Обработка движения автомобилей
        setInterval(function() {
          for (var i = 0; i < cars.length; i++) {
            cars[i].style.top = parseInt(cars[i].style.top) + 10 + 'px';
            if (parseInt(cars[i].style.top) > 600) {
              cars[i].style.top = '-50px';
              cars[i].style.left = Math.floor(Math.random() * 350) + 'px';
            }
          }
        }, 100);

// Обработка столкновений
        setInterval(function() {
          for (var i = 0; i < cars.length; i++) {
            if (
              parseInt(player.style.top) < parseInt(cars[i].style.top) + 50 &&
              parseInt(player.style.top) + 50 > parseInt(cars[i].style.top) &&
              parseInt(player.style.left) < parseInt(cars[i].style.left) + 50 &&
              parseInt(player.style.left) + 50 > parseInt(cars[i].style.left)
            ) {
              alert('Вы проиграли!');
              window.location.reload();
            }
          }
        }, 100);
      }

// Начать игру при загрузке страницы
      window.onload = function() {
        game.addEventListener('touchmove', handleTouch);
        gameLoop();
      };
    </script>
  </body>
</html>