Click here for free DL of the app version that can save data.

No:9468

223

←

Prev Next

→

5 Centimeters per second
Developer anonymous｜Date and time 23/7/25 2:32:17
Build time 17.038 sec｜Game capacity 1.812KB｜

Script

了解です。以下にプログラムを示します。

秒速5センチメートル

🌸

このHTMLファイルでは、秒速5センチメートルというタイトルを持つゲームを実装しています。ゲーム画面には白い丸が表示されており、キーボードの上下矢印キーを押すことで丸を移動することができます。 JavaScriptの部分では、`DOMContentLoaded` イベントを使用してDOMの読み込みが完了した後に処理を実行しています。キーボードのイベントが発生したときに呼び出される `moveCharacter` 関数を定義し、上矢印キーが押された場合には `yPosition` を減算し、下矢印キーが押された場合には `yPosition` を加算しています。これによって、キャラクターの表示位置が変化します。最後に、`keydown` イベントをキャッチして `moveCharacter` 関数を呼び出すように設定しています。

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

Click here for free DL of the app version that can save data.

了解です。以下にプログラムを示します。

```html
<!DOCTYPE html>
<html>
<head>
  <title>秒速5センチメートル</title>
</head>
<body>
  <h1>秒速5センチメートル</h1>
  <div id="game-container">
    <p id="character">🌸</p>
  </div>

function moveCharacter(e) {
        switch (e.keyCode) {
          case 38: // Up arrow key
            yPosition -= 30;
            break;
          case 40: // Down arrow key
            yPosition += 30;
            break;
        }

character.style.top = yPosition + "px";
      }

document.addEventListener("keydown", moveCharacter);
    });

character.style.left = window.innerWidth/2;
  </script>
</body>
</html>
```

このHTMLファイルでは、秒速5センチメートルというタイトルを持つゲームを実装しています。ゲーム画面には白い丸が表示されており、キーボードの上下矢印キーを押すことで丸を移動することができます。

JavaScriptの部分では、`DOMContentLoaded` イベントを使用してDOMの読み込みが完了した後に処理を実行しています。キーボードのイベントが発生したときに呼び出される `moveCharacter` 関数を定義し、上矢印キーが押された場合には `yPosition` を減算し、下矢印キーが押された場合には `yPosition` を加算しています。これによって、キャラクターの表示位置が変化します。

最後に、`keydown` イベントをキャッチして `moveCharacter` 関数を呼び出すように設定しています。