Home About Work Services Writing Contact EN
VOLVER A PROYECTOS
ID: 36 // Web // Desarrollo

EXOTERRA

REACTTYPESCRIPTTHREE.JSSUPABASEPYTHONGLSLWEBGL
EXOTERRA
MI ROL
Full-stack DevThree.jsGLSL ShadersPython
IMPACTO
3D Planetas procedurales
NASA Datos reales
PL/pgSQL Habitabilidad auto
MISIÓN

ExoTerra es un explorador 3D interactivo que visualiza y analiza exoplanetas reales descubiertos por la NASA. El proyecto combina rigor astronómico con renderizado 3D inmersivo basado en web, permitiendo a los usuarios interactuar gráficamente con mundos más allá de nuestro sistema solar. El stack incluye React 19 con TypeScript, Three.js con react-three-fiber para renderizado WebGL, shaders GLSL personalizados para generación procedural de superficies planetarias, Tailwind CSS v4 para la interfaz glassmórfica, Zustand para gestión de estado, y Supabase con PostgreSQL como backend. Los scripts de Python procesan y limpian datos CSV astronómicos de la NASA, mientras que triggers PL/pgSQL calculan puntuaciones de habitabilidad e infieren colores atmosféricos directamente en la base de datos.

CATEGORÍA

Desarrollo — Web

FUENTE github ↗
DIAGNÓSTICO
 _ 
SOLUCIÓN

ExoTerra resuelve la visualización astronómica mediante renderizado WebGL con Three.js, donde cada exoplaneta se genera proceduralmente usando shaders GLSL que simulan superficies realistas según su tipo clasificado. El catálogo dinámico permite filtrar planetas por habitabilidad, con datos termales detallados que incluyen temperatura de equilibrio, luminosidad estelar y metalicidad. Los scripts de Python extraen y normalizan los datos CSV de las misiones Kepler y TESS, mientras que los triggers de PostgreSQL en Supabase calculan automáticamente las puntuaciones de habitabilidad al momento de la inserción. La seguridad se garantiza mediante Row Level Security, y toda la computación intensiva se ejecuta del lado de la base de datos para mantener la fluidez del renderizado 3D en el cliente.

PROCESO DE TRABAJO
01
01 · RESEARCH

Investigación

Datos · Papers · Viabilidad

02
02 · DATA

Datos

Recolección · Limpieza · Pipeline

03
03 · ARCHITECTURE

Arquitectura

Modelos · Infra · Esquema DB

04
04 · AI ENGINE

Motor IA

Training · Fine-tuning · Prompts

GALERÍA
EXOTERRA screenshot
EXOTERRA screenshot
EXOTERRA screenshot
EXOTERRA screenshot
EXOTERRA screenshot