Laboratorio de Ideas

Investigación, Código y Creatividad

Bienvenidos a la trastienda de mis experimentos digitales. Cada una de estas aplicaciones nació de una pregunta, de una curiosidad o de la necesidad de entender cómo las nuevas tecnologías pueden transformar la educación, el entretenimiento y nuestro propio bienestar.

A continuación, presento un análisis detallado de cada proyecto, desglosando la idea original, la experiencia diseñada para el usuario y los desafíos técnicos que enfrenté (y superé) junto a mi copiloto de inteligencia artificial, Google Antigravity.

Nota importante: Tanto la web como estos experimentos están diseñados principalmente para funcionar en computadoras. Aunque algunos funcionan correctamente en celulares, para apreciar todos los detalles y funcionalidades se recomienda usar una pantalla grande.

FiloChat

Educativo IA Conversacional

La Idea

FiloChat surge de una inquietud pedagógica: ¿Cómo podemos hacer tangible el debate abstracto sobre la Inteligencia Artificial? Quería que mis estudiantes de filosofía no solo leyeran a los autores, sino que "discutieran" con ellos. La idea fue crear paneles simulados donde pensadores antagónicos (como el optimista Luciano Floridi y el crítico Eric Sadin) pudieran debatir en tiempo real.

La Experiencia

El usuario selecciona un panel temático y se sumerge en un chat grupal. Al lanzar una pregunta, los "filósofos" responden desde sus perspectivas teóricas, manteniendo su estilo y argumentos. Es una simulación de alto nivel que permite explorar matices complejos de una manera conversacional y accesible.

Tecnología

El núcleo de FiloChat es el Prompt Engineering avanzado. Utilizo LLMs (Modelos Grandes de Lenguaje) con instrucciones de sistema (System Prompts) extremadamente detalladas para definir las "personas". Cada filósofo tiene un perfil psicológico y teórico codificado que restringe y guía sus respuestas para mantener la fidelidad académica.

MapCraig

Juego Geografía

La Idea

Inspirado en el fenómeno Geoguessr, quise crear mi propia versión para desafiar el conocimiento espacial y cultural. MapCraig nos recuerda lo vasto y diverso que es nuestro planeta, transportándonos aleatoriamente a cualquier rincón transitable por un vehículo de Street View.

La Experiencia

El jugador aparece en una ubicación desconocida con visión de 360 grados. Debe buscar pistas visuales: el idioma de los carteles, la vegetación, el tipo de arquitectura o incluso el lado de la calzada por el que se conduce. Luego, marca su suposición en un mapa mundial. El sistema calcula la distancia y otorga puntos. Son 5 rondas de pura deducción geográfica.

Tecnología

Este proyecto integra intensivamente la Google Maps JavaScript API y la Street View Static API. El desafío técnico principal fue la sincronización entre la vista panorámica y el mapa de selección, además del cálculo matemático (fórmula de Haversine) para determinar la distancia exacta entre las coordenadas reales y las elegidas por el usuario.

Medita Web

Bienestar Mindfulness

La Idea

La tecnología a menudo nos estresa; quería usarla para lo contrario. Medita Web es una colección de herramientas digitales diseñadas para inducir la calma fisiológica. Basado en principios de neurociencia y regulación del sistema nervioso autónomo.

La Experiencia

El usuario elige entre varias técnicas: respiración guiada (como la 4-7-8), escaneo corporal pasivo o visualización de fluidos zen. La interfaz es minimalista, sin distracciones, utiliza animaciones suaves y colores que cambian imperceptiblemente para reducir la carga cognitiva y facilitar un estado de "atención flotante".

Tecnología

Desarrollado con HTML5 Canvas para las animaciones de partículas fluidas y CSS Keyframes avanzados para las transiciones de color y guías de respiración. La sincronización es clave aquí; el ritmo visual debe coincidir perfectamente con los tiempos fisiológicos de inhalación y exhalación para ser efectivo.

Latencia Nuclear

Estrategia Simulación

La Idea

Este es quizás mi experimento más conceptual. Quería gamificar la frustración del "lag" o retraso. ¿Qué pasa cuando tienes la responsabilidad de un sistema crítico (una red nuclear) pero tus órdenes tardan en llegar? Es una metáfora sobre la gestión de sistemas complejos y la toma de decisiones bajo incertidumbre temporal.

