Advertisement Video Creator's game

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

No:13836

175

←

Prev Next

→

Advertisement Video Creator
Developer User6030｜Date and time 23/8/30 4:17:11
Build time 21.017 sec｜Game capacity 3.272KB｜

Script

Я могу создать для вас игру на одном HTML файле с использованием JavaScript. Давайте создадим игру "Собери фрукты" для смартфона, используя пиктограммы.

В данном примере создается простая игра, в которой нужно собирать фрукты, отображаемые на холсте. При нажатии на фрукт, выводится сообщение о собранном фрукте, а затем фрукты перезагружаются на новые позиции.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Собери Фрукты</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Загружаем изображения фруктов
    var appleImg = new Image();
    appleImg.src = "apple.png";
    var bananaImg = new Image();
    bananaImg.src = "banana.png";

// Размер фруктов
    var fruitSize = 50;

// Позиция фруктов
    var appleX = Math.random() * (canvas.width - fruitSize);
    var appleY = Math.random() * (canvas.height - fruitSize);
    var bananaX = Math.random() * (canvas.width - fruitSize);
    var bananaY = Math.random() * (canvas.height - fruitSize);

// Функция отрисовки игры
    function drawGame() {
      // Очищаем холст
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Рисуем фрукты
      ctx.drawImage(appleImg, appleX, appleY, fruitSize, fruitSize);
      ctx.drawImage(bananaImg, bananaX, bananaY, fruitSize, fruitSize);
    }

// Функция проверки столкновения с фруктами
    function checkCollision(x, y) {
      if (x >= appleX && x <= appleX + fruitSize && y >= appleY && y <= appleY + fruitSize) {
        alert("Поздравляем! Вы собрали яблоко!");
        resetFruits();
      }
      if (x >= bananaX && x <= bananaX + fruitSize && y >= bananaY && y <= bananaY + fruitSize) {
        alert("Поздравляем! Вы собрали банан!");
        resetFruits();
      }
    }

// Функция перезагрузки фруктов
    function resetFruits() {
      appleX = Math.random() * (canvas.width - fruitSize);
      appleY = Math.random() * (canvas.height - fruitSize);
      bananaX = Math.random() * (canvas.width - fruitSize);
      bananaY = Math.random() * (canvas.height - fruitSize);
    }

// Обработчик нажатия на холст
    canvas.addEventListener("touchend", function(event) {
      var rect = canvas.getBoundingClientRect();
      var x = event.touches[0].clientX - rect.left;
      var y = event.touches[0].clientY - rect.top;
      checkCollision(x, y);
    });

// Игровой цикл
    function gameLoop() {
      drawGame();
      requestAnimationFrame(gameLoop);
    }

// Начинаем игровой цикл
    gameLoop();
  </script>
</body>
</html>
```