A game where you tap to jump Once and hold to jump more than once and the game will generate obstacles in a level if you avoid 10 obstacles in a level you get to a harder level and if you beat 3 levels you win's game

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

No:19367

←

Prev Next

→

A game where you tap to jump Once and hold to jump..ALL
Developer User8566｜Date and time 23/10/3 8:24:04
Build time 15.812 sec｜Game capacity 4.497KB｜

Script

Sure, here's a simple implementation of the game you described using HTML and JavaScript:

To play the game, you can save this code into a single HTML file and open it with a web browser on your smartphone. Tap the screen to make the player character jump, and hold the tap for longer jumps. The objective is to avoid the obstacles that are generated in the level. If you manage to avoid 10 obstacles, the game will get harder by increasing the obstacle speed. If you beat 3 levels, you win. Note that this implementation is a basic version and can be further improved and expanded upon based on your specific requirements and needs.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Sure, here's a simple implementation of the game you described using HTML and JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Jumping Game</title>
    <script>
        var canvas, ctx;
        var playerX, playerY, playerJumping;
        var obstacleX, obstacleY, obstacleWidth;
        var level, obstacleCount, obstaclesAvoided, gameStarted;

function init() {
            canvas = document.getElementById("gameCanvas");
            ctx = canvas.getContext("2d");

playerX = 50;
            playerY = canvas.height - 100;
            playerJumping = false;

obstacleX = canvas.width;
            obstacleY = 0;
            obstacleWidth = 50;

level = 1;
            obstacleCount = 0;
            obstaclesAvoided = 0;
            gameStarted = false;

document.addEventListener("mousedown", handleMouseDown, false);
            document.addEventListener("mouseup", handleMouseUp, false);
            document.addEventListener("touchstart", handleTouchStart, false);
            document.addEventListener("touchend", handleTouchEnd, false);

setInterval(gameLoop, 10);
        }

function handleMouseDown() {
            if (!gameStarted) {
                gameStarted = true;
            }
            playerJumping = true;
        }

function handleMouseUp() {
            playerJumping = false;
        }

function handleTouchStart() {
            if (!gameStarted) {
                gameStarted = true;
            }
            playerJumping = true;
        }

function handleTouchEnd() {
            playerJumping = false;
        }

function gameLoop() {
            drawBackground();

if (gameStarted) {
                updatePlayer();
                updateObstacle();
                checkCollision();
                
                if (obstacleX + obstacleWidth < 0) {
                    createObstacle();
                    obstaclesAvoided++;
                    if (obstaclesAvoided >= 10) {
                        levelUp();
                    }
                }
            } else {
                drawInstructions();
            }
        }

function drawBackground() {
            ctx.fillStyle = "#000";
            ctx.fillRect(0, 0, canvas.width, canvas.height);
        }

function drawInstructions() {
            ctx.font = "30px Arial";
            ctx.fillStyle = "#FFF";
            ctx.textAlign = "center";
            ctx.fillText("Tap to Jump", canvas.width / 2, canvas.height / 2);
        }

function updatePlayer() {
            if (playerJumping) {
                playerY -= 2;
            } else if (playerY < canvas.height - 100) {
                playerY += 2;
            }

ctx.fillStyle = "#FFF";
            ctx.fillRect(playerX, playerY, 50, 100);
        }

function createObstacle() {
            obstacleX = canvas.width;
            obstacleY = Math.random() * (canvas.height - 100);
            obstacleWidth = 50 + Math.random() * 50;
            obstacleCount++;
        }

function updateObstacle() {
            obstacleX -= 3 * level;

ctx.fillStyle = "#F00";
            ctx.fillRect(obstacleX, obstacleY, obstacleWidth, canvas.height);
        }

function checkCollision() {
            if (playerY > obstacleY && playerY < (obstacleY + canvas.height) && playerX < (obstacleX + obstacleWidth)) {
                gameOver();
            }
        }

function gameOver() {
            gameStarted = false;
            alert("Game Over");
            init();
        }

function levelUp() {
            obstacleCount = 0;
            obstaclesAvoided = 0;
            level++;
        }

window.onload = function() {
            init();
        }
    </script>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>
</body>
</html>
```

Note that this implementation is a basic version and can be further improved and expanded upon based on your specific requirements and needs.