AI game creator

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

No:40478

←

Prev Next

→

Google dino
Developer User18141｜Date and time 24/2/3 2:40:27
Build time 10.664 sec｜Game capacity 2.36KB｜

Script

Sure! Here's an example of a simple game inspired by the Google Chrome dinosaur game, implemented as a single HTML file using JavaScript. It can be played on a smartphone and uses pictograms for visuals:

🦖

🌵

Score: 0

This code creates a simple side-scrolling game where the player controls a dinosaur to jump over obstacles (represented by cacti pictograms). The score increases as the game progresses, and the player loses when the dinosaur collides with an obstacle. You can copy this code into an HTML file, save it, and open it in a web browser to play the game.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      background-color: #f5f5f5;
      text-align: center;
      font-family: Arial, sans-serif;
    }
    
    #game {
      margin: 100px auto;
      padding: 20px;
      border: 2px solid #333;
      width: 200px;
    }
    
    #dino {
      font-size: 60px;
    }
    
    #obstacle {
      font-size: 60px;
    }
    
    #score {
      margin-top: 20px;
      font-size: 20px;
    }
  </style>
</head>
<body>
  <div id="game">
    <div id="dino">🦖</div>
    <div id="obstacle">🌵</div>
    <div id="score">Score: 0</div>
  </div>
  
  <script>
    const dino = document.getElementById("dino");
    const obstacle = document.getElementById("obstacle");
    const score = document.getElementById("score");
  
    let scoreValue = 0;
    let isGameOver = false;
  
    function jump() {
      if (dino.classList != "jump") {
        dino.classList.add("jump");
      }
      setTimeout(function() {
        dino.classList.remove("jump");
      }, 300);
    }
  
    document.addEventListener("keydown", function(event) {
      if (event.key === " " || event.key === "ArrowUp") {
        jump();
      }
    });
  
    setInterval(function() {
      if (!isGameOver) {
        scoreValue++;
        score.innerText = "Score: " + scoreValue;
      }
    }, 1000);
  
    setInterval(function() {
      const dinoTop = parseInt(window.getComputedStyle(dino).getPropertyValue("top"));
      const obstacleLeft = parseInt(window.getComputedStyle(obstacle).getPropertyValue("left"));
  
      if (obstacleLeft < 50 && obstacleLeft > 0 && dinoTop >= 140) {
        isGameOver = true;
        alert("Game Over! Final Score: " + scoreValue);
        scoreValue = 0;
        isGameOver = false;
      }
    }, 10);
  </script>
</body>
</html>
```