Endless cube runner game's game

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

No:33640

←

Prev Next

→

Endless cube runner game
Developer User15858｜Date and time 24/1/5 20:40:41
Build time 38.379 sec｜Game capacity 3.996KB｜

Script

Sure, here's an example of an endless cube runner game implemented in a single HTML file using JavaScript:

To run the game, you can simply copy and paste the code into a text editor and save it with a .html extension. Then open the file in any web browser (preferably on a smartphone) to play the game. The player can jump by tapping on the screen and the goal is to avoid colliding with the blue obstacles. The score increases as the player successfully avoids obstacles, and the game continues until a collision occurs. When the game ends, an alert will display the player's final score, and the page can be reloaded to play again.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Sure, here's an example of an endless cube runner game implemented in a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        #game {
            position: relative;
            width: 400px;
            height: 600px;
            margin: 0 auto;
            border: 1px solid #000;
        }
        
        #player {
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 50px;
            height: 50px;
            background: red;
        }
        
        .obstacle {
            position: absolute;
            width: 50px;
            height: 50px;
            background: blue;
        }
    </style>
</head>
<body>
    <div id="game">
        <div id="player"></div>
    </div>

// Event listeners
        document.addEventListener('DOMContentLoaded', function() {
            game.addEventListener('click', jumpPlayer);
            setInterval(updateGame, 10);
            setInterval(createObstacle, obstacleInterval);
        });

// Functions
        function jumpPlayer() {
            playerYPosition -= playerJumpPower;
        }

function createObstacle() {
            var obstacle = document.createElement('div');
            obstacle.classList.add('obstacle');
            obstacle.style.left = game.offsetWidth + 'px';
            obstacle.style.top = Math.floor(Math.random() * (game.offsetHeight - 50)) + 'px';
            game.appendChild(obstacle);
            obstacles.push(obstacle);
        }

function updateGame() {
            // Handle player movement
            playerYPosition += gravity;
            player.style.bottom = playerYPosition + 'px';

// Handle obstacle movement
            for (var i = 0; i < obstacles.length; i++) {
                var obstacle = obstacles[i];
                var obstacleLeft = parseInt(obstacle.style.left);
                obstacle.style.left = (obstacleLeft - obstacleSpeed) + 'px';

// Collision detection
                if (checkCollision(player, obstacle)) {
                    endGame();
                    return;
                }

// Remove off-screen obstacles
                if (obstacleLeft < -50) {
                    game.removeChild(obstacle);
                    obstacles.splice(i, 1);
                    score++;
                    updateScore();
                }
            }
        }

function checkCollision(element1, element2) {
            var rect1 = element1.getBoundingClientRect();
            var rect2 = element2.getBoundingClientRect();

return !(rect1.right < rect2.left ||
                     rect1.left > rect2.right ||
                     rect1.bottom < rect2.top ||
                     rect1.top > rect2.bottom);
        }

function updateScore() {
            document.title = 'Score: ' + score;
        }

function endGame() {
            alert('Game Over! Your score: ' + score);
            location.reload();
        }
    </script>
</body>
</html>
```