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

No:41629

Ultimate Night 456+ Monster Home Alone And Free 70..ALL
Developer User18645｜Date and time 24/2/8 19:23:58
Build time 10.216 sec｜Game capacity 2.889KB｜

Script

Ultimate Night 456+ Monster Home Alone

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Ultimate Night 456+ Monster Home Alone</title>
</head>
<body>
    <h1>Ultimate Night 456+ Monster Home Alone</h1>
    
    <canvas id="gameCanvas" width="400" height="600"></canvas>
    
    <script>
        // Create the game canvas and get its context
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");
        
        // Pictograms for the game elements
        const playerIcon = "🧍";
        const monsterIcon = "👾";
        const coinIcon = "💰";
        
        // Game variables
        let playerX = canvas.width / 2;
        let monsterX = Math.random() * (canvas.width - 20);
        let coinX = Math.random() * (canvas.width - 20);
        let score = 0;
        let isGameOver = false;
        
        // Event listener for device tilt
        window.addEventListener("deviceorientation", tiltHandler);
        
        function tiltHandler(event) {
            if (!isGameOver) {
                playerX = playerX + event.gamma;
                
                // Keep the player within the canvas boundaries
                if (playerX < 0) {
                    playerX = 0;
                }
                if (playerX > canvas.width - 20) {
                    playerX = canvas.width - 20;
                }
                
                detectCollision();
            }
        }
        
        function detectCollision() {
            // Calculate the distance between player, monster, and coin
            const playerDistance = Math.abs(playerX - monsterX);
            const coinDistance = Math.abs(playerX - coinX);
            
            if (playerDistance <= 20 || coinDistance <= 20) {
                handleCollision();
            }
        }
        
        function handleCollision() {
            if (playerX === coinX) {
                score += 1;
                coinX = Math.random() * (canvas.width - 20);
            } else {
                isGameOver = true;
                alert("Game Over! Final Score: " + score);
            }
        }
        
        function drawGame() {
            // Clear the canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            
            // Draw player
            ctx.fillText(playerIcon, playerX, canvas.height - 50);
            
            // Draw monster
            ctx.fillText(monsterIcon, monsterX, 50);
            
            // Draw coin
            ctx.fillText(coinIcon, coinX, canvas.height / 2);
            
            // Display the current score
            ctx.fillText("Score: " + score, 10, 20);
        }
        
        function gameLoop() {
            drawGame();
            
            if (!isGameOver) {
                requestAnimationFrame(gameLoop);
            }
        }
        
        gameLoop();
    </script>
</body>
</html>