Caso real
Última actualización: mayo de 2026
Life Units: timers de cuenta atrás como un mundo 3D vivo
Life Units es una app web gratuita que convierte los timers de cuenta atrás en objetos 3D voxel animados sobre una isla flotante. Una pila de tortitas va menguando bocado a bocado con los días, un árbol marca las horas, una taza de café se vacía minuto a minuto y un huevo eclosiona en un pollito cuando se agotan los segundos. Urbano DX la construyó y la opera como ejemplo público de 3D de nivel de consumo funcionando en una pestaña normal del navegador.
Guía para compradores
Cómo revisar Life Units: timers de cuenta atrás como un mundo 3D vivo
Life Units: timers de cuenta atrás como un mundo 3D vivo es material de prueba: muestra cómo Urbano DX espera acotar, revisar, entregar y traspasar los sprints de software e IA. El objetivo es sustituir promesas vagas por artefactos concretos que un comprador puede inspeccionar.
Al revisar material de prueba, mira más allá de la superficie. Lo importante es si los criterios de aceptación, los supuestos de datos, los riesgos, la propiedad y la siguiente decisión están claros. Un buen resultado de sprint sirve a compras y a la revisión de negocio, no solo a una demo bonita.
Usa esta página antes de una primera llamada para alinear expectativas. Ayuda a saber qué materiales preparar, cómo juzgar una demo y qué debe seguir siendo útil cuando el sprint termina.
Evidencia a inspeccionar
Superficie funcional, recorrido de la demo, riesgos, supuestos y criterios de aceptación.
Uso interno
Compras, aprobación de presupuesto, revisión de seguridad y planificación del siguiente alcance.
Buen resultado
Algo reutilizable, listo para traspaso y lo bastante claro para explicarse.
Qué es
Life Units es una app web gratuita y sin registro donde cada timer de cuenta atrás es una pequeña escena 3D animada. Los timers conviven en una isla voxel flotante con nubes en movimiento, efectos de sonido chiptune y una interfaz pixel art. Es para quien quiere timers que parezcan vivos en lugar de un número en pantalla.
- Cinco modelos de timer: tortitas, árbol, café, pollito y terrones de azúcar
- Cada modelo se consume de forma visible al agotarse su tiempo
- De segundos a días, más un contador de unidades personalizadas
- Gratis, sin cuenta, en directo en timers.urbanodx.com
Qué se construyó
Una escena react-three-fiber a pantalla completa con modelos voxel procedurales y un sistema que traduce el tiempo restante directamente en geometría. Los timers persisten en el navegador, así que todo el producto se sirve como un bundle estático detrás de nginx, sin backend.
- Avatares voxel procedurales en three.js
- Animación tiempo-geometría: los objetos encogen, se vacían y eclosionan
- Vista de estadísticas, selector de modelos y UI pixel
- Stack: Vite, React 19, TypeScript, three.js, react-three-fiber, nginx
Qué demuestra
El 3D de nivel de consumo, el diseño de producto juguetón y la obsesión por el detalle son habilidades web, no de motor de videojuegos. El mismo cuidado se aplica al software de negocio: microinteracciones, presupuestos de rendimiento e interfaces que la gente disfruta usar.
- 3D en tiempo real en una pestaña normal, sin instalar nada
- Diseño juguetón ejecutado con disciplina de ingeniería
- El detalle y el acabado como hábito deliberado
- Rango de frontend más allá de dashboards y formularios
Otros productos públicos del mismo taller
Tab o' War
Un RPG idle de piratas cuyo HUD es la propia pestaña del navegador: el título de la pestaña y un favicon redibujado van narrando el combate mientras la tienes en segundo plano.
Void Gacha
Un gacha para un jugador construido sobre shaders de WebGL: tiras formas de rareza creciente, las fusionas en la Forja y haces crecer una colección idle. Sin cuenta y sin servidor.
Love & Debt
Un roguelike de simulación de vida con interfaz de terminal: salda 10.000 dólares de deuda en Londres antes de que se agote la paciencia de tu novia. Jugable en inglés, español y japonés.
CardFrame
Un marco digital para exponer cartas coleccionables, en preventa de serie fundadora: acercas una carta a su cámara y se incorpora a tu colección.
Definamos el alcance de tu primer sprint
Cuéntanos el objetivo, los usuarios, el estado de tus datos y APIs, y cuándo lo necesitas. Lo convertimos en un alcance claro para el primer sprint.
Hablar con nosotros