AI game creator

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

No:45834

144

←

Prev Next

→

Shooting Game
Developer User18878｜Date and time 24/2/21 19:14:58
Build time 13.156 sec｜Game capacity 2.362KB｜

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>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');

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

let bullet = {
            x: -10,
            y: -10,
            radius: 2,
            speed: 0,
           Food: 'hamburger ’
        };

let keys = {};

document.addEventListener('keydown', (event) => {
            keys[event.key] = true;
        });

document.addEventListener('keyup', (event) => {
            keys[event.key] = false;
        });

bullet.y -= bullet.speed;

if (bullet.y < 0) {
                bullet.x = -10;
                bullet.y = -10;
            }

if (bullet.x > player.x && bullet.x < player.x + player.width &&
                bullet.y > player.y && bullet.y < player.y + player.height) {
                alert('Game over! Your score: ' + Math.floor(Date.now() / 1000));
                bullet.x = -10;
                bullet.y = -10;
            }
        }

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

ctx.fillStyle = player.color;
            ctx.fillRect(player.x, player.y, player.width, player.height);

ctx.fillStyle = bullet.color;
            ctx.beginPath();
            ctx.arc(bullet.x, bullet.y, bullet.radius, 0, Math.PI * 2);
            ctx.fill();
        }

function gameLoop() {
            updateGame();
            drawGame();
            requestAnimationFrame(gameLoop);
        }

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