A game like cross roads but with only cheeseburgers's game | AI game creator

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

No:36602

87

A game like cross roads but with only cheeseburger..ALL
Developer User16840｜Date and time 24/1/18 2:15:39
Build time 15.443 sec｜Game capacity 3.612KB｜

Sure! Here's a simple game where you have to guide a cheeseburger across a busy road, similar to the classic game Crossy Road. Since you mentioned using pictograms, I'll represent the cheeseburger and other elements using emojis for smartphone compatibility. Remember, this code should be saved in a single HTML file and enclosed within `` tags. <br><br> <br> <style> #game-board { flex-wrap: wrap; width: 320px; height: 480px; border: 1px solid #999; background-color: #EEE; overflow: hidden; } .cell { width: 40px; height: 40px; text-align: center; font-size: 32px; } .cheeseburger { background-color: yellow; } .car { background-color: red; } </style> <div id="game-board"></div>

This game allows you to control a cheeseburger (🍔) using the right and left arrow keys on your smartphone. Your goal is to move the cheeseburger across a busy road without getting hit by cars (🚗). The score increases as you successfully cross the road, and the game ends if you collide with a car. Please note that this is a basic game implementation for demonstration purposes. Feel free to enhance it with additional features, levels, or graphics as per your requirements.

→ 　

0　

0　

　
　

[PR]現在の新着人気ランキング

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

(C)2023 HisashiApp

Sure! Here's a simple game where you have to guide a cheeseburger across a busy road, similar to the classic game Crossy Road. Since you mentioned using pictograms, I'll represent the cheeseburger and other elements using emojis for smartphone compatibility.

Remember, this code should be saved in a single HTML file and enclosed within `<script>` tags.

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Cheeseburger Crossy Road</title>
  <style>
    #game-board {
      display: flex;
      flex-wrap: wrap;
      width: 320px;
      height: 480px;
      border: 1px solid #999;
      background-color: #EEE;
      overflow: hidden;
    }
    .cell {
      width: 40px;
      height: 40px;
      text-align: center;
      font-size: 32px;
    }
    .cheeseburger {
      background-color: yellow;
    }
    .car {
      background-color: red;
    }
  </style>
</head>
<body>
  <div id="game-board"></div>

<script>
    // Create the game board
    const board = document.getElementById("game-board");

// Initialize the game state
    let cheeseburgerPosition = 115;
    let score = 0;
    let gameRunning = false;

// Function to render the game board
    function render() {
      board.innerHTML = "";

// Create cells with emojis
      for (let i = 0; i < 320; i++) {
        const cell = document.createElement("div");
        cell.className = "cell";

// Place emojis according to current game state
        if (i === cheeseburgerPosition) {
          cell.innerText = "🍔";
          cell.classList.add("cheeseburger");
        } else if (i >= 200 && i < 240) {
          cell.innerText = "🚗";
          cell.classList.add("car");
        }

board.appendChild(cell);
      }
    }

// Function to handle user input
    function handleArrowKey(event) {
      if (event.key === "ArrowRight" && cheeseburgerPosition < 319) {
        cheeseburgerPosition++;
      } else if (event.key === "ArrowLeft" && cheeseburgerPosition > 0) {
        cheeseburgerPosition--;
      }

// Start the game if not running
      if (!gameRunning) {
        gameRunning = true;
        gameLoop();
      }

render();
    }

// Function to update game state
    function update() {
      // Move cars every 2 seconds
      setInterval(() => {
        if (gameRunning) {
          score++;

// Check collision with cars
          if (cheeseburgerPosition >= 200 && cheeseburgerPosition < 240) {
            endGame();
          }

// Reset game board
          if (score === 20) {
            cheeseburgerPosition = 115;
            score = 0;
          }

render();
        }
      }, 2000);
    }

// Function to end the game
    function endGame() {
      gameRunning = false;
      alert("Game Over! Your score: " + score);
    }

// Game loop
    function gameLoop() {
      // Update game state every 200ms
      setInterval(update, 200);
    }

// Event listener for arrow keys
    document.addEventListener("keydown", handleArrowKey);

// Render initial game board
    render();
  </script>
</body>
</html>
```

This game allows you to control a cheeseburger (🍔) using the right and left arrow keys on your smartphone. Your goal is to move the cheeseburger across a busy road without getting hit by cars (🚗). The score increases as you successfully cross the road, and the game ends if you collide with a car.

Please note that this is a basic game implementation for demonstration purposes. Feel free to enhance it with additional features, levels, or graphics as per your requirements.