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

No:28787

77

Frog and leap game where 3 green frogs and 3 brown..ALL
Developer User14206｜Date and time 23/12/14 9:15:39
Build time 32.861 sec｜Game capacity 2.633KB｜

Sure! Here's an example of a Frog and Leap game using JavaScript and pictograms. The game is designed for smartphone operation and consists of 3 green frogs and 3 brown frogs. The objective of the game is to make all the green frogs switch places with the brown frogs, and vice versa, by leaping over each other.

Frog and Leap Game

🐸

🐸

🐸

🐹

🐹

🐹

In this game, the green frogs are represented by the frog pictogram (🐸) and the brown frogs are represented by the frog face pictogram (🐹). By tapping on a frog, it will switch places with the adjacent frog. The player needs to strategize and make the right moves to get all the green frogs on one side and all the brown frogs on the other side. The game checks for a win condition after each move by counting the number of green frogs. If all 6 frogs are green or if all 6 frogs are brown, a winning alert message will be displayed. Note: The above code is a simple implementation to give you an idea of how the game can be created. You can enhance it further by adding more features, animations, and levels to make it more engaging.

→ 　

1　

0　

[PR]現在のゲームギフトランキング

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

(C)2023 HisashiApp

Sure! Here's an example of a Frog and Leap game using JavaScript and pictograms. The game is designed for smartphone operation and consists of 3 green frogs and 3 brown frogs. The objective of the game is to make all the green frogs switch places with the brown frogs, and vice versa, by leaping over each other.

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        .frog {
            display: inline-block;
            width: 50px;
            height: 50px;
            text-align: center;
            margin: 5px;
            background-color: brown;
            font-size: 30px;
            color: white;
            font-weight: bold;
            cursor: pointer;
        }

.frog.green {
            background-color: green;
        }
    </style>
</head>
<body>
    <h1>Frog and Leap Game</h1>
    
    <div class="frog green" onclick="leap(this)">🐸</div>
    <div class="frog green" onclick="leap(this)">🐸</div>
    <div class="frog green" onclick="leap(this)">🐸</div>
    <br>
    <div class="frog" onclick="leap(this)">🐹</div>
    <div class="frog" onclick="leap(this)">🐹</div>
    <div class="frog" onclick="leap(this)">🐹</div>

<script>
        function leap(frog) {
            if (frog.classList.contains("green")) {
                frog.classList.remove("green");
                frog.nextElementSibling.classList.add("green");
            } else {
                frog.classList.add("green");
                frog.previousElementSibling.classList.remove("green");
            }
            checkWin();
        }

function checkWin() {
            var greenFrogs = document.getElementsByClassName("frog green");
            if (greenFrogs.length === 6 || greenFrogs.length === 0) {
                alert("Congratulations! You won the game!");
            }
        }
    </script>
</body>
</html>
```

In this game, the green frogs are represented by the frog pictogram (🐸) and the brown frogs are represented by the frog face pictogram (🐹). By tapping on a frog, it will switch places with the adjacent frog. The player needs to strategize and make the right moves to get all the green frogs on one side and all the brown frogs on the other side.

The game checks for a win condition after each move by counting the number of green frogs. If all 6 frogs are green or if all 6 frogs are brown, a winning alert message will be displayed.

Note: The above code is a simple implementation to give you an idea of how the game can be created. You can enhance it further by adding more features, animations, and levels to make it more engaging.