Basketball u throw in hoop and iDVD u win u fetch 10's game

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

No:6248

1757

←

Prev Next

→

Basketball u throw in hoop and iDVD u win u fetch ..ALL
Developer User387｜Date and time 23/7/1 23:31:23
Build time 29.321 sec｜Game capacity 3.329KB｜

Script

Here's a simple basketball game implemented as a single HTML file, containing JavaScript enclosed in script tags:

To play the game, you can copy the above code into a new HTML file and open it in a web browser. The game displays a basketball hoop at the top of the canvas and a ball at the bottom. Use the left and right arrow keys to move the hoop and try to catch the falling ball in the hoop. Each time the ball passes through the hoop, your score increments by one. The game continues indefinitely.

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

Here's a simple basketball game implemented as a single HTML file, containing JavaScript enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Basketball Hoop Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Ball properties
        let ballX = canvas.width / 2;
        let ballY = canvas.height - 30;
        let ballDX = 2;
        let ballDY = -2;
        const ballRadius = 10;

// Hoop properties
        const hoopX = canvas.width / 2;
        const hoopY = 50;
        const hoopWidth = 80;
        const hoopHeight = 10;

// Score
        let score = 0;

// Keyboard controls
        let leftKeyPressed = false;
        let rightKeyPressed = false;

document.addEventListener("keydown", keyDownHandler);
        document.addEventListener("keyup", keyUpHandler);

function keyDownHandler(e) {
            if (e.key === "ArrowLeft") {
                leftKeyPressed = true;
            } else if (e.key === "ArrowRight") {
                rightKeyPressed = true;
            }
        }

function keyUpHandler(e) {
            if (e.key === "ArrowLeft") {
                leftKeyPressed = false;
            } else if (e.key === "ArrowRight") {
                rightKeyPressed = false;
            }
        }

// Game loop
        function draw() {
            // Clear canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw hoop
            ctx.beginPath();
            ctx.rect(hoopX - hoopWidth / 2, hoopY, hoopWidth, hoopHeight);
            ctx.fillStyle = "#000";
            ctx.fill();
            ctx.closePath();

// Draw ball
            ctx.beginPath();
            ctx.arc(ballX, ballY, ballRadius, 0, Math.PI * 2);
            ctx.fillStyle = "#FF0000";
            ctx.fill();
            ctx.closePath();

// Collision detection
            if (ballX > hoopX - hoopWidth / 2 && ballX < hoopX + hoopWidth / 2 && ballY < hoopY + hoopHeight + ballRadius) {
                // Ball went through hoop
                resetBall();
                score++;
            }

// Update ball position
            ballX += ballDX;
            ballY += ballDY;

// Update paddle position
            if (leftKeyPressed) {
                hoopX -= 5;
            } else if (rightKeyPressed) {
                hoopX += 5;
            }

// Request next animation frame
            requestAnimationFrame(draw);
        }

function resetBall() {
            ballX = canvas.width / 2;
            ballY = canvas.height - 30;
            ballDX = 2;
            ballDY = -2;
        }

// Start game
        draw();
    </script>
</body>
</html>
```