Make raining cats and dogs game's game

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

No:52632

212

←

Prev Next

→

Make raining cats and dogs game
Developer User22074｜Date and time 24/3/23 13:01:42
Build time 13.271 sec｜Game capacity 2.498KB｜

Script

This is a basic JavaScript game that simulates "Raining Cats and Dogs". The game involves a cat and a dog falling from the sky. The player must move the objects to avoid a collision between the two. Let me know if you would like any modifications to this game.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Raining Cats and Dogs Game</title>
</head>

<body>
    <canvas id="gameCanvas" width="500" height="500"></canvas>
    <script>
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");

let catImage = new Image();
        let dogImage = new Image();
        let catX = 0;
        let dogX = 0;
        let catY = 0;
        let dogY = 0;

function drawCat() {
            ctx.drawImage(catImage, catX, catY, 50, 50);
        }

function drawDog() {
            ctx.drawImage(dogImage, dogX, dogY, 50, 50);
        }

function moveCat() {
            catX = Math.floor(Math.random() * 450);
            catY = -50;
        }

function moveDog() {
            dogX = Math.floor(Math.random() * 450);
            dogY = -50;
        }

function checkCollision() {
            if(catY > 450) {
                moveCat(1);
            }

if(dogY > 450) {
                moveDog(1);
            }

if((Math.abs(catX - dogX) < 50) && (Math.abs(catY - dogY) < 50)) {
                alert("Game Over! Cats and Dogs Collided!");
                catX = 0;
                catY = 0;
                dogX = 0;
                dogY = 0;
            }
        }

function gameLoop() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            
            catY += 2;
            dogY += 3;

drawCat();
            drawDog();

checkCollision();

requestAnimationFrame(gameLoop);
        }

function startGame() {
            catImage.src = "https://emojicombos.com/images/emoji/apple/ios-14/256/cat_1f408.png";
            dogImage.src = "https://emojicombos.com/images/emoji/apple/ios-14/256/dog_face_1f436.png";

moveCat();
            moveDog();

gameLoop();
        }

startGame();
    </script>
</body>

</html>
```
This is a basic JavaScript game that simulates "Raining Cats and Dogs". The game involves a cat and a dog falling from the sky. The player must move the objects to avoid a collision between the two. Let me know if you would like any modifications to this game.