Circles and squares shooting out projectiles And other things appear And they home in at it's game

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

No:44816

←

Prev Next

→

Circles and squares shooting out projectiles And o..ALL
Developer User19470｜Date and time 24/2/19 6:35:09
Build time 10.88 sec｜Game capacity 3.34KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Projectile Shooter Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');

const player = {
            x: canvas.width / 2,
            y: canvas.height / 2,
            radius: 20,
            speed: 5
        };

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

function drawPlayer() {
            ctx.fillStyle = 'blue';
            ctx.beginPath();
            ctx.arc(player.x, player.y, player.radius, 0, Math.PI * 2);
            ctx.fill();
        }

function drawProjectiles() {
            projectiles.forEach(projectile => {
                ctx.fillStyle = 'red';
                ctx.fillRect(projectile.x, projectile.y, 10, 10);
            });
        }

function drawEnemies() {
            enemies.forEach(enemy => {
                ctx.fillStyle = 'green';
                ctx.beginPath();
                ctx.arc(enemy.x, enemy.y, enemy.radius, 0, Math.PI * 2);
                ctx.fill();
            });
        }

function moveProjectiles() {
            projectiles.forEach(projectile => {
                projectile.x += 5;
            });
        }

function moveEnemies() {
            enemies.forEach(enemy => {
                const dx = player.x - enemy.x;
                const dy = player.y - enemy.y;
                const angle = Math.atan2(dy, dx);
                enemy.x += Math.cos(angle) * 2;
                enemy.y += Math.sin(angle) * 2;
            });
        }

function spawnEnemies() {
            const radius = 15;
            const x = Math.random() < 0.5 ? 0 - radius : canvas.width + radius;
            const y = Math.random() * canvas.height;
            const angle = Math.atan2(player.y - y, player.x - x);
            enemies.push({ x, y, radius, angle });
        }

function update() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

drawPlayer();
            moveProjectiles();
            drawProjectiles();
            moveEnemies();
            drawEnemies();
            spawnEnemies();
            collisionDetection();

requestAnimationFrame(update);
        }

update();
    </script>
</body>
</html>