Array ( [uid] => D987628_ZyWV [isE] => 1 ) getLang()=en
Click here
for free DL of the app version that can save data.
No:6970
55
←
Prev
Next
→
trampoline
trampoline
Developer
User3951
｜Date and time 23/7/4 18:06:41
Build time 14.317 sec｜Game capacity 1.75KB｜
Script
以下は、トランポリンのシミュレーションゲームのHTMLファイルの例です。JavaScriptで処理を実装し、スマホで遊べるようにしました。
🏀
このゲームでは、ボールをジャンプさせることができます。画面に表示されるボールをタップするか、ボタンをクリックすることでジャンプします。ボールは重力の影響で下に落下し、地面に着地すると再びジャンプ可能になります。
[PR]現在の新着人気ランキング
Click here
for free DL of the app version that can save data.
以下は、トランポリンのシミュレーションゲームのHTMLファイルの例です。JavaScriptで処理を実装し、スマホで遊べるようにしました。 ```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 { display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; } #ball { font-size: 50px; } </style> </head> <body> <div id="ball">🏀</div> <script> const ball = document.getElementById('ball'); let posY = 0; let velocity = 0; function jump() { velocity = -10; // ジャンプ力 } function update() { velocity += 1; // 重力 posY += velocity; if (posY > 0) { posY = 0; velocity = 0; } ball.style.transform = `translateY(${posY}px)`; requestAnimationFrame(update); } // ジャンプボタンの追加 const jumpButton = document.createElement('button'); jumpButton.innerText = 'ジャンプ'; jumpButton.addEventListener('click', jump); document.body.appendChild(jumpButton); // ゲーム開始 requestAnimationFrame(update); </script> </body> </html> ``` このゲームでは、ボールをジャンプさせることができます。画面に表示されるボールをタップするか、ボタンをクリックすることでジャンプします。ボールは重力の影響で下に落下し、地面に着地すると再びジャンプ可能になります。
55
Prev
Script
Back
2
1