Array ( [uid] => D2114595_xK2s [isE] => 1 ) getLang()=en
Click here
for free DL of the app version that can save data.
No:7216
8455
←
Prev
Next
→
live ball
live ball
Developer
User3987
｜Date and time 23/7/6 12:44:02
Build time 16.998 sec｜Game capacity 2.211KB｜
Script
了解です。以下、スマホ操作前提で遊べるゲームの例を示します。このゲームは「元気玉」という名前のゲームです。
元気玉
タップして元気玉を発射しよう！
発射
このゲームでは、「元気玉を発射」ボタンをタップすると、画面上にランダムな絵文字が表示され、ランダムな位置に動きます。元気玉は一定時間経過後にフェードアウトし、画面から削除されます。タップするたびに新しい元気玉が生成されるため、繰り返し遊ぶことができます。
[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> </head> <body> <div id="container"> <h1>元気玉</h1> <p id="message">タップして元気玉を発射しよう！</p> <button id="launchButton" onclick="launch()">発射</button> <div id="gameArea"></div> </div> <script> // ランダムな整数を取得する関数 function getRandomInt(min, max) { return Math.floor(Math.random() * (max - min + 1)) + min; } // 元気玉を発射する関数 function launch() { const gameArea = document.getElementById("gameArea"); // 元気玉の絵文字 const emojiList = ["🌟", "✨", "💫", "🔥", "🌈"]; // 元気玉を作成 const gekidama = document.createElement("div"); gekidama.className = "gekidama"; gekidama.innerHTML = emojiList[getRandomInt(0, emojiList.length - 1)]; // ゲームエリアに元気玉を追加 gameArea.appendChild(gekidama); // 元気玉をランダムな位置に移動させる gekidama.style.left = getRandomInt(20, window.innerWidth - 120) + "px"; gekidama.style.top = getRandomInt(20, window.innerHeight - 120) + "px"; // フェードアウトさせるアニメーションを追加 gekidama.animate( { opacity: [1, 0] }, { duration: 1500, fill: "forwards" } ); // 元気玉がフェードアウトした後に削除 setTimeout(() => { gameArea.removeChild(gekidama); }, 1500); } </script> </body> </html> ``` このゲームでは、「元気玉を発射」ボタンをタップすると、画面上にランダムな絵文字が表示され、ランダムな位置に動きます。元気玉は一定時間経過後にフェードアウトし、画面から削除されます。タップするたびに新しい元気玉が生成されるため、繰り返し遊ぶことができます。
8455
Prev
Script
Back
3
3