Subway run and character will be boy run's game

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

No:30494

←

Prev Next

→

Subway run and character will be boy run
Developer User14809｜Date and time 23/12/22 7:38:19
Build time 18.214 sec｜Game capacity 3.857KB｜

Script

Sure! Here's an example of a simple Subway Run game implemented as a single HTML file using JavaScript and pictograms:

In this game, the player controls a character (boy) that can run, jump, and move left or right using the arrow keys on a smartphone. The character is displayed as a blue rectangle, and the ground is displayed as a green rectangle. The game loop continuously updates and redraws the canvas. When the player presses the "ArrowUp" key, the character jumps, while "ArrowRight" and "ArrowLeft" keys allow horizontal movement. The character is restricted from jumping while already in mid-air to simulate realistic physics. Please note that this is a basic implementation of a Subway Run game. You can enhance it further by adding obstacles, power-ups, scoring system, and more based on your requirements and game design.

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

Sure! Here's an example of a simple Subway Run game implemented as a single HTML file using JavaScript and pictograms:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Subway Run Game</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Create character object
        const character = {
            x: 50,
            y: canvas.height - 50,
            width: 50,
            height: 50,
            speed: 5,
            jumping: false
        };

const groundHeight = 20;

// Create ground object
        const ground = {
            x: 0,
            y: canvas.height - groundHeight,
            width: canvas.width,
            height: groundHeight
        };

// Game loop
        function gameLoop() {
            clearCanvas();
            drawCharacter();
            drawGround();
            requestAnimationFrame(gameLoop);
        }

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

// Draw character function
        function drawCharacter() {
            ctx.fillStyle = 'blue';
            ctx.fillRect(character.x, character.y, character.width, character.height);
        }

// Draw ground function
        function drawGround() {
            ctx.fillStyle = 'green';
            ctx.fillRect(ground.x, ground.y, ground.width, ground.height);
        }

// Handle keydown events
        function handleKeyDown(event) {
            if (event.key === 'ArrowUp' && !character.jumping) {
                character.jumping = true;
                jump();
            } else if (event.key === 'ArrowRight') {
                character.x += character.speed;
            } else if (event.key === 'ArrowLeft') {
                character.x -= character.speed;
            }
        }

// Jump function
        function jump() {
            let jumpCount = 0;
            const jumpInterval = setInterval(() => {
                character.y -= 5;
                jumpCount++;
                if (jumpCount === 15) {
                    clearInterval(jumpInterval);
                    fall();
                }
            }, 20);
        }

// Fall function
        function fall() {
            let fallCount = 0;
            const fallInterval = setInterval(() => {
                character.y += 5;
                fallCount++;
                if (fallCount === 15) {
                    clearInterval(fallInterval);
                    character.jumping = false;
                }
            }, 20);
        }

// Start game loop
        gameLoop();

// Event listener for keydown events
        window.addEventListener('keydown', handleKeyDown);
    </script>
</body>
</html>
```

When the player presses the "ArrowUp" key, the character jumps, while "ArrowRight" and "ArrowLeft" keys allow horizontal movement. The character is restricted from jumping while already in mid-air to simulate realistic physics.

Please note that this is a basic implementation of a Subway Run game. You can enhance it further by adding obstacles, power-ups, scoring system, and more based on your requirements and game design.