Being a Pizza delivery's game

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

No:24764

←

Prev Next

→

Being a Pizza delivery
Developer User11804｜Date and time 23/11/12 1:40:27
Build time 70.045 sec｜Game capacity 3.252KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Pizza Delivery Game</title>
</head>
<body>
  <canvas id="canvas" width="400" height="600"></canvas>

// Load pictograms
      var pizzaImg = new Image();
      pizzaImg.src = "pizza.png";

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

// Game variables
      var player = {
        x: canvas.width / 2,
        y: canvas.height - 100,
        width: 50,
        height: 50,
        speed: 5
      };
      
      var pizzas = [];
      var score = 0;

// Game functions
      function drawPlayer() {
        context.drawImage(playerImg, player.x, player.y, player.width, player.height);
      }

function drawPizzas() {
        for (var i = 0; i < pizzas.length; i++) {
          var pizza = pizzas[i];
          context.drawImage(pizzaImg, pizza.x, pizza.y, pizza.width, pizza.height);
        }
      }

function movePlayer(direction) {
        if (direction === "left" && player.x > 0) {
          player.x -= player.speed;
        } else if (direction === "right" && player.x < canvas.width - player.width) {
          player.x += player.speed;
        }
      }

function spawnPizza() {
        var pizza = {
          x: Math.random() * (canvas.width - 50),
          y: -50,
          width: 50,
          height: 50,
          speed: Math.random() * 4 + 2
        };
        pizzas.push(pizza);
      }

function movePizzas() {
        for (var i = 0; i < pizzas.length; i++) {
          var pizza = pizzas[i];
          pizza.y += pizza.speed;

// Check collision with player
          if (
            pizza.x < player.x + player.width &&
            pizza.x + pizza.width > player.x &&
            pizza.y < player.y + player.height &&
            pizza.y + pizza.height > player.y
          ) {
            pizzas.splice(i, 1);
            score++;
          }

// Remove pizzas that are out of the screen
          if (pizza.y > canvas.height) {
            pizzas.splice(i, 1);
          }
        }
      }

function drawScore() {
        context.font = "24px Arial";
        context.fillStyle = "black";
        context.fillText("Score: " + score, 10, 30);
      }

function update() {
        context.clearRect(0, 0, canvas.width, canvas.height);

movePizzas();
        drawPizzas();
        drawPlayer();
        drawScore();

requestAnimationFrame(update);
      }

// Keyboard event listeners
      window.addEventListener("keydown", function(event) {
        if (event.key === "ArrowLeft") {
          movePlayer("left");
        } else if (event.key === "ArrowRight") {
          movePlayer("right");
        }
      });

// Touch event listeners
      canvas.addEventListener("touchstart", function(event) {
        var touchX = event.touches[0].clientX;
        if (touchX < canvas.width / 2) {
          movePlayer("left");
        } else {
          movePlayer("right");
        }
      });

// Start the game
      spawnPizza();
      update();
    };
  </script>
</body>
</html>