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

No:4852

2115

←

Prev Next

→

running smart
Developer sayaensm｜Date and time 23/6/28 22:52:33
Build time 18.704 sec｜Game capacity 1.655KB｜

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 {
            font-size: 40px;
            position: absolute;
            bottom: 50px;
            left: 50%;
            transform: translateX(-50%);
        }
    </style>
</head>

<body>
    <h1>走りスマホ</h1>
    <p>スマホを操作して電柱を避けながら走りましょう！</p>
    <p id="player">🏃</p>

document.addEventListener("keydown", function (event) {
            if (event.keyCode === 37) { // 左矢印キー
                position -= 10;
            } else if (event.keyCode === 39) { // 右矢印キー
                position += 10;
            }

playerElement.style.left = position + "%";
        });

setInterval(function () {
            if (position < 0 || position > 100) {
                alert("ゲームオーバー！");
                position = 50;
                playerElement.style.left = position + "%";
            }
        }, 50);
    </script>
</body>

</html>
```