Reconstrói um objeto a partir de uma imagem de referência em código procedural TypeScript para Three.js, pronto para animação, e não em um arquivo de malha.
18,4 mil1,7 milPythonApache-2.0Atualizado há 3 dias
xr843/insect-world
Guia de campo interativo em 3D com 63 espécies de insetos modeladas proceduralmente no navegador usando TypeScript e Three.js, sem arquivos de modelo.
- Estrelas
- 793
- Forks
- 73
- Issues abertas
- 0
- Último commit
- há 3 dias
O que é?
Insect World é um guia de campo em 3D para navegador que apresenta 63 espécies de insetos de 14 ordens. Os usuários podem girar e ampliar cada espécime, clicar em pontos coloridos para ler sobre partes do corpo e usar ferramentas para focar em uma parte, seccionar o corpo, tornar o exoesqueleto translúcido e comparar duas espécies lado a lado.
O corpo de cada inseto é gerado em código durante a execução, em vez de ser carregado de arquivos de modelo ou textura. A geometria é construída com primitivas paramétricas, como seções transversais extrudadas, abdomens segmentados, apêndices e redes de nervuras; assim, para adicionar uma espécie, basta escrever uma descrição de suas proporções e cores. Vinte e oito espécies também incluem estágios de ovo, larva, pupa ou ninfa, e oito espécies que pairam no ar batem as asas sem sair do lugar.
O site inclui uma aula guiada com quizzes, temas claro e escuro e versões em chinês e inglês. O texto é apresentado como tendo sido escrito por IA, e apenas parte das informações sobre as principais espécies foi verificada em fontes científicas; por isso, é melhor considerá-lo uma visão geral educativa.
Recursos principais
- 01Gire, amplie e clique nos pontos interativos de 63 modelos de insetos no navegador
- 02Modelos gerados proceduralmente em código, sem arquivos de modelo externos
- 03Modelos dos estágios do ciclo de vida de 28 espécies, incluindo ovo, larva e pupa
- 04Seccionamento, transparência do exoesqueleto e comparação de espécies lado a lado
- 05Aulas guiadas e quizzes que movem a câmera para a parte em discussão
- 06Versões em chinês e inglês, com temas claro e escuro
Casos de uso
- Ensinar metamorfose completa e incompleta em sala de aula ou em museus
- Explorar visualmente a anatomia dos insetos antes de estudar entomologia
- Aprender a reconhecer insetos comuns pela estrutura do corpo
- Usar como referência para um projeto de modelagem 3D procedural com Three.js
Início rápido
- 1
Instale o Node.js 22.13 ou uma versão mais recente e, em seguida, instale as dependências
npm install - 2
Inicie o servidor de desenvolvimento e abra o site em localhost:5178
npm run dev
Antes de usar
- A maioria das descrições das 63 espécies foi escrita por IA, e apenas 14 delas foram parcialmente verificadas com base na literatura.
- O texto não foi revisado por um especialista em entomologia e, portanto, não deve ser citado como referência.
Tópicos
Perguntas frequentes
- O que é insect-world?
- Guia de campo interativo em 3D com 63 espécies de insetos modeladas proceduralmente no navegador usando TypeScript e Three.js, sem arquivos de modelo. Insect World é um guia de campo em 3D para navegador que apresenta 63 espécies de insetos de 14 ordens. Os usuários podem girar e ampliar cada espécime, clicar em pontos coloridos para ler sobre partes do corpo e usar ferramentas para focar em uma parte, seccionar o corpo, tornar o exoesqueleto translúcido e comparar duas espécies lado a lado.
- insect-world é gratuito? Qual é a licença?
- insect-world é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
- insect-world ainda é mantido?
- Manutenção ativa. O último commit de insect-world foi em 17 de out. de 2026.
- Para que posso usar insect-world?
- Ensinar metamorfose completa e incompleta em sala de aula ou em museus Explorar visualmente a anatomia dos insetos antes de estudar entomologia Aprender a reconhecer insetos comuns pela estrutura do corpo Usar como referência para um projeto de modelagem 3D procedural com Three.js
- Como instalar insect-world?
- Instale o Node.js 22.13 ou uma versão mais recente e, em seguida, instale as dependências: npm install Inicie o servidor de desenvolvimento e abra o site em localhost:5178: npm run dev
- Onde consigo insect-world?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/xr843/insect-world
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Um museu 3D gratuito e bilíngue no navegador, onde crianças pequenas e seus responsáveis exploram animais pré-históricos da terra, do mar e do céu.
1,1 mil138TypeScriptAGPL-3.0Atualizado anteontem
Um app web interativo que funciona offline e recria no navegador o céu noturno local para qualquer lugar e horário.
13813TypeScriptSem licençaAtualizado há 8 dias
Estúdio de pré-visualização no navegador para bloquear cenas, posar personagens e montar movimentos de câmera, com envio dos planos a modelos de vídeo com IA.
80793JavaScriptAGPL-3.0Atualizado ontem
Uma Agent Skill que permite ao Codex, Claude Code ou Cursor gerar uma cena arquitetônica em Three.js, orbitável e montada tijolo por tijolo.
58769TypeScriptMITAtualizado há 29 dias
Uma jornada de barco em 3D por um vale fluvial japonês, direto no navegador e renderizada em tempo real com three.js, em quatro estações e a qualquer hora do dia.
986JavaScriptOtherAtualizado ontem