Um jogo onde voce e um arqueiro que atira flechas o jogo tem cobtroles pra cima baixo esquerda e direita e um pra atacar as flechas e e uma dungeons aleatoria e a cada 5 fases tem um boss aleatorio e os inimigos são esqueletos os dizenes são emojis's game

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

No:22940

←

Prev Next

→

Um jogo onde voce e um arqueiro que atira flechas ..ALL
Developer User10609｜Date and time 23/10/26 21:50:06
Build time 143.803 sec｜Game capacity 8.73KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }

canvas {
      border: 2px solid black;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>

var arrowImg = new Image();
    arrowImg.src = "arrow.png";

var playerImg = new Image();
    playerImg.src = "archer.png";

var skeletonImg = new Image();
    skeletonImg.src = "skeleton.png";

var bossImg = new Image();
    bossImg.src = "boss.png";

var rightPressed = false;
    var leftPressed = false;
    var upPressed = false;
    var downPressed = false;
    var attackPressed = false;

document.addEventListener("keydown", keyDownHandler, false);
    document.addEventListener("keyup", keyUpHandler, false);

function drawPlayer() {
        ctx.drawImage(playerImg, playerX, playerY);
    }

function drawSkeleton(x, y) {
        ctx.drawImage(skeletonImg, x, y);
    }

function drawBoss(x, y) {
        ctx.drawImage(bossImg, x, y);
    }

function drawArrow() {
        if (arrowVisible) {
            ctx.drawImage(arrowImg, arrowX, arrowY);
        }
    }

if (arrowVisible) {
            if (arrowDirection === "right") {
                if (arrowX + arrowImg.width >= canvas.width) {
                    arrowVisible = false;
                }
            }
            else if (arrowDirection === "left") {
                if (arrowX <= 0) {
                    arrowVisible = false;
                }
            }
            else if (arrowDirection === "up") {
                if (arrowY <= 0) {
                    arrowVisible = false;
                }
            }
            else if (arrowDirection === "down") {
                if (arrowY + arrowImg.height >= canvas.height) {
                    arrowVisible = false;
                }
            }

if (gameLevel % 5 === 0) {
                var bossHitboxX = canvas.width / 2 - bossImg.width / 2;
                var bossHitboxY = canvas.height / 2 - bossImg.height / 2;

if (arrowX + arrowImg.width >= bossHitboxX && arrowX <= bossHitboxX + bossImg.width &&
                    arrowY + arrowImg.height >= bossHitboxY && arrowY <= bossHitboxY + bossImg.height) {
                    score += 10;
                    arrowVisible = false;
                    generateRandomBossPosition();
                }
            }
            else {
                for (var i = 0; i < skeletons.length; i++) {
                    var skeleton = skeletons[i];
                    if (arrowX + arrowImg.width >= skeleton.x && arrowX <= skeleton.x + skeletonImg.width &&
                        arrowY + arrowImg.height >= skeleton.y && arrowY <= skeleton.y + skeletonImg.height) {
                        score += 10;
                        arrowVisible = false;
                        skeletons.splice(i, 1);
                        break;
                    }
                }
            }
        }
    }

function generateRandomSkeletonPosition() {
      var xPos = Math.random() * (canvas.width - skeletonImg.width);
      var yPos = Math.random() * (canvas.height - skeletonImg.height);
      skeletons.push({x: xPos, y: yPos});
    }

function generateRandomBossPosition() {
      var xPos = Math.random() * (canvas.width - bossImg.width);
      var yPos = Math.random() * (canvas.height - bossImg.height);
      boss.x = xPos;
      boss.y = yPos;
    }

function drawScore() {
        ctx.font = "16px Arial";
        ctx.fillStyle = "#000000";
        ctx.fillText("Score: " + score, 8, 20);
    }

function drawLevel() {
        ctx.font = "16px Arial";
        ctx.fillStyle = "#000000";
        ctx.fillText("Level: " + gameLevel, canvas.width - 80, 20);
    }

var skeletons = [];
    var boss = {
      x: 0,
      y: 0
    };

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

if (gameStarted) {
            if (rightPressed && playerX < canvas.width - playerImg.width) {
                playerX += 5;
            }
            if (leftPressed && playerX > 0) {
                playerX -= 5;
            }
            if (upPressed && playerY > 0) {
                playerY -= 5;
            }
            if (downPressed && playerY < canvas.height - playerImg.height) {
                playerY += 5;
            }
            if (attackPressed && !arrowVisible) {
                arrowVisible = true;
                arrowX = playerX + playerImg.width;
                arrowY = playerY;
                arrowDirection = "right";
            }

if (arrowVisible) {
                if (arrowDirection === "right") {
                    arrowX += arrowSpeed;
                }
                else if (arrowDirection === "left") {
                    arrowX -= arrowSpeed;
                }
                else if (arrowDirection === "up") {
                    arrowY -= arrowSpeed;
                }
                else if (arrowDirection === "down") {
                    arrowY += arrowSpeed;
                }
            }

collisionDetection();

if (gameLevel % 5 === 0) {
                drawBoss(boss.x, boss.y);
            }
            else {
                for (var i = 0; i < skeletons.length; i++) {
                    var skeleton = skeletons[i];
                    drawSkeleton(skeleton.x, skeleton.y);
                }
            }

drawPlayer();
            drawArrow();
            drawScore();
            drawLevel();
        }
        else {
            ctx.font = "30px Arial";
            ctx.fillStyle = "#000000";
            ctx.textAlign = "center";
            ctx.fillText("Press ENTER to start", canvas.width/2, canvas.height/2);
        }

if (gameStarted && skeletons.length === 0 && gameLevel % 5 !== 0) {
            gameLevel++;
            for (var i = 0; i < 5; i++) {
                generateRandomSkeletonPosition();
            }
        }
    }

function gameLoop() {
        setInterval(draw, 10);
    }

// Start the game
    gameLoop();
  </script>
</body>
</html>