[Notice] A game that trolls Twitter of the developer Hisashi, who does not appease Doublesquare.'s game

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

No:7102

2513

←

Prev Next

→

[Notice] A game that trolls Twitter of the develop..ALL
Developer どうスクのアプデ早くしろよ！🤬💢｜Date and time 23/7/5 12:48:31
Build time 34.807 sec｜Game capacity 5.24KB｜

Script

了解しました。以下に、スマートフォンで遊べる簡単なゲームの例を示します。このゲームでは、プレイヤーがタップすることでボールを落下させ、障害物を避けながらできるだけ遠くまで進むことを目指します。

この例では、スマートフォンのブラウザ上でプレイできるシンプルなボールゲームが実装されています。ゲーム画面全体をタップすることでボールがジャンプします。障害物を避けつつできるだけ遠くまで進み、スコアを競うことが目的です。ゲームオーバーになると、得点が表示され、ページがリロードされてリスタートします。実際にゲームを遊ぶためには、このHTMLファイルを保存し、スマートフォンのブラウザで開いてください。

←

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>
        #game-container {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <canvas id="game-canvas" width="300" height="500"></canvas>
    </div>

// ゲームの状態を管理する変数
        let ballY = gameConfig.initialBallY;      // ボールの縦位置
        let score = 0;                            // スコア
        let gameSpeed = 1;                        // ゲームの速度（時間の経過に伴い増加）

// ゲーム画面のキャンバス要素を取得
        const canvas = document.getElementById("game-canvas");
        const context = canvas.getContext("2d");

// ボールを描画する関数
        function drawBall() {
            context.beginPath();
            context.arc(gameConfig.canvasWidth / 2, ballY, gameConfig.ballRadius, 0, 2 * Math.PI);
            context.fillStyle = "yellow";
            context.fill();
            context.closePath();
        }

// 障害物を描画する関数
        function drawObstacle(x) {
            const gapTopY = (gameConfig.canvasHeight - gameConfig.obstacleGap) / 2;
            const gapBottomY = gapTopY + gameConfig.obstacleGap;

context.fillStyle = "green";

// 上部の障害物を描画
            context.fillRect(x, 0, 50, gapTopY);

// 下部の障害物を描画
            context.fillRect(x, gapBottomY, 50, gameConfig.canvasHeight - gapBottomY);
        }

// ゲームループの処理
        function gameLoop() {
            context.clearRect(0, 0, gameConfig.canvasWidth, gameConfig.canvasHeight);

// ボールの更新
            ballY += gameConfig.gravity * gameSpeed;

// ボールと画面の衝突判定
            if (ballY <= 0 || ballY >= gameConfig.canvasHeight) {
                gameOver();
            }

// 障害物の更新
            const obstacleX = gameConfig.canvasWidth - (gameConfig.obstacleSpeed * gameSpeed);
            drawObstacle(obstacleX);

// 障害物とボールの衝突判定
            const ballTopY = ballY - gameConfig.ballRadius;
            const ballBottomY = ballY + gameConfig.ballRadius;
            const gapTopY = (gameConfig.canvasHeight - gameConfig.obstacleGap) / 2;
            const gapBottomY = gapTopY + gameConfig.obstacleGap;

if ((obstacleX <= gameConfig.canvasWidth / 2 + gameConfig.ballRadius) && (
                ballTopY <= gapTopY || ballBottomY >= gapBottomY
                )) {
                gameOver();
            }

// ボールの描画
            drawBall();

// スコアの表示
            context.fillStyle = "black";
            context.font = "24px sans-serif";
            context.fillText("Score: " + score, 10, 30);

// ゲームの速度を増加
            gameSpeed += 0.01;

// 次のフレームの処理を予約
            requestAnimationFrame(gameLoop);
        }

// ゲームオーバー時の処理
        function gameOver() {
            alert("Game Over! Your Score: " + score);
            location.reload();  // ページをリロードしてリスタート
        }

// タッチイベントの処理
        canvas.addEventListener("touchstart", function () {
            ballY += gameConfig.jumpForce;
            score++;  // スコアを加算
        });

// ゲームループを開始
        gameLoop();
    </script>
</body>
</html>
```

この例では、スマートフォンのブラウザ上でプレイできるシンプルなボールゲームが実装されています。ゲーム画面全体をタップすることでボールがジャンプします。障害物を避けつつできるだけ遠くまで進み、スコアを競うことが目的です。ゲームオーバーになると、得点が表示され、ページがリロードされてリスタートします。

実際にゲームを遊ぶためには、このHTMLファイルを保存し、スマートフォンのブラウザで開いてください。