Crie um jogo do sonic d e plataforma rapido onde o personagem é representado por um emogi de ouriço e os inimigos que o sonic pode pular em cima para derrotá-los representados por um emogi de robô anéis como moedas representados por uma bola amarela e o chão representado por um retângulo verde e o céu representado por um quadrado azul e se possível um editor de niveis's game

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

No:20084

←

Prev Next

→

Crie um jogo do sonic d e plataforma rapido onde o..ALL
Developer User8941｜Date and time 23/10/8 6:13:58
Build time 16.494 sec｜Game capacity 5.731KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Jogo do Sonic</title>
    <style>
        #game-container {
            width: 100%;
            height: 400px;
            background-color: #000;
            position: relative;
        }
        .character {
            position: absolute;
            width: 50px;
            height: 50px;
            background-color: cyan;
            border-radius: 50%;
        }
        .enemy {
            position: absolute;
            width: 50px;
            height: 50px;
            background-color: red;
            border-radius: 50%;
            bottom: 0;
        }
        .coin {
            position: absolute;
            width: 25px;
            height: 25px;
            background-color: yellow;
            border-radius: 50%;
        }
        .ground {
            position: absolute;
            width: 100%;
            height: 20px;
            background-color: green;
            bottom: 0;
        }
        .sky {
            position: absolute;
            width: 100%;
            height: 380px;
            background-color: blue;
            top: 0;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="character" class="character"></div>
        <div id="ground" class="ground"></div>
        <div id="sky" class="sky"></div>
    </div>
    <script>
        // Variáveis do jogo
        var character = document.getElementById("character");
        var enemies = [];
        var coins = [];
        var gameContainer = document.getElementById("game-container");
        var minHeight = 20;
        var maxHeight = 380;
        var isJumping = false;
        var jumpHeight = 150;
        var jumpDuration = 500;
        var characterSpeed = 5;
        var interval;

// Movimento do personagem
        document.addEventListener("keydown", function(event) {
            if (event.key === "ArrowUp" && !isJumping) {
                isJumping = true; // Impede que o personagem pule várias vezes seguidas
                jump();
            }
        });

function jump() {
            var currentHeight = parseInt(character.style.bottom);

var targetHeight = currentHeight + jumpHeight;
            if (targetHeight > maxHeight) {
                targetHeight = maxHeight;
            }

var distance = Math.abs(targetHeight - currentHeight);
            var duration = (distance / jumpHeight) * jumpDuration;

var start = null;
            function step(timestamp) {
                if (!start) {
                    start = timestamp;
                }
                var progress = timestamp - start;

var percentage = progress / duration;
                var current = currentHeight + (targetHeight - currentHeight) * percentage;
                
                character.style.bottom = current + "px";

if (progress < duration) {
                    window.requestAnimationFrame(step);
                } else {
                    isJumping = false; // Permite que o personagem pule novamente
                }
            }
      
            window.requestAnimationFrame(step);
        }

// Ação do personagem quando pula em um inimigo
        function defeatEnemy() {
            var characterBottom = parseInt(character.style.bottom);

for (var i = 0; i < enemies.length; i++) {
                var enemy = enemies[i];
                var enemyTop = parseInt(enemy.style.bottom);

if (characterBottom > enemyTop) {
                    gameContainer.removeChild(enemy);
                    enemies.splice(i, 1);
                }
            }
        }

// Criação de inimigos de forma aleatória
        function createEnemy() {
            var enemy = document.createElement("div");
            enemy.className = "enemy";
            gameContainer.appendChild(enemy);
            enemies.push(enemy);

// Criação de moedas
        function createCoin() {
            var coin = document.createElement("div");
            coin.className = "coin";
            gameContainer.appendChild(coin);
            coins.push(coin);

// Loop do jogo
        function gameLoop() {
            interval = setInterval(function() {
                createEnemy();
                createCoin();
                defeatEnemy();
            }, 2000);
        }

// Inicia o jogo
        gameLoop();
    </script>
</body>
</html>