Descripción del proyecto
Analogic — Experiencia Vinilo 3D
Analogic es un tocadiscos de vinilo en 3D que funciona directamente en el navegador. Eliges un disco, se posa sobre el plato, el brazo baja solo y empieza a sonar la música — con el crujido del vinilo incluido. El tocadiscos está modelado por completo con código (plinto de madera, plato, brazo, contrapeso, cables RCA) y puedes arrastrarlo con el ratón para girarlo y verlo desde cualquier ángulo.
Al arrancar, la app busca canciones reales y carga sus previews de 30 segundos junto con la portada oficial, que se aplica como textura tanto a la etiqueta del disco 3D como al carrusel. Incluye buscador de canciones, panel de letras, reproductor completo (anterior/play/siguiente, barra de progreso, volumen y velocidad) y una colección en carrusel. El audio pasa por una cadena analógica construida con Web Audio API: tilt EQ, compresor y un crujido de vinilo generado proceduralmente con hiss, pops y ticks aleatorios.
El proyecto está desplegado en producción con Vercel y no tiene backend ni base de datos: toda la app vive en un único archivo y la música se resuelve en tiempo real contra APIs públicas gratuitas.
Puntos destacados
- Tocadiscos 3D interactivo: Modelado por código con Three.js, girable con el ratón.
- Animaciones realistas: Secuencias encadenadas con GSAP (movimiento de disco, brazo y cue lever).
- Música real: Previews de 30 segundos y portadas oficiales aplicadas dinámicamente como textura al disco 3D.
- Cadena de audio analógica: Procesamiento con Web Audio API (tilt EQ, compresor y crujido de vinilo procedural).
- Funcionalidades extra: Buscador de canciones y panel de letras integrados.
- Arquitectura serverless: Desplegado en producción con Vercel, sin backend ni base de datos.