juego inspirado en sonic 1 con muchos niveles y Con sonic de Sonic Mania Con Tails's game

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

No:38172

←

Prev Next

→

juego inspirado en sonic 1 con muchos niveles y Co..ALL
Developer User17260｜Date and time 24/1/23 3:27:09
Build time 9.73 sec｜Game capacity 2.488KB｜

Script

←

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 {
            width: 100%;
            height: 500px;
            border: 1px solid black;
            background-color: #ddd;
            position: relative;
        }

.character {
            width: 50px;
            height: 50px;
            position: absolute;
            background-color: blue;
            border-radius: 50%;
        }

#sonic {
            background-image: url(sonic.png);
            background-size: 50px 50px;
        }

#tails {
            background-image: url(tails.png);
            background-size: 50px 50px;
        }

#levels {
            display: flex;
            justify-content: center;
            margin-top: 20px;
        }

.level {
            width: 50px;
            height: 50px;
            background-color: yellow;
            border: 1px solid black;
            margin: 0 10px;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="game">
        <div class="character" id="sonic"></div>
        <div class="character" id="tails"></div>
    </div>
    <div id="levels">
        <div class="level" onclick="startGame(1)">1</div>
        <div class="level" onclick="startGame(2)">2</div>
        <div class="level" onclick="startGame(3)">3</div>
    </div>

function startGame(level) {
            game.style.backgroundColor = "#ddd";
            game.style.border = "1px solid black";

sonic.style.top = "450px";
            sonic.style.left = "0";

tails.style.top = "450px";
            tails.style.left = "0";

switch (level) {
                case 1:
                    game.style.backgroundColor = "lightblue";
                    break;
                case 2:
                    game.style.backgroundColor = "lightgreen";
                    break;
                case 3:
                    game.style.backgroundColor = "lightpink";
                    break;
                default:
                    game.style.backgroundColor = "#ddd";
                    game.style.border = "1px solid black";
            }
        }
    </script>
</body>
</html>