La Experiencia

Eres el operador de una red inestable. Debes enfriar nodos y redirigir energía para evitar un colapso estructural. El giro es que cada clic que haces tiene un retraso variable antes de ejecutarse. Debes anticiparte al desastre, actuando segundos antes de que ocurra el problema real.

Tecnología

Implementé un sistema de "cola de eventos" (event queue) artificial en JavaScript. Cada acción del usuario se encapsula en un objeto con un temporizador que simula la latencia de red. El motor del juego procesa dos líneas de tiempo: la del estado actual visible y la del estado futuro pendiente de ejecución.

Audiometría Web

Utilidad Audio

La Idea

Explorar las capacidades de los navegadores modernos para generar audio de alta fidelidad. Quería ver si era posible recrear un audiómetro clínico básico utilizando solo estándares web, permitiendo a las personas tener una aproximación rápida sobre su salud auditiva (sin validez médica, por supuesto).

La Experiencia

El test evalúa cada oído por separado en diferentes frecuencias (Hz). El usuario debe indicar si escucha el tono, que va disminuyendo de volumen progresivamente. Al final, se genera un gráfico (audiograma) visualizando el umbral auditivo aproximado.

Tecnología

El corazón de este proyecto es la Web Audio API. Utilizo nodos osciladores (OscillatorNode) para generar ondas sinusoidales puras en tiempo real, controlando la frecuencia y la ganancia (volumen) con precisión matemática. No se usan archivos MP3 pregrabados, todo el sonido se sintetiza en el momento en el dispositivo del usuario.

HumanoIA

Deducción Inteligencia Artificial

La Idea

En la era de la IA generativa, la línea entre lo humano y lo artificial se desdibuja. HumanoIA es una implementación lúdica del Test de Turing. ¿Somos realmente capaces de distinguir una creación humana de una sintética basándonos solo en la intuición?

La Experiencia

Se presentan al jugador fragmentos de texto, imágenes o situaciones de chat. El desafío es simple pero profundo: elegir si fue creado por un humano o por una IA. El juego ofrece feedback inmediato y revela estadísticas sobre qué tan fáciles de "engañar" somos.

Tecnología

Una base de datos curada de ejemplos reales y sintéticos alimenta el juego. La interfaz está optimizada para decisiones rápidas. Por detrás, se registran las respuestas para analizar patrones de confusión humanos frente a diferentes tipos de contenido generado por IA.

El Impostor

Multijugador Local Mobile First

La Idea

Los juegos de mesa sociales son excelentes para romper el hielo. Quería crear una versión digital y de bolsillo de juegos como "El Espía" o variantes de "Among Us" verbales, que no requiriera instalación de apps, solo un celular pasando de mano en mano.

La Experiencia

Ideal para grupos. Todos los jugadores reciben una palabra secreta en pantalla, excepto uno: el Impostor. Por turnos, cada uno debe decir una palabra relacionada para probar que sabe el secreto, pero sin ser tan obvio para que el Impostor lo adivine. El Impostor debe mentir y mezclarse.

Tecnología

Desarrollado como una PWA (Progressive Web App) ligera. Utilicé Tailwind CSS para una interfaz moderna y oscura que ahorra batería. La lógica de asignación de roles y palabras es puramente local (JavaScript client-side), lo que garantiza privacidad total y velocidad instantánea sin necesidad de servidor.

Puzandú

Visual Interactivo

La Idea

Recuperar la experiencia táctil y relajante de armar un rompecabezas físico en un entorno digital. El nombre es un guiño local. El objetivo era lograr que el movimiento de las piezas se sintiera natural y satisfactorio.

La Experiencia

El jugador se enfrenta a una imagen desordenada en cuadrícula. Debe arrastrar y soltar piezas para intercambiarlas o deslizarlas hasta reconstruir la imagen original. Es un ejercicio de agudeza visual y paciencia, con un cronómetro para los que buscan competir contra sí mismos.

Tecnología

Uso intensivo de la Drag and Drop API de HTML5. La manipulación del DOM se gestiona cuidadosamente para permitir movimientos fluidos incluso en pantallas táctiles. El sistema recorta la imagen original en segmentos dinámicamente usando CSS background-position.

Noticias al Día

Información Tiempo Real

La Idea

