Bindings React para o motor de física WASM Rapier, integrando corpos rígidos, colliders e joints a cenas do react-three-fiber.
jasonkneen/tiny-world-builder
Editor 3D de mundos voxel no navegador para construir, esculpir, sobrevoar e compartilhar pequenos mundos.
- Estrelas
- 1,606
- Forks
- 214
- Issues abertas
- 5
- Último commit
- há 3 horas
O que é?
Tiny World Builder é um editor 3D de voxel autocontido que funciona inteiramente no navegador. Você posiciona terrenos como grama, água, pedra, areia e lava, adiciona objetos como casas, árvores, cercas, pontes, plantações e animais, e remodela o solo elevando, rebaixando e pintando para criar penhascos e rios.
O editor oferece vários modos de câmera, incluindo isométrico, suave e perspectiva, para visualizar o mundo de qualquer ângulo. É possível salvar mundos em espaços locais com nomes, exportá-los, criar remixes e compartilhá-los. O escultor Mesh Terrain oferece uma camada de voxel opcional e detalhada para esculpir formas de paisagem mais suaves, com materiais por voxel.
O projeto inclui um runtime de veículos com semente, no qual veículos de entrega seguem redes de estradas e desviam de objetos posicionados. Ele é feito como um site estático com JavaScript vanilla e Three.js, e pode ser implantado na Vercel ou na Netlify.
Recursos principais
- 01Posicione terrenos, objetos, plantações e animais em uma grade de voxel.
- 02Eleve, rebaixe e pinte o terreno para formar penhascos e rios.
- 03Alterne entre câmeras isométrica, suave e em perspectiva.
- 04Salve localmente vários mundos com nomes e exporte-os ou compartilhe-os.
- 05Escultor Mesh Terrain opcional, com materiais por voxel.
- 06Demo de veículos com semente, roteamento por estradas e desvio do trânsito.
Casos de uso
- Criar protótipos de fases de jogos em estilo voxel ou cenas de diorama no navegador.
- Explorar como peças que levam em conta a adjacência, como estradas, cercas e casas, se conectam automaticamente.
- Testar o planejamento de rotas e o comportamento do trânsito em uma rede de estradas gerada.
- Hospedar um construtor 3D de mundos autocontido e estático no seu próprio site.
Início rápido
- 1
Inicie o servidor de desenvolvimento local
npm run dev - 2
Abra o criador em localhost:3000/tiny-world-builder
- 3
Ou abra o arquivo estático diretamente, sem um servidor de desenvolvimento
open index.html
Antes de usar
- Licenciado sob AGPL-3.0, uma licença copyleft que exige fornecer o código-fonte aos usuários da rede quando versões modificadas são implantadas.
- Para fazer login com uma wallet em uma implantação real, primeiro é preciso definir TINYWORLD_WALLET_SESSION_SECRET no Netlify.
Tópicos
Perguntas frequentes
- O que é tiny-world-builder?
- Editor 3D de mundos voxel no navegador para construir, esculpir, sobrevoar e compartilhar pequenos mundos. Tiny World Builder é um editor 3D de voxel autocontido que funciona inteiramente no navegador. Você posiciona terrenos como grama, água, pedra, areia e lava, adiciona objetos como casas, árvores, cercas, pontes, plantações e animais, e remodela o solo elevando, rebaixando e pintando para criar penhascos e rios.
- tiny-world-builder é gratuito? Qual é a licença?
- tiny-world-builder é open source sob a licença AGPL-3.0. Confira os termos da licença antes de usá-lo em produtos comerciais.
- tiny-world-builder ainda é mantido?
- Manutenção ativa. O último commit de tiny-world-builder foi em 19 de out. de 2026.
- Para que posso usar tiny-world-builder?
- Criar protótipos de fases de jogos em estilo voxel ou cenas de diorama no navegador. Explorar como peças que levam em conta a adjacência, como estradas, cercas e casas, se conectam automaticamente. Testar o planejamento de rotas e o comportamento do trânsito em uma rede de estradas gerada. Hospedar um construtor 3D de mundos autocontido e estático no seu próprio site.
- Como instalar tiny-world-builder?
- Inicie o servidor de desenvolvimento local: npm run dev Abra o criador em localhost:3000/tiny-world-builder Ou abra o arquivo estático diretamente, sem um servidor de desenvolvimento: open index.html
- Onde consigo tiny-world-builder?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/jasonkneen/tiny-world-builder
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
GPU.js transpila funções JavaScript simples em código de shader para executá-las na GPU em navegadores e no Node.js, com fallback para JavaScript puro.
Pacote com nove skills de agente para Codex e Claude Code criarem jogos de navegador jogáveis e refinados em Three.js, com uma skill diretora que coordena o trabalho.
Uma reimplementação em WebGL do clássico visualizador musical Milkdrop, que renderiza presets Milkdrop no navegador usando a Web Audio API.
Biblioteca JavaScript independente para IA de jogos, com steering, navigation meshes, percepção, lógica fuzzy e agentes orientados a estados.
Editor e visualizador 3D no navegador para criar e compartilhar formas com o Rubik's Snake de 24, 36, 48 ou 72 peças.