AI game creator

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

No:16791

151

←

Prev Next

→

Boj the Bilby
Developer User4714｜Date and time 23/9/21 2:01:57
Build time 42.017 sec｜Game capacity 4.146KB｜

Script

Sure, I have created a simple game called "Boj the Bilby". The objective of the game is to help Boj, the friendly bilby, collect as many carrots as possible while avoiding the obstacles. You can play the game by tapping or clicking on the screen to make Boj jump. Be careful not to let Boj collide with any of the obstacles, as that will end the game. Below is the implementation of the game as a single HTML file:

Please note that the URLs for the pictograms are just placeholders (`"emozi_rabbit.png"` and `"emozi_all/carrot.png"`). You would need to replace them with actual image URLs to see the pictograms. To play the game, you can save the above code in an HTML file and open it in a web browser on a smartphone. Tap on the screen to make Boj jump and try to collect as many carrots as possible while avoiding collisions. I hope you enjoy playing "Boj the Bilby"!

←

Prev　Next

→ 　

Back　

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

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

Sure, I have created a simple game called "Boj the Bilby". The objective of the game is to help Boj, the friendly bilby, collect as many carrots as possible while avoiding the obstacles.

You can play the game by tapping or clicking on the screen to make Boj jump. Be careful not to let Boj collide with any of the obstacles, as that will end the game.

Below is the implementation of the game as a single HTML file:

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

// Create the game canvas
      var canvas = document.getElementById("gameCanvas");
      var ctx = canvas.getContext("2d");

// Pictograms for Boj and the carrot
      var bojImg = new Image();
      bojImg.src = "https://example.com/boj.png";
      var carrotImg = new Image();
      carrotImg.src = "https://example.com/carrot.png";

// Boj's position and velocity
      var bojX = 50;
      var bojY = canvas.height / 2;
      var bojVelY = 0;
      var gravity = 1;

// Carrot's position
      var carrotX = canvas.width;
      var carrotY = Math.random() * (canvas.height - 50);

// Game over flag
      var gameOver = false;

// Function to handle screen tap/click
      function handleTap() {
        if (!gameOver) {
          bojVelY = -15;
        } else {
          // Reset game if tapped/clicked after game over
          resetGame();
        }
      }

// Function to reset the game
      function resetGame() {
        bojY = canvas.height / 2;
        carrotX = canvas.width;
        carrotY = Math.random() * (canvas.height - 50);
        gameOver = false;
        requestAnimationFrame(gameLoop);
      }

// Function to update game objects and check for collisions
      function updateGame() {
        // Update Boj's position and velocity
        bojY += bojVelY;
        bojVelY += gravity;

// Check for collision with carrot
        if (
          bojX < carrotX + 50 &&
          bojX + 50 > carrotX &&
          bojY < carrotY + 50 &&
          bojY + 50 > carrotY
        ) {
          // Carrot collected!
          carrotX = canvas.width;
          carrotY = Math.random() * (canvas.height - 50);
        }

// Check for collision with edges or obstacles
        if (
          bojY + 50 > canvas.height ||
          bojY < 0 ||
          (bojX + 50 > obstacleX &&
            bojX < obstacleX + obstacleWidth &&
            bojY + 50 > obstacleY)
        ) {
          // Game over
          gameOver = true;
        }
      }

// Function to render game objects
      function renderGame() {
        // Clear canvas
        ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw Boj
        ctx.drawImage(bojImg, bojX, bojY, 50, 50);

// Draw carrot
        ctx.drawImage(carrotImg, carrotX, carrotY, 50, 50);

if (gameOver) {
          // Draw game over message
          ctx.fillStyle = "#000";
          ctx.font = "30px Arial";
          ctx.fillText("Game Over!", canvas.width / 2 - 80, canvas.height / 2);
        }
      }

// Game loop
      function gameLoop() {
        updateGame();
        renderGame();

if (!gameOver) {
          requestAnimationFrame(gameLoop);
        }
      }

// Event listener for screen tap/click
      canvas.addEventListener("click", handleTap);

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

Please note that the URLs for the pictograms are just placeholders (`"https://example.com/boj.png"` and `"https://example.com/carrot.png"`). You would need to replace them with actual image URLs to see the pictograms.

To play the game, you can save the above code in an HTML file and open it in a web browser on a smartphone. Tap on the screen to make Boj jump and try to collect as many carrots as possible while avoiding collisions.

I hope you enjoy playing "Boj the Bilby"!