Blank void but every 1 second. Something appears, something that can move or not's game

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

No:37574

←

Prev Next

→

Blank void but every 1 second. Something appears, ..ALL
Developer User17064｜Date and time 24/1/21 5:54:45
Build time 8.458 sec｜Game capacity 2.588KB｜

Script

Sure! Here's an example of a simple game implemented as a single HTML file with JavaScript:

This game randomly generates pictograms from a predefined array and displays them within a game container. The pictograms appear and disappear every second, creating a constantly changing game environment. The game can be played on a smartphone as well. Feel free to customize the game by replacing the pictogram array or adjusting the game container size.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Sure! Here's an example of a simple game implemented as a single HTML file with JavaScript:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Simple Pictogram Game</title>
    <style>
      #game-container {
        position: relative;
        width: 300px; /* Adjust width as needed for your game */
        height: 300px; /* Adjust height as needed for your game */
        border: 1px solid black;
      }

.pictogram {
        position: absolute;
        top: 0;
        left: 0;
      }
    </style>
  </head>
  <body>
    <div id="game-container"></div>

// Game logic
      function getRandomPictogram() {
        const randomIndex = Math.floor(Math.random() * pictograms.length);
        return pictograms[randomIndex];
      }

function createPictogram() {
        const pictogram = document.createElement('div');
        pictogram.classList.add('pictogram');
        pictogram.innerHTML = getRandomPictogram();

// Move the pictogram randomly within the game container
        const gameContainer = document.getElementById('game-container');
        const maxWidth = gameContainer.offsetWidth - pictogram.offsetWidth;
        const maxHeight = gameContainer.offsetHeight - pictogram.offsetHeight;
        const randomX = Math.floor(Math.random() * maxWidth);
        const randomY = Math.floor(Math.random() * maxHeight);
        pictogram.style.left = randomX + 'px';
        pictogram.style.top = randomY + 'px';

gameContainer.appendChild(pictogram);
      }

// Game loop: creates and removes pictograms every second
      setInterval(() => {
        createPictogram();
        setTimeout(() => {
          const pictograms = document.getElementsByClassName('pictogram');
          if (pictograms.length > 0) {
            const lastPictogram = pictograms[pictograms.length - 1];
            lastPictogram.remove();
          }
        }, 1000); // Adjust the delay as needed
      }, 1000); // Adjust the delay as needed
    </script>
  </body>
</html>
```