← Volver

🎮 Adaptive Music Engine

Web Audio API + Phaser 3

Demo interactiva — Mini RPG

Iniciar música adaptativa Muévete por el mapa · la música cambia en cada zona

← → ↑ ↓ o WASD para moverse · Entra en las zonas coloreadas para cambiar el estado musical

Estado musical actual

Inicia el juego para comenzar
BPM
TONALIDAD
MOOD

Layer Mixer (en tiempo real)

🎸 Bass
0%
🎹 Melody
0%
⚔️ Combat
0%
🎻 Strings
0%

Forzar estado (API demo)

API del SDK

// Tone.js 15 + src/adaptive-engine.js del repo const engine = new AdaptiveEngine(); await engine.init(); engine.setState('combat'); // crossfade al próximo compás engine.onLayers = (estado, cfg) => { /* tu UI */ };

Stack técnico

Web Audio API Phaser 3.80 TypeScript 5.4 strict Tone.js 15 tsup (ESM+CJS) Vertical Layering Beat-aware transitions GitHub →