ai that’ spawns anything for me's game

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

No:37478

←

Prev Next

→

ai that’ spawns anything for me
Developer User17003｜Date and time 24/1/21 4:19:03
Build time 12.078 sec｜Game capacity 3.097KB｜

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 game is called "Picto Catcher" and the objective is to catch falling pictograms with a basket.

You can copy the above code and save it as a `.html` file. Then, open the file in a web browser to play the game. The game features a basket that moves horizontally with touch control and falling pictograms that need to be caught to increase the score.

←

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>
    canvas {
      background-color: #efefef;
      display: block;
      margin: 20px auto;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="320" height="480"></canvas>

// Initialize the game
    function init() {
      canvas = document.getElementById("gameCanvas");
      ctx = canvas.getContext("2d");
      score = 0;

basket = {
        x: canvas.width / 2,
        y: canvas.height - 50,
        width: 50,
        height: 50
      };

pictograms = [
        { img: "🍎", x: 10, y: -30, speed: 2 },
        { img: "🍓", x: 70, y: -30, speed: 3 },
        { img: "🍌", x: 130, y: -30, speed: 4 },
        { img: "🍊", x: 190, y: -30, speed: 5 },
        { img: "🍇", x: 250, y: -30, speed: 6 }
      ];

// Add touch event listener for mobile controls
      canvas.addEventListener("touchmove", function(event) {
        var touch = event.touches[0];
        basket.x = touch.clientX - canvas.offsetLeft;
      });

draw();
    }

// Update game logic
    function update() {
      for (var i = 0; i < pictograms.length; i++) {
        pictograms[i].y += pictograms[i].speed;

// Check collision with basket
        if (
          pictograms[i].y + 30 >= basket.y &&
          pictograms[i].y <= basket.y + basket.height &&
          pictograms[i].x + 30 >= basket.x &&
          pictograms[i].x <= basket.x + basket.width
        ) {
          score++;
          pictograms.splice(i, 1);
        }

// Check if pictogram reached the bottom
        if (pictograms[i].y >= canvas.height) {
          pictograms.splice(i, 1);
        }
      }
    }

// Render game elements
    function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw basket
      ctx.fillStyle = "#007bff";
      ctx.fillRect(basket.x, basket.y, basket.width, basket.height);

// Draw pictograms
      ctx.font = "30px serif";
      ctx.textAlign = "center";
      ctx.textBaseline = "middle";
      for (var i = 0; i < pictograms.length; i++) {
        ctx.fillText(pictograms[i].img, pictograms[i].x, pictograms[i].y);
      }

// Draw score
      ctx.fillStyle = "#000";
      ctx.font = "20px sans-serif";
      ctx.fillText("Score: " + score, canvas.width / 2, 30);

requestAnimationFrame(draw);
      update();
    }

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