74-(63(5{¥`¥[¢•{`{√¢{√¢{©¢^[`√=√√___3666434778/47's game

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

No:27846

←

Prev Next

→

74-(63(5{¥`¥[¢•{`{√¢{√¢{©¢^[`√=√√___3666434778/47
Developer User13834｜Date and time 23/12/9 16:34:21
Build time 32.43 sec｜Game capacity 4.974KB｜

Script

Sure! Here's a simple game implemented as a single HTML file, using JavaScript and enclosed in script tags. The game is designed for smartphone operation and uses pictograms. The objective of the game is to catch falling objects by tapping on the corresponding pictogram. Let's get started!

This code sets up a simple game where you need to catch falling pictograms using a catcher at the bottom of the screen. The score and remaining lives are displayed on the canvas. The game ends when you run out of lives, and a dialog box shows your final score. You can then restart the game by reloading the page. Note: The pictograms in the example are represented using text symbols, as actual pictograms might not be readily available on all devices. Feel free to replace them with actual pictograms that match the desired theme of your game.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Pictogram Catcher Game</title>
  <style>
    canvas {
      border: 1px solid #000;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="600"></canvas>
  
  <script>
    // Pictograms for the game
    const pictograms = [
      {
        symbol: '♥️',
        color: '#ff4d4d',
        speed: 3
      },
      {
        symbol: '⭐️',
        color: '#ffc61a',
        speed: 4
      },
      {
        symbol: '✈️',
        color: '#00ccff',
        speed: 5
      },
      {
        symbol: '☕️',
        color: '#996633',
        speed: 6
      },
    ];
    
    // Game variables
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');
    const pictogramSize = 30;
    let score = 0;
    let lives = 3;
  
    // Generate a random pictogram
    function generateRandomPictogram() {
      const randomIndex = Math.floor(Math.random() * pictograms.length);
      return pictograms[randomIndex];
    }
  
    // Pictogram class
    class Pictogram {
      constructor(x, y, speed, symbol, color) {
        this.x = x;
        this.y = y;
        this.speed = speed;
        this.symbol = symbol;
        this.color = color;
      }
  
      draw() {
        ctx.font = `${pictogramSize}px Arial`;
        ctx.fillStyle = this.color;
        ctx.fillText(this.symbol, this.x, this.y);
      }
  
      update() {
        this.y += this.speed;
        this.draw();
  
        if (this.y > canvas.height) {
          lives--;
          resetPictogram();
        }
      }
    }
  
    // Pictogram catcher class
    class Catcher {
      constructor() {
        this.width = pictogramSize;
        this.height = pictogramSize;
        this.x = canvas.width / 2 - this.width / 2;
        this.y = canvas.height - this.height;
        this.color = '#33cc33';
      }
  
      draw() {
        ctx.fillStyle = this.color;
        ctx.fillRect(this.x, this.y, this.width, this.height);
      }
  
      update(x) {
        this.x = x - this.width / 2;
        this.draw();
      }
    }
  
    let pictogram;
    let catcher;
  
    // Initialize the game
    function init() {
      pictogram = new Pictogram(
        canvas.width / 2 - pictogramSize / 2,
        0,
        generateRandomPictogram().speed,
        generateRandomPictogram().symbol,
        generateRandomPictogram().color
      );
      catcher = new Catcher();
    }
  
    // Reset the pictogram position and properties
    function resetPictogram() {
      pictogram.x = canvas.width / 2 - pictogramSize / 2;
      pictogram.y = 0;
      pictogram.speed = generateRandomPictogram().speed;
      pictogram.symbol = generateRandomPictogram().symbol;
      pictogram.color = generateRandomPictogram().color;
    }
  
    // Check if a pictogram is caught
    function checkPictogramCaught() {
      if (
        pictogram.y + pictogramSize > catcher.y &&
        pictogram.x + pictogramSize > catcher.x &&
        pictogram.x < catcher.x + catcher.width
      ) {
        score++;
        resetPictogram();
      }
    }
  
    // Game loop
    function gameLoop() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
  
      pictogram.update();
      catcher.draw();
      checkPictogramCaught();
  
      ctx.font = '20px Arial';
      ctx.fillStyle = '#000';
      ctx.fillText(`Score: ${score}`, 10, 30);
      ctx.fillText(`Lives: ${lives}`, 10, 60);
  
      if (lives <= 0) {
        alert(`Game Over! Final Score: ${score}`);
        location.reload(); // Restart the game
      } else {
        requestAnimationFrame(gameLoop);
      }
    }
  
    // Event listeners for touchscreen controls
    canvas.addEventListener('touchstart', function(event) {
      const touchX = event.touches[0].clientX;
      catcher.update(touchX);
    });
  
    canvas.addEventListener('touchmove', function(event) {
      event.preventDefault();
      const touchX = event.touches[0].clientX;
      catcher.update(touchX);
    });
  
    // Start the game
    init();
    gameLoop();
  </script>
</body>
</html>
```

Note: The pictograms in the example are represented using text symbols, as actual pictograms might not be readily available on all devices. Feel free to replace them with actual pictograms that match the desired theme of your game.