Ехать на санях в деревню's game

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

No:25122

←

Prev Next

→

Ехать на санях в деревню
Developer Erni｜Date and time 23/11/18 1:46:09
Build time 81.425 sec｜Game capacity 2.44KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Ехать на санях в деревню</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="600"></canvas>

// Загрузка изображений
    var backgroundImg = new Image();
    backgroundImg.src = "background.png";

var playerImg = new Image();
    playerImg.src = "player.png";
    
    var villageImg = new Image();
    villageImg.src = "village.png";

// Начальные значения
    var playerX = 180;
    var playerY = 520;
    var playerSpeed = 8;
    
    var villageX = 380;
    var villageY = 0;

// Обработка нажатия клавиш
    document.addEventListener("keydown", keyDownHandler, false);
    document.addEventListener("keyup", keyUpHandler, false);

var rightPressed = false;
    var leftPressed = false;

// Определение направления движения игрока
    function keyDownHandler(event) {
      if(event.keyCode == 39) {
        rightPressed = true;
      }
      else if(event.keyCode == 37) {
        leftPressed = true;
      }
    }

function keyUpHandler(event) {
      if(event.keyCode == 39) {
        rightPressed = false;
      }
      else if(event.keyCode == 37) {
        leftPressed = false;
      }
    }

// Обновление игрового состояния
    function updateGame() {
      if(rightPressed && playerX < canvas.width - playerImg.width) {
        playerX += playerSpeed;
      }
      else if(leftPressed && playerX > 0) {
        playerX -= playerSpeed;
      }
    }
    
    // Отрисовка игровых объектов
    function drawGame() {
      context.drawImage(backgroundImg, 0, 0);
      context.drawImage(playerImg, playerX, playerY);
      context.drawImage(villageImg, villageX, villageY);
    }

// Главный игровой цикл
    function gameLoop() {
      context.clearRect(0, 0, canvas.width, canvas.height);
      updateGame();
      drawGame();
      requestAnimationFrame(gameLoop);
    }

// 
    backgroundImg.onload = function() {
      gameLoop();
    };
  </script>
</body>
</html>