Crear juego de dinosaurios's game

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

No:34871

←

Prev Next

→

Crear juego de dinosaurios
Developer User13377｜Date and time 24/1/12 2:22:12
Build time 16.158 sec｜Game capacity 2.194KB｜

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 Dinosaurios</title>
</head>
<body>
	<canvas id="gameCanvas" width="800" height="400"></canvas>
	<script>
		// Variables del juego
		var canvas, ctx;
		var dinosaurio, obstaculo;
		var intervaloJuego;

// Inicializar el juego
		function iniciarJuego() {
			canvas = document.getElementById("gameCanvas");
			ctx = canvas.getContext("2d");

dinosaurio = {
				x: 50,
				y: canvas.height - 50,
				altura: 50,
				anchura: 50,
				velocidad: 3,
				dibujar: function() {
					var img = new Image();
					img.src = "ruta_del_dinosaurio.png";
					ctx.drawImage(img, this.x, this.y, this.anchura, this.altura);
				}
			};

obstaculo = {
				x: canvas.width,
				y: canvas.height - 50,
				altura: 50,
				anchura: 50,
				velocidad: 5,
				dibujar: function() {
					var img = new Image();
					img.src = "ruta_del_obstaculo.png";
					ctx.drawImage(img, this.x, this.y, this.anchura, this.altura);
				}
			};

intervaloJuego = setInterval(actualizarJuego, 10);
		}

// Actualizar el juego en cada intervalo
		function actualizarJuego() {
			ctx.clearRect(0, 0, canvas.width, canvas.height);
			dinosaurio.dibujar();
			obstaculo.dibujar();

obstaculo.x -= obstaculo.velocidad;

if (obstaculo.x + obstaculo.anchura < 0) {
				obstaculo.x = canvas.width;
			}

// Detectar colisión
			if (dinosaurio.x < obstaculo.x + obstaculo.anchura &&
				dinosaurio.x + dinosaurio.anchura > obstaculo.x &&
				dinosaurio.y < obstaculo.y + obstaculo.altura &&
				dinosaurio.y + dinosaurio.altura > obstaculo.y) {
				// Colisión detectada, el juego termina
				clearInterval(intervaloJuego);
				alert("¡Has perdido!");
				window.location.reload();
			}
		}

// Controlar los eventos de teclas presionadas
		document.addEventListener("keydown", function(event) {
			if (event.key === "ArrowUp" && dinosaurio.y > 0) {
				dinosaurio.y -= dinosaurio.velocidad;
			} else if (event.key === "ArrowDown" && dinosaurio.y < canvas.height - dinosaurio.altura) {
				dinosaurio.y += dinosaurio.velocidad;
			}
		});

// Comenzar el juego al cargar la página
		window.onload = function() {
			iniciarJuego();
		};
	</script>
</body>
</html>