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

No:27325

War between dogs and cats. Player needs to be a bu..ALL
Developer User13585｜Date and time 23/12/6 3:37:25
Build time 66.012 sec｜Game capacity 3.19KB｜

Script

Sure! Here's an example of a simple game using HTML, JavaScript, and pictograms:

War between Dogs and Cats

In this game, the player controls a bunny (neutral character) using the arrow keys on their smartphone. The objective is to navigate the bunny without colliding with the dog or cat characters. If the bunny collides with either one, the peace mission fails, and the game can be reset.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple game using HTML, JavaScript, and pictograms:

```html
<!DOCTYPE html>
<html>
<head>
    <title>War between Dogs and Cats</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }
    </style>
</head>
<body>
    <h1>War between Dogs and Cats</h1>
    <div id="game-container">
        <img id="bunny" src="bunny.png" alt="Bunny" width="50px" height="50px">
        <img id="dog" src="dog.png" alt="Dog" width="50px" height="50px">
        <img id="cat" src="cat.png" alt="Cat" width="50px" height="50px">
        <button onclick="startQuest()">Start Quest</button>
    </div>

function startQuest() {
            alert("The lonely Hare has embarked on a quest to bring peace between the Dogs and the Cats.");
            moveBunny();
        }

function moveBunny() {
            document.onkeydown = function (e) {
                switch (e.keyCode) {
                    case 37: // Left arrow key
                        bunnyX -= 10;
                        break;
                    case 39: // Right arrow key
                        bunnyX += 10;
                        break;
                    case 38: // Up arrow key
                        bunnyY -= 10;
                        break;
                    case 40: // Down arrow key
                        bunnyY += 10;
                        break;
                }

// Update bunny position
                document.getElementById('bunny').style.left = bunnyX + 'px';
                document.getElementById('bunny').style.top = bunnyY + 'px';

checkCollision();
            };
        }

function checkCollision() {
            var bunny = document.getElementById('bunny');
            var dog = document.getElementById('dog');
            var cat = document.getElementById('cat');

// Calculate distance between bunny and other characters
            var distanceToDog = Math.sqrt(Math.pow(bunnyX - dog.offsetLeft, 2) + Math.pow(bunnyY - dog.offsetTop, 2));
            var distanceToCat = Math.sqrt(Math.pow(bunnyX - cat.offsetLeft, 2) + Math.pow(bunnyY - cat.offsetTop, 2));

// Check if bunny collides with dog or cat
            if (distanceToDog < 30 || distanceToCat < 30) {
                alert("The peace mission has failed! The war between Dogs and Cats continues.");
                resetGame();
            }
        }

function resetGame() {
            bunnyX = 0;
            bunnyY = 0;
            document.getElementById('bunny').style.left = '0px';
            document.getElementById('bunny').style.top = '0px';
        }
    </script>
</body>
</html>
```