AI game creator

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

No:15714

←

Prev Next

→

Ball
Developer User6838｜Date and time 23/9/10 23:14:30
Build time 20.983 sec｜Game capacity 2.94KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Ball Game</title>
    <style>
        #container {
            width: 100%;
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;
        }

#ball {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background-color: red;
            position: absolute;
        }
    </style>
</head>
<body>
    <div id="container">
        <div id="ball"></div>
    </div>

// Set initial ball position
            var ballX = containerWidth / 2;
            var ballY = containerHeight / 2;

// Set initial ball velocity
            var ballVX = 0;
            var ballVY = 0;

// Set ball acceleration
            var ballAX = 0;
            var ballAY = 0.2;

// Function to update ball position
            function updateBallPosition() {
                // Update velocity with acceleration
                ballVX += ballAX;
                ballVY += ballAY;

// Update position with velocity
                ballX += ballVX;
                ballY += ballVY;

// Check boundaries and reflect the ball if necessary
                if (ballX + ball.offsetWidth > containerWidth) {
                    ballX = containerWidth - ball.offsetWidth;
                    ballVX = -ballVX;
                }
                if (ballX < 0) {
                    ballX = 0;
                    ballVX = -ballVX;
                }
                if (ballY + ball.offsetHeight > containerHeight) {
                    ballY = containerHeight - ball.offsetHeight;
                    ballVY = -Math.abs(ballVY);
                }
                if (ballY < 0) {
                    ballY = 0;
                    ballVY = Math.abs(ballVY);
                }

// Set the new position
                ball.style.left = ballX + 'px';
                ball.style.top = ballY + 'px';
            }

// Function to handle device tilting
            function handleTilt(event) {
                ballAX = event.gamma / 50;
            }

// Bind tilt event handler to device tilt event
            window.addEventListener('deviceorientation', handleTilt);

// Start game loop
            setInterval(updateBallPosition, 10);
        }

// Call the game start function
        startGame();
    </script>
</body>
</html>