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

No:17942

Skeleton warrior. This game will use a skeleton as..ALL
Developer User7842｜Date and time 23/9/25 7:59:45
Build time 27.981 sec｜Game capacity 3.899KB｜

Script

Skeleton Warrior Game

Score: 0

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Skeleton Warrior Game</title>
    <style>
        body {
            background-color: #000;
            color: #fff;
            text-align: center;
            margin-top: 150px;
        }
        
        #game-container {
            width: 400px;
            height: 400px;
            margin: 0 auto;
            border: 2px solid #fff;
            position: relative;
        }
        
        #skeleton {
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
        }
        
        .enemy {
            position: absolute;
            bottom: 0;
        }
        
        .sword {
            position: absolute;
            bottom: 100px;
            left: 0;
            right: 0;
            margin: auto;
            height: 100px;
            width: 10px;
            background-color: silver;
        }
        
        #score {
            font-size: 24px;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <h1>Skeleton Warrior Game</h1>
    <div id="game-container">
        <div id="skeleton"><img src="skeleton.png" alt="skeleton"></div>
        <div class="sword"></div>
    </div>
    <div id="score">Score: <span id="score-value">0</span></div>
    
    <script>
        // Game variables
        var score = 0;
        var gameFinished = false;
        var skeleton = document.getElementById("skeleton");
        var sword = document.querySelector(".sword");
        var scoreValue = document.getElementById("score-value");
        
        // Function to move the skeleton
        function moveSkeleton(event) {
            if (!gameFinished) {
                var x = event.touches[0].clientX;
                var gameContainerRect = document.getElementById("game-container").getBoundingClientRect();
                var maxX = gameContainerRect.width - skeleton.offsetWidth;
                
                x -= gameContainerRect.left;
                x = Math.max(0, Math.min(x, maxX));
                
                skeleton.style.left = x + "px";
            }
        }
        
        // Function to spawn enemy
        function spawnEnemy() {
            var enemyX = Math.random() * (document.getElementById("game-container").offsetWidth - 50);
            var enemy = document.createElement("div");
            enemy.className = "enemy";
            enemy.style.left = enemyX + "px";
            document.getElementById("game-container").appendChild(enemy);
            
            setTimeout(function() {
                enemy.style.bottom = "400px";
                
                setTimeout(function() {
                    if (!gameFinished) {
                        checkCollision(enemy);
                    }
                    
                    enemy.remove();
                }, 1500);
            }, 0);
        }
        
        // Function to check collision between enemy and sword
        function checkCollision(enemy) {
            var enemyRect = enemy.getBoundingClientRect();
            var swordRect = sword.getBoundingClientRect();
            
            if (swordRect.left < enemyRect.right && swordRect.right > enemyRect.left) {
                score++;
                scoreValue.textContent = score;
            }
        }
        
        // Function to end the game
        function endGame() {
            gameFinished = true;
            alert("Game Over! Your final score is: " + score);
        }
        
        // Event listeners
        document.addEventListener("touchstart", moveSkeleton);
        document.addEventListener("touchmove", moveSkeleton);

// Game loop
        var gameLoop = setInterval(spawnEnemy, 1000);
        
        setTimeout(function() {
            clearInterval(gameLoop);
            endGame();
        }, 30000);
    </script>
</body>
</html>