Um template em TypeScript que cria um portfólio de desenvolvedor sincronizado com o GitHub usando apenas seu nome de usuário, com deploy no GitHub Pages.
terryHu7/homecraft
Um template de site pessoal 3D em voxel no estilo Minecraft, feito com Three.js, onde visitantes percorrem seu site como um mundo virtual.
- Estrelas
- 150
- Forks
- 49
- Issues abertas
- 1
- Último commit
- anteontem
O que é?
Homecraft é um template para criar uma página pessoal como um mundo 3D em voxel, navegável e inspirado em Minecraft. Em vez de uma página convencional com rolagem, os visitantes se movimentam por um ambiente blocado com construções e cenários como uma quadra de basquete, uma academia, uma bancada de trabalho e uma piscina. Páginas web 2D existentes podem ser incorporadas ao mundo e abertas no próprio ambiente.
O projeto inclui um template inicial com prompts e restrições para edição assistida por IA; assim, ao fazer um fork do repositório, você pode personalizar o mundo usando vibe coding. Um script incluído, tools/serve.py, inicia um servidor local em uma porta aleatória e abre o navegador. O site de exemplo completo está em examples/terry-home. A cena inclui ciclos de dia e noite e efeitos climáticos, como neve, e o estilo blocado mantém a renderização leve o suficiente para navegadores móveis.
O projeto é feito com JavaScript e WebGL via Three.js e distribuído sob a licença MIT.
Recursos principais
- 01Mundo em voxel no estilo Minecraft, que pode ser percorrido e é renderizado com Three.js e WebGL.
- 02Permite incorporar páginas web 2D tradicionais à cena 3D.
- 03Inclui um template inicial com prompts e restrições de IA para vibe coding.
- 04Ciclo de dia e noite e efeitos climáticos, como neve.
- 05Funciona em navegadores móveis graças à renderização blocada e leve.
- 06Script de inicialização local abre o site em uma porta aleatória.
Casos de uso
- Criar um portfólio interativo que os visitantes exploram como um mundo de jogo.
- Criar uma página pessoal que pareça uma visita à casa de um amigo.
- Aprender a montar cenas com Three.js usando um site de exemplo funcional.
- Conectar os sites pessoais de amigos em um espaço compartilhado de portais 3D.
Início rápido
- 1
Faça um fork do repositório e entre no diretório do projeto
- 2
Inicie o servidor local e abra o navegador
python3 tools/serve.py
Antes de usar
- O README não descreve uma instalação por meio de um gerenciador de pacotes; a configuração exige fazer um fork e executar um script Python.
Tópicos
Perguntas frequentes
- O que é homecraft?
- Um template de site pessoal 3D em voxel no estilo Minecraft, feito com Three.js, onde visitantes percorrem seu site como um mundo virtual. Homecraft é um template para criar uma página pessoal como um mundo 3D em voxel, navegável e inspirado em Minecraft. Em vez de uma página convencional com rolagem, os visitantes se movimentam por um ambiente blocado com construções e cenários como uma quadra de basquete, uma academia, uma bancada de trabalho e uma piscina. Páginas web 2D existentes podem ser incorporadas ao mundo e abertas no próprio ambiente.
- homecraft é gratuito? Qual é a licença?
- homecraft é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
- homecraft ainda é mantido?
- Manutenção ativa. O último commit de homecraft foi em 4 de nov. de 2026.
- Para que posso usar homecraft?
- Criar um portfólio interativo que os visitantes exploram como um mundo de jogo. Criar uma página pessoal que pareça uma visita à casa de um amigo. Aprender a montar cenas com Three.js usando um site de exemplo funcional. Conectar os sites pessoais de amigos em um espaço compartilhado de portais 3D.
- Como instalar homecraft?
- Faça um fork do repositório e entre no diretório do projeto Inicie o servidor local e abra o navegador: python3 tools/serve.py
- Onde consigo homecraft?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/terryHu7/homecraft
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Editor 3D de mundos voxel no navegador para construir, esculpir, sobrevoar e compartilhar pequenos mundos.
Um renderer React para Three.js que permite criar cenas 3D de forma declarativa com componentes JSX.
Coleção de componentes auxiliares e hooks prontos para criar cenas 3D com react-three-fiber.
Biblioteca de controles de câmera para three.js que oferece transições suaves e mais recursos além da navegação orbital no estilo OrbitControls.
Toolkit e framework JavaScript para visualizações interativas de dados em 3D/WebGL e 2D no navegador, desenvolvido sobre o Three.js.