[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:7104

2587

←

Prev Next

→

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

Script

了解しました。以下は、スマホで遊べるシンプルなボールゲームを実装したHTMLファイルの例です。

このゲームでは、ボールとパドルを操作してボールを反射させることが目的です。パドルを矢印キーで操作し、ボールが床に当たるとゲームオーバーとなります。ゲームオーバー時にはページをリロードし、再度遊ぶことができます。

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

了解しました。以下は、スマホで遊べるシンプルなボールゲームを実装したHTMLファイルの例です。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>ボールゲーム</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="300" height="500"></canvas>
    <script>
        window.addEventListener('load', function() {
            var canvas = document.getElementById('gameCanvas');
            var ctx = canvas.getContext('2d');

var ball = {
                x: canvas.width / 2,
                y: canvas.height - 30,
                radius: 10,
                dx: 2,
                dy: -2
            };

var paddle = {
                width: 75,
                height: 10,
                x: (canvas.width - 75) / 2,
                moveLeft: false,
                moveRight: false
            };

function drawBall() {
                ctx.beginPath();
                ctx.arc(ball.x, ball.y, ball.radius, 0, Math.PI * 2);
                ctx.fillStyle = '#0095DD';
                ctx.fill();
                ctx.closePath();
            }

function drawPaddle() {
                ctx.beginPath();
                ctx.rect(paddle.x, canvas.height - paddle.height, paddle.width, paddle.height);
                ctx.fillStyle = '#0095DD';
                ctx.fill();
                ctx.closePath();
            }

function draw() {
                ctx.clearRect(0, 0, canvas.width, canvas.height);
                drawBall();
                drawPaddle();
                ball.x += ball.dx;
                ball.y += ball.dy;

if (ball.x + ball.dx > canvas.width - ball.radius || ball.x + ball.dx < ball.radius) {
                    ball.dx = -ball.dx;
                }

if (ball.y + ball.dy < ball.radius) {
                    ball.dy = -ball.dy;
                } else if (ball.y + ball.dy > canvas.height - ball.radius) {
                    if (ball.x > paddle.x && ball.x < paddle.x + paddle.width) {
                        ball.dy = -ball.dy;
                    } else {
                        // ゲームオーバー処理
                        alert('ゲームオーバー');
                        document.location.reload();
                    }
                }

if (paddle.moveLeft && paddle.x > 0) {
                    paddle.x -= 7;
                }

if (paddle.moveRight && paddle. x < canvas.width - paddle.width) {
                    paddle.x += 7;
                }
            }

function keyDownHandler(event) {
                if (event.key === 'ArrowLeft') {
                    paddle.moveLeft = true;
                } else if (event.key === 'ArrowRight') {
                    paddle.moveRight = true;
                }
            }

function keyUpHandler(event) {
                if (event.key === 'ArrowLeft') {
                    paddle.moveLeft = false;
                } else if (event.key === 'ArrowRight') {
                    paddle.moveRight = false;
                }
            }

document.addEventListener('keydown', keyDownHandler, false);
            document.addEventListener('keyup', keyUpHandler, false);

setInterval(draw, 10);
        });
    </script>
</body>
</html>
```