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

No:9141

149

←

Prev Next

→

The rabbit that turns and turns and turns, the wol..ALL
Developer User4271｜Date and time 23/7/21 17:31:56
Build time 24.357 sec｜Game capacity 2.193KB｜

Script

了解しました。以下に「回る回る兎追う追う狼」という簡単なゲームを実装したHTMLファイルを示します。このゲームでは、ユーザーがスマホの画面をタップすることで兎が回転し、狼に追いかけられるというルールです。

回る回る兎追う追う狼

🐇

🐺

このプログラムでは、兎が画面中央に表示され、回転しています。ユーザーが兎をタップすると、狼が表示されて追いかけてくるようになります。兎が狼に追いつかれると、「兎が追いつかれました！ゲームオーバー！」というメッセージが表示されます。このゲームは、スマホ上で実行可能です。ただし、絵文字の表示状況や挙動は端末やブラウザによって異なる場合がありますので、ご了承ください。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下に「回る回る兎 追う追う狼」という簡単なゲームを実装したHTMLファイルを示します。このゲームでは、ユーザーがスマホの画面をタップすることで兎が回転し、狼に追いかけられるというルールです。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>回る回る兎 追う追う狼</title>
    <style>
        body {
            text-align: center;
        }
        #rabbit {
            font-size: 100px;
            cursor: pointer;
            animation: rotate 1s infinite linear;
        }
        #wolf {
            font-size: 150px;
            visibility: hidden;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        @keyframes rotate {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
    </style>
</head>
<body>
    <h1>回る回る兎 追う追う狼</h1>
    <div id="rabbit">🐇</div>
    <div id="wolf">🐺</div>

let isCaught = false;

rabbitElement.addEventListener('click', () => {
            if (!isCaught) {
                rabbitElement.style.animation = 'none';
                wolfElement.style.visibility = 'visible';
                isCaught = true;
                alert('兎が追いつかれました！ゲームオーバー！');
            }
        });
    </script>
</body>
</html>
```

このプログラムでは、兎が画面中央に表示され、回転しています。ユーザーが兎をタップすると、狼が表示されて追いかけてくるようになります。兎が狼に追いつかれると、「兎が追いつかれました！ゲームオーバー！」というメッセージが表示されます。

このゲームは、スマホ上で実行可能です。ただし、絵文字の表示状況や挙動は端末やブラウザによって異なる場合がありますので、ご了承ください。

回る回る兎 追う追う狼

回る回る兎追う追う狼