a 3d endless runner game where you have to dodge things in your way's game

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

No:37048

←

Prev Next

→

a 3d endless runner game where you have to dodge t..ALL
Developer User16971｜Date and time 24/1/20 1:21:30
Build time 17.789 sec｜Game capacity 5.135KB｜

Script

Sure, I can provide you with a basic outline of a simple 3D endless runner game implemented as a single HTML file using JavaScript. Please note that this is just a rough example and can be further enhanced and customized based on your requirements.

In this example, the game is played on a smartphone by using left and right arrow keys for movement. The player object is denoted by a red box, while the obstacles are green boxes. The player must dodge the obstacles by moving left or right and earn points for each successfully passed obstacle. The game ends if the player collides with an obstacle. The score is displayed on the screen, and once the game ends, an alert message shows the final score.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>3D Endless Runner Game</title>
    <style>
        #game-container {
            width: 100%;
            height: 500px;
            border: 1px solid black;
            position: relative;
            overflow: hidden;
        }
        #player {
            width: 50px;
            height: 50px;
            background-color: red;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
        }
        .obstacle {
            width: 50px;
            height: 50px;
            background-color: green;
            position: absolute;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="player"></div>
    </div>

// Start the game
        function startGame() {
            document.addEventListener("keydown", movePlayer);
            obstacleInterval = setInterval(createObstacle, 2000);
            moveObstacles();
            updateScore();
        }

// Move the player left or right
        function movePlayer(event) {
            if (event.key === "ArrowLeft") {
                if (player.style.left !== "0%") {
                    player.style.left = parseInt(player.style.left) - 10 + "%";
                }
            } else if (event.key === "ArrowRight") {
                if (player.style.left !== "90%") {
                    player.style.left = parseInt(player.style.left) + 10 + "%";
                }
            }
        }

// Create random obstacles
        function createObstacle() {
            var obstacle = document.createElement("div");
            obstacle.classList.add("obstacle");
            obstacle.style.left = getRandomPercentage() + "%";
            gameContainer.appendChild(obstacle);
        }

// Move the obstacles towards the player
        function moveObstacles() {
            var obstacles = document.getElementsByClassName("obstacle");
            for (var i = 0; i < obstacles.length; i++) {
                var obstacle = obstacles[i];
                var obstacleBottom = parseInt(obstacle.style.bottom);
                obstacle.style.bottom = obstacleBottom + speed + "px";

// Check collision with player
                if (checkCollision(obstacle)) {
                    gameOver();
                    return;
                }

// Remove obstacles once they are below the game container
                if (obstacleBottom > gameContainer.offsetHeight) {
                    obstacle.remove();
                    score++;
                    updateScore();
                }
            }
            requestAnimationFrame(moveObstacles);
        }

// Check collision between player and obstacle
        function checkCollision(obstacle) {
            var playerRect = player.getBoundingClientRect();
            var obstacleRect = obstacle.getBoundingClientRect();
            return (
                playerRect.left < obstacleRect.right &&
                playerRect.right > obstacleRect.left &&
                playerRect.top < obstacleRect.bottom &&
                playerRect.bottom > obstacleRect.top
            );
        }

// Game over logic
        function gameOver() {
            clearInterval(obstacleInterval);
            document.removeEventListener("keydown", movePlayer);
            alert("Game Over! Your score: " + score);
            resetGame();
        }

// Reset the game
        function resetGame() {
            score = 0;
            speed = 5;
            player.style.left = "50%";
            var obstacles = document.getElementsByClassName("obstacle");
            while (obstacles.length > 0) {
                obstacles[0].remove();
            }
        }

// Update the current score
        function updateScore() {
            document.getElementById("score").innerText = "Score: " + score;
        }

// Utility function to get a random percentage value
        function getRandomPercentage() {
            return Math.floor(Math.random() * 10) * 10;
        }

// Start the game initially
        startGame();
    </script>
</body>
</html>
```