Lets make the most of our streamers!'s game

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

No:7713

3109

←

Prev Next

→

Lets make the most of our streamers!
Developer o2pi4｜Date and time 23/7/9 13:52:07
Build time 8.617 sec｜Game capacity 2.144KB｜

Script

了解しました。以下は、スマホ操作前提で遊べる簡単なゲーム「のぼりはたを活かそう」の実装例です。ゲームの目的は、画面内をスワイプすることで風を起こし、のぼりはたを上方向に動かしていくことです。

🎌

このゲームでは、「のぼりはたを活かそう」というタイトルが表示され、画面の中央にはのぼりはたの絵文字(🎌)が表示されます。画面内を上下にスワイプすることでのぼりはたを操作し、上方向に動かしていくことができます。なお、現在の動きは簡単なものであり、ゲームとしてのルールや終了条件は設けていません。この例を基に、ルールや終了条件を追加することで、より充実したゲーム体験を実現することができます。

←

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>のぼりはたを活かそう</title>
    <style>
        #nobori {
            position: fixed;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            height: 400px;
            font-size: 200px;
            line-height: 400px;
            text-align: center;
        }
    </style>
</head>
<body>
    <script>
        var nobori = document.getElementById("nobori");
        var startY;
        var currentY;
        var direction;
        var speed = 2;
        
        document.addEventListener("touchstart", function(e){
            startY = e.touches[0].clientY;
            currentY = startY;
        });
        
        document.addEventListener("touchmove", function(e){
            currentY = e.touches[0].clientY;
            
            if (currentY < startY) {
                direction = "up";
            } else if (currentY > startY) {
                direction = "down";
            }
            
            nobori.style.bottom = parseInt(nobori.style.bottom) + speed * (direction === "up" ? 1 : -1) + "px";
            
            e.preventDefault();
        });
    </script>

<div id="nobori">🎌</div>
</body>
</html>
```

このゲームでは、「のぼりはたを活かそう」というタイトルが表示され、画面の中央にはのぼりはたの絵文字(🎌)が表示されます。画面内を上下にスワイプすることでのぼりはたを操作し、上方向に動かしていくことができます。

なお、現在の動きは簡単なものであり、ゲームとしてのルールや終了条件は設けていません。この例を基に、ルールや終了条件を追加することで、より充実したゲーム体験を実現することができます。