Jogo de criar sonhos de aventura com botões de movimentar. Com características 2D, explorar, dormir e sonhar. eatilo: sandbox, aventura. Com botoes de ➡️, ⬇️, ⬅️, ↕️, botão de dormir para teletrnaportar para outra dimensão que tem cores e objetos e o portal vai aparecer em todo lugar ( e vai mudar o papel de parede com cor3s, figuras. E tem um portal Roxo que vai ter depois a gente voltar para outra dimensão que o portal roxo e ♾ os portais roxos que vai transportar para o mundo dos sonhos.'s game

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

No:13089

166

←

Prev Next

→

Jogo de criar sonhos de aventura com botões de mov..ALL
Developer User5784｜Date and time 23/8/26 23:36:59
Build time 24.905 sec｜Game capacity 3.469KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>Jogo de Criar Sonhos de Aventura</title>
</head>
<body>
	
	<style>
		#game-area {
			width: 800px;
			height: 600px;
			border: 1px solid black;
			position: relative;
		}

#player {
			width: 50px;
			height: 50px;
			background-color: blue;
			position: absolute;
			top: 275px;
			left: 375px;
		}

.portal {
			width: 100px;
			height: 100px;
			position: absolute;
			background-color: purple;
			border-radius: 50%;
		}

#dream-world {
			width: 800px;
			height: 600px;
			border: 1px solid black;
			display: none;
			position: relative;
		}
	</style>

<div id="game-area">
		<div id="player"></div>
		<div class="portal" style="top: 50px; left: 100px;"></div>
		<div class="portal" style="top: 400px; left: 650px;"></div>
	</div>

<div id="dream-world">
		<button onclick="exitDreamWorld()">Voltar para o Mundo Real</button>
	</div>

<script>
		// Movement constants
		const UP = "up";
		const DOWN = "down";
		const LEFT = "left";
		const RIGHT = "right";
		const SLEEP = "sleep";

// Game area and player
		const gameArea = document.getElementById('game-area');
		const player = document.getElementById('player');

// Portal elements
		const portals = document.getElementsByClassName('portal');

// Dream world
		const dreamWorld = document.getElementById('dream-world');

// Set initial player position
		let playerPosition = {
			top: 275,
			left: 375
		};

// Event listeners for movement buttons
		document.addEventListener("keydown", movePlayer);
		document.addEventListener("click", function(event) {
			if(event.target.tagName === 'BUTTON') {
				movePlayer(event.target.value);
			}
		});

// Move player function
		function movePlayer(direction) {
			switch(direction) {
				case UP:
					if(playerPosition.top > 0) {
						playerPosition.top -= 10;
					}
					break;
				case DOWN:
					if(playerPosition.top < gameArea.offsetHeight - player.offsetHeight) {
						playerPosition.top += 10;
					}
					break;
				case LEFT:
					if(playerPosition.left > 0) {
						playerPosition.left -= 10;
					}
					break;
				case RIGHT:
					if(playerPosition.left < gameArea.offsetWidth - player.offsetWidth) {
						playerPosition.left += 10;
					}
					break;
				case SLEEP:
					enterDreamWorld();
					break;
			}

// Update player position on the screen
			player.style.top = playerPosition.top + 'px';
			player.style.left = playerPosition.left + 'px';

// Check if player reached a portal
			checkPortalCollision();
		}

// Check if player collided with a portal
		function checkPortalCollision() {
			for(let i = 0; i < portals.length; i++) {
				let portal = portals[i];

if(isColliding(player, portal)) {
					enterDreamWorld();
					break;
				}
			}
		}

// Check if two elements are colliding
		function isColliding(element1, element2) {
			let rect1 = element1.getBoundingClientRect();
			let rect2 = element2.getBoundingClientRect();

return !(rect1.right < rect2.left || 
					 rect1.left > rect2.right || 
					 rect1.bottom < rect2.top || 
					 rect1.top > rect2.bottom);
		}

// Enter the dream world
		function enterDreamWorld() {
			dreamWorld.style.display = "block";
			gameArea.style.display = "none";
		}

// Exit the dream world
		function exitDreamWorld() {
			dreamWorld.style.display = "none";
			gameArea.style.display = "block";
		}
	</script>
</body>
</html>