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

No:19284

←

Prev Next

→

Ultraman tiga adventure
Developer User8513｜Date and time 23/10/2 16:41:15
Build time 15.369 sec｜Game capacity 4.369KB｜

Script

Ultraman Tiga Adventure

Score: 0

Game Over

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Ultraman Tiga Adventure</title>
    <style>
        body {
            font-family: Arial, sans-serif;
        }
        #game-container {
            width: 300px;
            height: 400px;
            border: 1px solid black;
            margin: 0 auto;
            position: relative;
        }
        #player {
            width: 50px;
            height: 50px;
            background-color: #FF0000;
            position: absolute;
            bottom: 0;
            left: 0;
        }
        .obstacle {
            width: 100px;
            height: 10px;
            background-color: #000000;
            position: absolute;
        }
        #score {
            text-align: center;
            margin-top: 20px;
        }
        #game-over {
            text-align: center;
            display: none;
        }
    </style>
</head>
<body>
    <h1>Ultraman Tiga Adventure</h1>
    <div id="game-container">
        <div id="player"></div>
        <div id="score">Score: 0</div>
        <div id="game-over">Game Over</div>
    </div>

// Game elements
        const player = document.getElementById('player');
        const scoreDisplay = document.getElementById('score');
        const gameOverDisplay = document.getElementById('game-over');

// Function to move the player left or right
        function movePlayer(direction) {
            if (!gameEnd) {
                if (direction === 'left') {
                    if (playerPosition > 0) {
                        playerPosition -= 50;
                    }
                } else if (direction === 'right') {
                    if (playerPosition < 250) {
                        playerPosition += 50;
                    }
                }
                player.style.left = playerPosition + 'px';
            }
        }

// Function to create obstacles
        function createObstacle() {
            const obstacle = document.createElement('div');
            obstacle.classList.add('obstacle');
            obstacle.style.left = Math.floor(Math.random() * 200) + 'px';
            document.getElementById('game-container').appendChild(obstacle);
        }

// Function to move the obstacles and check for collision
        function moveObstacles() {
            const obstacles = document.getElementsByClassName('obstacle');

for (let i = 0; i < obstacles.length; i++) {
                let obstacle = obstacles[i];
                let obstaclePosition = parseInt(obstacle.style.top);

// Move obstacle down
                obstaclePosition += gameSpeed;
                obstacle.style.top = obstaclePosition + 'px';

// Check for collision with player
                if (obstaclePosition >= 350 && obstaclePosition <= 400 && playerPosition == parseInt(obstacle.style.left))
                    gameOver();
                }

// Remove obstacle if it's out of the screen
                if (obstaclePosition > 400) {
                    score++;
                    scoreDisplay.innerText = 'Score: ' + score;
                    obstacle.remove();
                }
            }
        }

// Function to end the game
        function gameOver() {
            gameEnd = true;
            clearInterval(gameInterval);
            gameOverDisplay.style.display = 'block';
        }

// Function to start the game
        function startGame() {
            document.addEventListener('keydown', function(event) {
                if (event.keyCode === 37) { // Left arrow key
                    movePlayer('left');
                } else if (event.keyCode === 39) { // Right arrow key
                    movePlayer('right');
                }
            });

const gameInterval = setInterval(function(){
                if (!gameEnd) {
                    createObstacle();
                    moveObstacles();
                }
            }, 100);

}

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