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 pancakes se va comiendo con los días, un árbol marca las horas, una taza de café se vacía por minutos 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 consumidor funcionando en una pestaña normal del navegador.
Abrir Life Units
Cinco timers activos en la isla voxel flotante, cada uno con su propio objeto animado
Creación de un timer: cinco modelos (pancakes, árbol, café, pollito, azúcar) y cinco unidades de tiempo
La vista de estadísticas: progreso en vivo por timer e historial diario de completadosQué 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 se sientan vivos en lugar de un número en pantalla.
- Cinco modelos de timer: pancakes, á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 vivo 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 consumidor, 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