Defend against enemies rushing through the house! Monster House is an easy and simple defense game to defeat enemies by placing traps and monsters in houses. Win the battles and earn rewards by strategically positioning and upgrading obstacles! Monster game requires strategic plays but also with some element of luck, is designed as an immersive and an enjoyable game to play. Show off your own play styles by combining various types of traps and monsters with different performance levels. 👻 Mo's game

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

No:17979

←

Prev Next

→

Defend against enemies rushing through the house! ..ALL
Developer User7456｜Date and time 23/9/25 15:32:04
Build time 40.159 sec｜Game capacity 3.981KB｜

Script

nster House 👻

Score: 0

←

Prev　Next

→ 　

Back　

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

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

nster House 👻

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Monster House</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            background-color: #000;
        }
        
        #game-container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }
        
        #board {
            width: 400px;
            height: 400px;
            background-color: #222;
            display: grid;
            grid-template-columns: repeat(10, 1fr);
            grid-template-rows: repeat(10, 1fr);
            border: 2px solid #FFF;
        }
        
        .cell {
            display: flex;
            justify-content: center;
            align-items: center;
            border: 1px solid #FFF;
            color: #FFF;
            font-size: 22px;
        }
        
        #score {
            position: fixed;
            top: 10px;
            right: 10px;
            color: #FFF;
            font-size: 16px;
        }
        
        #controls {
            position: fixed;
            bottom: 10px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        button {
            margin: 5px;
            padding: 10px;
            background-color: #FFF;
            color: #000;
            font-size: 16px;
            border: none;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="board"></div>
    </div>
    <div id="score">Score: 0</div>
    <div id="controls">
        <button id="start-button">Start</button>
        <button id="stop-button">Stop</button>
    </div>

let gameInterval;
            let score = 0;

function createMonster() {
                const monsters = ['👽', '👹', '👺', '👻', '👾', '💀'];
                const randomIndex = Math.floor(Math.random() * monsters.length);
                return monsters[randomIndex];
            }

function startGame() {
                gameInterval = setInterval(() => {
                    placeMonsterInHouse();
                }, 1000);
                startButton.disabled = true;
                stopButton.disabled = false;
            }

function stopGame() {
                clearInterval(gameInterval);
                startButton.disabled = false;
                stopButton.disabled = true;
            }

board.addEventListener('click', (event) => {
                const clickedCell = event.target;
                checkMonsterDefeat(clickedCell);
            });

startButton.addEventListener('click', startGame);
            stopButton.addEventListener('click', stopGame);
        })();
    </script>
</body>
</html>