A game that the ball is blue and if you touch.it you 🏆's game

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

No:31162

←

Prev Next

→

A game that the ball is blue and if you touch.it y..ALL
Developer User15039｜Date and time 23/12/25 11:18:07
Build time 23.872 sec｜Game capacity 3.326KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Juego de la pelota azul</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }

canvas {
            background-color: #fff;
            display: block;
            margin: 0 auto;
            touch-action: none;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

// Initialization
            function init() {
                canvas = document.getElementById("gameCanvas");
                canvasContext = canvas.getContext("2d");
                setInterval(update, 1000 / 30); // 30 frames per second

// Event listener to handle touch
                canvas.addEventListener("touchstart", handleTouch);
            }

// Handle touch event
            function handleTouch(event) {
                event.preventDefault(); // Prevent scrolling

const touchX = event.touches[0].pageX - canvas.offsetLeft;
                const touchY = event.touches[0].pageY - canvas.offsetTop;

if (isTouchOnBall(touchX, touchY)) {
                    // Player touched the ball
                    alert("¡Felicidades! Has ganado el juego.");
                }
            }

// Update game logic & redraw scene
            function update() {
                moveBall();
                drawScene();
            }

// Move ball
            function moveBall() {
                ballX += ballSpeedX;
                ballY += ballSpeedY;

// Reverse direction if ball hits the wall
                if (ballX < BALL_RADIUS || ballX > canvas.width - BALL_RADIUS) {
                    ballSpeedX *= -1;
                }
                if (ballY < BALL_RADIUS || ballY > canvas.height - BALL_RADIUS) {
                    ballSpeedY *= -1;
                }
            }

// Check if touch is on the ball
            function isTouchOnBall(touchX, touchY) {
                const distance = Math.sqrt((touchX - ballX) ** 2 + (touchY - ballY) ** 2);
                return distance <= BALL_RADIUS;
            }

// Draw scene
            function drawScene() {
                // Clear canvas
                canvasContext.clearRect(0, 0, canvas.width, canvas.height);

// Draw ball
                canvasContext.fillStyle = BLUE_COLOR;
                canvasContext.beginPath();
                canvasContext.arc(ballX, ballY, BALL_RADIUS, 0, Math.PI * 2, true);
                canvasContext.fill();

// Draw goal
                canvasContext.font = "50px Arial";
                canvasContext.fillText(GOAL_EMOJI, canvas.width / 2 - GOAL_RADIUS / 2, canvas.height / 2 + 20);
            }

// Start the game
            init();
        })();
    </script>
</body>
</html>