Un juego que se trata lo mismo que el dinosaurio de Google solo que somos un cubito y los cactus son pinchos's game

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

No:40483

←

Prev Next

→

Un juego que se trata lo mismo que el dinosaurio d..ALL
Developer User18058｜Date and time 24/2/3 2:43:35
Build time 18.799 sec｜Game capacity 3.529KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<title>Juego del cubito</title>
</head>
<body>
	<canvas id="gameCanvas" width="400" height="400"></canvas>

// Función para iniciar el juego
		window.onload = function() {
			canvas = document.getElementById('gameCanvas');
			canvasContext = canvas.getContext('2d');

document.addEventListener('keydown', manejarTeclado);

// Crear pinchos iniciales
			crearPinchos();

// Iniciar el bucle del juego
			setInterval(function() {
				actualizarJuego();
				dibujarJuego();
			}, 20);
		}

// Función para manejar el teclado
		function manejarTeclado(event) {
			if (event.keyCode === 32 && !juegoTerminado) { // Espacio para saltar
				velocidadCubitoY = -6;
			}

if (event.keyCode === 13 && juegoTerminado) { // Enter para reiniciar
				juegoTerminado = false;
				puntuacion = 0;
				cubitoY = 200;
				velocidadCubitoY = 0;
				crearPinchos();
			}
		}

// Función para actualizar el juego
		function actualizarJuego() {
			if (!juegoTerminado) {
				velocidadCubitoY += gravedad;
				cubitoY += velocidadCubitoY;

// Verificar si el cubito ha tocado el suelo
				if (cubitoY >= canvas.height) {
					juegoTerminado = true;
				}

// Actualizar la posición de los pinchos
				for (var i = 0; i < pinchos.length; i++) {
					pinchos[i].x -= 5;

// Verificar si el cubito ha chocado con un pincho
					if (cubitoX >= pinchos[i].x && cubitoX <= pinchos[i].x + pinchos[i].ancho &&
						cubitoY >= canvas.height - pinchos[i].alto) {
						juegoTerminado = true;
					}

// Verificar si se ha pasado un pincho sumando puntos
					if (pinchos[i].x + pinchos[i].ancho < cubitoX && !pinchos[i].haPasado) {
						puntuacion++;
						pinchos[i].haPasado = true;
					}
				}

// Eliminar los pinchos que ya han salido del canvas
				if (pinchos.length > 0 && pinchos[0].x + pinchos[0].ancho < 0) {
					pinchos.shift();
				}

// Crear nuevos pinchos para mantener siempre una cantidad en el canvas
				if (pinchos.length < 3) {
					crearPinchos();
				}
			}
		}

// Función para dibujar el juego
		function dibujarJuego() {
			canvasContext.fillStyle = 'white';
			canvasContext.fillRect(0, 0, canvas.width, canvas.height);

// Dibujar el cubito
			canvasContext.fillStyle = 'black';
			canvasContext.fillRect(cubitoX, cubitoY, 50, 50);

// Dibujar los pinchos
			canvasContext.fillStyle = 'red';
			for (var i = 0; i < pinchos.length; i++) {
				canvasContext.fillRect(pinchos[i].x, canvas.height - pinchos[i].alto, pinchos[i].ancho, pinchos[i].alto);
			}

// Puntuación
			canvasContext.fillStyle = 'black';
			canvasContext.font = 'bold 20px Arial';
			canvasContext.fillText('Puntuación: ' + puntuacion, 10, 30);

if (juegoTerminado) {
				canvasContext.fillStyle = 'black';
				canvasContext.font = 'bold 40px Arial';
				canvasContext.fillText('¡Juego Terminado!', 60, canvas.height / 2 - 20);
				canvasContext.fillText('Presiona Enter para reiniciar', 14, canvas.height / 2 + 20);
			}
		}

// Función para crear nuevos pinchos
		function crearPinchos() {
			var pincho = {
				x: canvas.width + 50,
				ancho: 30,
				alto: Math.floor(Math.random() * (canvas.height - 100) + 50),
				haPasado: false
			};
			pinchos.push(pincho);
		}
	</script>
</body>
</html>