a bouncing spikeball for all devices and if it hits the wall and multiplies and the wall gets bigger's game

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

No:17021

158

←

Prev Next

→

a bouncing spikeball for all devices and if it hit..ALL
Developer User7570｜Date and time 23/9/22 6:23:36
Build time 35.465 sec｜Game capacity 3.868KB｜

Script

Sure, here's an example of a game with a bouncing spikeball that multiplies when it hits the wall, and the wall gets bigger. The game is implemented as a single HTML file with JavaScript enclosed in script tags:

To play the game, you can save the above code in a `.html` file and open it in any browser on your smartphone or desktop. The game starts automatically and you can control the ball's vertical movement using the up and down arrow keys. The ball will bounce off the walls and multiply in size when it hits the wall. The score displayed on the top left indicates how many times the ball has hit the wall (and subsequently multiplied). Each time the ball multiplies, the wall will get bigger.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Bouncing Spikeball Game</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
        canvas {
            background-color: black;
            display: block;
        }
    </style>
</head>
<body>
    <script>
        // Game variables
        var canvas, ctx;
        var ballX, ballY, ballSize, ballSpeedX, ballSpeedY;
        var wallX, wallY, wallWidth, wallHeight;
        var score;

// Initialize the game
        function initGame() {
            canvas = document.createElement("canvas");
            canvas.width = window.innerWidth;
            canvas.height = window.innerHeight;
            ctx = canvas.getContext("2d");
            document.body.appendChild(canvas);

ballSize = 40;
            ballX = canvas.width / 2;
            ballY = canvas.height / 2;
            ballSpeedX = 5;
            ballSpeedY = 5;

wallWidth = 20;
            wallHeight = canvas.height;
            wallX = canvas.width - wallWidth;
            wallY = 0;

score = 0;

// Start game loop
            setInterval(updateGame, 30);

// Handle user input
            window.addEventListener("keydown", function(event) {
                if (event.key === "ArrowUp" && ballY - ballSize / 2 > 0) {
                    ballY -= 10;
                } else if (event.key === "ArrowDown" && ballY + ballSize / 2 < canvas.height) {
                    ballY += 10;
                }
            });
        }

// Update game logic
        function updateGame() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Update ball position
            ballX += ballSpeedX;
            ballY += ballSpeedY;

// Bounce off walls
            if (ballX - ballSize / 2 < 0 || ballX + ballSize / 2 > canvas.width) {
                ballSpeedX *= -1;
                multiplyBall();
                wallWidth += 20;
            }
            if (ballY - ballSize / 2 < 0 || ballY + ballSize / 2 > canvas.height) {
                ballSpeedY *= -1;
            }

// Draw ball
            ctx.fillStyle = "white";
            ctx.beginPath();
            ctx.arc(ballX, ballY, ballSize / 2, 0, Math.PI * 2);
            ctx.fill();

// Draw wall
            ctx.fillStyle = "red";
            ctx.fillRect(wallX, wallY, wallWidth, wallHeight);

// Update score
            score = Math.floor(wallWidth / 20);
            ctx.fillStyle = "white";
            ctx.font = "24px Arial";
            ctx.fillText("Score: " + score, 10, 30);
        }

// Multiply the ball when it hits the wall
        function multiplyBall() {
            ballSize /= 2;
            var newBallSpeedX = Math.random() > 0.5 ? ballSpeedX : -ballSpeedX;
            var newBallSpeedY = Math.random() > 0.5 ? ballSpeedY : -ballSpeedY;
            ballSpeedX = newBallSpeedX;
            ballSpeedY = newBallSpeedY;
        }

// Start the game
        window.addEventListener("load", initGame);
    </script>
</body>
</html>
```

To play the game, you can save the above code in a `.html` file and open it in any browser on your smartphone or desktop. The game starts automatically and you can control the ball's vertical movement using the up and down arrow keys. The ball will bounce off the walls and multiply in size when it hits the wall. The score displayed on the top left indicates how many times the ball has hit the wall (and subsequently multiplied). Each time the ball multiplies, the wall will get bigger.