Cópia do jogo Knight.io que tem espada e escudo's game

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

No:30524

←

Prev Next

→

Cópia do jogo Knight.io que tem espada e escudo
Developer User14821｜Date and time 23/12/22 12:21:51
Build time 20.297 sec｜Game capacity 2.476KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      margin: 0;
      padding: 0;
      overflow: hidden;
    }
    canvas {
      display: block;
    }
  </style>
</head>
<body>
<script>
// Definindo o tamanho do canvas
const canvasWidth = window.innerWidth;
const canvasHeight = window.innerHeight;

// Criando o canvas
const canvas = document.createElement("canvas");
const ctx = canvas.getContext("2d");
canvas.width = canvasWidth;
canvas.height = canvasHeight;
document.body.appendChild(canvas);

// Inicializando as variáveis do jogo
let playerX = canvasWidth / 2;
let playerY = canvasHeight / 2;
let playerSize = 50;
let swordEquipped = false;
let shieldEquipped = false;

// Função para desenhar o jogador
function drawPlayer() {
  ctx.fillStyle = "blue";
  ctx.fillRect(playerX, playerY, playerSize, playerSize);
}

// Função para desenhar a espada
function drawSword() {
  ctx.fillStyle = "gray";
  ctx.fillRect(playerX + playerSize / 2, playerY + playerSize, playerSize / 4, playerSize);
}

// Função para desenhar o escudo
function drawShield() {
  ctx.fillStyle = "brown";
  ctx.fillRect(playerX - playerSize / 2, playerY + playerSize, playerSize / 4, playerSize);
}

// Função principal para atualizar e desenhar o jogo
function update() {
  // Limpar o canvas
  ctx.clearRect(0, 0, canvasWidth, canvasHeight);
  
  // Desenhar os elementos do jogo
  drawPlayer();
  
  // Verificar se a espada está equipada
  if(swordEquipped) {
    drawSword();
  }
  
  // Verificar se o escudo está equipado
  if(shieldEquipped) {
    drawShield();
  }
  
  // Solicitar o próximo quadro de animação
  requestAnimationFrame(update);
}

// Função para lidar com o toque na tela
function handleTouch(event) {
  const touchX = event.touches[0].clientX;
  const touchY = event.touches[0].clientY;
  
  // Verificar se o toque foi na parte inferior da tela (onde se equipa a espada/escudo)
  if(touchY > canvasHeight - playerSize) {
    // Verificar se o toque está na área da espada
    if(touchX > playerX + playerSize / 2 && touchX < playerX + playerSize * 0.75) {
      swordEquipped = !swordEquipped;
    }
  
    // Verificar se o toque está na área do escudo
    if(touchX < playerX - playerSize / 2 && touchX > playerX - playerSize * 0.25) {
      shieldEquipped = !shieldEquipped;
    }
  }
}

// Adicionar o evento de toque na tela
canvas.addEventListener("touchstart", handleTouch, false);

// Iniciar o jogo
update();
</script>
</body>
</html>