AI game creator

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

No:27845

←

Prev Next

→

Ooooooooomasha3D
Developer User13834｜Date and time 23/12/9 16:32:25
Build time 20.384 sec｜Game capacity 2.857KB｜

Script

Sure! Here's an example of a simple game implemented in a single HTML file, using JavaScript and pictograms. The game is called "Picto Catcher." It's a game where you need to catch falling pictograms using touch gestures on a smartphone.

To play the game, simply copy and paste the code into an HTML file, open it in a web browser on your smartphone, and start catching the falling pictograms by tapping on them. The player's score will be displayed at the top left corner of the screen. The game speed increases over time to make it more challenging. Enjoy playing "Picto Catcher"!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Picto Catcher</title>
  <style>
    #game-container {
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #f0f0f0;
      font-family: Arial, sans-serif;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <canvas id="game-canvas" width="300" height="500"></canvas>
  </div>

// Game variables
    let score = 0;
    let gameSpeed = 1000; // in milliseconds
    let pictoSize = 50;
    let pictoInterval;

// Game canvas setup
    const canvas = document.getElementById('game-canvas');
    const ctx = canvas.getContext('2d');

// Initialize game
    function init() {
      drawScore();
      startGame();
    }

// Start the game
    function startGame() {
      clearInterval(pictoInterval);
      pictoInterval = setInterval(dropPicto, gameSpeed);
    }

// Drop a random pictogram
    function dropPicto() {
      const picto = getRandomPicto();
      const xPos = Math.random() * (canvas.width - pictoSize);
      const yPos = 0;

drawPicto(picto, xPos, yPos);

// Check for catch
      canvas.addEventListener('touchstart', function(event) {
        const touchX = event.touches[0].clientX;
        const touchY = event.touches[0].clientY;

if (touchX >= xPos && touchX <= xPos + pictoSize && touchY >= yPos && touchY <= yPos + pictoSize) {
          // Pictogram caught
          score++;
          drawScore();
        }
      });
    }

// Get a random pictogram from the array
    function getRandomPicto() {
      return pictograms[Math.floor(Math.random() * pictograms.length)];
    }

// Draw a pictogram on the canvas
    function drawPicto(picto, x, y) {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      ctx.font = pictoSize + 'px Arial';
      ctx.fillText(picto, x, y + pictoSize);
    }

// Draw the player's score on the canvas
    function drawScore() {
      ctx.font = '24px Arial';
      ctx.fillText('Score: ' + score, 10, 30);
    }

// Call the init function to start the game
    init();
  </script>
</body>
</html>
```