AI game creator

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

No:49094

←

Prev Next

→

Shooting Game
Developer User20934｜Date and time 24/3/3 19:05:42
Build time 10.215 sec｜Game capacity 3.359KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

<!DOCTYPE html>
<html>

<head>
    <title>Shooting Game</title>
</head>

<body>
    <canvas id="gameCanvas" width="600" height="400"></canvas>
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');

const player = {
            x: 300,
            y: 350,
            width: 30,
            height: 30,
            color: 'blue',
            speed: 5
        };

const bullets = [];
        const enemies = [];

function drawPlayer() {
            ctx.fillStyle = player.color;
            ctx.fillRect(player.x, player.y, player.width, player.height);
        }

function drawBullets() {
            for (let i = 0; i < bullets.length; i++) {
                ctx.fillStyle = 'red';
                ctx.fillRect(bullets[i].x, bullets[i].y, 5, 10);
            }
        }

function drawEnemies() {
            for (let i = 0; i < enemies.length; i++) {
                ctx.fillStyle = 'green';
                ctx.fillRect(enemies[i].x, enemies[i].y, 30, 30);
            }
        }

function movePlayer(event) {
            if (event.key === 'ArrowLeft' && player.x > 0) {
                player.x -= player.speed;
            } else if (event.key === 'ArrowRight' && player.x < canvas.width - player.width) {
                player.x += player.speed;
            }
        }

function shoot() {
            bullets.push({
                x: player.x + player.width / 2 - 2.5,
                y: player.y,
                speed: 5
            })
        }

function createEnemy() {
            enemies.push({
                x: Math.random() * (canvas.width - 30),
                y: 0,
                speed: Math.random() * 2 + 1
            });
        }

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

drawPlayer();
            drawBullets();
            drawEnemies();

moveBullets();
            moveEnemies();

if (Math.random() < 0.01) {
                createEnemy();
            }

for (let i = 0; i < bullets.length; i++) {
                for (let j = 0; j < enemies.length; j++) {
                    if (bullets[i].x < enemies[j].x + 30 &&
                        bullets[i].x + 5 > enemies[j].x &&
                        bullets[i].y < enemies[j].y + 30 &&
                        bullets[i].y + 10 > enemies[j].y) {
                        bullets.splice(i, 1);
                        enemies.splice(j, 1);
                    }
                }
            }

requestAnimationFrame(gameLoop);
        }

gameLoop();

document.addEventListener('keydown', movePlayer);
        document.addEventListener('keyup', shoot);
    </script>
</body>

</html>