AI game creator

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

No:26997

←

Prev Next

→

Minecraft Brasil
Developer User13367｜Date and time 23/12/3 21:50:11
Build time 68.499 sec｜Game capacity 3.165KB｜

Script

Como programador, eu posso criar um jogo em HTML utilizando JavaScript que pode ser jogado em uma página web. Aqui está uma versão básica de um jogo estilo Minecraft usando pictogramas:

Este exemplo cria um jogo muito simples onde você pode controlar um jogador representado pelo pictograma de um personagem. Use as teclas de seta para mover o jogador pela grade de blocos. O jogador não pode sair dos limites da grade e nem passar pelos blocos.

←

Prev　Next

→ 　

Back　

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

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

Como programador, eu posso criar um jogo em HTML utilizando JavaScript que pode ser jogado em uma página web. Aqui está uma versão básica de um jogo estilo Minecraft usando pictogramas:

```html
<!DOCTYPE html>
<html>
<head>
	<title>Minecraft Brasil</title>
	<style>
		.container {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 100vh;
		}

.game {
			display: grid;
			grid-template-columns: repeat(10, 1fr);
			gap: 2px;
			width: 400px;
			height: 400px;
			background-color: #333;
		}

.block {
			background-color: #999;
			border-radius: 3px;
		}

.player {
			background-image: url('pictograma_jogador.png');
			background-size: cover;
			border-radius: 50%;
		}
	</style>
</head>
<body>
	<div class="container">
		<div class="game">
			
			<div class="block"></div>
			<div class="block"></div>
			<div class="block"></div>
			<div class="block"></div>
			<div class="block"></div>
			<div class="block"></div>
			<div class="block"></div>
			<div class="block"></div>
			<div class="block"></div>
			<div class="player"></div>
		</div>
	</div>

// Variáveis de controle da posição do jogador
		let playerPosition = 0;
		const gridSize = 10;

// Mapeando as teclas para mover o jogador
		document.addEventListener('keydown', (event) => {
			if (event.key === 'ArrowLeft') {
				movePlayerLeft();
			} else if (event.key === 'ArrowRight') {
				movePlayerRight();
			} else if (event.key === 'ArrowUp') {
				movePlayerUp();
			} else if (event.key === 'ArrowDown') {
				movePlayerDown();
			}
		});

// Função para mover o jogador para a esquerda
		function movePlayerLeft() {
			if (playerPosition % gridSize !== 0) {
				playerPosition -= 1;
				updatePlayerPosition();
			}
		}

// Função para mover o jogador para a direita
		function movePlayerRight() {
			if (playerPosition % gridSize !== gridSize - 1) {
				playerPosition += 1;
				updatePlayerPosition();
			}
		}

// Função para mover o jogador para cima
		function movePlayerUp() {
			if (playerPosition >= gridSize) {
				playerPosition -= gridSize;
				updatePlayerPosition();
			}
		}

// Função para mover o jogador para baixo
		function movePlayerDown() {
			if (playerPosition < gridSize * (gridSize - 1)) {
				playerPosition += gridSize;
				updatePlayerPosition();
			}
		}

// Função para atualizar a posição do jogador
		function updatePlayerPosition() {
			blocks.forEach((block, index) => {
				if (index === playerPosition) {
					block.classList.add('player');
				} else {
					block.classList.remove('player');
				}
			});
		}
	</script>
</body>
</html>
```