AI game creator

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

No:37217

←

Prev Next

→

Catching game
Developer User17014｜Date and time 24/1/20 18:32:09
Build time 15.138 sec｜Game capacity 4.146KB｜

Script

Sure! Here's a simple catching game implemented as a single HTML file using JavaScript and enclosed within script tags. The game involves catching falling pictograms on a smartphone screen.

Score: 0

To play the game, simply open the HTML file on your smartphone browser, and the game will start automatically. Pictograms will start falling from the top of the screen, and you need to catch them by tapping or clicking on them. The game lasts for 30 seconds, and your score will be displayed in real-time at the top-right corner of the screen. After the game ends, an alert will show your final score.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple catching game implemented as a single HTML file using JavaScript and enclosed within script tags. The game involves catching falling pictograms on a smartphone screen.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Catching Game</title>
  <style>
    body {
      margin: 0;
      overflow: hidden;
    }

#game-area {
      position: relative;
      height: 100vh;
      background-color: #f0f0f0;
    }

.pictogram {
      position: absolute;
      font-size: 40px;
    }

#score {
      position: fixed;
      top: 10px;
      right: 10px;
      font-size: 24px;
    }
  </style>
</head>
<body>
  <div id="game-area"></div>
  <div id="score">Score: <span id="score-value">0</span></div>

// Game configuration
    const gameTime = 30; // Game time in seconds
    const pictogramSpeed = 5; // Falling speed of pictograms in pixels per frame

let score = 0;
    let gameTimer;
    let pictogramTimer;

function startGame() {
      // Clear previous game state
      score = 0;
      document.getElementById('score-value').innerText = score;
      clearTimeout(gameTimer);
      clearInterval(pictogramTimer);
  
      // Start the game timer
      gameTimer = setTimeout(endGame, gameTime * 1000);
  
      // Start generating pictograms
      pictogramTimer = setInterval(generatePictogram, 1000);
    }

function generatePictogram() {
      const pictogram = document.createElement('div');
      pictogram.classList.add('pictogram');
      pictogram.innerText = randomPictogram();
  
      const gameArea = document.getElementById('game-area');
      const gameAreaWidth = gameArea.offsetWidth;
      const pictogramSize = pictogram.offsetWidth;

// Set random position for the falling pictogram
      const randomX = Math.floor(Math.random() * (gameAreaWidth - pictogramSize));
      pictogram.style.left = randomX + 'px';
  
      gameArea.appendChild(pictogram);
  
      movePictogram(pictogram);
    }

function randomPictogram() {
      // Retrieve a random pictogram from the pictograms array
      const randomIndex = Math.floor(Math.random() * pictograms.length);
      return pictograms[randomIndex];
    }

function catchPictogram(pictogram) {
      // Increase the score on catching a pictogram
      score++;
      document.getElementById('score-value').innerText = score;
  
      // Remove caught pictogram
      pictogram.remove();
    }