AI game creator

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

No:13392

116

←

Prev Next

→

Dino emoji game
Developer User5868｜Date and time 23/8/28 4:13:47
Build time 12.94 sec｜Game capacity 3.007KB｜

Script

Sure! Here's a simple Dino emoji game implemented as a single HTML file:

You can copy the above code and save it as an HTML file, then open the file in your web browser on your smartphone to play the Dino Emoji Game. The game involves a dino represented by an emoji character jumping over cacti by pressing the spacebar. The score increases when successful jumps are made, and the game ends if the dino collides with a cactus.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple Dino emoji game implemented as a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Dino Emoji Game</title>
</head>
<body>
  <script>
    // Variables to handle game state
    let score = 0;
    let gameInterval;
    let dinoPosition = 0;
    let cactusPosition = 100;
    
    // Function to display the game
    function displayGame() {
      const gameContainer = document.createElement('div');
      gameContainer.style.backgroundColor = '#f9f9f9';
      gameContainer.style.width = '100%';
      gameContainer.style.height = '300px';
      gameContainer.style.position = 'relative';

const dino = document.createElement('span');
      dino.innerHTML = '🦕'; // Dino emoji
      dino.style.fontSize = '60px';
      dino.style.position = 'absolute';
      dino.style.bottom = '0';
      dino.style.left = dinoPosition + 'px';

const cactus = document.createElement('span');
      cactus.innerHTML = '🌵'; // Cactus emoji
      cactus.style.fontSize = '60px';
      cactus.style.position = 'absolute';
      cactus.style.bottom = '0';
      cactus.style.left = cactusPosition + 'px';

const scoreDisplay = document.createElement('div');
      scoreDisplay.innerHTML = 'Score: ' + score;
      scoreDisplay.style.position = 'absolute';
      scoreDisplay.style.top = '10px';
      scoreDisplay.style.right = '10px';

gameContainer.appendChild(dino);
      gameContainer.appendChild(cactus);
      gameContainer.appendChild(scoreDisplay);

document.body.appendChild(gameContainer);
    }

// Function to handle jumping
    function jump() {
      const dino = document.querySelector('span');
      dinoPosition += 20;
      dino.style.left = dinoPosition + 'px';

if (dinoPosition > cactusPosition - 60 && dinoPosition < cactusPosition + 60) {
        clearInterval(gameInterval);
        alert('Game Over! Score: ' + score);
      }
    }

// Function to update game interval
    function updateGame() {
      cactusPosition -= 10;
      if (cactusPosition === 0) {
        cactusPosition = 100;
        score += 10;
      }

const cactus = document.querySelectorAll('span')[1];
      cactus.style.left = cactusPosition + 'px';

const scoreDisplay = document.querySelector('div');
      scoreDisplay.innerHTML = 'Score: ' + score;
    }

// Start the game
    displayGame();
    gameInterval = setInterval(updateGame, 100);

// Keyboard event listener for jumping
    document.addEventListener('keydown', function(event) {
      if (event.keyCode === 32) { // Spacebar key
        jump();
      }
    });
  </script>
</body>
</html>
```

You can copy the above code and save it as an HTML file, then open the file in your web browser on your smartphone to play the Dino Emoji Game. The game involves a dino represented by an emoji character jumping over cacti by pressing the spacebar. The score increases when successful jumps are made, and the game ends if the dino collides with a cactus.