make a game where it is a platformer and there is a block, the arrows control the block but there are enemies and with a button you can shoot where the block is facing and the enemy's block is red and needs a long floor OBVIOUS's game

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

No:35406

137

←

Prev Next

→

make a game where it is a platformer and there is ..ALL
Developer User16538｜Date and time 24/1/14 11:31:50
Build time 10.895 sec｜Game capacity 3.609KB｜

Script

¡Claro! Aquí tienes una versión básica del juego que has descrito. Recuerda guardar el siguiente código en un archivo HTML:

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

¡Claro! Aquí tienes una versión básica del juego que has descrito.  
Recuerda guardar el siguiente código en un archivo HTML:

<html>
<head>
    <style>
        #game-container {
            width: 400px;
            height: 400px;
            position: relative;
            border: 1px solid black;
        }
        #player {
            width: 50px;
            height: 50px;
            position: absolute;
            background-color: blue;
        }
        .enemy {
            width: 50px;
            height: 50px;
            position: absolute;
            background-color: red;
        }
        .bullet {
            width: 10px;
            height: 10px;
            position: absolute;
            background-color: black;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="player"></div>
        <div class="enemy" style="top: 150px; left: 100px;"></div>
        <div class="enemy" style="top: 200px; left: 300px;"></div>
    </div>

// Event listeners
        document.addEventListener("keydown", movePlayer);
        document.addEventListener("keydown", shootBullet);

// Functions
        function movePlayer(event) {
            switch(event.keyCode) {
                case 37: // Left arrow key
                    playerX -= playerSpeed;
                    break;
                case 38: // Up arrow key
                    playerY -= playerSpeed;
                    break;
                case 39: // Right arrow key
                    playerX += playerSpeed;
                    break;
                case 40: // Down arrow key
                    playerY += playerSpeed;
                    break;
            }
            document.getElementById("player").style.left = playerX + "px";
            document.getElementById("player").style.top = playerY + "px";
        }

function shootBullet(event) {
            if(event.keyCode === 32) { // Spacebar
                var bullet = document.createElement("div");
                bullet.className = "bullet";
                bullet.style.left = playerX + "px";
                bullet.style.top = playerY + "px";
                document.getElementById("game-container").appendChild(bullet);
                moveBullet(bullet);
            }
        }

function checkCollision(bullet) {
            for(var i = 0; i < enemies.length; i++) {
                var enemy = enemies[i];
                var bulletRect = bullet.getBoundingClientRect();
                var enemyRect = enemy.getBoundingClientRect();

if(bulletRect.left < enemyRect.right &&
                   bulletRect.right > enemyRect.left &&
                   bulletRect.top < enemyRect.bottom &&
                   bulletRect.bottom > enemyRect.top) {
                    enemy.parentNode.removeChild(enemy);
                    return true;
                }
            }
            return false;
        }
    </script>
</body>
</html>