Sniper game in mario world's game

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

No:44668

←

Prev Next

→

Sniper game in mario world
Developer User19452｜Date and time 24/2/18 23:31:05
Build time 8.504 sec｜Game capacity 1.988KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>Sniper Game - Mario World</title>
</head>
<body>
	<canvas id="gameCanvas" width="800" height="600"></canvas>
	<script>
		// Variáveis do jogo
		let canvas = document.getElementById('gameCanvas');
		let ctx = canvas.getContext('2d');
		let score = 0;
		let gameOver = false;

// Personagem Mario
		let mario = {
			x: 400,
			y: 300,
			width: 50,
			height: 50,
			color: 'red'
		};

// Alvo a ser acertado pelo sniper
		let target = {
			x: Math.random() * 700,
			y: Math.random() * 500,
			width: 50,
			height: 50,
			color: 'green'
		};

// Função para desenhar Mario
		function drawMario() {
			ctx.fillStyle = mario.color;
			ctx.fillRect(mario.x, mario.y, mario.width, mario.height);
		}

// Função para desenhar alvo
		function drawTarget() {
			ctx.fillStyle = target.color;
			ctx.fillRect(target.x, target.y, target.width, target.height);
		}

// Função para desenhar o score
		function drawScore() {
			ctx.fillStyle = 'black';
			ctx.font = '20px Arial';
			ctx.fillText('Score: ' + score, 10, 30);
		}

// Função principal do jogo
		function gameLoop() {
			if (!gameOver) {
				ctx.clearRect(0, 0, canvas.width, canvas.height);
				drawMario();
				drawTarget();
				drawScore();
			}
		}

// Função para mover o Mario
		window.addEventListener('keydown', function(event) {
			switch(event.key) {
				case 'ArrowLeft':
					mario.x -= 10;
					break;
				case 'ArrowRight':
					mario.x += 10;
					break;
				case 'ArrowUp':
					mario.y -= 10;
					break;
				case 'ArrowDown':
					mario.y += 10;
					break;
				case ' ':
					// Verifica se o sniper acertou o alvo
					if (mario.x < target.x + target.width && mario.x + mario.width > target.x && mario.y < target.y + target.height && mario.y + mario.height > target.y) {
						score++;
						target.x = Math.random() * 700;
						target.y = Math.random() * 500;
					}
					break;
			}
		});

setInterval(gameLoop, 1000/30);
	</script>
</body>
</html>