Upload folder using huggingface_hub

MusicManager.js

@@ -5,6 +5,18 @@ export class MusicManager {
         this.isStarted = false;
         this._panicMuted = false;
         this.analyser = null;
+        this.currentStyleLabel = '';
+        this._handFists = [false, false]; // Track fist state per hand
+        this._doubleFistSent = false;     // Prevent repeat sends
+
+        // Spacebar listener at document level — captures regardless of focus
+        document.addEventListener('keydown', (e) => {
+            if (e.code === 'Space' || e.key === ' ') {
+                e.preventDefault();
+                e.stopPropagation();
+                this.panic();
+            }
+        }, true); // useCapture=true to catch before anything else
 
         // Gesture state accumulator (sent to backend)
         this._gestureState = {
@@ -125,6 +137,9 @@ export class MusicManager {
                         console.log('[Lyria] Backend session ready');
                     } else if (msg.type === 'fallback') {
                         this._setFallbackIndicator(msg.active);
+                        if (msg.style) {
+                            this.currentStyleLabel = msg.style;
+                        }
                     }
                 } catch (e) {
                     console.warn('[Lyria] Unparseable message:', event.data.substring(0, 50));
@@ -273,10 +288,31 @@ export class MusicManager {
     }
 
     cycleSynth() {
+        // Synth hand made a fist
+        this._handFists[0] = true;
+        this._checkDoubleFist();
         this.currentSynthIndex = (this.currentSynthIndex + 1) % this.padPresets.length;
         this._gestureState.fistGesture = true;
         this._sendGestureState();
-        console.log(`[Lyria] Preset: ${this.padPresets[this.currentSynthIndex].name}`);
+        // Reset fist state after a short window
+        setTimeout(() => { this._handFists[0] = false; this._doubleFistSent = false; }, 1000);
+    }
+
+    setDrumHandFist(isFist) {
+        // Called when drum hand makes/releases a fist
+        this._handFists[1] = isFist;
+        if (isFist) this._checkDoubleFist();
+        if (!isFist) this._doubleFistSent = false;
+    }
+
+    _checkDoubleFist() {
+        if (this._handFists[0] && this._handFists[1] && !this._doubleFistSent) {
+            this._doubleFistSent = true;
+            console.log('[Lyria] DOUBLE FIST — BASS DROP!');
+            if (this._wsReady) {
+                this._ws.send(JSON.stringify({ type: 'bassdrop' }));
+            }
+        }
     }
 
     panic() {

backend/server.py

@@ -162,10 +162,16 @@ async def websocket_endpoint(websocket: WebSocket):
                             prompt_text = await interpreter.interpret(_gd, force_new_direction=_im)
                             if prompt_text:
                                 await lyria.update_prompts(prompt_text)
+                                # Extract top prompt as style label
+                                style = max(prompt_text, key=lambda p: p.get("weight", 0))
+                                style_label = style["text"][:30]
+                            else:
+                                style_label = ""
                             try:
                                 await websocket.send_json({
                                     "type": "fallback",
-                                    "active": interpreter.using_fallback
+                                    "active": interpreter.using_fallback,
+                                    "style": style_label
                                 })
                             except Exception:
                                 pass
@@ -195,6 +201,29 @@ async def websocket_endpoint(websocket: WebSocket):
                 last_qwen_time = 0  # allow immediate Qwen update on resume
                 print("[Server] RESUMED")
 
+            elif msg["type"] == "bassdrop":
+                # Double fist = EPIC BASS DROP
+                print("[Server] BASS DROP!")
+                await lyria.update_prompts([
+                    {"text": "massive epic bass drop impact", "weight": 3.0},
+                    {"text": "sub-bass earthquake explosion", "weight": 2.5},
+                ])
+                await lyria.update_config({"density": 0.95, "brightness": 0.3})
+                # Revert after 5 seconds
+                async def _revert_drop():
+                    import asyncio
+                    await asyncio.sleep(5)
+                    # Restore to current gesture-based state
+                    if current_gesture_state:
+                        cfg = _map_gesture_to_lyria_config(current_gesture_state)
+                        await lyria.update_config(cfg)
+                        prompt_text = await interpreter.interpret(
+                            current_gesture_state, force_new_direction=True
+                        )
+                        if prompt_text:
+                            await lyria.update_prompts(prompt_text)
+                asyncio.create_task(_revert_drop())
+
             elif msg["type"] == "hands_lost":
                 # All hands gone — fade out
                 await lyria.update_config({"density": 0.05, "brightness": 0.2})

game.js

@@ -971,6 +971,11 @@ export var Game = /*#__PURE__*/ function() {
                                 } else if (isDrumHand) {
                                     var fingerStates = _this1._getFingerStates(smoothedLandmarks);
                                     if (playerIndex === 0) drumManager.updateActiveDrums(fingerStates);
+                                    // Detect fist on drum hand for double-fist bass drop
+                                    var drumIsFist = _this1._isFist(smoothedLandmarks);
+                                    if (_this1.musicManager.setDrumHandFist) {
+                                        _this1.musicManager.setDrumHandFist(drumIsFist);
+                                    }
                                     _this1._updateHandLines(i, smoothedLandmarks, videoParams, canvasWidth, canvasHeight, {
                                         fingerStates: fingerStates
                                     });
@@ -1505,9 +1510,10 @@ export var Game = /*#__PURE__*/ function() {
                             });
                             volumeLabel.position.set(midPoint.x, midPoint.y - 20, 2);
                             lineGroup.add(volumeLabel);
-                            // Pitch label above wrist
-                            var pitchLabel = this._createTextSprite(note, {
-                                fontsize: 20,
+                            // Style label above wrist (from Lyria/Qwen)
+                            var styleText = (this.musicManager.currentStyleLabel || note).toUpperCase();
+                            var pitchLabel = this._createTextSprite(styleText, {
+                                fontsize: 16,
                                 backgroundColor: this.labelColors.evaGreen,
                                 textColor: this.labelColors.black
                             });

index.html

@@ -44,18 +44,20 @@
             </div>
 
             <div id="controls-hint" class="hidden">
-                <div class="hint-title">HYPERSPACE JAM</div>
+                <div class="hint-title">HYPERSPACE JAM — LYRIA AI</div>
                 <div class="hint-grid">
-                    <span class="hint-icon">↕️</span><span class="hint-desc">Hand high = bright · Hand low = DEEP bass</span>
-                    <span class="hint-icon">👌</span><span class="hint-desc">Pinch thumb+index = volume</span>
-                    <span class="hint-icon">🖐️</span><span class="hint-desc">Extend fingers = play chord notes</span>
-                    <span class="hint-icon">✊</span><span class="hint-desc">Make fist = cycle synth sound</span>
-                    <span class="hint-icon">🤲</span><span class="hint-desc">Tilt wrist = filter sweep + detune</span>
-                    <span class="hint-icon">🤚</span><span class="hint-desc">2nd hand = kick · hihat · clap (distance = tempo)</span>
-                    <span class="hint-icon">📏</span><span class="hint-desc">Spread fingers wide = wobble bass</span>
-                    <span class="hint-icon">👆</span><span class="hint-desc">Touch fingertips together = sparkle sounds</span>
+                    <span class="hint-icon">↕️</span><span class="hint-desc">Hand HIGH = ambient/shoegaze · LOW = DnB/dubstep</span>
+                    <span class="hint-icon">🖐️</span><span class="hint-desc">Spread wide = dense layers · Closed = minimal</span>
+                    <span class="hint-icon">👌</span><span class="hint-desc">Pinch thumb+index = intensity</span>
+                    <span class="hint-icon">👍</span><span class="hint-desc">Thumb = melody · Index = arp · Middle = bass</span>
+                    <span class="hint-icon">🤟</span><span class="hint-desc">Ring = percussion · Pinky = texture/atmosphere</span>
+                    <span class="hint-icon">🤲</span><span class="hint-desc">Tilt wrist = filter sweep + dissonance</span>
+                    <span class="hint-icon">🤚</span><span class="hint-desc">2nd hand = drums + BPM control</span>
+                    <span class="hint-icon">⬜</span><span class="hint-desc">Both hands shape = sub-bass drone</span>
+                    <span class="hint-icon">✊✊</span><span class="hint-desc">Both fists = EPIC BASS DROP</span>
+                    <span class="hint-icon">🧘</span><span class="hint-desc">Hold still = lock the groove</span>
                 </div>
-                <div class="hint-fade">spacebar = panic stop · D = toggle displacement</div>
+                <div class="hint-fade">SPACE = pause/resume · D = displacement · ? = this menu</div>
             </div>
 
         </div>