AI game creator

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

No:39108

←

Prev Next

→

Platformer
Developer User17522｜Date and time 24/1/26 22:11:45
Build time 13.499 sec｜Game capacity 2.741KB｜

Script

Certainly! Here's a simple platformer game implemented as a single HTML file using JavaScript:

This game features a simple platformer where the player can move left, right, and jump using arrow keys. The player, represented by a red square, can jump on the green ground and will fall back down due to gravity. The game is automatically started when the HTML file is opened in a browser.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

Certainly! Here's a simple platformer game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            margin: 0;
            padding: 0;
        }

#gameCanvas {
            background-color: #f0f0f0;
            border: 1px solid #333;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="300"></canvas>

const player = {
            x: 32,
            y: 30,
            width: 32,
            height: 32,
            speed: 5,
            jumping: false
        };

const ground = {
            x: 0,
            y: canvas.height - 32,
            width: canvas.width,
            height: 32
        };

let keys = {};

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

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

function update() {
            if (keys['ArrowUp'] && !player.jumping) {
                player.jumping = true;
                player.y -= 80;
            }

if (keys['ArrowRight'] && player.x < canvas.width - player.width) {
                player.x += player.speed;
            }

if (keys['ArrowLeft'] && player.x > 0) {
                player.x -= player.speed;
            }

if (player.jumping) {
                player.y += 5;
                if (player.y >= ground.y) {
                    player.y = ground.y;
                    player.jumping = false;
                }
            }

draw();
        }

function draw() {
            context.clearRect(0, 0, canvas.width, canvas.height);

context.fillStyle = '#ff0000';
            context.fillRect(player.x, player.y, player.width, player.height);

context.fillStyle = '#00ff00';
            context.fillRect(ground.x, ground.y, ground.width, ground.height);
        }

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

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