Game where you run from slender and collect the pages's game

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

No:24008

←

Prev Next

→

Game where you run from slender and collect the pa..ALL
Developer User11245｜Date and time 23/11/5 5:35:56
Build time 109.21 sec｜Game capacity 4.049KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Игра "Вбеги от Слендера"</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      overflow: hidden;
      background-color: black;
    }

canvas {
      background-color: white;
      display: block;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas"></canvas>

// Загружаем изображения для игры
    var playerImage = new Image();
    playerImage.src = "player.png";

var pageImage = new Image();
    pageImage.src = "page.png";

var slenderImage = new Image();
    slenderImage.src = "slender.png";

// Переменные для игрового состояния
    var player = {
      x: width / 2,
      y: height / 2,
      speed: 10
    };

var pages = [];
    var numPages = 5;

var slender = {
      x: Math.random() * width,
      y: Math.random() * height
    };

// Функция для рисования объектов на игровом поле
    function draw() {
      context.clearRect(0, 0, width, height);

// Рисуем игрока
      context.drawImage(playerImage, player.x, player.y);

// Рисуем страницы
      for (var i = 0; i < pages.length; i++) {
        context.drawImage(pageImage, pages[i].x, pages[i].y);
      }

// Рисуем Слендера
      context.drawImage(slenderImage, slender.x, slender.y);
    }

// Функция для обновления игрового состояния
    function update() {
      // Перемещаем игрока используя акселерометр на смартфоне
      window.addEventListener("devicemotion", function(event) {
        var x = event.accelerationIncludingGravity.x;
        var y = event.accelerationIncludingGravity.y;
      
        player.x += (x * player.speed);
        player.y += (y * player.speed);
      });

// Обновляем положение Слендера
      slender.x += (player.x - slender.x) * 0.005;
      slender.y += (player.y - slender.y) * 0.005;

// Проверяем столкновение игрока с страницами
      for (var i = 0; i < pages.length; i++) {
        var page = pages[i];

if (player.x < page.x + 32 &&
            player.x + 32 > page.x &&
            player.y < page.y + 32 &&
            player.y + 32 > page.y) {
          pages.splice(i, 1);
          i--;
        }
      }

// Проверяем столкновение игрока с Слендером
      if (player.x < slender.x + 32 &&
          player.x + 32 > slender.x &&
          player.y < slender.y + 32 &&
          player.y + 32 > slender.y) {
        alert("Вас поймал Слендер! Игра окончена.");
        clearInterval(gameLoop);
      }

// Проверяем, остались ли страницы на игровом поле
      if (pages.length === 0) {
        alert("Вы нашли все страницы! Поздравляем, вы победили!");
        clearInterval(gameLoop);
      }
    }

// Функция для создания страниц на игровом поле
    function createPages() {
      while (pages.length < numPages) {
        var page = {
          x: Math.random() * width,
          y: Math.random() * height
        };

pages.push(page);
      }
    }

// Вызываем функцию для создания страниц при загрузке игры
    window.onload = createPages();

// Основной игровой цикл
    var gameLoop = setInterval(function() {
      draw();
      update();
    }, 1000 / 60);
  </script>
</body>
</html>