AI game creator

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

No:7184

347

←

Prev Next

→

Generative Art
Developer User3905｜Date and time 23/7/6 6:42:57
Build time 17.485 sec｜Game capacity 3.136KB｜

Script

Sure! Here's an example of a simple game implemented as a single HTML file using JavaScript. This game involves catching falling objects by moving a basket horizontally on a smartphone screen. Please note that the game is intentionally simple for the purpose of this demonstration.

To play the game, you can copy the above code into a file with a `.html` extension and open it in a web browser. The game will automatically start, and you can use the left and right arrow keys to move the basket horizontally on the screen to catch the falling objects (depicted as 🍎). The score will increment for each successful catch. Please note that this example may not be optimized for all smartphones or browsers. Additional code and optimizations may be required depending on the specific requirements and target platform 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>
    <title>Catch The Objects Game</title>
    <style>
      canvas {
        position: absolute;
        top: 0;
        left: 0;
        background-color: #f9f9f9;
      }
    </style>
  </head>
  <body>
    <script>
      // Game logic
      var canvas;
      var ctx;
      var basket;
      var objects = [];
      var score = 0;

function startGame() {
        canvas = document.createElement("canvas");
        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;
        ctx = canvas.getContext("2d");
        document.body.insertBefore(canvas, document.body.childNodes[0]);

basket = new Component(100, 100, "🧺", canvas.width / 2 - 50, canvas.height - 120);

setInterval(updateGameArea, 20);
        setInterval(addObject, 1500);
      }

function Component(width, height, color, x, y) {
        this.width = width;
        this.height = height;
        this.x = x;
        this.y = y;
        this.update = function () {
          ctx.fillStyle = color;
          ctx.font = width + "px Arial";
          ctx.fillText(color, this.x, this.y);
        };
      }

function addObject() {
        var x = Math.random() * (canvas.width - 100);
        var object = new Component(50, 50, "🍎", x, 0);
        objects.push(object);
      }

function clear() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
      }

function collides(obj1, obj2) {
        return (
          obj1.x < obj2.x + obj2.width &&
          obj1.x + obj1.width > obj2.x &&
          obj1.y < obj2.y + obj2.height &&
          obj1.y + obj1.height > obj2.y
        );
      }

</script>
    <script>
      // Start the game when the page loads
      window.onload = function () {
        startGame();
      };
    </script>
  </body>
</html>
```

To play the game, you can copy the above code into a file with a `.html` extension and open it in a web browser. The game will automatically start, and you can use the left and right arrow keys to move the basket horizontally on the screen to catch the falling objects (depicted as 🍎). The score will increment for each successful catch.

Please note that this example may not be optimized for all smartphones or browsers. Additional code and optimizations may be required depending on the specific requirements and target platform of your game.