AI game creator

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

No:8287

1443

←

Prev Next

→

Level 1-1 in mobile
Developer User4165｜Date and time 23/7/14 21:26:03
Build time 25.001 sec｜Game capacity 3.194KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Уровень 1-1</title>
</head>
<body>
  <script>
    // Код игры начинается здесь

// Определение размеров экрана для мобильного устройства
    var screenWidth = window.innerWidth;
    var screenHeight = window.innerHeight;

// Определение размеров игрового поля
    var gameWidth = Math.min(screenWidth, screenHeight);
    var gameHeight = gameWidth;

// Определение размера одного блока
    var blockSize = gameWidth / 10;

// Создание холста для отрисовки игры
    var canvas = document.createElement("canvas");
    canvas.width = gameWidth;
    canvas.height = gameHeight;
    document.body.appendChild(canvas);
    var ctx = canvas.getContext("2d");

// Значение координат игрока
    var playerX = 0;
    var playerY = 0;

// Функция отрисовки игрового поля
    function drawGameArea() {
      ctx.clearRect(0, 0, gameWidth, gameHeight);
      ctx.strokeStyle = "#000";
      ctx.lineWidth = 1;

// Отрисовка блоков
      for (var i = 0; i < 10; i++) {
        for (var j = 0; j < 10; j++) {
          var x = i * blockSize;
          var y = j * blockSize;
          ctx.strokeRect(x, y, blockSize, blockSize);
        }
      }

// Отрисовка игрока
      ctx.fillStyle = "#f00";
      ctx.fillRect(playerX * blockSize, playerY * blockSize, blockSize, blockSize);
    }

// Обработчик касаний на экране мобильного устройства
    function handleTouch(event) {
      var touchX = event.touches[0].clientX;
      var touchY = event.touches[0].clientY;

// Изменение координат игрока в зависимости от направления свайпа
      if (touchX > playerX * blockSize && touchY > playerY * blockSize) {
        var deltaX = (touchX - playerX * blockSize) / blockSize;
        var deltaY = (touchY - playerY * blockSize) / blockSize;
        
        if (deltaX > deltaY) {
          playerX += 1;
        } else {
          playerY += 1;
        }
      } else if (touchX < playerX * blockSize && touchY < playerY * blockSize) {
        var deltaX = (playerX * blockSize - touchX) / blockSize;
        var deltaY = (playerY * blockSize - touchY) / blockSize;
        
        if (deltaX > deltaY) {
          playerX -= 1;
        } else {
          playerY -= 1;
        }
      }

// Проверка, достиг ли игрок финиша
      if (playerX === 9 && playerY === 9) {
        alert("Поздравляем! Вы прошли уровень 1-1!");
      }

// Перерисовка игрового поля
      drawGameArea();
    }

// Запуск игры
    function startGame() {
      drawGameArea();
      canvas.addEventListener("touchstart", handleTouch);
    }

// Запуск игры при загрузке страницы
    window.onload = function() {
      startGame();
    };
  </script>
</body>
</html>