a game where you are a guy in a tribe in Brazil in the year 1500 and you need to shoot Portuguese people to avoid having their gold stolen, every 0.5 seconds an arrow comes out of you and goes straight,each Portuguese k○lled is 1 point and when you reach 500 points the invasion stops and you win the game, if the Portuguese touch you, the game ends and you lose's game

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

No:38024

←

Prev Next

→

a game where you are a guy in a tribe in Brazil in..ALL
Developer CoolGuyFuck｜Date and time 24/1/22 6:22:06
Build time 15.755 sec｜Game capacity 5.649KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Tribe Defender</title>
    <style>
        body {
            padding: 0;
            margin: 0;
            overflow: hidden;
        }

canvas {
            background-color: #000000;
            display: block;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;

const playerWidth = 50;
        const playerHeight = 80;
        let playerX = (canvas.width - playerWidth) / 2;
        let playerY = canvas.height - playerHeight;
        const playerSpeed = 5;

const arrowWidth = 10;
        const arrowHeight = 40;
        let arrows = [];

let score = 0;
        const scoreNeeded = 500;

const enemyWidth = 50;
        const enemyHeight = 80;
        let enemies = [];
        const enemySpeed = 2;

let gameEnded = false;

function drawPlayer() {
            ctx.fillStyle = "#00FF00";
            ctx.fillRect(playerX, playerY, playerWidth, playerHeight);
        }

function movePlayer(event) {
            if (event.key === "ArrowLeft" && playerX > 0) {
                playerX -= playerSpeed;
            }
            if (event.key === "ArrowRight" && playerX < canvas.width - playerWidth) {
                playerX += playerSpeed;
            }
        }

function shoot() {
            arrows.push({
                x: playerX + playerWidth / 2 - arrowWidth / 2,
                y: playerY,
                width: arrowWidth,
                height: arrowHeight
            });
        }

function drawArrows() {
            ctx.fillStyle = "#FFFF00";
            for (let arrow of arrows) {
                ctx.fillRect(arrow.x, arrow.y, arrow.width, arrow.height);
            }
        }

function moveArrows() {
            for (let arrow of arrows) {
                arrow.y -= 5;
                if (arrow.y < 0) {
                    arrows.splice(arrows.indexOf(arrow), 1);
                }
            }
        }

function createEnemy() {
            const randomX = Math.random() * (canvas.width - enemyWidth);
            enemies.push({
                x: randomX,
                y: 0,
                width: enemyWidth,
                height: enemyHeight
            });
        }

function drawEnemies() {
            ctx.fillStyle = "#FF0000";
            for (let enemy of enemies) {
                ctx.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);
            }
        }

function moveEnemies() {
            for (let enemy of enemies) {
                enemy.y += enemySpeed;
                if (enemy.y > canvas.height) {
                    enemies.splice(enemies.indexOf(enemy), 1);
                }
            }
        }

for (let enemy of enemies) {
                if (
                    playerX < enemy.x + enemy.width &&
                    playerX + playerWidth > enemy.x &&
                    playerY < enemy.y + enemy.height &&
                    playerY + playerHeight > enemy.y
                ) {
                    gameEnded = true;
                }
            }
        }

function drawScore() {
            ctx.fillStyle = "#FFFFFF";
            ctx.font = "24px Arial";
            ctx.fillText("Score: " + score, 10, 30);
        }

function draw() {
            if (gameEnded) {
                ctx.fillStyle = "#000000";
                ctx.fillRect(0, 0, canvas.width, canvas.height);
                ctx.fillStyle = "#FFFFFF";
                ctx.font = "48px Arial";
                ctx.fillText("Game Over! You lost.", 100, canvas.height / 2 - 50);
                ctx.fillText("Final Score: " + score, 200, canvas.height / 2);
                return;
            }

ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawPlayer();
            drawArrows();
            drawEnemies();
            drawScore();

moveArrows();
            moveEnemies();
            checkCollision();

if (score === scoreNeeded) {
                gameEnded = true;
                ctx.fillStyle = "#000000";
                ctx.fillRect(0, 0, canvas.width, canvas.height);
                ctx.fillStyle = "#FFFFFF";
                ctx.font = "48px Arial";
                ctx.fillText("Congratulations! You won!", 100, canvas.height / 2 - 50);
                ctx.fillText("Final Score: " + score, 200, canvas.height / 2);
                return;
            }

requestAnimationFrame(draw);
        }

document.addEventListener("keydown", movePlayer);
        document.addEventListener("mousedown", shoot);

setInterval(function () {
            if (!gameEnded) {
                createEnemy();
            }
        }, 1000);

draw();
    </script>
</body>
</html>