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:44815

←

Prev Next

→

Circles and squares shooting out projectiles And o..ALL
Developer User19470｜Date and time 24/2/19 6:34:15
Build time 8.594 sec｜Game capacity 3.516KB｜

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="800" height="600"></canvas>
    
    <script>
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");

const player = {
            x: canvas.width / 2,
            y: canvas.height - 30,
            radius: 20,
            color: "#f00",
            speed: 5
        };

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

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

function movePlayer(direction) {
            if (direction === "left" && player.x - player.speed > 0) {
                player.x -= player.speed;
            } else if (direction === "right" && player.x + player.speed < canvas.width) {
                player.x += player.speed;
            }
        }

function spawnEnemies() {
            const enemy = {
                x: Math.random() * canvas.width,
                y: 0,
                radius: 15,
                color: "#00f",
                speed: 3
            };
            enemies.push(enemy);
        }

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

function moveEnemies() {
            enemies.forEach(enemy => {
                enemy.y += enemy.speed;
            });
        }

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

drawPlayer();

projectiles.forEach((projectile, index) => {
                projectile.y -= 8;
                ctx.beginPath();
                ctx.fillStyle = "#fff";
                ctx.arc(projectile.x, projectile.y, projectile.radius, 0, Math.PI * 2);
                ctx.fill();
                ctx.closePath();

if (projectile.y + projectile.radius < 0) {
                    projectiles.splice(index, 1);
                }
            });

moveEnemies();
            drawEnemies();

collisionDetection();

requestAnimationFrame(animate);
        }

setInterval(spawnEnemies, 1000);

animate();