AI game creator

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

No:27792

←

Prev Next

→

🐦dodo game🐦
Developer User13648｜Date and time 23/12/9 2:37:17
Build time 38.236 sec｜Game capacity 3.893KB｜

Script

Sure, here's a simple implementation of the Dodo Game using HTML and JavaScript:

Score: 0

This HTML file sets up a canvas where the gameplay will be displayed. The player's aim is to tap the moving Dodo bird within the canvas to score points. The game will continue until the player reaches a score of 10, at which point the game over message will be displayed. The JavaScript code handles the game loop, updating the Dodo's position, handling the tap events, and keeping track of the score. To use this code, simply create an HTML file, copy the code into it, save the file as "dodo_game.html", and open the file in a web browser on your smartphone. The game will start automatically, and you can play by tapping the Dodo as it moves around the canvas.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

Sure, here's a simple implementation of the Dodo Game using HTML and JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Dodo Game</title>
  <style>
    body {
      background-color: #F0F0F0;
      text-align: center;
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
    }
    
    #game-canvas {
      width: 320px;
      height: 480px;
      margin: 20px auto;
      border: 1px solid #CCC;
      background-color: #FFF;
    }
    
    #score {
      font-size: 24px;
      margin-top: 10px;
    }
    
    #game-over {
      font-size: 36px;
      margin-top: 180px;
    }
  </style>
</head>
<body>
  <canvas id="game-canvas" width="320" height="480"></canvas>
  <div id="score">Score: 0</div>
  <div id="game-over"></div>

// Game variables
    var canvas;
    var ctx;
    var dodoX;
    var dodoY;
    var score;
    var isGameOver;

// Load the game
    function load() {
      canvas = document.getElementById("game-canvas");
      ctx = canvas.getContext("2d");
      
      canvas.addEventListener("mousedown", tap);
      canvas.addEventListener("touchstart", tap);
      
      start();
    }

// Start the game
    function start() {
      dodoX = canvas.width / 2 - DODO_WIDTH / 2;
      dodoY = canvas.height / 2 - DODO_HEIGHT / 2;
      score = 0;
      isGameOver = false;

gameLoop();
    }

// Game loop
    function gameLoop() {
      if (!isGameOver) {
        update();
        draw();
        requestAnimationFrame(gameLoop);
      }
    }

// Update game state
    function update() {
      // Move the dodo randomly around the canvas
      var randomX = Math.floor(Math.random() * canvas.width);
      var randomY = Math.floor(Math.random() * canvas.height);
      
      dodoX = randomX - DODO_WIDTH / 2;
      dodoY = randomY - DODO_HEIGHT / 2;
    }

// Draw game objects
    function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      // Draw the dodo image
      var dodoImg = new Image();
      dodoImg.src = 'dodo.png';
      ctx.drawImage(dodoImg, dodoX, dodoY, DODO_WIDTH, DODO_HEIGHT);

// Draw the score
      ctx.font = "24px Arial";
      ctx.fillText("Score: " + score, 20, 40);

// Check if game over
      if (score >= 10) {
        gameOver();
      }
    }

// Game over
    function gameOver() {
      isGameOver = true;
      canvas.removeEventListener("mousedown", tap);
      canvas.removeEventListener("touchstart", tap);
      
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      ctx.font = "36px Arial";
      ctx.fillText("Game Over", 80, 250);
    }

// Handle tap event
    function tap(event) {
      var rect = canvas.getBoundingClientRect();
      var xPos = event.clientX - rect.left;
      var yPos = event.clientY - rect.top;
      
      if (
        xPos >= dodoX &&
        xPos <= dodoX + DODO_WIDTH &&
        yPos >= dodoY &&
        yPos <= dodoY + DODO_HEIGHT
      ) {
        // Increase score for each successful tap
        score++;
      }
    }

// Start the game when the HTML page is loaded
    window.onload = load;
  </script>
</body>
</html>
```

To use this code, simply create an HTML file, copy the code into it, save the file as "dodo_game.html", and open the file in a web browser on your smartphone. The game will start automatically, and you can play by tapping the Dodo as it moves around the canvas.