Make a very hard game about a white cat in a super Mario world's game

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

No:17664

112

←

Prev Next

→

Make a very hard game about a white cat in a super..ALL
Developer User7760｜Date and time 23/9/24 7:12:42
Build time 24.215 sec｜Game capacity 3.624KB｜

Script

Sure! Here's an example of a very simple game about a white cat in a Super Mario world implemented as a single HTML file using JavaScript:

In this example, the game starts when the space bar is pressed, and you control the white cat using the up and down arrow keys. The goal is to avoid colliding with the obstacles (represented by the obstacle pictogram) and stay within the game boundaries. Note: You will need to replace the `emozi_all/cat.png` and `emozi_chicken.png` file paths with the actual image paths of your cat pictogram and obstacle pictogram, respectively.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

Sure! Here's an example of a very simple game about a white cat in a Super Mario world implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        #game {
            width: 800px;
            height: 400px;
            border: 1px solid black;
            position: relative;
            overflow: hidden;
        }
        #cat {
            width: 40px;
            height: 40px;
            position: absolute;
            background-image: url("cat.png"); /* Replace with your cat pictogram */
            background-size: cover;
        }
        .obstacle {
            width: 80px;
            height: 80px;
            position: absolute;
            background-image: url("obstacle.png"); /* Replace with your obstacle pictogram */
            background-size: cover;
        }
    </style>
</head>
<body>
    <div id="game">
        <div id="cat"></div>
        <div class="obstacle" style="left: 300px; bottom: 60px;"></div>
        <div class="obstacle" style="left: 600px; bottom: 120px;"></div>
    </div>

// Function to move the cat
            function moveCat(event) {
                if (event.keyCode === 32 && !interval) { // Start game when Space bar is pressed
                    interval = setInterval(function () {
                        catPosition += 5;
                        cat.style.bottom = catPosition + "px";
                        
                        // Check for collision with obstacles
                        const obstacles = document.querySelectorAll(".obstacle");
                        obstacles.forEach(function (obstacle) {
                            if (isColliding(cat, obstacle)) {
                                endGame();
                            }
                        });
                        
                        // Check if cat is out of bounds
                        if (catPosition > 360) {
                            endGame();
                        }
                    }, 20);
                }
            }

// Function to check collision between cat and obstacle
            function isColliding(cat, obstacle) {
                const catRect = cat.getBoundingClientRect();
                const obstacleRect = obstacle.getBoundingClientRect();
                return !(
                    catRect.top > obstacleRect.bottom ||
                    catRect.right < obstacleRect.left ||
                    catRect.bottom < obstacleRect.top ||
                    catRect.left > obstacleRect.right
                );
            }

// Function to end the game
            function endGame() {
                clearInterval(interval);
                interval = null;
                alert("Game Over!");
            }

// Event listener to start the game
            document.addEventListener("keydown", moveCat);
        });
    </script>
</body>
</html>
```

Note: You will need to replace the `cat.png` and `obstacle.png` file paths with the actual image paths of your cat pictogram and obstacle pictogram, respectively.