Team deathmach game in birds eye wiev with ragdoll physics when shot. 5 vs 5 online teamdeathmach. 5 rounds. If rouds ends in draw the game ends in draw.'s game

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

No:48882

←

Prev Next

→

Team deathmach game in birds eye wiev with ragdoll..ALL
Developer User20870｜Date and time 24/3/3 5:51:11
Build time 10.191 sec｜Game capacity 3.5KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Team Deathmatch Game</title>
    <style>
        canvas {
            border: 1px solid black;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

const players = [];
        const bullets = [];
        const playerSize = 30;
        const bulletSize = 5;
        const playerSpeed = 5;
        const bulletSpeed = 10;
        const roundLimit = 5;
        let currentRound = 1;
        let gameEnded = false;

class Player {
            constructor(x, y) {
                this.x = x;
                this.y = y;
            }

draw() {
                ctx.beginPath();
                ctx.arc(this.x, this.y, playerSize, 0, Math.PI * 2);
                ctx.fillStyle = 'blue';
                ctx.fill();
                ctx.closePath();
            }

shoot() {
                bullets.push({
                    x: this.x,
                    y: this.y
                });
            }
        }

canvas.addEventListener('click', (event) => {
            if (gameEnded) return;
            const rect = canvas.getBoundingClientRect();
            const mouseX = event.clientX - rect.left;
            const mouseY = event.clientY - rect.top;

players.forEach(player => {
                if (Math.sqrt((player.x - mouseX) ** 2 + (player.y - mouseY) ** 2) <= playerSize) {
                    player.shoot();
                }
            });
        });

function update() {
            if (gameEnded) return;

bullets.forEach(bullet => {
                bullet.y -= bulletSpeed;

if (bullet.y < 0) {
                    bullets.splice(bullets.indexOf(bullet), 1);
                }

players.forEach(player => {
                    if (Math.sqrt((player.x - bullet.x) ** 2 + (player.y - bullet.y) ** 2) <= playerSize) {
                        players.splice(players.indexOf(player), 1);
                    }
                });

if (players.length === 0) {
                    if (currentRound === roundLimit) {
                        gameEnded = true;
                        console.log('Game ended in a draw.');
                    } else {
                        currentRound++;
                        console.log(`Round ${currentRound} ended!`);
                        players.push(new Player(Math.random() * canvas.width, Math.random() * canvas.height));
                        bullets.length = 0;
                    }
                }
            });

draw();
            requestAnimationFrame(update);
        }

function draw() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

players.forEach(player => {
                player.draw();
            });

bullets.forEach(bullet => {
                ctx.beginPath();
                ctx.arc(bullet.x, bullet.y, bulletSize, 0, Math.PI * 2);
                ctx.fillStyle = 'red';
                ctx.fill();
                ctx.closePath();
            });
        }

for (let i = 0; i < 5; i++) {
            players.push(new Player(Math.random() * canvas.width, Math.random() * canvas.height));
        }

update();
    </script>
</body>
</html>
```