Autor: kevin
Pruébalo en vivo Sobre este proyecto
El archivo abarca seis mariposas en peligro, desde el alas de pájaro de la reina Alejandra hasta el papilio de Homero: cada una tiene un espécimen 3D giratorio junto a notas divulgativas sobre estado de conservación (UICN / CITES), distribución, hábitat y amenazas principales, con búsqueda y filtrado por nivel de protección.
El sitio se conecta directamente a la API de Tripo: cada especie incluye un prompt de modelado afinado que puedes copiar con un clic, o lanzar una tarea de texto a 3D al instante y seguirla hasta completarse. Las imágenes de referencia y los archivos de modelo también se pueden descargar, convirtiendo el «ver un espécimen» en «crear uno».
Puntos clave
- Seis mariposas en peligro como especímenes giratorios: aprecia el detalle de las alas desde cualquier ángulo
- Busca y filtra especies por nombre o estado de conservación (UICN / CITES)
- Cada especie incluye un prompt de modelado afinado, copiable con un clic
- Conectado directamente a la API de Tripo: lanza una tarea de texto a 3D al instante, sigue su progreso hasta completarse y descarga referencias y modelos
Análisis técnico
Tripo API · la pipeline de tareas texto a 3D
Toda la integración con Tripo cabe en un único archivo de servicio, y el flujo se resuelve en tres pasos: autenticarse con la Bearer key; crear una tarea texto a 3D con el prompt de la especie (texture y pbr activados, calidad de textura en standard); y consultar la tarea cada 4 segundos — al terminar la generación obtienes el enlace directo de descarga del modelo, con fallos, cancelaciones y timeouts bien controlados.
Esas pocas decenas de líneas son una plantilla de integración lista para usar: autenticar, crear la tarea, sondear, recoger el resultado. Cópialas a tu proyecto, cambia la API key y a funcionar.
Ingeniería de prompts · una receta por especie
Cada una de las seis especies trae un prompt de modelado afinado durante muchas rondas, y la receta se divide en tres partes: describir bien la forma (vista dorsal del macho, trazado de las venas, colores del abdomen), excluir lo que no quieres (mate, por favor — nada de brillo metálico ni iridiscencia) y fijar los requisitos de entrega (alas finas, topología limpia, texturas PBR). Cada prompt se copia con un clic — los prompts son el verdadero «código fuente» que este archivo quiere que te lleves.
Visor de especímenes · formas procedurales + entrega multiformato
Las mariposas que arrastras por la página son formas ligeras construidas proceduralmente con Three.js (un par de alas, materiales estándar, una luz hemisférica) — funcionan sin ningún recurso externo. ¿Quieres algo más fino? Cada especie incluye además archivos PBR FBX y OBJ básicos generados con Tripo para descargar, y las imágenes de vista previa son renders del propio Tripo — la interacción en vivo y los archivos descargables nunca se estorban.
El archivo · React guiado por datos
Todo lo que hay en las fichas de especies — estado de conservación (IUCN / CITES), distribución, hábitat, amenazas — se renderiza a partir de datos, y la búsqueda y el filtrado ocurren directamente en el navegador, sin backend. El stack es simplemente React 19 más Vite 8, compilado a archivos estáticos puros: los dejas en cualquier hosting estático y ya estás en línea.
