Dont worry, Im wearing it.'s game

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

No:9075

221

←

Prev Next

→

Dont worry, Im wearing it.
Developer User4246｜Date and time 23/7/21 3:56:41
Build time 33.306 sec｜Game capacity 3.532KB｜

Script

了解しました。以下に、スマートフォンで遊べるシンプルなゲーム「ピンポンゲーム」のプログラムを示します。

このプログラムは、スマートフォンの傾きを使ってボールを跳ね返すゲームです。スマートフォンを傾けるとパドルが動き、ボールがパドルに当たると跳ね返ります。ボールが画面外に出ると初期位置に戻り、ゲームが続きます。このような形でゲームを作成できます。もし絵文字や他のゲームのリクエストがあれば、お知らせください。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下に、スマートフォンで遊べるシンプルなゲーム「ピンポンゲーム」のプログラムを示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>ピンポンゲーム</title>
    <style>
        #paddle {
            position: absolute;
            width: 60px;
            height: 10px;
            background-color: black;
            border-radius: 5px;
        }

#ball {
            position: absolute;
            width: 10px;
            height: 10px;
            background-color: black;
            border-radius: 50%;
        }
    </style>
</head>
<body>
    <div id="paddle"></div>
    <div id="ball"></div>
    <script>
        // スマートフォンの傾きを取得するためのイベントリスナーを追加
        window.addEventListener("deviceorientation", handleOrientation, true);

// パドルの初期位置
        var paddleX = window.innerWidth / 2;

// ボールの初期位置
        var ballX = window.innerWidth / 2;
        var ballY = window.innerHeight - 50;

// パドルとボールの要素を取得
        var paddle = document.getElementById("paddle");
        var ball = document.getElementById("ball");

// パドルとボールの初期位置を設定
        paddle.style.left = paddleX - 30 + "px";
        ball.style.left = ballX - 5 + "px";
        ball.style.top = ballY - 5 + "px";

// 傾きに応じてパドルを移動させる関数
        function handleOrientation(event) {
            var x = event.gamma;
            paddleX += x * 5;

// パドルが画面外に出ないように制限する
            if (paddleX < 0) {
                paddleX = 0;
            }
            if (paddleX + 60 > window.innerWidth) {
                paddleX = window.innerWidth - 60;
            }

// パドルを移動させる
            paddle.style.left = paddleX + "px";
        }

// ボールを下に移動させる関数
        function moveBall() {
            ballY += 2;
            ball.style.top = ballY - 5 + "px";

// ボールが画面外に出た場合、初期位置に戻す
            if (ballY > window.innerHeight) {
                ballX = paddleX + 30;
                ballY = window.innerHeight - 50;
                ball.style.left = ballX - 5 + "px";
                ball.style.top = ballY - 5 + "px";
            }

// パドルとボールが衝突した場合、ボールを跳ね返す
            if (ballY > window.innerHeight - 60 && ballX > paddleX && ballX < paddleX + 60) {
                ballY = window.innerHeight - 60;
                ball.style.top = ballY - 5 + "px";
                ballY = window.innerHeight - 60;
                ball.style.top = ballY - 5 + "px";
            }

// 次のフレームに移動する
            requestAnimationFrame(moveBall);
        }

// ボールを移動させる
        moveBall();
    </script>
</body>
</html>
```

このプログラムは、スマートフォンの傾きを使ってボールを跳ね返すゲームです。スマートフォンを傾けるとパドルが動き、ボールがパドルに当たると跳ね返ります。ボールが画面外に出ると初期位置に戻り、ゲームが続きます。

このような形でゲームを作成できます。もし絵文字や他のゲームのリクエストがあれば、お知らせください。