WvC, its a tower defense game where you need to place watermelon towers with guns and destroy crows that attacking your base's game

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

No:22484

4418

←

Prev Next

→

WvC, its a tower defense game where you need to pl..ALL
Developer anonymous｜Date and time 70/1/1 10:10:58
Build time unknown sec｜Game capacity 4.258KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
<title>WvC: Watermelon vs Crows</title>
<style>
    body {
        font-family: Arial, sans-serif;
    }

canvas {
        border: 1px solid #333;
    }
</style>
</head>
<body>
<canvas id="gameCanvas" width="800" height="600"></canvas>
<script>
    // Game variables
    var canvas;
    var canvasContext;
    var towerImage;
    var crowImage;
    var watermelons;
    var crows;
    var score;
    var isGameOver;

// Initialize game
    function gameInit() {
        canvas = document.getElementById("gameCanvas");
        canvasContext = canvas.getContext("2d");
        towerImage = document.createElement("img");
        towerImage.src = "tower.png";
        crowImage = document.createElement("img");
        crowImage.src = "crow.png";
        watermelons = [];
        crows = [];
        score = 0;
        isGameOver = false;

canvas.addEventListener("mousedown", handleMouseClick);

// Game loop
        setInterval(function() {
            move();
            draw();
        }, 1000/30);

// Spawn crows
        setInterval(function() {
            if (!isGameOver) {
                spawnCrow();
            }
        }, 2000);
    }

// Handle mouse click event
    function handleMouseClick(evt) {
        if (isGameOver) {
            // Restart game when clicked after game over
            isGameOver = false;
            score = 0;
        } else {
            // Place tower when clicked
            var mouseX = evt.clientX - canvas.offsetLeft;
            var mouseY = evt.clientY - canvas.offsetTop;

var newWatermelon = {
                x: mouseX - towerImage.width/2,
                y: mouseY - towerImage.height/2
            };

watermelons.push(newWatermelon);
        }
    }

// Move game objects
    function move() {
        if (!isGameOver) {
            // Move crows towards the base
            for (var i = 0; i < crows.length; i++) {
                crows[i].x -= 5;
                if (crows[i].x < 0) {
                    // Crow reached the base
                    isGameOver = true;
                }
            }

// Remove watermelons that hit crows
            for (var i = 0; i < watermelons.length; i++) {
                for (var j = 0; j < crows.length; j++) {
                    if (collision(watermelons[i], crows[j])) {
                        watermelons.splice(i, 1);
                        crows.splice(j, 1);
                        score += 10;
                        break;
                    }
                }
            }
        }
    }

// Check collision between two objects
    function collision(obj1, obj2) {
        return obj1.x < obj2.x + crowImage.width &&
               obj1.x + towerImage.width > obj2.x &&
               obj1.y < obj2.y + crowImage.height &&
               obj1.y + towerImage.height > obj2.y;
    }

// Spawn new crow
    function spawnCrow() {
        var newCrow = {
            x: canvas.width,
            y: Math.floor(Math.random() * (canvas.height - crowImage.height))
        };

crows.push(newCrow);
    }

// Draw game objects
    function draw() {
        // Clear canvas
        canvasContext.fillStyle = "#87CEEB";
        canvasContext.fillRect(0, 0, canvas.width, canvas.height);

// Draw watermelons
        for (var i = 0; i < watermelons.length; i++) {
            canvasContext.drawImage(towerImage, watermelons[i].x, watermelons[i].y);
        }

// Draw crows
        for (var i = 0; i < crows.length; i++) {
            canvasContext.drawImage(crowImage, crows[i].x, crows[i].y);
        }

// Draw score
        canvasContext.fillStyle = "#000";
        canvasContext.font = "20px Arial";
        canvasContext.fillText("Score: " + score, 10, 30);

// Draw game over message
        if (isGameOver) {
            canvasContext.fillStyle = "#000";
            canvasContext.font = "bold 40px Arial";
            canvasContext.fillText("Game Over!", canvas.width/2 - 100, canvas.height/2);
            canvasContext.fillText("Click to Play Again", canvas.width/2 - 120, canvas.height/2 + 50);
        }
    }

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