Make a platforming game where you can press but it’s up down left and right on the screen to move up down left and right up does jump left moves to the left right moves you to the right and down lets you crouch's game

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

No:49396

←

Prev Next

→

Make a platforming game where you can press but it..ALL
Developer User21041｜Date and time 24/3/5 1:16:04
Build time 7.344 sec｜Game capacity 1.802KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Platformer Game</title>
</head>
<body style="margin: 0; padding: 0;">
    <canvas id="gameCanvas" width="320" height="480"></canvas>
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');

const player = {
            x: 160,
            y: 400,
            width: 30,
            height: 30,
            speed: 5,
            isJumping: false
        };

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

// Draw player
            ctx.fillStyle = 'blue';
            ctx.fillRect(player.x, player.y, player.width, player.height);

requestAnimationFrame(update);
        }

function moveUp() {
            if(!player.isJumping) {
                player.y -= player.speed;
            }
        }

function moveDown() {
            player.y += player.speed;
        }

function moveLeft() {
            player.x -= player.speed;
        }

function moveRight() {
            player.x += player.speed;
        }

document.addEventListener('keydown', function(event) {
            switch(event.key) {
                case 'ArrowUp':
                    moveUp();
                    break;
                case 'ArrowDown':
                    moveDown();
                    break;
                case 'ArrowLeft':
                    moveLeft();
                    break;
                case 'ArrowRight':
                    moveRight();
                    break;
            }
        });

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