Array ( [uid] => D310810_s1CZ [isE] => 1 ) getLang()=en
Click here
for free DL of the app version that can save data.
No:27152
50
←
Prev
Next
→
スイカゲームみたいなゲーム
スイカゲームみたいなゲーム
Developer
User13491
｜Date and time 23/12/4 18:40:55
Build time 24.59 sec｜Game capacity 1.73KB｜
Script
以下のようなスイカゲームのプログラムを実装します。
🍉
このプログラムは、スイカの絵文字をクリックすると、スイカがランダムな位置に移動します。クリックした回数が10回に達するとゲーム終了となります。
[PR]現在のフィギュア売れ筋ランキング
Click here
for free DL of the app version that can save data.
以下のようなスイカゲームのプログラムを実装します。 ```html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>スイカゲーム</title> <style> body { text-align: center; } #game-screen { font-size: 4em; padding-top: 50%; user-select: none; } </style> </head> <body> <div id="game-screen">🍉</div> <script> // スイカの位置 var watermelonPosition = { x: 50, y: 50 }; // スイカをクリックした回数 var clickCount = 0; // クリックイベントの設定 document.getElementById("game-screen").addEventListener("click", function() { // スイカをクリックするたびに位置をランダムに変更 watermelonPosition.x = Math.random() * 90; watermelonPosition.y = Math.random() * 90; // スイカを移動させる var gameScreen = document.getElementById("game-screen"); gameScreen.style.marginTop = watermelonPosition.y + "%"; gameScreen.style.marginLeft = watermelonPosition.x + "%"; // クリック回数をカウントアップ clickCount++; // クリック回数が10回以上になったらゲーム終了 if (clickCount >= 10) { gameScreen.innerHTML = "ゲーム終了！"; gameScreen.style.cursor = "auto"; gameScreen.removeEventListener("click"); } }); </script> </body> </html> ``` このプログラムは、スイカの絵文字をクリックすると、スイカがランダムな位置に移動します。クリックした回数が10回に達するとゲーム終了となります。
50
Prev
Script
Back
0
1