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

No:25061

Race between disabled people
Developer User12148｜Date and time 23/11/16 21:09:51
Build time 67.127 sec｜Game capacity 2.533KB｜

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="raceCanvas" width="600" height="400"></canvas>

// Создаем массив с изображениями пиктограмм участников гонки
    var images = [new Image(), new Image(), new Image()];
    images[0].src = "pictogram1.png"; // пиктограмма первого участника
    images[1].src = "pictogram2.png"; // пиктограмма второго участника
    images[2].src = "pictogram3.png"; // пиктограмма третьего участника

// Задаем начальные координаты и скорость для каждого участника гонки
    var participants = [
      { x: 10, y: 50, speed: 3 },
      { x: 10, y: 150, speed: 4 },
      { x: 10, y: 250, speed: 2 }
    ];

// Отображение гонки на canvas
    function drawRace() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      // Отображение каждого участника гонки
      for (var i = 0; i < participants.length; i++) {
        ctx.drawImage(images[i], participants[i].x, participants[i].y, 50, 50);
      }
    }

// Обновление координат участников гонки
    function updateRace() {
      for (var i = 0; i < participants.length; i++) {
        participants[i].x += participants[i].speed;

// Проверка, достиг ли участник гонки финишной линии
        if (participants[i].x >= canvas.width - 60) {
          alert("Участник " + (i+1) + " победил!");
          resetRace();
        }
      }
    }

// Сброс гонки для нового заезда
    function resetRace() {
      for (var i = 0; i < participants.length; i++) {
        participants[i].x = 10;
      }
    }

// Функция игрового цикла
    function gameLoop() {
      updateRace();
      drawRace();
      requestAnimationFrame(gameLoop);
    }

// Запуск игрового цикла
    gameLoop();
  </script>
</body>
</html>