AI game creator

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

No:42073

←

Prev Next

→

Tower defence
Developer User18785｜Date and time 24/2/10 12:37:58
Build time 12.861 sec｜Game capacity 5.095KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Tower Defence Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

// Create the game canvas
        const canvas = document.getElementById('gameCanvas');
        const context = canvas.getContext('2d');

// Game variables
        let playerHealth = 100;
        let playerGold = 200;
        let wave = 1;
        let score = 0;

// Game objects
        const towerImage = new Image();
        towerImage.src = 'tower.png';

const enemyImage = new Image();
        enemyImage.src = 'enemy.png';

const projectiles = [];
        const enemies = [];

// Game loop function
        function gameLoop() {
            update();
            draw();
            requestAnimationFrame(gameLoop);
        }

// Update game state
        function update() {
            // Spawn new enemies
            if (wave % 5 === 0) {
                spawnEnemy(3, 2);
            } else {
                spawnEnemy(2, 1);
            }

// Move enemies
            enemies.forEach(enemy => {
                enemy.x -= enemy.speed;

// Check if enemy reaches the player
                if (enemy.x < 0) {
                    playerHealth -= enemy.strength;
                    removeEnemy(enemy);
                }
            });

// Move projectiles
            projectiles.forEach(projectile => {
                projectile.x += projectile.speed;

// Check if projectile hits an enemy
                enemies.forEach(enemy => {
                    if (
                        projectile.x > enemy.x &&
                        projectile.x < enemy.x + enemyImage.width &&
                        projectile.y > enemy.y &&
                        projectile.y < enemy.y + enemyImage.height
                    ) {
                        score += enemy.points;
                        removeProjectile(projectile);
                        removeEnemy(enemy);
                    }
                });
            });

// Remove projectiles that are out of the canvas
            projectiles.forEach(projectile => {
                if (projectile.x > canvas.width) {
                    removeProjectile(projectile);
                }
            });
        }

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

// Draw player health and gold
            context.font = '20px Arial';
            context.fillStyle = 'red';
            context.fillText(`Health: ${playerHealth}`, 10, 30);
            context.fillStyle = 'gold';
            context.fillText(`Gold: ${playerGold}`, 10, 60);

// Draw towers
            context.drawImage(towerImage, 700, 250);

// Draw enemies
            enemies.forEach(enemy => {
                context.drawImage(enemyImage, enemy.x, enemy.y);
            });

// Draw projectiles
            projectiles.forEach(projectile => {
                context.fillStyle = 'black';
                context.fillRect(projectile.x, projectile.y, 5, 5);
            });

// Draw game over message
            if (playerHealth <= 0) {
                context.font = '40px Arial';
                context.fillStyle = 'red';
                context.fillText('Game Over', canvas.width / 2 - 100, canvas.height / 2);
            }
        }

// Spawn new enemy at random position
        function spawnEnemy(strength, points) {
            const enemy = {
                x: canvas.width - enemyImage.width,
                y: Math.random() * (canvas.height - enemyImage.height),
                speed: Math.random() * 2 + 1,
                strength,
                points
            };
            enemies.push(enemy);
        }

// Remove enemy from the list
        function removeEnemy(enemy) {
            const index = enemies.indexOf(enemy);
            if (index > -1) {
                enemies.splice(index, 1);
            }
        }

// Shoot a projectile from the tower
        function shootProjectile() {
            if (playerGold >= 10) {
                const projectile = {
                    x: 700,
                    y: 275,
                    speed: 5
                };
                projectiles.push(projectile);
                playerGold -= 10;
            }
        }

// Remove projectile from the list
        function removeProjectile(projectile) {
            const index = projectiles.indexOf(projectile);
            if (index > -1) {
                projectiles.splice(index, 1);
            }
        }

// Event listeners for shooting projectiles
        window.addEventListener('keydown', (event) => {
            if (event.code === 'Space') {
                shootProjectile();
            }
        });

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