Haz un juego donde eres un bloque y hay flechas para controlar al bloque y hay un piso y con una flecha de arriba vas a saltar y hay plataformas voladores que se mueven hasta el límite de la pantalla en horizontal's game

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

No:35410

←

Prev Next

→

Haz un juego donde eres un bloque y hay flechas pa..ALL
Developer User16538｜Date and time 24/1/14 11:37:26
Build time 8.467 sec｜Game capacity 2.057KB｜

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 Bloque Volador</title>
	<style>
		.container {
			display: flex;
			justify-content: space-around;
			align-items: center;
			height: 100vh;
		}
		.block {
			width: 50px;
			height: 50px;
			background-color: red;
			position: absolute;
			bottom: 0;
			left: 0;
		}
		.floor {
			width: 100%;
			height: 10px;
			background-color: green;
			position: absolute;
			bottom: 0;
			left: 0;
		}
		.platform {
			width: 100px;
			height: 10px;
			background-color: blue;
			position: absolute;
			top: 50%;
			left: 50%;
		}
	</style>
</head>
<body>
	<div class="container">
		<div class="floor"></div>
		<div class="block"></div>
		<div class="platform"></div>
	</div>

var blockPos = 0; // starting position of the block
		var platformPos = 50; // starting position of the platform
		var platformSpeed = 2; // speed at which the platform moves

function jump() {
			blockPos -= 100; // adjust the jump height according to your preference
			block.style.bottom = blockPos + 'px';
			setTimeout(function () {
				blockPos += 100;
				block.style.bottom = blockPos + 'px';
			}, 500); // adjust the duration of the jump according to your preference
		}

function movePlatform() {
			platformPos += platformSpeed;
			platform.style.left = platformPos + 'px';

if (platformPos > window.innerWidth - 100 || platformPos < 0) {
				platformSpeed *= -1; // change direction when platform touches the edge of the screen
			}

requestAnimationFrame(movePlatform);
		}

document.addEventListener('keydown', moveBlock);
		movePlatform();
	</script>
</body>
</html>