Pizza shooter at crocodiles in an apartment...'s game

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

No:35276

←

Prev Next

→

Pizza shooter at crocodiles in an apartment...
Developer User16475｜Date and time 24/1/13 20:41:27
Build time 17.762 sec｜Game capacity 4.244KB｜

Script

Sure! Here's an example of a simple game called Pizza Croc Shooter implemented as a single HTML file. It uses JavaScript and is enclosed in script tags:

In this game, you control a pizza (represented by a pictogram) using touch controls on a smartphone. The objective is to avoid getting caught by the crocodiles (also represented by pictograms) that move randomly on the screen. Every time a crocodile catches the pizza, your score decreases. The game loop continuously updates the positions of the pizza and crocodiles, checks for collisions, and redraws the game elements on the canvas. Note: To make this code work, you'll need to provide your own `emozi_all/pizza.png` and `emozi_apple.png` image files.

←

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 game called Pizza Croc Shooter implemented as a single HTML file. It uses JavaScript and is enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Pizza Croc Shooter</title>
  <style>
    body {
      background-color: #f2f2f2;
      text-align: center;
      margin-top: 100px;
      font-family: Arial, sans-serif;
    }
    
    #canvas {
      border: 1px solid #333;
    }
  </style>
</head>
<body>
  <canvas id="canvas" width="400" height="400"></canvas>
  <script>
    // Game Variables
    var canvas = document.getElementById("canvas");
    var ctx = canvas.getContext("2d");
    var pizza = new Image();
    var croc = new Image();
    var pizzaX = canvas.width / 2 - 25;
    var pizzaY = canvas.height - 50;
    var crocX = 0;
    var crocY = 0;
    var crocSpeed = 2;
    var score = 0;

// Load game assets
    pizza.src = "pizza.png";
    croc.src = "croc.png";

// Handle touch events
    canvas.addEventListener("touchstart", handleTouchStart, false);
    canvas.addEventListener("touchmove", handleTouchMove, false);
    
    var xDown = null;
    var yDown = null;
    
    function handleTouchStart(evt) {
        xDown = evt.touches[0].clientX;
        yDown = evt.touches[0].clientY;
    };

// Main game loop
    function gameLoop() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      // Update crocodile position
      crocY += crocSpeed;
      if (crocY > canvas.height) {
        crocY = -50;
        crocX = Math.random() * (canvas.width - 50);
      }
      
      // Check for collision
      if (
        pizzaX < crocX + 50 &&
        pizzaX + 50 > crocX &&
        pizzaY < crocY + 50 &&
        pizzaY + 50 > crocY
      ) {
        // Crocodile caught the pizza!
        score--;
        crocY = -50;
        crocX = Math.random() * (canvas.width - 50);
      }
      
      // Draw pizza
      ctx.drawImage(pizza, pizzaX, pizzaY, 50, 50);
      
      // Draw crocodile
      ctx.drawImage(croc, crocX, crocY, 50, 50);
      
      // Draw score
      ctx.font = "20px Arial";
      ctx.fillStyle = "black";
      ctx.fillText("Score: " + score, 10, 25);
      
      requestAnimationFrame(gameLoop);
    }

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

Note: To make this code work, you'll need to provide your own `pizza.png` and `croc.png` image files.