Make a platforming game's game

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

No:49394

←

Prev Next

→

Make a platforming game
Developer User21041｜Date and time 24/3/5 1:14:38
Build time 6.618 sec｜Game capacity 1.661KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Platformer Game</title>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

const groundHeight = 30;
        const gravity = 0.5;

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

function updatePlayer() {
            playerY -= playerVelY;
            playerVelY -= gravity;

if (playerY > canvas.height - groundHeight) {
                playerY = canvas.height - groundHeight;
                isJumping = false;
            }
        }

function jump() {
            if (!isJumping) {
                playerVelY = 10;
                isJumping = true;
            }
        }

function drawGround() {
            ctx.fillStyle = 'green';
            ctx.fillRect(0, canvas.height - groundHeight, canvas.width, groundHeight);
        }

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

drawGround();
            drawPlayer();
            updatePlayer();

requestAnimationFrame(updateGame);
        }

document.addEventListener('keydown', function(event) {
            if (event.key === ' ') {
                jump();
            }
        });

canvas.width = 400;
        canvas.height = 400;

updateGame();
    </script>
</body>
</html>
```