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

No:42122

Upgrading the tree to max level (max upgrade is 25..ALL
Developer User18785｜Date and time 24/2/10 19:37:53
Build time 6.108 sec｜Game capacity 2.024KB｜

Script

Upgrade Tree Game

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Upgrade Tree Game</title>
</head>
<body>
    <h1>Upgrade Tree Game</h1>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

// Define the tree
        var tree = {
            level: 1,
            upgrades: 0
        };

// Define the game loop
        function gameLoop() {
            update();
            draw();

requestAnimationFrame(gameLoop);
        }

// Update the game state
        function update() {
            // Check for touch or click events on the tree
            canvas.addEventListener("touchstart", function(event) {
                event.preventDefault();
                upgradeTree();
            });

canvas.addEventListener("mousedown", function(event) {
                upgradeTree();
            });
        }

// Upgrade the tree
        function upgradeTree() {
            if (tree.upgrades < 25) {
                tree.upgrades++;
            } else if (tree.level < 5) {
                tree.level++;
                tree.upgrades = 0;
            }
        }

// Draw the game
        function draw() {
            // Clear the canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Draw the tree
            var treeImg = new Image();
            treeImg.src = "tree.png";
            treeImg.onload = function() {
                context.drawImage(treeImg, 0, 0);
            };

// Draw the current level and upgrades
            context.fillStyle = "black";
            context.font = "20px Arial";
            context.fillText("Level: " + tree.level, 10, canvas.height - 30);
            context.fillText("Upgrades: " + tree.upgrades, 10, canvas.height - 10);
        }

// Start the game loop
        gameLoop();
    </script>
</body>
</html>