valtech-components 4.0.420 → 4.0.422

package/fesm2022/valtech-components.mjs

@@ -58,7 +58,7 @@ import fixWebmDuration from 'fix-webm-duration';
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-const VERSION = '4.0.420';
+const VERSION = '4.0.422';
 
 // Control de estado de refresco (singleton a nivel de módulo)
 let isRefreshing = false;
@@ -63203,6 +63203,9 @@ class RetroAudioService {
     async startGameMusic() {
         await this.startMusic('game');
     }
+    async startBubbleBlitzMusic() {
+        await this.startMusic('bubble');
+    }
     async startMusic(mode = 'game') {
         if (!this.canPlayMusic())
             return;
@@ -63217,17 +63220,19 @@ class RetroAudioService {
         this.fadeMasterTo(1, 0.24);
         this.activeMelody = mode;
         this.noteIndex = 0;
-        const melody = mode === 'menu' ? this.menuMelody() : this.gameMelody();
-        const intervalMs = mode === 'menu' ? 640 : 190;
-        const wave = mode === 'menu' ? 'triangle' : 'square';
-        const gain = mode === 'menu' ? 0.018 : 0.025;
+        const melody = mode === 'menu' ? this.menuMelody() : mode === 'bubble' ? this.bubbleMelody() : this.gameMelody();
+        const intervalMs = mode === 'menu' ? 640 : mode === 'bubble' ? 760 : 190;
+        const wave = mode === 'game' ? 'square' : 'triangle';
+        const gain = mode === 'menu' ? 0.018 : mode === 'bubble' ? 0.014 : 0.025;
         this.musicTimer = window.setInterval(() => {
             const step = this.noteIndex;
             const [freq, duration] = melody[this.noteIndex % melody.length];
             this.noteIndex += 1;
-            this.tone(freq, duration, wave, gain);
+            void this.musicTone(freq, duration, wave, gain);
             if (mode === 'menu')
                 this.savannaPulse(step);
+            if (mode === 'bubble')
+                this.bubbleAmbientPulse(step);
         }, intervalMs);
     }
     stopMusic() {
@@ -63304,6 +63309,62 @@ class RetroAudioService {
             [146.83, 0.18],
         ]);
     }
+    bubblePop(size = 2, combo = 1) {
+        const safeSize = Math.max(2, Math.min(12, Math.round(size)));
+        const safeCombo = Math.max(1, Math.min(9, Math.round(combo)));
+        const base = 520 + safeSize * 18;
+        void this.filteredNoise(0.065, 0.018 + safeSize * 0.0018, 'bandpass', 1200 + safeSize * 85);
+        void this.sweep(base, base * 1.9, 0.09, 'sine', 0.026 + safeSize * 0.0014);
+        window.setTimeout(() => void this.tone(base * 1.25, 0.055, 'triangle', 0.018), 38);
+        if (safeSize >= 5 || safeCombo > 1) {
+            window.setTimeout(() => void this.bubbleCombo(safeCombo), 82);
+        }
+    }
+    bubbleCombo(combo = 1) {
+        const safeCombo = Math.max(1, Math.min(9, Math.round(combo)));
+        const root = 660 + safeCombo * 26;
+        void this.sequence([
+            [root, 0.045],
+            [root * 1.25, 0.055],
+            [root * 1.5, 0.07],
+        ], 'triangle', 0.024 + safeCombo * 0.0016, 42);
+    }
+    bubbleInvalid() {
+        void this.sequence([
+            [246.94, 0.055],
+            [196, 0.085],
+        ], 'sine', 0.034, 54);
+    }
+    bubbleSettle(drop = 1) {
+        const safeDrop = Math.max(1, Math.min(9, Math.round(drop)));
+        void this.filteredNoise(0.055, 0.009 + safeDrop * 0.001, 'lowpass', 360 + safeDrop * 28);
+        void this.tone(164.81 + safeDrop * 8, 0.045, 'triangle', 0.012);
+    }
+    bubbleShuffle() {
+        void this.sequence([
+            [392, 0.04],
+            [523.25, 0.04],
+            [659.25, 0.05],
+            [783.99, 0.07],
+        ], 'sine', 0.024, 38);
+        window.setTimeout(() => void this.filteredNoise(0.16, 0.018, 'bandpass', 950), 28);
+    }
+    bubbleFever() {
+        void this.sweep(392, 1567.98, 0.24, 'triangle', 0.034);
+        window.setTimeout(() => void this.sequence([[987.77, 0.055], [1318.51, 0.085]], 'sine', 0.025, 48), 128);
+        window.setTimeout(() => void this.filteredNoise(0.12, 0.014, 'highpass', 2400), 72);
+    }
+    bubbleFinish() {
+        this.stopMusic();
+        void this.sequence([
+            [523.25, 0.07],
+            [659.25, 0.07],
+            [783.99, 0.08],
+            [1046.5, 0.13],
+            [1318.51, 0.18],
+        ], 'triangle', 0.042, 62);
+        window.setTimeout(() => void this.filteredNoise(0.18, 0.016, 'bandpass', 1800), 110);
+    }
     chessimalsMove() {
         void this.sequence([
             [392, 0.045],
@@ -63639,6 +63700,33 @@ class RetroAudioService {
             [659.25, 0.18],
         ];
     }
+    bubbleMelody() {
+        return [
+            [261.63, 0.72],
+            [0, 0.18],
+            [329.63, 0.66],
+            [392, 0.78],
+            [0, 0.24],
+            [349.23, 0.64],
+            [293.66, 0.72],
+            [0, 0.28],
+            [440, 0.84],
+            [392, 0.7],
+            [329.63, 0.78],
+            [0, 0.32],
+        ];
+    }
+    bubbleAmbientPulse(step) {
+        if (step % 4 === 0) {
+            window.setTimeout(() => void this.musicTone(130.81, 1.35, 'sine', 0.009), 24);
+        }
+        if (step % 6 === 2) {
+            window.setTimeout(() => void this.musicTone(196, 0.95, 'triangle', 0.008), 120);
+        }
+        if (step % 8 === 5) {
+            window.setTimeout(() => void this.musicTone(523.25, 0.42, 'sine', 0.006), 180);
+        }
+    }
     async sequence(notes, wave = 'square', gain = 0.055, intervalMs = 90) {
         if (!this.enabled())
             return;
@@ -63758,6 +63846,25 @@ class RetroAudioService {
         oscillator.start();
         oscillator.stop(ctx.currentTime + duration + 0.02);
     }
+    async musicTone(freq, duration = 0.1, type = 'triangle', gainValue = 0.018) {
+        if (!this.canPlayMusic())
+            return;
+        if (freq <= 0)
+            return;
+        const ctx = await this.wakeAudio();
+        const oscillator = ctx.createOscillator();
+        const gain = ctx.createGain();
+        oscillator.type = type;
+        oscillator.frequency.value = freq;
+        gain.gain.setValueAtTime(0.0001, ctx.currentTime);
+        gain.gain.exponentialRampToValueAtTime(gainValue * this.musicVolume(), ctx.currentTime + 0.08);
+        gain.gain.setTargetAtTime(gainValue * this.musicVolume() * 0.74, ctx.currentTime + 0.12, 0.2);
+        gain.gain.exponentialRampToValueAtTime(0.0001, ctx.currentTime + duration);
+        oscillator.connect(gain);
+        gain.connect(this.masterGain ?? ctx.destination);
+        oscillator.start();
+        oscillator.stop(ctx.currentTime + duration + 0.08);
+    }
     async sweep(fromFreq, toFreq, duration = 0.16, type = 'triangle', gainValue = 0.03) {
         if (!this.canPlaySfx())
             return;
@@ -67711,7 +67818,7 @@ class BubbleBlitzGameComponent {
         this.selectedGroupKey.set('');
         this.animating.set(false);
         this.clearAnimationTimer();
-        void this.audio.startGameMusic().catch(() => undefined);
+        void this.audio.startBubbleBlitzMusic().catch(() => undefined);
         this.startTimer();
     }
     resetToSetup() {
@@ -67731,7 +67838,7 @@ class BubbleBlitzGameComponent {
         this.selectedGroupKey.set(group.map((item) => item.id).sort().join('|'));
         if (group.length < 2) {
             this.combo.set(1);
-            this.audio.miss();
+            this.audio.bubbleInvalid();
             return;
         }
         this.animating.set(true);
@@ -67741,22 +67848,27 @@ class BubbleBlitzGameComponent {
         const points = group.length * group.length * this.combo() * feverMultiplier;
         this.score.update((value) => value + points);
         this.popped.update((value) => value + group.length);
-        this.fever.set(this.feverReady() ? 0 : Math.min(this.config().feverTarget, this.fever() + group.length));
+        const feverWasReady = this.feverReady();
+        this.fever.set(feverWasReady ? 0 : Math.min(this.config().feverTarget, this.fever() + group.length));
         this.combo.update((value) => {
             const next = Math.min(9, group.length >= 5 ? value + 1 : value);
             this.maxCombo.update((best) => Math.max(best, next));
             return next;
         });
-        this.audio.match();
+        this.audio.bubblePop(group.length, this.combo());
+        if (!feverWasReady && this.feverReady()) {
+            window.setTimeout(() => this.audio.bubbleFever(), 100);
+        }
         this.clearAnimationTimer();
         this.animationTimer = window.setTimeout(() => {
             const settled = this.refillBoard(this.grid().filter((item) => !groupIds.has(item.id)));
             this.grid.set(settled);
+            this.audio.bubbleSettle(Math.max(1, ...settled.map((item) => item.drop ?? 0)));
             this.animationTimer = window.setTimeout(() => {
                 if (!this.hasPlayableGroup(this.grid())) {
                     this.grid.set(this.createBoard().map((item) => ({ ...item, state: 'entering', drop: this.config().rows })));
                     this.combo.set(1);
-                    this.audio.flip();
+                    this.audio.bubbleShuffle();
                     this.animationTimer = window.setTimeout(() => this.finishAnimation(), BUBBLE_SETTLE_MS);
                     return;
                 }
@@ -67849,7 +67961,7 @@ class BubbleBlitzGameComponent {
         this.stopTimer();
         this.phase.set('finished');
         this.saveScore();
-        this.audio.win();
+        this.audio.bubbleFinish();
     }
     createBoard() {
         const cells = [];