AI game creator

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

No:50579

←

Prev Next

→

4v4 basketball game
Developer User21359｜Date and time 24/3/9 5:21:53
Build time 14.926 sec｜Game capacity 4.516KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>4v4 Basketball Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

const player1 = {
            x: 50,
            y: 50,
            score: 0,
            img: '🏀'
        };

const player2 = {
            x: 50,
            y: 550,
            score: 0,
            img: '🏀'
        };

const player3 = {
            x: 750,
            y: 50,
            score: 0,
            img: '🏀'
        };

const player4 = {
            x: 750,
            y: 550,
            score: 0,
            img: '🏀'
        };

function drawPlayers() {
            ctx.font = '30px Arial';
            ctx.fillText(player1.img, player1.x, player1.y);
            ctx.fillText(player2.img, player2.x, player2.y);
            ctx.fillText(player3.img, player3.x, player3.y);
            ctx.fillText(player4.img, player4.x, player4.y);
        }

function updateGame() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawPlayers();
            updateScore();
        }

function movePlayer(player, direction) {
            switch (direction) {
                case 'up':
                    player.y -= 10;
                    break;
                case 'down':
                    player.y += 10;
                    break;
                case 'left':
                    player.x -= 10;
                    break;
                case 'right':
                    player.x += 10;
                    break;
            }
        }

function checkCollision(player) {
            if (player.x < 0 || player.x > canvas.width || player.y < 0 || player.y > canvas.height) {
                player.score += 2; // Player scores 2 points for hitting the wall
                player.x = canvas.width / 2;
                player.y = canvas.height / 2;
            }
        }

document.addEventListener('keydown', function(event) {
            switch (event.key) {
                case 'w':
                    movePlayer(player1, 'up');
                    break;
                case 's':
                    movePlayer(player1, 'down');
                    break;
                case 'a':
                    movePlayer(player1, 'left');
                    break;
                case 'd':
                    movePlayer(player1, 'right');
                    break;
                case 'ArrowUp':
                    movePlayer(player2, 'up');
                    break;
                case 'ArrowDown':
                    movePlayer(player2, 'down');
                    break;
                case 'ArrowLeft':
                    movePlayer(player2, 'left');
                    break;
                case 'ArrowRight':
                    movePlayer(player2, 'right');
                    break;
                case 'i':
                    movePlayer(player3, 'up');
                    break;
                case 'k':
                    movePlayer(player3, 'down');
                    break;
                case 'j':
                    movePlayer(player3, 'left');
                    break;
                case 'l':
                    movePlayer(player3, 'right');
                    break;
                case '8':
                    movePlayer(player4, 'up');
                    break;
                case '5':
                    movePlayer(player4, 'down');
                    break;
                case '4':
                    movePlayer(player4, 'left');
                    break;
                case '6':
                    movePlayer(player4, 'right');
                    break;
            }
            checkCollision(player1);
            checkCollision(player2);
            checkCollision(player3);
            checkCollision(player4);
            updateGame();
        });

setInterval(updateGame, 1000 / 30);
    </script>
</body>
</html>