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:38029

←

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:38:21
Build time 15.016 sec｜Game capacity 5.301KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Tribe Defense</title>
    <style>
        canvas {
            border: 1px solid #000;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="480" height="320"></canvas>
    <script>
        // Game initialization
        var canvas = document.getElementById("gameCanvas");
        var context = canvas.getContext("2d");

var player = {
            x: canvas.width / 2,
            y: canvas.height - 50,
            width: 20,
            height: 20,
            color: "#00FF00",
            speed: 5,
            arrowCooldown: 0.5, // Cooldown in seconds
            arrows: [],
            score: 0
        };

var enemies = [];

function getRandomInt(min, max) {
            return Math.floor(Math.random() * (max - min + 1)) + min;
        }

function createEnemy() {
            var enemy = {
                x: getRandomInt(0, canvas.width),
                y: 0,
                width: 20,
                height: 20,
                color: "#FF0000",
                speed: 2
            };

enemies.push(enemy);
        }

function drawPlayer() {
            context.beginPath();
            context.rect(player.x, player.y, player.width, player.height);
            context.fillStyle = player.color;
            context.fill();
            context.closePath();
        }

function drawEnemies() {
            for (var i = 0; i < enemies.length; i++) {
                var enemy = enemies[i];
                context.beginPath();
                context.rect(enemy.x, enemy.y, enemy.width, enemy.height);
                context.fillStyle = enemy.color;
                context.fill();
                context.closePath();
            }
        }

function drawArrows() {
            for (var i = 0; i < player.arrows.length; i++) {
                var arrow = player.arrows[i];
                context.beginPath();
                context.rect(arrow.x, arrow.y, arrow.width, arrow.height);
                context.fillStyle = "#FFFF00";
                context.fill();
                context.closePath();
            }
        }

for (var k = 0; k < enemies.length; k++) {
                var enemy = enemies[k];
                if (player.x < enemy.x + enemy.width &&
                    player.x + player.width > enemy.x &&
                    player.y < enemy.y + enemy.height &&
                    player.y + player.height > enemy.y) {
                    // Collision occurred
                    clearInterval(gameLoop);
                    alert("Game Over! Your score was: " + player.score);
                }
            }
        }

function updateGame() {
            context.clearRect(0, 0, canvas.width, canvas.height);

drawPlayer();
            drawArrows();
            drawEnemies();

collisionDetection();

if (player.score >= 500) {
                clearInterval(gameLoop);
                alert("Congratulations! You won the game!");
            }

for (var i = 0; i < player.arrows.length; i++) {
                var arrow = player.arrows[i];
                arrow.y -= 7;

if (arrow.y < 0) {
                    player.arrows.splice(i, 1);
                }
            }

for (var j = 0; j < enemies.length; j++) {
                var enemy = enemies[j];
                enemy.y += enemy.speed;

if (enemy.y > canvas.height) {
                    enemies.splice(j, 1);
                }
            }
        }

document.addEventListener("keydown", keyDownHandler);

var gameLoop = setInterval(updateGame, 10);
        setInterval(createEnemy, 1000);

</script>
</body>
</html>