Skibid I toilet tries to break into a house and venturely gets in's game

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

No:10679

←

Prev Next

→

Skibid I toilet tries to break into a house and ve..ALL
Developer User4556｜Date and time 23/8/1 19:02:18
Build time 31.325 sec｜Game capacity 3.388KB｜

Script

Sure! Here's a simple game implemented as a single HTML file, using JavaScript and enclosed in script tags. The game is based on the scenario you described, where Skibid the toilet tries to break into a house:

To play the game, open the HTML file in a browser, and you can control Skibid's movement by dragging or touching the canvas area. The goal is to prevent Skibid from reaching and entering the green house. If Skibid collides with the house, the game will display a "Game Over" message.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Skibid's Adventure</title>
</head>
<body>
    <canvas id="gameCanvas" width="480" height="320"></canvas>
    <script>
        // Game variables
        var canvas, canvasContext;
        var skibidX = 50, skibidY = 200;
        var houseX = 400, houseY = 200;
        var skibidSpeedX = 5, skibidSpeedY = 0;
        var gameOver = false;
        
        // Initialize the game
        window.onload = function() {
            canvas = document.getElementById('gameCanvas');
            canvasContext = canvas.getContext('2d');
            setInterval(updateGame, 1000/30); // 30 FPS
        }
        
        // Update game positions and draw the game
        function updateGame() {
            moveSkibid();
            drawEverything();
            checkCollision();
        }
        
        // Move Skibid
        function moveSkibid() {
            skibidX += skibidSpeedX;
            skibidY += skibidSpeedY;
        }
        
        // Draw game elements on the canvas
        function drawEverything() {
            // Background
            colorRect(0, 0, canvas.width, canvas.height, 'black');
            
            // Skibid (toilet)
            colorRect(skibidX, skibidY, 50, 50, 'white');
            
            // House
            colorRect(houseX, houseY, 100, 100, 'green');
            
            // Game-over message
            if (gameOver) {
                canvasContext.fillStyle = 'white';
                canvasContext.font = 'bold 40px Arial';
                canvasContext.fillText("Game Over", 150, 175);
            }
        }
        
        // Helper function to draw rectangles
        function colorRect(leftX, topY, width, height, color) {
            canvasContext.fillStyle = color;
            canvasContext.fillRect(leftX, topY, width, height);
        }
        
        // Check collision between Skibid and the house
        function checkCollision() {
            if (skibidX + 50 >= houseX && skibidX <= houseX + 100 &&
                skibidY + 50 >= houseY && skibidY <= houseY + 100) {
                gameOver = true;
            }
        }
        
        // Handle touch/mouse event to control Skibid's movement
        function handleInput(event) {
            var rect = canvas.getBoundingClientRect();
            var touchX = event.touches ? event.touches[0].clientX : event.clientX;
            var touchY = event.touches ? event.touches[0].clientY : event.clientY;
            
            skibidSpeedX = Math.ceil((touchX - rect.left - skibidX - 25) / 10);
            skibidSpeedY = Math.ceil((touchY - rect.top - skibidY - 25) / 10);
        }
        
        // Attach event listeners for touch/mouse input
        document.addEventListener('touchmove', handleInput);
        document.addEventListener('mousemove', handleInput);
    </script>
</body>
</html>
```