Array ( [uid] => D2055016_GH6B [isE] => 1 ) getLang()=en
Click here
for free DL of the app version that can save data.
No:36723
69
←
Prev
Next
→
3Dのゲーム。矢印ボタンを押すとキャラクターが移動する
3Dのゲーム。矢印ボタンを押すとキャラクターが移動する
Developer
User16795
｜Date and time 24/1/18 9:26:39
Build time 10.169 sec｜Game capacity 2.07KB｜
Script
了解です。以下に示すのは、3Dのゲームであり、矢印ボタンを押すとキャラクターが移動するシンプルなプログラムの実装例です。
🚀
このプログラムをHTMLファイルとして保存し、ブラウザで実行すると、キーボードの矢印キーに対応してキャラクターが移動します。キャラクターはロケットの絵文字で表現されています。画面中央に表示されたキャラクターが移動する様子が確認できるでしょう。
Space
[PR]現在の新着人気ランキング
Click here
for free DL of the app version that can save data.
了解です。以下に示すのは、3Dのゲームであり、矢印ボタンを押すとキャラクターが移動するシンプルなプログラムの実装例です。 ```html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>3Dゲーム</title> <style> #character { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 30px; } </style> </head> <body> <div id="character">🚀</div> <script> // 初期位置 let x = 50; let y = 50; // 矢印キーのキーコード const KEY_ARROW_LEFT = 37; const KEY_ARROW_UP = 38; const KEY_ARROW_RIGHT = 39; const KEY_ARROW_DOWN = 40; // キー入力の状態を格納する配列 const keys = []; // キーダウンイベントリスナー document.addEventListener('keydown', (e) => { keys[e.keyCode] = true; }); // キーアップイベントリスナー document.addEventListener('keyup', (e) => { keys[e.keyCode] = false; }); // ゲームループ setInterval(() => { if (keys[KEY_ARROW_LEFT]) { x -= 5; // 左に移動 } if (keys[KEY_ARROW_UP]) { y -= 5; // 上に移動 } if (keys[KEY_ARROW_RIGHT]) { x += 5; // 右に移動 } if (keys[KEY_ARROW_DOWN]) { y += 5; // 下に移動 } // キャラクターの位置を更新 document.getElementById('character').style.top = y + '%'; document.getElementById('character').style.left = x + '%'; }, 16); </script> </body> </html> ``` このプログラムをHTMLファイルとして保存し、ブラウザで実行すると、キーボードの矢印キーに対応してキャラクターが移動します。キャラクターはロケットの絵文字で表現されています。画面中央に表示されたキャラクターが移動する様子が確認できるでしょう。
69
Prev
Script
Back
0
0