AI game creator

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

No:27910

←

Prev Next

→

Joistick and player
Developer User13920｜Date and time 23/12/10 1:14:14
Build time 19.187 sec｜Game capacity 2.178KB｜

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 Joystick</title>
	<style>
		#player {
			position: relative;
			width: 50px;
			height: 50px;
			background-color: red;
			border-radius: 50%;
		}
	</style>
</head>
<body>
	<script>
		// Obtener el elemento del jugador
		var player = document.getElementById("player");
		
		// Coordenadas iniciales del jugador
		var x = 50;
		var y = 50;

// Función para mover al jugador
		function movePlayer(event) {
			// Obtener la dirección del joystick
			var direction = event.target.dataset.direction;

// Mover al jugador según la dirección seleccionada
			if (direction === "up") {
				y -= 10;
			} else if (direction === "down") {
				y += 10;
			} else if (direction === "left") {
				x -= 10;
			} else if (direction === "right") {
				x += 10;
			}

// Actualizar la posición del jugador
			player.style.top = y + "px";
			player.style.left = x + "px";
		}

// Función para inicializar el juego
		function startGame() {
			// Crear los botones de dirección
			var upButton = document.createElement("button");
			upButton.innerHTML = "⬆️";
			upButton.dataset.direction = "up";
			upButton.addEventListener("click", movePlayer);

var downButton = document.createElement("button");
			downButton.innerHTML = "⬇️";
			downButton.dataset.direction = "down";
			downButton.addEventListener("click", movePlayer);

var leftButton = document.createElement("button");
			leftButton.innerHTML = "⬅️";
			leftButton.dataset.direction = "left";
			leftButton.addEventListener("click", movePlayer);

var rightButton = document.createElement("button");
			rightButton.innerHTML = "➡️";
			rightButton.dataset.direction = "right";
			rightButton.addEventListener("click", movePlayer);

// Agregar los botones al documento
			document.body.appendChild(upButton);
			document.body.appendChild(downButton);
			document.body.appendChild(leftButton);
			document.body.appendChild(rightButton);

// Posicionar al jugador en la pantalla
			player.style.top = y + "px";
			player.style.left = x + "px";
		}

// Iniciar el juego al cargar la página
		window.onload = startGame;
	</script>
</body>
</html>