Make a game with a dog that you have to chase a cat's game

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

No:20473

←

Prev Next

→

Make a game with a dog that you have to chase a ca..ALL
Developer User9061｜Date and time 23/10/9 23:54:16
Build time 19.602 sec｜Game capacity 3.215KB｜

Script

Sure! Here's a sample code for a simple game where you have to chase a cat with a dog, implemented as a single HTML file using JavaScript:

Please note that you need to replace the `emozi_all/dog.png` and `emozi_all/cat.png` URLs with the actual URLs of the dog and cat pictograms you prefer to use. To play the game, open the HTML file on a smartphone and touch the screen to move the dog. Once the dog gets close enough to the cat, an alert will be displayed congratulating you for catching the cat.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a sample code for a simple game where you have to chase a cat with a dog, implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Chase the Cat</title>
    <style>
        #dog {
            position: absolute;
            width: 100px;
            height: 100px;
            background-image: url(https://example.com/dog.png); /* Replace with actual dog pictogram URL */
            background-size: cover;
        }
        #cat {
            position: absolute;
            width: 100px;
            height: 100px;
            background-image: url(https://example.com/cat.png); /* Replace with actual cat pictogram URL */
            background-size: cover;
        }
    </style>
</head>
<body>
    <div id="dog"></div>
    <div id="cat"></div>

// Function to calculate random position within screen boundaries
        function getRandomPosition() {
            var screenWidth = window.innerWidth - 100;  // Subtract dog width
            var screenHeight = window.innerHeight - 100; // Subtract dog height
            var randomX = Math.floor(Math.random() * screenWidth);
            var randomY = Math.floor(Math.random() * screenHeight);
            return [randomX, randomY];
        }

// Update the cat position continuously
        function moveCat() {
            var position = getRandomPosition();
            var catX = position[0];
            var catY = position[1];
            cat.style.left = catX + "px";
            cat.style.top = catY + "px";
        }

// Function to calculate distance between dog and cat
        function getDistance() {
            var dogRect = dog.getBoundingClientRect();
            var catRect = cat.getBoundingClientRect();
            var dx = (dogRect.left + dogRect.width / 2) - (catRect.left + catRect.width / 2);
            var dy = (dogRect.top + dogRect.height / 2) - (catRect.top + catRect.height / 2);
            return Math.sqrt(dx * dx + dy * dy);
        }

// Handle dog movement when user touches the screen
        window.addEventListener("touchmove", function(event) {
            var touch = event.touches[0];
            var dogX = touch.clientX - 50; // Subtract half of dog width
            var dogY = touch.clientY - 50; // Subtract half of dog height
            dog.style.left = dogX + "px";
            dog.style.top = dogY + "px";

var distance = getDistance();
            if (distance < 50) {
                alert("Congratulations! You caught the cat!");
            }
        });

// Start the cat movement
        setInterval(moveCat, 2000); // Change cat movement interval as desired
    </script>
</body>
</html>
```

Please note that you need to replace the `https://example.com/dog.png` and `https://example.com/cat.png` URLs with the actual URLs of the dog and cat pictograms you prefer to use.

To play the game, open the HTML file on a smartphone and touch the screen to move the dog. Once the dog gets close enough to the cat, an alert will be displayed congratulating you for catching the cat.