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

No:19176

Rainbow friend quest, you have 2 escaped. The rain..ALL
Developer User8452｜Date and time 23/10/1 23:21:54
Build time 8.348 sec｜Game capacity 2.154KB｜

Script

Sure, here's an example of a single HTML file containing a simple game called "Rainbow Friend Quest." This game involves rescuing two escaped rainbow friends through various levels using pictograms. The game is designed for smartphone operation.

Rainbow Friend Quest

In this game, there are two levels represented by the pictograms of a rainbow and a cloud (you can replace them with your own images as needed). The goal is to click on these pictograms to rescue the escaped rainbow friends. Once both friends are rescued, a congratulations message is displayed. Please note that you will need to replace `emozi_all/rainbow.png` and `emozi_all/cloud.png` with your own image files.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Rainbow Friend Quest</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }
        .level {
            display: flex;
            justify-content: center;
            margin-bottom: 20px;
        }
        .level img {
            width: 100px;
            height: 100px;
            margin: 0 10px;
            cursor: pointer;
        }
        #message {
            font-weight: bold;
            font-size: 18px;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <h1>Rainbow Friend Quest</h1>
    <div class="level">
        <img id="level1" src="rainbow.png">
        <img id="level2" src="cloud.png">
        
    </div>
    <div id="message"></div>

// Level completion event listener
        document.querySelectorAll('.level img').forEach(function(level) {
            level.addEventListener('click', function() {
                if (escapedFriends > 0) {
                    escapedFriends--;
                    this.style.opacity = '0.3';
                    if (escapedFriends === 0) {
                        document.getElementById('message').textContent = 'Congratulations! You saved all the rainbow friends!';
                    }
                }
            });
        });
    </script>
</body>
</html>
```

Please note that you will need to replace `rainbow.png` and `cloud.png` with your own image files.