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

No:16897

←

Prev Next

→

Cuphead
Developer User7528｜Date and time 23/9/21 15:56:14
Build time 23.276 sec｜Game capacity 2.592KB｜

Script

Cuphead Game

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>

<head>
    <title>Cuphead Game</title>
    <style>
        body {
            background-color: #ffffff;
            text-align: center;
        }
        #game-board {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 500px;
            font-size: 100px;
        }
        #start-button {
            font-size: 30px;
            padding: 10px 20px;
            background-color: #0366d6;
            color: #ffffff;
            border: none;
            margin-top: 20px;
            cursor: pointer;
        }
        #score {
            font-size: 20px;
            margin-top: 20px;
        }
    </style>
</head>

<body>
    <h1>Cuphead Game</h1>
    <div id="game-board"></div>
    <button id="start-button">Start Game</button>
    <div id="score"></div>

// Game board element
        var gameBoard = document.getElementById('game-board');

// Start button
        var startButton = document.getElementById('start-button');
        startButton.addEventListener('click', startGame);

// Function to start the game
        function startGame() {
            score = 0;
            gameBoard.innerHTML = '';
            clearInterval(interval);
            interval = setInterval(moveEnemy, 1000);
        }
        
        // Function to randomly move the enemy
        function moveEnemy() {
            // Clear the board
            gameBoard.innerHTML = '';
            
            // Generate a random position for the enemy
            var enemyPosition = Math.floor(Math.random() * 10);
            
            // Create the game board with pictograms
            for (var i = 0; i < 10; i++) {
                if (i === enemyPosition) {
                    gameBoard.innerHTML += enemyPictogram;
                } else {
                    gameBoard.innerHTML += cupheadPictogram;
                }
            }
            
            // Increase the score if Cuphead is not hit by the enemy
            if (enemyPosition !== 5) {
                score++;
            } else {
                clearInterval(interval);
                alert('Game Over! Your score is ' + score);
            }
            
            // Update the score display
            document.getElementById('score').innerText = 'Score: ' + score;
        }
    </script>
</body>

</html>