Every time you tap you level up, start as a square's game

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

No:37584

←

Prev Next

→

Every time you tap you level up, start as a square
Developer User17064｜Date and time 24/1/21 6:09:15
Build time 7.101 sec｜Game capacity 2.343KB｜

Script

Sure, here's an example of a simple game implementation using JavaScript and HTML, designed for smartphone operation. Please note that this implementation is just a basic template and can be expanded upon to create a more engaging game.

In this game, a square is initially displayed on the canvas. Every time you tap the square, it will level up and increase in size, and a new square will appear at a random position on the canvas. The game will continue to level up as long as you keep tapping. Please note that this is just a basic implementation and can be enhanced with additional features, such as keeping score or introducing other game elements. Feel free to customize and expand upon it based on your specific requirements.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Tap Game</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      overflow: hidden;
    }
    
    canvas {
      background-color: #f1f1f1;
      display: block;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas"></canvas>

// Initializing game variables
      var level = 1;
      var size = 50;
      var x = canvas.width / 2 - size / 2;
      var y = canvas.height / 2 - size / 2;

// Function to draw square on the canvas
      function drawSquare() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        ctx.fillStyle = '#ff6600';
        ctx.fillRect(x, y, size, size);
      }

// Function to handle tap event
      function handleTap() {
        level++;
        size += 10;

// Generating random position for the square
        x = Math.floor(Math.random() * (canvas.width - size));
        y = Math.floor(Math.random() * (canvas.height - size));

drawSquare();
      }

// Function to initialize the game
      function init() {
        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;

drawSquare();

// Handling touch event on the canvas
        canvas.addEventListener('touchstart', handleTap, false);
      }

// Starting game processing
      init();
    })();
  </script>
</body>
</html>
```

Please note that this is just a basic implementation and can be enhanced with additional features, such as keeping score or introducing other game elements. Feel free to customize and expand upon it based on your specific requirements.