Railroad Crossing game's game

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

No:18014

←

Prev Next

→

Railroad Crossing game
Developer User7888｜Date and time 23/9/26 1:08:25
Build time 38.676 sec｜Game capacity 3.916KB｜

Script

Here's a simple implementation of a Railroad Crossing game using HTML and JavaScript:

🚉

To play the game, simply open the HTML file in a web browser (preferably on a smartphone) and control the player position using touch gestures or arrow keys on a physical keyboard. The goal is to avoid colliding with the obstacles (represented by red bars) that appear on the screen. The game speed increases over time, and the score is displayed on the screen. When a collision occurs, the game ends and the final score is shown in an alert box.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

Here's a simple implementation of a Railroad Crossing game using HTML and JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Railroad Crossing Game</title>
    <style>
        #player {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 50px;
        }
        .obstacle {
            position: absolute;
            top: 0;
            height: 100%;
            width: 10px;
            background-color: red;
        }
    </style>
</head>
<body>
    <script>
        // Game variables
        let playerPosition;
        let score;
        let gameSpeed;
        let gameRunning;
        let gameOver;

// Initialize game
        function initGame() {
            // Set initial game state
            playerPosition = { x: 0, y: 0 };
            score = 0;
            gameSpeed = 5;
            gameRunning = true;
            gameOver = false;

// Place the player on the screen
            document.getElementById('player').style.top = playerPosition.y + '%';
            document.getElementById('player').style.left = playerPosition.x + '%';

// Start game loop
            gameLoop();
        }

// Game loop
        function gameLoop() {
            if (!gameRunning) return;

// Move obstacles
            let obstacles = document.getElementsByClassName('obstacle');
            for (let i = 0; i < obstacles.length; i++) {
                let obstacle = obstacles[i];
                obstacle.style.left = parseInt(obstacle.style.left) - gameSpeed + 'px';

// Check collision with player
                if (parseInt(obstacle.style.left) <= 10 && playerPosition.y >= 40 && playerPosition.y <= 60) {
                    gameOver = true;
                    gameRunning = false;
                    alert('Game Over! Score: ' + score);
                    break;
                }
            }

// Increase score
            if (!gameOver) {
                score++;
            }

// Increase speed over time
            if (score % 100 === 0 && gameSpeed < 20) {
                gameSpeed++;
            }

// Update player position
            if (gameRunning) {
                playerPosition.x += 5;
                playerPosition.x %= 100;
                document.getElementById('player').style.left = playerPosition.x + '%';
            }

// Add new obstacles
            if (score % 50 === 0) {
                let obstacle = document.createElement('div');
                obstacle.className = 'obstacle';
                obstacle.style.left = '100%';
                document.body.appendChild(obstacle);
            }

// Remove passed obstacles
            for (let i = 0; i < obstacles.length; i++) {
                let obstacle = obstacles[i];
                if (parseInt(obstacle.style.left) < -10) {
                    obstacle.parentNode.removeChild(obstacle);
                }
            }

// Call the game loop again after a delay
            setTimeout(gameLoop, 1000 / 60);
        }

// Start game when the page is loaded
        window.onload = function() {
            initGame();
        };
    </script>
    <div id="player">🚉</div>
</body>
</html>
```