En un mundo saturado de información, a veces solo queremos un vistazo rápido ("at a glance") de lo que está pasando. Quería un dashboard minimalista que agregara titulares locales (Corrientes), nacionales (Argentina) e internacionales sin publicidad intrusiva ni algoritmos de recomendación opacos.

La Experiencia

Una sola página dividida en tres columnas claras. Los titulares se cargan al instante. Al hacer clic, se expande un resumen o te lleva a la fuente original. Es una herramienta de "curaduría automática" para empezar el día informado en menos de un minuto.

Tecnología

El sistema realiza peticiones asíncronas (Fetch API) a diversos feeds RSS y APIs de noticias públicas. El desafío aquí es el parsing (análisis) de XML y JSON heterogéneos para estandarizarlos en un formato visual único y limpio en el frontend.

Mandalas (MandalAI)

Arte Zen

La Idea

Inspirado en los libros de colorear para adultos y la arteterapia. La simetría radial de los mandalas tiene un efecto hipnótico y calmante. Quería digitalizar esa experiencia de "fluir" mediante el color y la forma.

La Experiencia

El usuario puede seleccionar ambientes y paletas de colores. Al tocar o hacer clic sobre los segmentos del mandala, estos se rellenan. En el modo de creación, los trazos se replican automáticamente en espejo radial, permitiendo que cualquiera cree diseños geométricos complejos y bellos sin necesidad de habilidades de dibujo avanzadas.

Tecnología

Matemática pura aplicada al Canvas. Algoritmos de geometría computacional calculan las coordenadas polares para replicar cada pixel que el usuario dibuja en múltiples sectores simultáneamente (rotación de simetría).

Memoria (JUMECO)

Cognitivo Agilidad

La Idea

Juego, Memoria y Comprensión. Un clásico "Memory match" pero pensado para ejercitar la retención a corto plazo y la concentración, habilidades que a menudo perdemos en la multitarea diaria.

La Experiencia

Tablero de cartas boca abajo. El jugador voltea dos a la vez tratando de encontrar pares coincidentes. A medida que avanza, la grilla se complica. Busco que la experiencia sea fluida, sin frustraciones, enfocada en la superación personal del tiempo y los intentos.

Tecnología

Lógica de gestión de estado en Vanilla JS. Arrays barajados aleatoriamente (algoritmo Fisher-Yates) para que ninguna partida sea igual. Gestión de eventos y temporizadores para mostrar y ocultar las cartas con animaciones CSS 3D (flip effect).

Música IA

Generativo Arte Sintético

La Idea

La intersección no solo de la imagen y el texto, sino también del sonido. Quería explorar cómo las IAs actuales pueden interpretar sentimientos o conceptos abstractos y transformarlos en canciones completas con melodía, armonía y voz.

La Experiencia

Una lista de reproducción curada donde cada tema ha sido "compuesto" artificialmente pero dirigido humanamente. Las letras no son aleatorias; responden a estructuras métricas y temáticas específicas que definí para transmitir mensajes sobre tecnología, futuro o emociones humanas complejas.

Tecnología

Este es un ejemplo de colaboración multi-modelo. Utilicé ChatGPT para la redacción de las letras, empleando prompts muy elaborados (System Prompts con restricciones de rima, métrica y estilo) para asegurar la coherencia lírica. Luego, estas letras fueron procesadas por SUNO, un modelo de generación de audio, para crear la instrumentación y las voces finales.

Podcast IA

Audio Learning NotebookLM

La Idea

Consumir información compleja durante los "tiempos muertos" (viajes, ejercicio) es vital. Quería transformar mis investigaciones y textos académicos en conversaciones fluidas y agradables de escuchar, democratizando el acceso al contenido técnico.

La Experiencia

Conversaciones profundas y dinámicas entre dos anfitriones virtuales que discuten, analizan y desmenuzan temas de "IA y Educación". El tono es sorprendentemente humano, con interrupciones naturales, pausas reflexivas y un entusiasmo contagioso que hace que el aprendizaje sea entretenido.

Tecnología

La magia detrás de estos episodios es Google NotebookLM. Subo mis fuentes (pdfs, notas, libros) y utilizo la función de "Audio Overview". Aunque parece magia, es el resultado de modelos de lenguaje avanzados capaces de sintetizar, conectar puntos y dramatizar la información en formato de diálogo (Speech-to-Speech y Text-to-Speech de última generación).