In this Advanced Minecraft fighting game ther are 5 monsters first Zombies they attack when you touch and are slow second Skeletons they shoot arrows but can’t move 3rd Creepers they come to you and when close they stop for a few seconds and explodes 4th Enderman they teleport randomly each 3 and when close attack 5th Spiders they surround you in square shapes and attack you can move up down right left and can shoot arrows just like the Skeltons by pressing space's game

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

No:11175

←

Prev Next

→

In this Advanced Minecraft fighting game ther are ..ALL
Developer unknown｜Date and time 23/8/8 5:09:04
Build time 61.675 sec｜Game capacity 10.237KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Minecraft Fighting Game</title>
    <style>
        #game-container {
            width: 500px;
            height: 500px;
            border: 1px solid black;
            position: relative;
            overflow: hidden;
            margin: 0 auto;
        }
        #player {
            width: 50px;
            height: 50px;
            background-color: blue;
            position: absolute;
            left: 0px;
            top: 0px;
        }
        .monster {
            width: 50px;
            height: 50px;
            position: absolute;
        }
        .zombie {
            background-color: green;
        }
        .skeleton {
            background-color: gray;
        }
        .creeper {
            background-color: lime;
        }
        .enderman {
            background-color: purple;
        }
        .spider {
            background-color: red;
        }
        .arrow {
            width: 10px;
            height: 5px;
            background-color: black;
            position: absolute;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="player"></div>
    </div>
    <script>
        document.addEventListener("DOMContentLoaded", function(event) {
            var gameContainer = document.getElementById("game-container");
            var player = document.getElementById("player");
            var monsters = [];
            var arrows = [];

gameContainer.addEventListener("click", function(event) {
                var newArrow = document.createElement("div");
                newArrow.classList.add("arrow");
                newArrow.style.left = player.style.left;
                newArrow.style.top = player.style.top;
                arrows.push(newArrow);
                gameContainer.appendChild(newArrow);
            });

function movePlayer(event) {
                var key = event.key;
                var playerPosition = getPlayerPosition();

if (key === "ArrowUp") {
                    if (playerPosition.top > 0) {
                        player.style.top = playerPosition.top - 10 + "px";
                    }
                } else if (key === "ArrowDown") {
                    if (playerPosition.top < gameContainer.offsetHeight - player.offsetHeight) {
                        player.style.top = playerPosition.top + 10 + "px";
                    }
                } else if (key === "ArrowLeft") {
                    if (playerPosition.left > 0) {
                        player.style.left = playerPosition.left - 10 + "px";
                    }
                } else if (key === "ArrowRight") {
                    if (playerPosition.left < gameContainer.offsetWidth - player.offsetWidth) {
                        player.style.left = playerPosition.left + 10 + "px";
                    }
                }
            }

function getPlayerPosition() {
                return {
                    top: parseInt(player.style.top) || 0,
                    left: parseInt(player.style.left) || 0
                };
            }

document.addEventListener("keydown", movePlayer);

function createMonster() {
                var monsterTypes = ["zombie", "skeleton", "creeper", "enderman", "spider"];
                var monsterType = monsterTypes[Math.floor(Math.random() * monsterTypes.length)];
                var monster = document.createElement("div");
                monster.classList.add("monster", monsterType);
                monster.style.left = gameContainer.offsetWidth + "px";
                monster.style.top = Math.floor(Math.random() * (gameContainer.offsetHeight - 50)) + "px";
                monsters.push({
                    element: monster,
                    type: monsterType
                });
                gameContainer.appendChild(monster);
            }

function checkCollisions() {
                var playerPosition = getPlayerPosition();
                var playerRect = player.getBoundingClientRect();

for (var i = 0; i < monsters.length; i++) {
                    var monster = monsters[i];
                    var monsterRect = monster.element.getBoundingClientRect();

if (isColliding(playerRect, monsterRect)) {
                        if (monster.type === "zombie" || monster.type === "creeper" || monster.type === "enderman" || monster.type === "spider") {
                            alert("You got attacked! Game Over!");
                            resetGame();
                        } else if (monster.type === "skeleton") {
                            var newArrow = document.createElement("div");
                            newArrow.classList.add("arrow");
                            newArrow.style.left = monsterRect.left + "px";
                            newArrow.style.top = monsterRect.top + 22 + "px";
                            arrows.push(newArrow);
                            gameContainer.appendChild(newArrow);
                            monster.element.style.display = "none";
                        }
                    }

for (var j = 0; j < arrows.length; j++) {
                        var arrow = arrows[j];
                        var arrowRect = arrow.getBoundingClientRect();

if (isColliding(arrowRect, monsterRect)) {
                            if (monster.type === "zombie" || monster.type === "creeper" || monster.type === "enderman" || monster.type === "spider") {
                                monster.element.style.display = "none";
                            }
                            arrow.style.display = "none";
                        }

if (arrowRect.left > gameContainer.offsetWidth) {
                            arrow.style.display = "none";
                        }
                    }
                }
            }

function isColliding(rect1, rect2) {
                return rect1.left < rect2.left + rect2.width &&
                       rect1.left + rect1.width > rect2.left &&
                       rect1.top < rect2.top + rect2.height &&
                       rect1.top + rect1.height > rect2.top;
            }

function resetGame() {
                for (var i = 0; i < monsters.length; i++) {
                    var monster = monsters[i];
                    if (monster.element) {
                        gameContainer.removeChild(monster.element);
                    }
                }
                monsters = [];

for (var j = 0; j < arrows.length; j++) {
                    var arrow = arrows[j];
                    if (arrow) {
                        gameContainer.removeChild(arrow);
                    }
                }
                arrows = [];
            }

setInterval(createMonster, 2000);
            setInterval(moveMonsters, 20);
            setInterval(checkCollisions, 100);
        });
    </script>
</body>
</html>