Arco 02APIsMisión 08Pendiente
Máquina de ritmos
Una caja de ritmos de 16 pasos, con sonidos que tú misma grabas.
- Días
- 2
- Temas
- 5
- Pasos
- 7
Temario de esta misión
Concepto
Estado
La memoria corta de tu app: qué está prendido y qué paso va sonando. Casi todo bug difícil es estado mal llevado.
Concepto
Componentes
Partir la interfaz en piezas con nombre: la cuadrícula, los controles y el reproductor.
Herramienta
Web Audio
La parte del navegador que reproduce y sincroniza sonido con precisión de milisegundos.
Concepto
Eventos y tiempo
Código que corre solo cada cierto rato. Es el reloj que avanza de paso en paso.
Concepto
Estado en la URL
Meter el ritmo completo dentro del link. Si cabe ahí, no necesitas base de datos para compartirlo.
Por qué importa
El estado es la memoria corta de tu app: qué está prendido, qué paso va sonando, si está tocando o no. Casi todos los bugs difíciles del mundo son alguien que se confundió con el estado.
Desafío jefe · Ritmos que se comparten
Haz que un botón te dé un link y que quien lo abra escuche exactamente tu ritmo. Sin base de datos: todo el ritmo tiene que caber en la URL.
Pasos
- 1
Graba tus propios sonidos: un golpe en la mesa, una palmada, tu voz.
- 2
Dibuja la cuadrícula de 16 pasos por cuatro instrumentos.
- 3
Haz que al hacer clic en un cuadrito se prenda y se apague.
- 4
Haz que el reloj avance de paso en paso y se vea cuál va sonando.
- 5
Haz que suene lo que está prendido en cada paso.
- 6
Agrega el control de velocidad.
- 7
Separa la cuadrícula, los controles y el reproductor en componentes distintos.
Lo que desbloqueas
- Estado de una aplicación
- Componentes
- Eventos y tiempo
- Audio en el navegador
Misión 8 de 20