Reconstruye un objeto a partir de una imagen de referencia como código TypeScript procedural de Three.js, listo para animar, en lugar de un archivo de malla.
18,4 mil1,7 milPythonApache-2.0Actualizado hace 3 días
xr843/insect-world
Guía de campo interactiva en 3D sobre 63 especies de insectos, modeladas de forma procedural en el navegador con TypeScript y Three.js, sin archivos de modelos.
- Estrellas
- 793
- Forks
- 73
- Issues abiertos
- 0
- Último commit
- hace 3 días
¿Qué es?
Insect World es una guía de campo en 3D para el navegador que abarca 63 especies de insectos de 14 órdenes. Los usuarios pueden girar y ampliar cada ejemplar, hacer clic en puntos de colores para leer sobre las partes del cuerpo y usar herramientas para enfocar una parte, seccionar el cuerpo, volver translúcido el exoesqueleto y comparar dos especies en paralelo.
El cuerpo de cada insecto se genera mediante código en tiempo de ejecución, en lugar de cargarse desde archivos de modelos o texturas. La geometría se construye a partir de primitivas paramétricas, como secciones transversales extruidas, abdómenes segmentados, apéndices y redes de venas; por eso, añadir una especie consiste en describir sus proporciones y colores. Veintiocho especies también incluyen etapas de huevo, larva, pupa o ninfa, y ocho especies que se mantienen suspendidas en el aire baten las alas sin desplazarse.
El sitio incluye una lección guiada con cuestionarios, un tema claro y otro oscuro, y versiones en chino e inglés. Se indica que los textos se generaron con IA y que solo se contrastó con bibliografía una parte de la información sobre las especies más destacadas, así que conviene tomarlos como una introducción educativa.
Funciones clave
- 01Girar y ampliar modelos de 63 insectos en el navegador, y hacer clic en sus puntos interactivos
- 02Modelos generados de forma procedural mediante código, sin archivos de modelos externos
- 03Modelos de las etapas del ciclo de vida de 28 especies, incluidos el huevo, la larva y la pupa
- 04Seccionado, transparencia del exoesqueleto y comparación de especies en paralelo
- 05Lecciones guiadas y cuestionarios que mueven la cámara hasta la parte que se está explicando
- 06Versiones en chino e inglés, con temas claro y oscuro
Casos de uso
- Enseñar la metamorfosis completa e incompleta en un aula o museo
- Explorar visualmente la anatomía de los insectos antes de estudiar entomología
- Aprender a reconocer insectos comunes por la estructura de su cuerpo
- Usarlo como referencia para un proyecto de modelado procedural en 3D con Three.js
Inicio rápido
- 1
Instala Node.js 22.13 o una versión posterior y, después, instala las dependencias
npm install - 2
Inicia el servidor de desarrollo y abre el sitio en localhost:5178
npm run dev
Antes de usarlo
- La mayoría de las descripciones de las 63 especies fueron redactadas por IA, y solo 14 se han verificado parcialmente con fuentes bibliográficas.
- El texto no ha sido revisado por un especialista en entomología, por lo que no debe citarse como referencia.
Temas
Preguntas frecuentes
- ¿Qué es insect-world?
- Guía de campo interactiva en 3D sobre 63 especies de insectos, modeladas de forma procedural en el navegador con TypeScript y Three.js, sin archivos de modelos. Insect World es una guía de campo en 3D para el navegador que abarca 63 especies de insectos de 14 órdenes. Los usuarios pueden girar y ampliar cada ejemplar, hacer clic en puntos de colores para leer sobre las partes del cuerpo y usar herramientas para enfocar una parte, seccionar el cuerpo, volver translúcido el exoesqueleto y comparar dos especies en paralelo.
- ¿insect-world es gratuito? ¿Qué licencia tiene?
- insect-world es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿insect-world sigue mantenido?
- Mantenimiento activo. El último commit de insect-world fue el 17 oct 2026.
- ¿Para qué puedo usar insect-world?
- Enseñar la metamorfosis completa e incompleta en un aula o museo Explorar visualmente la anatomía de los insectos antes de estudiar entomología Aprender a reconocer insectos comunes por la estructura de su cuerpo Usarlo como referencia para un proyecto de modelado procedural en 3D con Three.js
- ¿Cómo se instala insect-world?
- Instala Node.js 22.13 o una versión posterior y, después, instala las dependencias: npm install Inicia el servidor de desarrollo y abre el sitio en localhost:5178: npm run dev
- ¿Dónde consigo insect-world?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/xr843/insect-world
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
Un museo 3D gratuito y bilingüe en el navegador para que niños pequeños y adultos exploren animales prehistóricos terrestres, marinos y voladores.
1,1 mil138TypeScriptAGPL-3.0Actualizado anteayer
Aplicación web interactiva que funciona sin conexión y reconstruye en el navegador el cielo nocturno local para cualquier lugar y momento.
13813TypeScriptSin licenciaActualizado hace 7 días
Estudio de previsualización en el navegador para bloquear escenas, posar personajes y editar movimientos de cámara, y luego enviar los planos a modelos de video con IA.
80793JavaScriptAGPL-3.0Actualizado hace 22 horas
Una Agent Skill que permite a Codex, Claude Code o Cursor generar una escena arquitectónica en Three.js que se puede recorrer en órbita y se construye ladrillo a ladrillo.
58769TypeScriptMITActualizado hace 28 días
Un recorrido en barco 3D por un valle fluvial japonés, en el navegador y renderizado en tiempo real con three.js, durante las cuatro estaciones y a cualquier hora del día.
935JavaScriptOtherActualizado ayer