A platformer game where the player is represented by a hockey mask and you k○ll enemies with a machete's game

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

No:21045

←

Prev Next

→

A platformer game where the player is represented ..ALL
Developer User9092｜Date and time 23/10/13 3:40:05
Build time 124.472 sec｜Game capacity 6.268KB｜

Script

Sure! Here's an example of a simple platformer game written in JavaScript, enclosed in script tags within a single HTML file. In this game, you play as a hockey mask and your objective is to defeat enemies using a machete.

In the code above, make sure to replace `'emozi_bear.png'`, `'emozi_all/enemy.png'`, and `'emozi_rabbit.png'` with the actual paths to your image files for the player, enemy, and machete respectively. This is a basic implementation of a platformer game where you can move your character horizontally using the left and right arrow keys, jump using the spacebar, and attack using the Enter key. Enemies will spawn at random positions from the top of the screen and move downward. If you collide with an enemy, the game will end and you will be prompted to restart. Keep in mind that the provided code is a simplified example and can be expanded upon to include more features, levels, and mechanics based on your requirements.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Platformer Game</title>
    <style>
        #game-container {
            position: relative;
            width: 400px;
            height: 400px;
            border: 1px solid black;
        }

#player {
            position: absolute;
            width: 50px;
            height: 50px;
            background: url('hockey_mask.png') center/contain no-repeat;
        }

.enemy {
            position: absolute;
            width: 50px;
            height: 50px;
            background: url('enemy.png') center/contain no-repeat;
        }

.machete {
            position: absolute;
            width: 30px;
            height: 30px;
            background: url('machete.png') center/contain no-repeat;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="player"></div>
        <div id="enemies"></div>
    </div>

const playerWidth = 50;
        const playerHeight = 50;
        const enemyWidth = 50;
        const enemyHeight = 50;

let playerX = 0;
        let playerY = 0;
        let isJumping = false;
        let isAttacking = false;

function createEnemy() {
            const enemy = document.createElement('div');
            const randomX = Math.floor(Math.random() * (gameContainer.offsetWidth - enemyWidth));
            enemy.className = 'enemy';
            enemy.style.left = randomX + 'px';
            enemy.style.bottom = '0px';
            enemiesContainer.appendChild(enemy);
            enemies.push(enemy);
        }

function moveEnemies() {
            for (let i = 0; i < enemies.length; i++) {
                const enemy = enemies[i];
                let enemyY = parseInt(enemy.style.bottom);
                enemyY += 5;
                enemy.style.bottom = enemyY + 'px';

if (enemyY >= gameContainer.offsetHeight - enemyHeight) {
                    enemy.parentNode.removeChild(enemy);
                    enemies.splice(i, 1);
                    i--;
                }
            }
        }

function checkCollision() {
            for (let i = 0; i < enemies.length; i++) {
                const enemy = enemies[i];
                const enemyX = parseInt(enemy.style.left);
                const enemyY = parseInt(enemy.style.bottom);
                const playerRight = playerX + playerWidth;
                const playerTop = playerY + playerHeight;
                const enemyRight = enemyX + enemyWidth;
                const enemyTop = enemyY + enemyHeight;

if (playerRight >= enemyX && playerX <= enemyRight && playerTop >= enemyY && playerY <= enemyTop) {
                    gameOver();
                }
            }
        }

player.style.left = playerX + 'px';
            checkCollision();
        }

function handleKeyUp(event) {
            if (event.key === 'ArrowDown') {
                playerY -= 10;
                player.style.bottom = playerY + 'px';
            }
        }

function jump() {
            let jumpCount = 0;

function performJump() {
                jumpCount++;
                playerY = Math.round(30 * Math.sin((Math.PI * jumpCount) / 180));
                player.style.bottom = playerY + 'px';

if (jumpCount >= 180) {
                    clearInterval(jumpInterval);
                    playerY = 0;
                    player.style.bottom = '0px';
                    isJumping = false;
                }
            }

const jumpInterval = setInterval(performJump, 15);
        }

function attack() {
            const machete = document.createElement('div');
            machete.className = 'machete';
            machete.style.left = playerX + (playerWidth / 2) - 15 + 'px';
            machete.style.bottom = playerY + playerHeight + 'px';
            gameContainer.appendChild(machete);

setTimeout(() => {
                machete.parentNode.removeChild(machete);
                isAttacking = false;
            }, 500);
        }

function gameOver() {
            alert('Game Over!');
            location.reload();
        }

document.addEventListener('keydown', handleKeyDown);
        document.addEventListener('keyup', handleKeyUp);

setInterval(createEnemy, 2000);
        setInterval(moveEnemies, 50);
    </script>
</body>
</html>
```

In the code above, make sure to replace `'hockey_mask.png'`, `'enemy.png'`, and `'machete.png'` with the actual paths to your image files for the player, enemy, and machete respectively.

This is a basic implementation of a platformer game where you can move your character horizontally using the left and right arrow keys, jump using the spacebar, and attack using the Enter key. Enemies will spawn at random positions from the top of the screen and move downward. If you collide with an enemy, the game will end and you will be prompted to restart.

Keep in mind that the provided code is a simplified example and can be expanded upon to include more features, levels, and mechanics based on your requirements.