GERANDO MUNDO

0%

VOXELWORLDEXPLORAR
Ilha InicialX 6 · Z 0

THREE.JS + GSAP

8 biomas. 3 dimensões. Zero modelos.

Role a página: a câmera sobrevoa cada ilha, mergulha até o chão e entra no cenário — da vila ao recife, do Nether ao The End.

Geometria pura

Nenhum modelo 3D carregado. Cada bloco é gerado em código, com face culling — os cenários são ocos por dentro.

Bloco a bloco

Grama, arenito, deepslate, prismarine, micélio, purpur: mais de 60 blocos definidos isoladamente e replicados no mundo.

Rolagem viva

GSAP ScrollTrigger conduz a câmera: ela sobrevoa, mergulha e entra em cada bioma no nível do chão.

Bloco de grama & terra

As faces da imagem original foram desprojetadas em texturas 16×16 e reaplicadas em um cubo Three.js com filtro nearest — pixel art intacta, agora em 3D de verdade.

IMG → THREE.JS

BIOMA 01 · CHEGADA

Vila das planícies

Quatro casas de tábua e tijolo brotam da grama. As estradas de cascalho se cruzam no poço central e o campo de feno fecha o quarteirão.

  • grass
  • planks
  • brick
  • hay

DENTRO DA VILA

Rua principal

A câmera desce até a altura de um aldeão: telhados na linha do olhar, janelas de vidro pegando o sol e galinhas cruzando o caminho.

CASAS
4
POÇOS
1
GALINHAS
2

DETALHE

Plantação & poço

Fardos de feno em fileira, água parada no poço de pedra e tochas marcando a saída para o deserto. Tudo em vertex colors — zero textura carregada.

  • hay
  • stone
  • water
  • torchStick

BIOMA 02 · CHEGADA

Deserto & pirâmide

Dunas de areia até onde a névoa deixa ver, uma pirâmide de arenito cinzelado com entrada escura e formações de terracota alaranjada nas bordas.

  • sand
  • sandstone
  • terracotta
  • cactus

DENTRO DO DESERTO

Sombra do oásis

Rasante entre cactos até a poça de água doce. A pirâmide domina o horizonte enquanto o sol projeta sombras longas e duras nos degraus.

DEGRAUS
7
CACTOS
14
OÁSIS
1

BIOMA 03 · CHEGADA

Montanha & mina

Um pico nevado empilhado sobre camadas de pedra e deepslate. Uma cachoeira despenca pela face leste até sumir no vazio.

  • stone
  • deepslate
  • snow
  • water

DENTRO DA MONTANHA

Entrada da mina

Na altura da galeria aparecem os veios: carvão, ferro, redstone, esmeralda e diamante cravados na rocha escura, cada minério com sua cor própria.

MINÉRIOS
5
ALTURA
24 BLOCOS
CASCATA
1

BIOMA 04 · CHEGADA

Taiga nevada

Pinheiros de folhagem quase preta contra a neve. No meio da clareira, um lago congelado com gelo translúcido deixando o fundo aparecer.

  • snow
  • spruceLog
  • spruceLeaves
  • ice

DENTRO DA TAIGA

Iglu no gelo

A câmera passa rente ao lago e contorna o iglu de neve compacta, com túnel de entrada baixo. O porco da taiga não parece incomodado com o frio.

PINHEIROS
9
IGLUS
1
GELO
TRANSLÚCIDO

BIOMA 05 · CHEGADA

Selva fechada

Árvores gigantes de tronco 2×2 furam o dossel, copas irregulares se sobrepõem e um riacho serpenteia por baixo de tudo.

  • jungleLog
  • jungleLeaves
  • bamboo
  • moss

DENTRO DA SELVA

Templo de musgo

No chão da mata, entre bambus, surge o templo de mossy cobble. Lá dentro descansa um bloco de esmeralda — o único brilho verde da sala.

ÁRVORES
6 GIGANTES
BAMBU
21 HASTES
TEMPLO
1

BIOMA 06 · CHEGADA

Recife & monumento

Uma bacia de areia coberta por água translúcida. Corais rosa e azul emitem luz própria e o monumento de prismarine sustenta um bloco de ouro no topo.

  • water
  • sand
  • coralPink
  • prismarine

DENTRO DO RECIFE

Quase submerso

A câmera desce até a linha d'água: o azul filtra a luz, os corais viram manchas de neon e a superfície oscila logo acima do enquadramento.

CORAIS
24
OPACIDADE
0.68
OURO
1 BLOCO

BIOMA 07 · CHEGADA

Ilha dos cogumelos

Micélio roxo-acinzentado cobrindo uma ilha isolada. Cogumelos gigantes de chapéu vermelho crescem como guarda-sóis fora de escala.

  • mycelium
  • mushroomStem
  • mushroomCap

DENTRO DA ILHA

Sob os chapéus

Passando por baixo das copas vermelhas, o chão fica malva e o silêncio é total: nenhum inimigo nasce aqui, nem no Minecraft nem neste mundo.

COGUMELOS
5
INIMIGOS
0
RARIDADE
MÁXIMA

TRAVESSIA

O portal

Moldura de obsidiana, campo roxo pulsando no meio. Continue rolando: a câmera avança até o vão e o mundo troca de lado.

  • obsidian
  • crystal

ENTRANDO NO PORTAL…

DIMENSÃO 02 · CHEGADA

Nether

Teto baixo de netherrack, lago de lava iluminando tudo por baixo e glowstone cravada na rocha. O céu vermelho some na névoa.

  • netherrack
  • lava
  • glowstone

DENTRO DO NETHER

À beira da lava

Rasante sobre a margem: a luz laranja pulsa no ritmo do lago, as brasas sobem em partículas e o calor deforma a paleta inteira.

LUZ
PULSANTE
BRASAS
180
GHASTS
1

ESTRUTURAS

Pilares de nether brick

Colunas escuras sustentam passarelas sobre o vazio enquanto um ghast branco flutua devagar, girando a cabeça para a câmera.

  • netherrack
  • obsidian
  • glowstone

DIMENSÃO 03 · CHEGADA

The End

Uma ilha de end stone suspensa no nada. Estrelas frias passam pelo vazio e oito pilares de obsidiana marcam o perímetro.

  • endStone
  • obsidian
  • crystal

DENTRO DO END

Entre os pilares

No nível do chão, os cristais no topo das colunas pulsam violeta e o portal de saída abre um buraco preto no centro da ilha.

  • purpur
  • chorus
  • crystal

CHEFE

O dragão

Ele descreve um círculo constante acima da ilha, inclinando o corpo nas curvas. A cidade purpur flutua ao fundo, fora de alcance.

ÓRBITA
20 BLOCOS
CRISTAIS
8
SAÍDA
1 PORTAL

Feito de blocos. Literalmente.

Voxel engine própria, face culling, vertex colors e ScrollTrigger. Oito biomas, três dimensões, nenhum asset pesado e nenhum loader eterno.

VOLTAR AO INÍCIO