A pixel rpg with fighting mechanics and zombies's game

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

No:30034

←

Prev Next

→

A pixel rpg with fighting mechanics and zombies
Developer User14691｜Date and time 23/12/20 9:46:40
Build time 10.32 sec｜Game capacity 3.441KB｜

Script

Sure! Here's a simple example of a pixel RPG game with fighting mechanics and zombies:

This implementation creates a simple pixel RPG game where you control a blue player and try to avoid colliding with a red zombie. You can play the game on a smartphone by opening the HTML file in a web browser. The game screen is represented by a `div` element with the id `game-screen`. The player and zombie characters are created as separate `div` elements with the class `player` and `zombie` respectively. The player can be moved using the arrow keys, and their position is updated accordingly. The `checkCollision` function is used to detect if the player and zombie collide. If they do, an alert is displayed indicating that the game is over. Note that this is a very basic implementation and can be expanded upon to include more features, such as combat mechanics, levels, and more.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

Sure! Here's a simple example of a pixel RPG game with fighting mechanics and zombies:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Pixel RPG: Fighting Zombies</title>
    <style>
        #game-screen {
            width: 500px;
            height: 400px;
            border: 1px solid black;
            position: relative;
        }

.player,
        .zombie {
            width: 50px;
            height: 50px;
            position: absolute;
            background-color: red;
        }

.player {
            background-color: blue;
        }
    </style>
</head>
<body>
    <div id="game-screen">
        <div class="player"></div>
        <div class="zombie"></div>
    </div>

var playerPosition = {
                x: 0,
                y: 0
            };
            var zombiePosition = {
                x: 450,
                y: 350
            };

player.style.left = playerPosition.x + "px";
            player.style.top = playerPosition.y + "px";

zombie.style.left = zombiePosition.x + "px";
            zombie.style.top = zombiePosition.y + "px";

function movePlayer(direction) {
                switch (direction) {
                    case "ArrowUp":
                        playerPosition.y -= 10;
                        break;
                    case "ArrowDown":
                        playerPosition.y += 10;
                        break;
                    case "ArrowLeft":
                        playerPosition.x -= 10;
                        break;
                    case "ArrowRight":
                        playerPosition.x += 10;
                        break;
                }

checkCollision();
                
                player.style.left = playerPosition.x + "px";
                player.style.top = playerPosition.y + "px";
            }

function checkCollision() {
                if (
                    playerPosition.x === zombiePosition.x &&
                    playerPosition.y === zombiePosition.y
                ) {
                    alert("Game Over!");
                }
            }

switch (event.key) {
                case "ArrowUp":
                case "ArrowDown":
                case "ArrowLeft":
                case "ArrowRight":
                    movePlayer(event.key);
                    break;
            }
        });
    </script>
</body>
</html>
```

The game screen is represented by a `div` element with the id `game-screen`. The player and zombie characters are created as separate `div` elements with the class `player` and `zombie` respectively. The player can be moved using the arrow keys, and their position is updated accordingly.

The `checkCollision` function is used to detect if the player and zombie collide. If they do, an alert is displayed indicating that the game is over.

Note that this is a very basic implementation and can be expanded upon to include more features, such as combat mechanics, levels, and more.