💡 Conceptos (por qué está hecho así)
Un vistazo rápido a por qué VJam funciona así 💡 Si entiendes cómo está armado, lo vas a usar más rápido.
🎥 Doble motor (dos motores de visuales)
VJam usa dos motores de visuales:
- MilkDrop (~945) 👉 visuales WebGL llamativos que reaccionan de maravilla al sonido: el clásico visualizador de música
- p5.js (~426) 👉 visuales de forma libre dibujados con código (formas, partículas, 3D, shaders)
¿Por qué dos? 👉 MilkDrop crea la base que se arremolina, y p5 suma efectos encima. Así no es una sola imagen plana: es un visual que se va armando en vivo. Juntos suman más de 1300 Presets 🎨
Los controles siguen esa misma lógica 👉 tocar = agregar una capa p5 encima / deslizar = cambiar la base MilkDrop. Así puedes ir variando en medio del set sin romper todo el look (→ capítulo 🎨 Presets).
🎱 Los Decks son independientes
- El Deck A y el B tienen cada uno su propio motor (cambiar uno no afecta al otro)
- El crossfade es una mezcla por opacidad (superpone y mezcla los dos)
- Por eso el Deck A y el B pueden mantener estados separados mientras pasas de uno a otro con el crossfader (→ capítulo 🎱 Deck)
🫧 Visuales que se sienten: el diseño de la reacción al sonido
- Los visuales de VJam no son medidores ni números: están pensados para reacciones que sientes al instante, como estallidos al ritmo, pulsos y colores que cambian
- Así puedes ver de un vistazo que los visuales están sincronizados con la música
- Los detalles de cómo se crean los Presets están en la documentación interna para desarrolladores.
🎚️ Modulación (mover parámetros con el sonido)
- Puedes conectar los parámetros de un Preset (tamaño, velocidad, color, etc.) al sonido de forma automática
- En el panel de parámetros del Cockpit, toca un chip morado (Mod) para asignarle una fuente de sonido 👇
bass / mid / treble / rms / strength / beatPulse / bpm - Ejemplo: asigna "tamaño de partícula" a bass → las partículas crecen de golpe con el bombo 🥁
- Así cambias visuales estáticos por visuales que respiran con la música
🔗 Relacionado
- Apila Presets en la práctica → 🎨 Presets
- Aprende a controlar los Decks → 🎱 Deck A/B
- Ponle audio y revisa la reacción → 🔊 Entrada de audio
- Revisa la terminología → 📖 Glosario
- Busca solo los controles → 📋 Referencia rápida