Un juego como pou pero con un personaje del juego the binding of Isaac's game

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

No:16277

←

Prev Next

→

Un juego como pou pero con un personaje del juego ..ALL
Developer User7200｜Date and time 23/9/16 22:06:46
Build time 26.712 sec｜Game capacity 3.691KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Isaact</title>
    <style>
        #gameContainer {
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        #gameScreen {
            width: 300px;
            height: 500px;
            border: 2px solid black;
            background-color: lightgray;
        }
        
        #player {
            width: 50px;
            height: 50px;
            background-color: red;
            position: absolute;
            top: 200px;
        }
        
        #heart {
            width: 40px;
            height: 40px;
            background-image: url('heart.png'); /* Replace 'heart.png' with the actual heart image filename */
            position: absolute;
            top: 400px;
            left: 130px;
        }
    </style>
</head>
<body>
    <div id="gameContainer">
        <div id="gameScreen">
            <div id="player"></div>
            <div id="heart"></div>
        </div>
    </div>

// Game initialization function
        function init() {
            player = document.getElementById('player');
            heart = document.getElementById('heart');
            score = 0;
            gameSpeed = 5;
            gravity = 0.5;
            
            // Add event listeners for touch events
            player.addEventListener('touchstart', jump);
            
            gameInterval = setInterval(updateGame, 20);
        }

// Function to update the game state
        function updateGame() {
            // Update player position
            player.style.top = parseInt(player.style.top) + gameSpeed + 'px';
            
            // Update heart position
            heart.style.top = parseInt(heart.style.top) + gameSpeed + 'px';
            
            // Check collision between player and heart
            if (checkCollision(player, heart)) {
                score++;
                heart.style.top = '-100px'; // Move the heart out of the screen
            }
            
            // Check if player is out of the game screen
            if (parseInt(player.style.top) >= 450) {
                gameOver();
            }
        }

// Function to make the player jump
        function jump() {
            gameSpeed = -8; // Jumping speed
            
            // Change player background color to give jumping effect
            player.style.backgroundColor = 'yellow';
            setTimeout(function() {
                player.style.backgroundColor = 'red';
            }, 200);
        }

// Function to check collision between two elements
        function checkCollision(element1, element2) {
            var rect1 = element1.getBoundingClientRect();
            var rect2 = element2.getBoundingClientRect();
            
            return !(rect1.right < rect2.left || 
                     rect1.left > rect2.right || 
                     rect1.bottom < rect2.top || 
                     rect1.top > rect2.bottom);
        }

// Function to end the game
        function gameOver() {
            clearInterval(gameInterval); // Stop the game loop
            
            // Show game over message and score
            alert('Game Over! Score: ' + score);
        }

// Start the game
        init();

</script>
</body>
</html>