Un juego donde estamos en los backrooms y podemos movernos pero tenemos que evitar una criatura escalofriante's game

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

No:41354

←

Prev Next

→

Un juego donde estamos en los backrooms y podemos ..ALL
Developer User18516｜Date and time 24/2/7 2:18:23
Build time 12.034 sec｜Game capacity 2.518KB｜

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 los Backrooms</title>
	<style>
		#player {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 50px;
			height: 50px;
			background-color: blue;
			border-radius: 50%;
		}

#creature {
			position: absolute;
			width: 50px;
			height: 50px;
			background-color: red;
			border-radius: 50%;
		}
	</style>
</head>
<body>
	<div id="player"></div>
	<div id="creature"></div>
	<script>
		// Obtener el elemento del jugador
		var player = document.getElementById("player");
		// Obtener el elemento de la criatura
		var creature = document.getElementById("creature");

// Establecer la posición inicial del jugador
		var playerX = 0;
		var playerY = 0;
		updatePlayerPosition();

// Establecer la posición inicial de la criatura
		var creatureX = Math.floor(Math.random() * (window.innerWidth - 50));
		var creatureY = Math.floor(Math.random() * (window.innerHeight - 50));
		updateCreaturePosition();

// Escuchar los eventos de movimiento del dispositivo
		window.addEventListener("deviceorientation", handleOrientation, true);

// Función para manejar el evento de orientación del dispositivo
		function handleOrientation(event) {
			var x = event.gamma; // Movimiento en el eje x
			var y = event.beta; // Movimiento en el eje y

if (x > 10 && playerX < window.innerWidth - 60) {
				playerX += 10;
			} else if (x < -10 && playerX > 10) {
				playerX -= 10;
			}

if (y > 10 && playerY < window.innerHeight - 60) {
				playerY += 10;
			} else if (y < -10 && playerY > 10) {
				playerY -= 10;
			}

updatePlayerPosition();

// Verificar si el jugador se encuentra cerca de la criatura
			if (isPlayerNearCreature()) {
				alert("¡Has encontrado a la criatura escalofriante! ¡Perdiste!");
				location.reload();
			}
		}

// Función para actualizar la posición del jugador en la pantalla
		function updatePlayerPosition() {
			player.style.top = playerY + "px";
			player.style.left = playerX + "px";
		}

// Función para actualizar la posición de la criatura en la pantalla
		function updateCreaturePosition() {
			creature.style.top = creatureY + "px";
			creature.style.left = creatureX + "px";
		}

// Función para verificar si el jugador se encuentra cerca de la criatura
		function isPlayerNearCreature() {
			var distanceX = Math.abs(playerX - creatureX);
			var distanceY = Math.abs(playerY - creatureY);

return distanceX < 60 && distanceY < 60;
		}
	</script>
</body>
</html>