AI game creator

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

No:9187

131

←

Prev Next

→

beat the corona
Developer りおパパ｜Date and time 23/7/22 6:58:18
Build time 23.498 sec｜Game capacity 2.788KB｜

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>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            background-color: lightblue;
            font-size: 60px;
        }
    </style>
</head>
<body>
    <span id="corona">🦠</span>
    <script>
        const corona = document.getElementById('corona');
        
        // 初期位置をランダムに設定
        const maxX = window.innerWidth - corona.offsetWidth;
        const maxY = window.innerHeight - corona.offsetHeight;
        let coronaX = Math.floor(Math.random() * maxX);
        let coronaY = Math.floor(Math.random() * maxY);
        
        // クリック時の処理
        corona.addEventListener('click', () => {
            alert('コロナをやっつけました！');
            resetPosition(); // 位置をリセット
        });
        
        // スワイプ時の処理
        let startX, startY;
        
        corona.addEventListener('touchstart', (event) => {
            const touch = event.touches[0];
            startX = touch.clientX;
            startY = touch.clientY;
        });
        
        corona.addEventListener('touchmove', (event) => {
            event.preventDefault(); // デフォルトのスクロール動作をキャンセル
            
            const touch = event.touches[0];
            const dx = touch.clientX - startX;
            const dy = touch.clientY - startY;
            
            coronaX += dx;
            coronaY += dy;
            
            // 画面外に出ないように調整
            if (coronaX < 0) coronaX = 0;
            if (coronaX > maxX) coronaX = maxX;
            if (coronaY < 0) coronaY = 0;
            if (coronaY > maxY) coronaY = maxY;
            
            corona.style.transform = `translate(${coronaX}px, ${coronaY}px)`;
            
            startX = touch.clientX;
            startY = touch.clientY;
        });
        
        // 位置をリセットする関数
        function resetPosition() {
            coronaX = Math.floor(Math.random() * maxX);
            coronaY = Math.floor(Math.random() * maxY);
            corona.style.transform = `translate(${coronaX}px, ${coronaY}px)`;
        }
    </script>
</body>
</html>
```

このゲームでは、画面上に表示されるコロナをクリックすることでコロナをやっつけることができます。また、スマートフォンの画面上で指をスライドさせる（スワイプ）ことでコロナを移動させることもできます。