AI game creator

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

No:36119

151

←

Prev Next

→

Make a Sonic Game
Developer User16701｜Date and time 24/1/16 23:18:11
Build time 13.945 sec｜Game capacity 3.303KB｜

Script

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>Sonic Game</title>
    <style>
        #game-board {
            width: 400px;
            height: 400px;
            border: 1px solid black;
            position: relative;
            margin: 0 auto;
        }
        
        #sonic {
            width: 40px;
            height: 40px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-image: url('sonic.png');
            background-repeat: no-repeat;
            background-size: contain;
        }

.obstacle {
            width: 40px;
            height: 40px;
            position: absolute;
            background-image: url('obstacle.png');
            background-repeat: no-repeat;
            background-size: contain;
        }
        
        #score {
            text-align: center;
            margin-top: 20px;
            font-size: 24px;
        }
        
        #game-over {
            text-align: center;
            font-size: 32px;
            color: red;
            display: none;
        }
    </style>
</head>
<body>
    <div id="game-board">
        <div id="sonic"></div>
    </div>
    
    <div id="score">Score: 0</div>
    <div id="game-over">Game Over!</div>

// Function to move the obstacle and check for collisions
        function moveObstacle() {
            var obstacle = document.querySelector('.obstacle');
            var currentObstacleLeft = parseInt(obstacle.style.left);
            
            if (currentObstacleLeft > -OBSTACLE_WIDTH) {
                obstacle.style.left = currentObstacleLeft - OBSTACLE_SPEED + 'px';
            } else {
                obstacle.style.left = GAME_BOARD_WIDTH + 'px';
                score++;
                updateScore();
            }
            
            if (
                sonicPosition === GAME_BOARD_WIDTH / 2 &&
                currentObstacleLeft <= GAME_BOARD_WIDTH / 2 + OBSTACLE_WIDTH &&
                currentObstacleLeft + OBSTACLE_WIDTH >= GAME_BOARD_WIDTH / 2
            ) {
                endGame();
            }
        }
        
        // Function to update the score
        function updateScore() {
            document.getElementById('score').innerText = 'Score: ' + score;
        }
        
        // Function to end the game
        function endGame() {
            clearInterval(gameLoopIntervalId);
            document.removeEventListener('keydown', jump);
            document.getElementById('game-over').style.display = 'block';
        }
        
        // Start the game
        startGame();
    </script>
</body>
</html>