Array ( [uid] => D2116041_jfcs [isE] => 1 ) getLang()=en
Click here
for free DL of the app version that can save data.
No:7182
406
←
Prev
Next
→
Kirby and Wadoldi
Kirby and Wadoldi
Developer
User3957
｜Date and time 23/7/6 1:01:50
Build time 14.783 sec｜Game capacity 1.945KB｜
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> <style> body { text-align: center; font-size: 3rem; } </style> </head> <body> <h1>カービィとワドルディのゲーム</h1> <div id="kirby">🍓</div> <div id="waddle">🐧</div> <script> const kirby = document.getElementById('kirby'); const waddle = document.getElementById('waddle'); const screenWidth = window.innerWidth; let kirbyPosition = screenWidth / 2; let waddlePosition = 10; kirby.style.left = kirbyPosition + 'px'; waddle.style.left = waddlePosition + 'px'; function moveKirby(event) { const key = event.key; if (key === 'ArrowLeft') { kirbyPosition -= 10; } else if (key === 'ArrowRight') { kirbyPosition += 10; } kirby.style.left = kirbyPosition + 'px'; checkCollision(); } function checkCollision() { const kirbyRect = kirby.getBoundingClientRect(); const waddleRect = waddle.getBoundingClientRect(); if (kirbyRect.left < waddleRect.right && kirbyRect.right > waddleRect.left && kirbyRect.top < waddleRect.bottom && kirbyRect.bottom > waddleRect.top) { alert('ゲームオーバー！'); location.reload(); } } window.addEventListener('keydown', moveKirby); </script> </body> </html> ``` このゲームでは、キーボードの左矢印キーと右矢印キーでカービィを操作します。カービィとワドルディが重なるとゲームオーバーとなり、ページがリロードされます。
406
Prev
Script
Back
0
0