a game where you are a man dodging knives, which are coming from the top of the stage's game

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

No:26784

←

Prev Next

→

a game where you are a man dodging knives, which a..ALL
Developer User13247｜Date and time 23/12/2 12:08:46
Build time 94.007 sec｜Game capacity 3.257KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>Dodge the Knives!</title>
</head>
<body>
	<canvas id="gameCanvas" width="400" height="600"></canvas>

// Definindo propriedades do jogador
	var player = {
		x: canvas.width / 2,
		y: canvas.height - 50,
		width: 50,
		height: 50,
		color: "blue"
	};

// Definindo propriedades de cada faca
	var knife = {
		x: 0,
		y: 0,
		width: 30,
		height: 30,
		color: "red",
		speed: 2,
		score: 0
	};

// Variável para armazenar o estado do jogo
	var gameRunning = true;

// Função para desenhar o jogador
	function drawPlayer() {
		ctx.beginPath();
		ctx.rect(player.x, player.y, player.width, player.height);
		ctx.fillStyle = player.color;
		ctx.fill();
		ctx.closePath();
	}

// Função para desenhar as facas
	function drawKnife() {
		ctx.beginPath();
		ctx.rect(knife.x, knife.y, knife.width, knife.height);
		ctx.fillStyle = knife.color;
		ctx.fill();
		ctx.closePath();
	}

// Função para atualizar a posição das facas
	function updateKnifePosition() {
		knife.y += knife.speed;
		
		// Verificar se ocorreu uma colisão com o jogador
		if (knife.y + knife.height > player.y && player.y + player.height > knife.y &&
			knife.x + knife.width > player.x && player.x + player.width > knife.x) {
			gameRunning = false;
		}

// Verificar se a faca saiu da tela
		if (knife.y > canvas.height) {
			// Incrementar a pontuação do jogador
			knife.score++;
			// Reposicionar a faca no topo da tela com uma posição aleatória
			knife.x = Math.random() * (canvas.width - knife.width);
			knife.y = 0;
		}
	}

// Função principal do jogo
	function gameLoop() {
		// Limpar o canvas
		ctx.clearRect(0, 0, canvas.width, canvas.height);

// Verificar se o jogo está em andamento
		if (gameRunning) {
			// Atualizar a posição das facas
			updateKnifePosition();

// Desenhar o jogador e as facas
			drawPlayer();
			drawKnife();

// Exibir a pontuação na tela
			ctx.font = "20px Arial";
			ctx.fillStyle = "black";
			ctx.fillText("Pontuação: " + knife.score, 20, 30);

// Chamar a função novamente após um intervalo
			requestAnimationFrame(gameLoop);
		} else {
			// Exibir mensagem de fim de jogo
			ctx.font = "40px Arial";
			ctx.fillStyle = "black";
			ctx.fillText("Fim de jogo!", canvas.width/2 - 120, canvas.height/2);
			ctx.fillText("Pontuação: " + knife.score, canvas.width/2 - 120, canvas.height/2 + 50);
		}
	}

// Função para lidar com os movimentos do jogador
	function handlePlayerMovement(event) {
		// Verificar se ocorreu um toque na tela
		if (event.type === "touchstart") {
			// Obter a posição do toque
			var touchX = event.touches[0].clientX;

// Verificar se o toque ocorreu à esquerda ou à direita do jogador
			if (touchX < player.x) {
				// Mover o jogador para a esquerda
				player.x -= 10;
			} else if (touchX > player.x + player.width) {
				// Mover o jogador para a direita
				player.x += 10;
			}
		}
	}

// Adicionar evento de toque para o movimento do jogador
	document.addEventListener("touchstart", handlePlayerMovement);

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