Segway (motorized personal vehicle)'s game

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

No:7348

1462

←

Prev Next

→

Segway (motorized personal vehicle)
Developer User4009｜Date and time 23/7/6 23:52:57
Build time 12.702 sec｜Game capacity 1.537KB｜

Script

了解です。では、セグウェイを題材にした簡単なゲームを作成します。

🛴

このプログラムでは、ブラウザ上に表示されるセグウェイの絵文字を操作して移動させることができます。上矢印キーで上に、下矢印キーで下に、左矢印キーで左に、右矢印キーで右に移動します。ご希望に沿えるように実装しましたが、もしご要望があれば適宜変更いたしますのでお知らせください。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

了解です。では、セグウェイを題材にした簡単なゲームを作成します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>セグウェイゲーム</title>
    <style>
        #player {
            position: absolute;
            font-size: 2rem;
        }
    </style>
</head>
<body>
    <div id="player">🛴</div>

document.addEventListener("keydown", function(event) {
            const key = event.key;
            let deltaX = 0;
            let deltaY = 0;

if (key === "ArrowUp") {
                deltaY = -10;
            } else if (key === "ArrowDown") {
                deltaY = 10;
            } else if (key === "ArrowLeft") {
                deltaX = -10;
            } else if (key === "ArrowRight") {
                deltaX = 10;
            }

positionX += deltaX;
            positionY += deltaY;
            player.style.transform = `translate(${positionX}px, ${positionY}px)`;
        });
    </script>
</body>
</html>
```

このプログラムでは、ブラウザ上に表示されるセグウェイの絵文字を操作して移動させることができます。上矢印キーで上に、下矢印キーで下に、左矢印キーで左に、右矢印キーで右に移動します。

ご希望に沿えるように実装しましたが、もしご要望があれば適宜変更いたしますのでお知らせください。