As un juego en 2d de carreras esquibando obstaculos. Para celukar y que funcione's game

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

No:15129

←

Prev Next

→

As un juego en 2d de carreras esquibando obstaculo..ALL
Developer User6530｜Date and time 23/9/6 11:33:17
Build time 35.537 sec｜Game capacity 2.952KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<title>Juego de Carreras</title>
	<style>
		canvas {
			border: 1px solid black;
		}
	</style>
</head>
<body>
	<canvas id="canvas" width="480" height="320"></canvas>
	<script>
		// Variables de juego
		var canvas = document.getElementById("canvas");
		var context = canvas.getContext("2d");
		var jugador = { x: 50, y: 270, ancho: 50, alto: 50 };
		var obstaculos = [];

// Función para crear obstáculos en diferentes posiciones
		function crearObstaculos() {
			var numObstaculos = Math.floor(Math.random() * 3) + 1;
			for (var i = 0; i < numObstaculos; i++) {
				var obstaculo = {
					x: Math.floor(Math.random() * (canvas.width - 50)),
					y: -30,
					ancho: 30,
					alto: 30,
					velocidad: Math.floor(Math.random() * 2) + 1
				};
				obstaculos.push(obstaculo);
			}
		}

// Función para dibujar el jugador
		function dibujarJugador() {
			context.fillStyle = "blue";
			context.fillRect(jugador.x, jugador.y, jugador.ancho, jugador.alto);
		}

// Función para dibujar los obstáculos
		function dibujarObstaculos() {
			context.fillStyle = "red";
			for (var i = 0; i < obstaculos.length; i++) {
				context.fillRect(obstaculos[i].x, obstaculos[i].y, obstaculos[i].ancho, obstaculos[i].alto);
			}
		}

// Función para mover el jugador
		function moverJugador(direccion) {
			if (direccion === "izquierda" && jugador.x > 0) {
				jugador.x -= 5;
			} else if (direccion === "derecha" && jugador.x < canvas.width - jugador.ancho) {
				jugador.x += 5;
			}
		}

// Función para mover los obstáculos
		function moverObstaculos() {
			for (var i = 0; i < obstaculos.length; i++) {
				obstaculos[i].y += obstaculos[i].velocidad;
				if (obstaculos[i].y > canvas.height) {
					obstaculos.splice(i, 1);
				}
			}
		}

// Función para detectar colisiones entre el jugador y los obstáculos
		function detectarColisiones() {
			for (var i = 0; i < obstaculos.length; i++) {
				if (jugador.x < obstaculos[i].x + obstaculos[i].ancho &&
					jugador.x + jugador.ancho > obstaculos[i].x &&
					jugador.y < obstaculos[i].y + obstaculos[i].alto &&
					jugador.y + jugador.alto > obstaculos[i].y) {
						return true; // Colisión detectada
				}
			}
			return false; // No hay colisiones
		}

// Función principal del juego
		function jugar() {
			context.clearRect(0, 0, canvas.width, canvas.height);

crearObstaculos();
			dibujarObstaculos();
			dibujarJugador();
			moverObstaculos();

if (detectarColisiones()) {
				alert("¡Perdiste! :(");
				// Reiniciar juego
				jugador.x = 50;
				jugador.y = 270;
				obstaculos = [];
			} else {
				requestAnimationFrame(jugar);
			}
		}

// Event listeners para mover el jugador
		document.addEventListener("keydown", function(event) {
			if (event.keyCode === 37) {
				moverJugador("izquierda");
			} else if (event.keyCode === 39) {
				moverJugador("derecha");
			}
		});

// Iniciar juego
		jugar();
	</script>
</body>
</html>