Every time you tap you level up, start as a square, don't get bigger, when level 15 turn into a warrior square as metal, continue tapping, show square.'s game

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

No:37590

←

Prev Next

→

Every time you tap you level up, start as a square..ALL
Developer User17064｜Date and time 24/1/21 6:13:11
Build time 6.326 sec｜Game capacity 1.807KB｜

Script

Sure! Here's the code for a simple game that meets your requirements:

To play the game, just open this HTML file in a web browser, and it will display a canvas where you can tap/click. Every time you tap, the level increases, and when you reach level 15, the square turns into a warrior square. The square starts at size 20 and remains the same size as you level up. The level is displayed at the top left corner of the canvas.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Sure! Here's the code for a simple game that meets your requirements:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Tap Warrior</title>
    <style>
        canvas {
            background-color: #f0f0f0;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Canvas Setup
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");

// Event Handler
        canvas.addEventListener("click", () => {
            level++;
            if (level === 15) {
                warrior = true;
            }
            render();
        });

// Game Logic
        function render() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw the square
            ctx.fillStyle = "red";
            if (warrior) {
                ctx.fillStyle = "gray";
            }

ctx.fillRect(
                canvas.width / 2 - size / 2,
                canvas.height / 2 - size / 2,
                size,
                size
            );

// Draw the level
            ctx.fillStyle = "black";
            ctx.font = "24px Arial";
            ctx.fillText("Level: " + level, 10, 30);
        }

// Start the Game
        render();
    </script>
</body>
</html>
```

The square starts at size 20 and remains the same size as you level up. The level is displayed at the top left corner of the canvas.