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

No:43428

←

Prev Next

→

pixel pizza
Developer User19182｜Date and time 24/2/15 13:49:09
Build time 12.14 sec｜Game capacity 3.659KB｜

Script

Sure! Here's an example of a simple pizza delivery game implemented as a single HTML file, using JavaScript and enclosed in script tags:

Pixel Pizza

In this game, you control a delivery guy represented by a pictogram, and your objective is to catch falling pizzas using left and right arrow keys. Each caught pizza increases your score, but if a pizza reaches the top of the screen without being caught, the game ends. Note: You'll need to provide the `emozi_all/pizza.png` and `emozi_apple.png` images for the game to work correctly. Make sure to replace those image sources with the actual image file locations.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple pizza delivery game implemented as a single HTML file, using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Pixel Pizza Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
  </style>
</head>
<body>
  <h1>Pixel Pizza</h1>
  <canvas id="gameCanvas" width="400" height="300"></canvas>
  <script>
    // Canvas setup
    const canvas = document.getElementById("gameCanvas");
    const context = canvas.getContext("2d");

// Game variables
    let score = 0;
    let gameover = false;

// Pizza object
    const pizza = {
      x: canvas.width / 2,
      y: canvas.height - 30,
      speed: 5,
      image: new Image()
    };
    pizza.image.src = "pizza.png";

// Delivery guy object
    const deliveryGuy = {
      x: canvas.width / 2,
      y: canvas.height - 70,
      speed: 8,
      image: new Image()
    };
    deliveryGuy.image.src = "delivery_guy.png";

// Controls
    let rightPressed = false;
    let leftPressed = false;

document.addEventListener("keydown", keyDownHandler);
    document.addEventListener("keyup", keyUpHandler);

function keyDownHandler(event) {
      if (event.key === "ArrowRight") {
        rightPressed = true;
      } else if (event.key === "ArrowLeft") {
        leftPressed = true;
      }
    }

function keyUpHandler(event) {
      if (event.key === "ArrowRight") {
        rightPressed = false;
      } else if (event.key === "ArrowLeft") {
        leftPressed = false;
      }
    }

function draw() {
      // Clear canvas
      context.clearRect(0, 0, canvas.width, canvas.height);

// Draw pizza
      context.drawImage(pizza.image, pizza.x, pizza.y);

// Draw delivery guy
      context.drawImage(deliveryGuy.image, deliveryGuy.x, deliveryGuy.y);

// Draw score
      context.font = "16px Arial";
      context.fillStyle = "#000";
      context.fillText("Score: " + score, 8, 20);
    }

function update() {
      // Move delivery guy
      if (rightPressed && deliveryGuy.x < canvas.width - deliveryGuy.image.width) {
        deliveryGuy.x += deliveryGuy.speed;
      } else if (leftPressed && deliveryGuy.x > 0) {
        deliveryGuy.x -= deliveryGuy.speed;
      }

// Move pizza
      pizza.y -= pizza.speed;

// Check collision
      if (pizza.y < 0) {
        if (pizza.x > deliveryGuy.x && pizza.x < deliveryGuy.x + deliveryGuy.image.width) {
          score++;
        } else {
          gameover = true;
        }

// Reset pizza position
        pizza.x = Math.random() * (canvas.width - pizza.image.width);
        pizza.y = canvas.height - 30;
      }
    }

// Start the game
    gameLoop();
  </script>
</body>
</html>
```

Note: You'll need to provide the `pizza.png` and `delivery_guy.png` images for the game to work correctly. Make sure to replace those image sources with the actual image file locations.