AI game creator

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

No:13315

108

←

Prev Next

→

Dino vs hamburger
Developer User5868｜Date and time 23/8/28 2:17:37
Build time 18.388 sec｜Game capacity 2.912KB｜

Script

Sure! Here's a simple Dino vs Hamburger game written in a single HTML file using JavaScript and enclosed in script tags:

Note: Replace `"emozi_rabbit.png"` and `"emozi_all/hamburger.png"` with your own image URLs for the dino and hamburger pictograms.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple Dino vs Hamburger game written in a single HTML file using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Dino vs Hamburger</title>
    <style>
      canvas {
        border: 1px solid #000;
        display: block;
        margin: 20px auto;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Dino image
      const dinoImg = new Image();
      dinoImg.src = "dino.png"; // Replace with your dino image

// Hamburger image
      const hamburgerImg = new Image();
      hamburgerImg.src = "hamburger.png"; // Replace with your hamburger image

// Initial position of Dino and Hamburger
      let dinoX = 50;
      let dinoY = canvas.height - 75;
      let hamburgerX = canvas.width - 100;
      let hamburgerY = canvas.height - 75;

// Keyboard input event
      document.addEventListener("keydown", (event) => {
        if (event.code === "Space") {
          // Jump when spacebar is pressed
          jump();
        }
      });

// Jump function
      function jump() {
        if (dinoY === canvas.height - 75) {
          dinoY -= 100;
        }
      }

// Game loop
      function gameLoop() {
        // Clear the canvas
        ctx.clearRect(0, 0, canvas.width, canvas.height);

// Update Dino position
        if (dinoY < canvas.height - 75) {
          dinoY += 5; // Gravity effect
        } else {
          dinoY = canvas.height - 75;
        }

// Update Hamburger position
        hamburgerX -= 3;
        if (hamburgerX < -100) {
          hamburgerX = canvas.width - 100;
          hamburgerY = getRandomY();
        }

// Draw Dino and Hamburger
        ctx.drawImage(dinoImg, dinoX, dinoY, 75, 75);
        ctx.drawImage(hamburgerImg, hamburgerX, hamburgerY, 75, 75);

// Check collision
        if (
          dinoX < hamburgerX + 75 &&
          dinoX + 75 > hamburgerX &&
          dinoY < hamburgerY + 75 &&
          dinoY + 75 > hamburgerY
        ) {
          // Collision detected, game over
          alert("Game Over!");
          // Restart the game
          dinoY = canvas.height - 75;
          hamburgerX = canvas.width - 100;
          hamburgerY = getRandomY();
        }

// Request next animation frame
        requestAnimationFrame(gameLoop);
      }

// Generate random Y position for the hamburger
      function getRandomY() {
        return Math.floor(Math.random() * (canvas.height - 150)) + 50;
      }

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

Note: Replace `"dino.png"` and `"hamburger.png"` with your own image URLs for the dino and hamburger pictograms.