Машына едит подороге's game

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

No:42236

←

Prev Next

→

Машына едит подороге
Developer User18845｜Date and time 24/2/11 7:04:48
Build time 7.95 sec｜Game capacity 2.473KB｜

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="480" height="320"></canvas>
  
  <script>
    // Получаем ссылку на холст
    var canvas = document.getElementById("gameCanvas");
    var ctx = canvas.getContext("2d");
    
    // Загружаем изображение машины
    var carImg = new Image();
    carImg.src = "car.png";
    
    // Устанавливаем начальные координаты машины
    var carX = 220;
    var carY = 270;
    
    // Слушаем события касания пальцем по экрану
    canvas.addEventListener("touchstart", handleTouchStart, false);
    canvas.addEventListener("touchmove", handleTouchMove, false);
    
    // Функция для обработки начала касания
    function handleTouchStart(event) {
      event.preventDefault();
    }
    
    // Функция для обработки движения пальцем по экрану
    function handleTouchMove(event) {
      event.preventDefault();
      
      // Получаем координаты пальца на экране
      var touchX = event.touches[0].clientX - canvas.offsetLeft;
      var touchY = event.touches[0].clientY - canvas.offsetTop;
      
      // Устанавливаем новые координаты машины
      carX = touchX - 25; // Изображение машины шириной 50 пикселей
      carY = touchY - 25; // Изображение машины высотой 50 пикселей
      
      // Обновляем отрисовку на каждом движении пальцем
      draw();
    }
    
    // Функция для отрисовки машины и дороги
    function draw() {
      // Очищаем холст
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      // Рисуем дорогу
      ctx.beginPath();
      ctx.moveTo(0, 150);
      ctx.lineTo(480, 150);
      ctx.lineWidth = 10;
      ctx.strokeStyle = "#808080";
      ctx.stroke();
      
      // Рисуем машину
      ctx.drawImage(carImg, carX, carY);
    }
    
    // Загружаем изображение машины перед началом игры
    carImg.onload = function() {
      draw(); // Запускаем отрисовку
    };
  </script>
</body>
</html>