Make a obby with a time limit selected by user's game

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

No:16621

←

Prev Next

→

Make a obby with a time limit selected by user
Developer User7388｜Date and time 23/9/19 20:00:14
Build time 36.209 sec｜Game capacity 3.971KB｜

Script

Sure! Here's a simple HTML file that implements a game with an obstacle course (obby) and a time limit selected by the user:

To run the game: 1. Copy the code above and save it in a file with a .html extension (e.g., game.html). 2. Open the file in a web browser, preferably on a smartphone. 3. The game will prompt you to enter a time limit (in seconds). Enter your desired time limit. 4. The game will start, and you can use the left and right arrow keys on the smartphone keyboard to move the player (represented as a blue circle) to avoid the moving obstacle (represented as a red circle). 5. If you collide with the obstacle, the game will end, and it will display the time elapsed. 6. If you exceed the time limit without completing the obstacle course, the game will end, and it will notify you that time's up. Note: This is a basic implementation of the game using JavaScript and HTML canvas. You can customize and enhance it further according to your preferences and requirements.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple HTML file that implements a game with an obstacle course (obby) and a time limit selected by the user:

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        canvas {
            border: 1px solid black;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Function to start the game
        function startGame() {
            canvas = document.getElementById("gameCanvas");
            ctx = canvas.getContext("2d");

playerX = canvas.width / 2;
            playerY = canvas.height - 30;
            obstacleX = canvas.width / 2;
            obstacleY = 0;

timeLimit = prompt("Enter time limit (in seconds):");
            startTime = Date.now();
            currentTime = 0;

document.addEventListener("keydown", movePlayer);
            gameInterval = setInterval(updateGame, 10);
        }

// Function to update the game
        function updateGame() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
            ctx.beginPath();
            ctx.arc(playerX, playerY, 20, 0, Math.PI * 2);
            ctx.fillStyle = "blue";
            ctx.fill();
            ctx.closePath();

// Draw obstacle
            ctx.beginPath();
            ctx.arc(obstacleX, obstacleY, 10, 0, Math.PI * 2);
            ctx.fillStyle = "red";
            ctx.fill();
            ctx.closePath();

// Update obstacle position
            obstacleY += 1;

// Check collision
            if (playerX > obstacleX - 20 && playerX < obstacleX + 20 && playerY > obstacleY - 20 && playerY < obstacleY + 20) {
                clearInterval(gameInterval);
                var timeElapsed = Math.floor((currentTime - startTime) / 1000);
                alert("Game Over!\nTime Elapsed: " + timeElapsed + " seconds");
            }

// Update current time
            currentTime = Date.now();

// Check time limit
            if ((currentTime - startTime) / 1000 >= timeLimit) {
                clearInterval(gameInterval);
                alert("Time's up! You couldn't complete the obstacle course on time.");
            }
        }

// Function to move the player based on keyboard input
        function movePlayer(e) {
            if (e.keyCode === 37 && playerX > 30) {
                playerX -= 5; // Move left
            } else if (e.keyCode === 39 && playerX < canvas.width - 30) {
                playerX += 5; // Move right
            }
        }

// Start the game on window load
        window.onload = function () {
            startGame();
        };
    </script>
</body>
</html>
```

To run the game:
1. Copy the code above and save it in a file with a .html extension (e.g., game.html).
2. Open the file in a web browser, preferably on a smartphone.
3. The game will prompt you to enter a time limit (in seconds). Enter your desired time limit.
4. The game will start, and you can use the left and right arrow keys on the smartphone keyboard to move the player (represented as a blue circle) to avoid the moving obstacle (represented as a red circle).
5. If you collide with the obstacle, the game will end, and it will display the time elapsed.
6. If you exceed the time limit without completing the obstacle course, the game will end, and it will notify you that time's up.

Note: This is a basic implementation of the game using JavaScript and HTML canvas. You can customize and enhance it further according to your preferences and requirements.