Make a game where you Buy plants and plant them at your garden to shoot the evil zombies's game

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

No:35783

←

Prev Next

→

Make a game where you Buy plants and plant them at..ALL
Developer User16544｜Date and time 24/1/15 9:05:56
Build time 17.458 sec｜Game capacity 5.106KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Plant Defense</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    <script>
        // Criar o elemento canvas
        var canvas = document.getElementById("gameCanvas");
        var context = canvas.getContext("2d");

// Variáveis do jogo
        var garden = [];
        var zombies = [];
        var score = 0;
        var gameOver = false;

// Classe do Jogo
        function Game() {
            this.start = function () {
                canvas.addEventListener("click", handleClick);
                setInterval(update, 1000/60); // Atualiza o jogo a 60FPS
            }

var plantIcons = {
                sunflower: "./sunflower.png",
                shooter: "./shooter.png"
            };

// Define as plantas disponíveis
            var plants = [
                {name: "Sunflower", cost: 50, icon: plantIcons.sunflower},
                {name: "Shooter", cost: 100, icon: plantIcons.shooter}
            ];

// Função para adicionar plantas ao jardim
            this.addPlant = function (plant) {
                if (score >= plant.cost) {
                    // Verifica se o local já está ocupado
                    if (!garden[plant.position]) {
                        score -= plant.cost;
                        garden[plant.position] = plant;
                    }
                }
            };

// Função para adicionar zumbis
            function spawnZombies() {
                var zombie = {x: canvas.width, y: Math.floor(Math.random() * canvas.height)};
                zombies.push(zombie);
            }

// Função para renderizar o jogo
            function render() {
                context.clearRect(0, 0, canvas.width, canvas.height);
                context.fillStyle = "#00FF00"; // Cor do gramado
                context.fillRect(0, 0, canvas.width, canvas.height);

// Renderiza as plantas no jardim
                for (var i = 0; i < garden.length; i++) {
                    var plant = garden[i];
                    var image = new Image();
                    image.src = plant.icon;
                    context.drawImage(image, i * 100, 550, 100, 100);
                }

// Renderiza os zumbis
                context.fillStyle = "#FF0000"; // Cor dos zumbis
                for (var i = 0; i < zombies.length; i++) {
                    var zombie = zombies[i];
                    context.fillRect(zombie.x, zombie.y, 50, 50);
                }

// Renderiza a pontuação
                context.font = "24px Arial";
                context.fillStyle = "#000000"; // Cor do texto
                context.fillText("Pontuação: " + score, 10, 30);

// Verifica se o jogo terminou
                if (gameOver) {
                    context.fillText("Fim de Jogo!", canvas.width/2 - 70, canvas.height/2);
                }
            }

// Função para atualizar o jogo
            function update() {
                if (!gameOver) {
                    spawnZombies();
                    moveZombies();
                    checkCollision();
                    render();
                }
            }

// Função para mover os zumbis
            function moveZombies() {
                for (var i = 0; i < zombies.length; i++) {
                    zombies[i].x -= 5; // Velocidade dos zumbis
                }
            }

// Função para verificar colisões entre plantas e zumbis
            function checkCollision() {
                for (var i = 0; i < garden.length; i++) {
                    var plant = garden[i];
                    for (var j = 0; j < zombies.length; j++) {
                        var zombie = zombies[j];
                        if (zombie.x <= (i * 100 + 100) && zombie.y >= 550 && plant) {
                            garden[i] = null;
                            zombies.splice(j, 1);
                            score += 10;
                        }
                    }
                }
            }

// Função para lidar com o clique do usuário
            function handleClick(event) {
                if (!gameOver) {
                    var rect = canvas.getBoundingClientRect();
                    var x = event.clientX - rect.left;
                    var y = event.clientY - rect.top;

var gardenIndex = Math.floor(x / 100);
                    var clickedPlant = plants[y < canvas.height - 100 ? 0 : 1];

var newPlant = {
                        name: clickedPlant.name,
                        cost: clickedPlant.cost,
                        position: gardenIndex,
                        icon: clickedPlant.icon
                    }

game.addPlant(newPlant);
                }
            }
        }

// Cria uma instância do jogo
        var game = new Game();

// Inicia o jogo
        game.start();
    </script>
</body>
</html>