Fighting scrolling platformer where you are Godzilla and you fight against tanks and planes and large boats's game

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

No:52742

207

←

Prev Next

→

Fighting scrolling platformer where you are Godzil..ALL
Developer User22128｜Date and time 24/3/24 11:35:09
Build time 15.639 sec｜Game capacity 4.14KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Godzilla Rampage</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
        canvas {
            display: block;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');

const godzilla = {
            x: 100,
            y: canvas.height - 100,
            width: 50,
            height: 50,
            speedX: 0,
            speedY: 0
        };

const tanks = [];
        const planes = [];
        const boats = [];

function drawGodzilla() {
            ctx.fillStyle = 'green';
            ctx.fillRect(godzilla.x, godzilla.y, godzilla.width, godzilla.height);
        }

function drawTanks() {
            for (let tank of tanks) {
                ctx.fillStyle = 'gray';
                ctx.fillRect(tank.x, tank.y, tank.width, tank.height);
            }
        }

function drawPlanes() {
            for (let plane of planes) {
                ctx.fillStyle = 'blue';
                ctx.fillRect(plane.x, plane.y, plane.width, plane.height);
            }
        }

function drawBoats() {
            for (let boat of boats) {
                ctx.fillStyle = 'brown';
                ctx.fillRect(boat.x, boat.y, boat.width, boat.height);
            }
        }

function moveGodzilla() {
            godzilla.x += godzilla.speedX;
            godzilla.y += godzilla.speedY;
        }

function generateTanks() {
            let tank = {
                x: Math.random() * canvas.width,
                y: Math.random() * 100,
                width: 30,
                height: 30,
                speedX: Math.random() * 4 - 2,
                speedY: Math.random() * 4 - 2
            };
            tanks.push(tank);
        }

function generatePlanes() {
            let plane = {
                x: Math.random() * canvas.width,
                y: Math.random() * 100,
                width: 40,
                height: 40,
                speedX: Math.random() * 4 - 2,
                speedY: Math.random() * 4 - 2
            };
            planes.push(plane);
        }

function generateBoats() {
            let boat = {
                x: Math.random() * canvas.width,
                y: Math.random() * 100,
                width: 50,
                height: 50,
                speedX: Math.random() * 4 - 2,
                speedY: Math.random() * 4 - 2
            };
            boats.push(boat);
        }

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

moveGodzilla();
            drawGodzilla();

drawTanks();
            for (let tank of tanks) {
                tank.x += tank.speedX;
                tank.y += tank.speedY;
            }

drawPlanes();
            for (let plane of planes) {
                plane.x += plane.speedX;
                plane.y += plane.speedY;
            }

drawBoats();
            for (let boat of boats) {
                boat.x += boat.speedX;
                boat.y += boat.speedY;
            }

generateTanks();
            generatePlanes();
            generateBoats();
        }

function gameLoop() {
            update();
            requestAnimationFrame(gameLoop);
        }

document.addEventListener('keyup', () => {
            godzilla.speedX = 0;
            godzilla.speedY = 0;
        });

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