A Game where a character named Bob is trying to scale a volcano Burma's he dragon d's he falls down. Then he wakes up and he has to jump platform to platform to get out's game

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

No:47738

←

Prev Next

→

A Game where a character named Bob is trying to sc..ALL
Developer User20612｜Date and time 24/2/29 9:49:00
Build time 12.797 sec｜Game capacity 4.326KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
            background-color: #f0f0f0;
        }
        #player {
            width: 50px;
            height: 50px;
            background-color: red;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
        }
        .platform {
            width: 100px;
            height: 20px;
            background-color: green;
            position: absolute;
            bottom: 100px;
        }
    </style>
</head>
<body>
    <div id="player"></div>
    <div class="platform" style="left: 50%;"></div>
    <div class="platform" style="left: 70%;"></div>
    <div class="platform" style="left: 90%;"></div>

function moveLeft() {
            let playerLeft = parseInt(window.getComputedStyle(player).getPropertyValue('left'));
            if (playerLeft > 0) {
                player.style.left = playerLeft - 10 + 'px';
            }
        }

function moveRight() {
            let playerLeft = parseInt(window.getComputedStyle(player).getPropertyValue('left'));
            if (playerLeft < window.innerWidth - 50) {
                player.style.left = playerLeft + 10 + 'px';
            }
        }

function checkCollision() {
            platforms.forEach(platform => {
                let playerRect = player.getBoundingClientRect();
                let platformRect = platform.getBoundingClientRect();

if (playerRect.bottom >= platformRect.top 
                    && playerRect.top <= platformRect.bottom
                    && playerRect.right >= platformRect.left
                    && playerRect.left <= platformRect.right) {
                        if (playerRect.bottom <= platformRect.top + 3) {
                            jumpPower = 10;
                            gravity = 0.5;
                        }
                } else {
                    jumpPower = 0;
                    gravity = 0.5;
                }
            });
        }

function gameover() {
            isGameover = true;

player.style.backgroundColor = 'black';
            player.style.animation = 'shake 0.5s infinite';

setTimeout(function() {
                alert('Game Over! Click OK to restart');
                document.location.reload(true);
            }, 1000);
        }