A playable game where you make a basket with a basketball's game

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

No:26008

←

Prev Next

→

A playable game where you make a basket with a bas..ALL
Developer User12706｜Date and time 23/11/26 4:33:14
Build time 59.443 sec｜Game capacity 2.951KB｜

Script

Sure, here's an example of a playable game where you have to make a basket with a basketball using JavaScript and HTML:

You can copy and paste this code into a single HTML file and open it in your browser to play the game. Press the Spacebar to release the basketball and try to make it into the basket at the bottom. Once you make the basket, the game will display a success message.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Sure, here's an example of a playable game where you have to make a basket with a basketball using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Basketball Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
        // Get the canvas element
        const canvas = document.getElementById("gameCanvas");
        const context = canvas.getContext("2d");

// Set up initial game variables
        const basketWidth = 80;
        const basketHeight = 10;
        const basketX = canvas.width / 2 - basketWidth / 2;
        const basketY = canvas.height - basketHeight - 10;
        let ballX = canvas.width / 2;
        let ballY = 0;
        let isBallReleased = false;
        let gameWon = false;

// Draw the basket
        function drawBasket() {
            context.fillStyle = "#000";
            context.fillRect(basketX, basketY, basketWidth, basketHeight);
        }

// Draw the ball
        function drawBall() {
            context.fillStyle = "#f00";
            context.beginPath();
            context.arc(ballX, ballY, 10, 0, 2 * Math.PI, false);
            context.fill();
        }

// Update the game state
        function update() {
            if (isBallReleased && ballY <= basketY) {
                if (ballX > basketX && ballX < basketX + basketWidth) {
                    // Ball has entered the basket
                    gameWon = true;
                }
                isBallReleased = false;
            }

if (isBallReleased) {
                ballY += 2; // Adjust the ball's speed
            }
        }

// Handle user input
        function handleInput(e) {
            if (e.code === "Space" && !isBallReleased && !gameWon) {
                isBallReleased = true;
            }
        }

// Draw the game objects on the canvas
        function draw() {
            context.clearRect(0, 0, canvas.width, canvas.height);
            drawBasket();
            drawBall();

if (gameWon) {
                context.fillStyle = "#000";
                context.font = "30px Arial";
                context.fillText("You made a basket!", 50, canvas.height / 2);
            }
        }

// Main game loop
        function gameLoop() {
            update();
            draw();
        }

// Start the game
        function startGame() {
            document.addEventListener("keydown", handleInput);
            setInterval(gameLoop, 10);
        }

// Call the startGame function when the page finishes loading
        window.onload = startGame;
    </script>
</body>
</html>
```