Paper Driver! Paper Driver! Lets drive paper well!'s game

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

No:6464

142

←

Prev Next

→

Paper Driver! Paper Driver! Lets drive paper well!
Developer User3589｜Date and time 23/7/2 14:07:43
Build time 22.666 sec｜Game capacity 2.222KB｜

Script

以下に、ペーパードライバーというゲームの例を示します。

🚗

このプログラムでは、プレイヤーが紙の車を操作します。プレイヤーはスマホの左右のキーをタップすることで、車を左右に回転させることができます。紙の車の向きは、回転する角度で表されています。初期状態では、車は画面の中央に配置されており、垂直・水平方向に中央揃えされます。プレイヤーがキーを押すと、車の回転が始まります。スピードは初期値で設定されており、左キーを押すと速度が低下し、右キーを押すと速度が上昇します。このゲームは、車の回転を操作することで遊ぶことができます。スムーズに動作するように、requestAnimationFrameを使用してループ処理を行っています。

←

Prev　Next

→ 　

Back　

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

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

以下に、ペーパードライバーというゲームの例を示します。

```
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ペーパードライバー</title>
    <style>
        body {
            margin: 0;
            padding: 0;
        }
        #paper {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100px;
            height: 100px;
            background-color: white;
            border: 1px solid black;
            text-align: center;
            font-size: 50px;
        }
    </style>
</head>
<body>
    <div id="paper">🚗</div>

function rotatePaper() {
            angle += speed;
            paper.style.transform = `translate(-50%, -50%) rotate(${angle}deg)`;
            requestAnimationFrame(rotatePaper);
        }

rotatePaper();
    </script>
</body>
</html>
```

このプログラムでは、プレイヤーが紙の車を操作します。プレイヤーはスマホの左右のキーをタップすることで、車を左右に回転させることができます。紙の車の向きは、回転する角度で表されています。

初期状態では、車は画面の中央に配置されており、垂直・水平方向に中央揃えされます。プレイヤーがキーを押すと、車の回転が始まります。スピードは初期値で設定されており、左キーを押すと速度が低下し、右キーを押すと速度が上昇します。

このゲームは、車の回転を操作することで遊ぶことができます。スムーズに動作するように、requestAnimationFrameを使用してループ処理を行っています。