Create me a random game's game

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

No:27762

103

←

Prev Next

→

Create me a random game
Developer User13759｜Date and time 23/12/8 22:58:22
Build time 37.081 sec｜Game capacity 3.065KB｜

Script

Sure! Here's a simple game that you can play on your smartphone, implemented as a single HTML file using JavaScript. The game uses pictograms to make it more visually engaging. Enjoy!

Score: 0

To play the game, save the code provided into an HTML file, open it in a web browser on your smartphone, and you'll see pictograms falling down from the top of the screen. Your goal is to tap on the pictograms before they reach the bottom. Each successful tap will earn you a point. Enjoy the game!

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

Sure! Here's a simple game that you can play on your smartphone, implemented as a single HTML file using JavaScript. The game uses pictograms to make it more visually engaging. Enjoy!

```html
<!DOCTYPE html>
<html>
<head>
  <title>Random Game</title>
  <style>
    #game-container {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }
    #score {
      text-align: center;
      font-size: 24px;
      margin-bottom: 10px;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="score">Score: 0</div>
    <canvas id="game-canvas" width="300" height="300"></canvas>
  </div>

// Initialize the game
    function init() {
      canvas = document.getElementById('game-canvas');
      context = canvas.getContext('2d');
      canvas.addEventListener('click', onClickCanvas);

setInterval(update, 1000 / 60); // 60 frames per second
    }

// Update game logic
    function update() {
      context.clearRect(0, 0, canvas.width, canvas.height);
      pictograms.forEach(function(pictogram) {
        if (!pictogram.hit) {
          drawPictogram(pictogram);
          pictogram.height += 0.5; // Make pictograms fall down
        }
      });

updateScore();
    }

// Draw a pictogram on the canvas
    function drawPictogram(pictogram) {
      var image = new Image();
      image.src = pictogram.src;
      context.drawImage(image, canvas.width / 2 - pictogram.width / 2, canvas.height / 2 - pictogram.height / 2, pictogram.width, pictogram.height);
    }

// Update score display
    function updateScore() {
      var scoreElement = document.getElementById('score');
      scoreElement.textContent = 'Score: ' + score;
    }

// Event listener for canvas click
    function onClickCanvas(event) {
      var rect = canvas.getBoundingClientRect();
      var x = event.clientX - rect.left;
      var y = event.clientY - rect.top;

pictograms.forEach(function (pictogram) {
        if (!pictogram.hit && x >= canvas.width / 2 - pictogram.width / 2 && x <= canvas.width / 2 + pictogram.width / 2 && y >= canvas.height / 2 - pictogram.height / 2 && y <= canvas.height / 2 + pictogram.height / 2) {
          pictogram.hit = true;
          score++;
        }
      });
    }

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