AI game creator

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

No:44972

←

Prev Next

→

Shooting Game
Developer User19521｜Date and time 24/2/19 20:56:54
Build time 8.2 sec｜Game capacity 2.208KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Игра по стрельбе</title>
    <style>
        body {
            text-align: center;
        }
        
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

let player = {
            x: 200,
            y: 350,
            width: 50,
            height: 50,
            color: 'blue',
            speed: 10
        };

let bullets = [];

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

function drawBullets() {
            bullets.forEach(bullet => {
                ctx.fillStyle = 'red';
                ctx.fillRect(bullet.x, bullet.y, 5, 5);
            });
        }

function moveBullets() {
            bullets = bullets.filter(bullet => bullet.y > 0);
            bullets.forEach(bullet => {
                bullet.y -= 5;
            });
        }

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

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

moveBullets();
            drawPlayer();
            drawBullets();

requestAnimationFrame(gameLoop);
        }

gameLoop();