A platforming game where there’s flying bullets that come at you make it also work on mobile and computer's game

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

No:49350

←

Prev Next

→

A platforming game where there’s flying bullets th..ALL
Developer User21041｜Date and time 24/3/5 0:04:00
Build time 7.51 sec｜Game capacity 1.548KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
    canvas {
        border: 2px solid black;
        background-color: #f0f0f0;
    }
</style>
</head>
<body>
<canvas id="gameCanvas" width="800" height="600"></canvas>
<script>
    const canvas = document.getElementById("gameCanvas");
    const ctx = canvas.getContext("2d");

let playerX = 400;
    let playerY = 550;

let bulletX = Math.random() * 800;
    let bulletY = 0;

function drawPlayer() {
        ctx.fillStyle = "red";
        ctx.fillRect(playerX, playerY, 20, 20);
    }

function drawBullet() {
        ctx.fillStyle = "black";
        ctx.fillRect(bulletX, bulletY, 10, 10);
    }

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

drawPlayer();
        drawBullet();

bulletY += 4;
        if (bulletY > 600) {
            bulletX = Math.random() * 800;
            bulletY = 0;
        }

if (playerX < bulletX + 10 &&
            playerX + 20 > bulletX &&
            playerY < bulletY + 10 &&
            playerY + 20 > bulletY) {
            alert("Game Over!");
            location.reload();
        }

requestAnimationFrame(update);
    }

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