Pizza run don’t get caught by the flys's game

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

No:15137

←

Prev Next

→

Pizza run don’t get caught by the flys
Developer User6472｜Date and time 23/9/6 14:58:08
Build time 37.728 sec｜Game capacity 2.556KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<html>
<head>
<title>Pizza Run</title>
<style>
  body {
    font-family: Arial, sans-serif;
  }

#pizza {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 150px;
  }

#fly {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 50px;
  }

#score {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 24px;
    font-weight: bold;
  }

#game-board {
    position: relative;
    height: 400px;
    width: 400px;
    border: 1px solid black;
    overflow: hidden;
  }
</style>
</head>
<body>
  <div id="game-board">
    <img src="pizza.png" id="pizza">
    <img src="fly.png" id="fly">
  </div>

var gameBoardWidth = 400;
    var gameBoardHeight = 400;
    var pizzaWidth = 150;
    var pizzaHeight = 150;
    var flyWidth = 50;
    var flyHeight = 50;

var pizzaX = getRandomPosition(gameBoardWidth - pizzaWidth);
    var pizzaY = getRandomPosition(gameBoardHeight - pizzaHeight);
    var flyX = getRandomPosition(gameBoardWidth - flyWidth);
    var flyY = getRandomPosition(gameBoardHeight - flyHeight);

pizza.style.left = pizzaX + "px";
    pizza.style.top = pizzaY + "px";
    fly.style.left = flyX + "px";
    fly.style.top = flyY + "px";

document.addEventListener("keydown", movePizza);

function getRandomPosition(max) {
      return Math.floor(Math.random() * max);
    }

function movePizza(event) {
      var key = event.key;

if (key === "ArrowUp") {
        pizzaY -= 10;
      } else if (key === "ArrowDown") {
        pizzaY += 10;
      } else if (key === "ArrowLeft") {
        pizzaX -= 10;
      } else if (key === "ArrowRight") {
        pizzaX += 10;
      }

checkCollision();
      updateBoard();
    }

function checkCollision() {
      if (
        pizzaX < flyX + flyWidth &&
        pizzaX + pizzaWidth > flyX &&
        pizzaY < flyY + flyHeight &&
        pizzaY + pizzaHeight > flyY
      ) {
        score++;
        flyX = getRandomPosition(gameBoardWidth - flyWidth);
        flyY = getRandomPosition(gameBoardHeight - flyHeight);
      }
    }

function updateBoard() {
      pizza.style.left = pizzaX + "px";
      pizza.style.top = pizzaY + "px";
      fly.style.left = flyX + "px";
      fly.style.top = flyY + "px";
      scoreDisplay.textContent = "Score: " + score;
    }
  </script>
</body>
</html>