Feature: configurable toggle for music console and count of guests

party-stage/src/scene/config-ui.js

@@ -114,9 +114,43 @@ export class ConfigUI extends SceneFeature {
         // Side Screens Toggle
         createToggle('Side Screens', 'sideScreensEnabled');
 
+        // Music Console Toggle
+        createToggle('Music Console', 'consoleEnabled', (enabled) => {
+            const consoleFeature = sceneFeatureManager.features.find(f => f.constructor.name === 'MusicConsole');
+            if (consoleFeature && consoleFeature.group) consoleFeature.group.visible = enabled;
+        });
+
         // Console RGB Toggle
         createToggle('Console RGB Panel', 'consoleRGBEnabled');
 
+        // Guest Count Input
+        const guestRow = document.createElement('div');
+        guestRow.style.display = 'flex';
+        guestRow.style.alignItems = 'center';
+        guestRow.style.justifyContent = 'space-between';
+        
+        const guestLabel = document.createElement('label');
+        guestLabel.innerText = 'Guest Count';
+        
+        const guestInput = document.createElement('input');
+        guestInput.type = 'number';
+        guestInput.min = '0';
+        guestInput.max = '500';
+        guestInput.value = state.config.guestCount;
+        guestInput.style.width = '60px';
+        guestInput.onchange = (e) => {
+            const val = parseInt(e.target.value, 10);
+            state.config.guestCount = val;
+            saveConfig();
+            const guestsFeature = sceneFeatureManager.features.find(f => f.constructor.name === 'PartyGuests');
+            if (guestsFeature) guestsFeature.setGuestCount(val);
+        };
+        this.guestInput = guestInput;
+
+        guestRow.appendChild(guestLabel);
+        guestRow.appendChild(guestInput);
+        rightContainer.appendChild(guestRow);
+
         // DJ Hat Selector
         const hatRow = document.createElement('div');
         hatRow.style.display = 'flex';
@@ -323,6 +357,8 @@ export class ConfigUI extends SceneFeature {
                 lasersEnabled: true,
                 sideScreensEnabled: true,
                 consoleRGBEnabled: true,
+                consoleEnabled: true,
+                guestCount: 150,
                 djHat: 'None'
             };
             for (const key in defaults) {
@@ -332,6 +368,7 @@ export class ConfigUI extends SceneFeature {
                     if (this.toggles[key].callback) this.toggles[key].callback(defaults[key]);
                 }
             }
+            if (this.guestInput) this.guestInput.value = defaults.guestCount;
             if (this.hatSelect) this.hatSelect.value = defaults.djHat;
             this.updateStatus();
         };

party-stage/src/scene/dj.js

@@ -164,7 +164,7 @@ export class DJ extends SceneFeature {
         if (this.armTimer <= 0) {
             this.armState = Math.floor(Math.random() * 5);
             this.armTimer = 2 + Math.random() * 4;
-            if (Math.random() < 0.3) this.armState = 4; // Twiddling some more
+            if (Math.random() < 0.3 && state.config.consoleEnabled) this.armState = 4; // Twiddling some more
         }
 
         const upAngle = Math.PI * 0.85;
@@ -176,7 +176,7 @@ export class DJ extends SceneFeature {
         let targetLeftX = 0;
         let targetRightX = 0;
 
-        if (this.armState === 4) {
+        if (this.armState === 4 && state.config.consoleEnabled) {
             // Twiddling
             targetLeftZ = 0.2;
             targetRightZ = 0.2;
@@ -192,7 +192,7 @@ export class DJ extends SceneFeature {
         this.currentLeftAngleX = THREE.MathUtils.lerp(this.currentLeftAngleX, targetLeftX, deltaTime * 5);
         this.currentRightAngleX = THREE.MathUtils.lerp(this.currentRightAngleX, targetRightX, deltaTime * 5);
 
-        if (this.armState === 4) {
+        if (this.armState === 4 && state.config.consoleEnabled) {
             const t = time * 15;
             this.leftArm.rotation.z = -this.currentLeftAngle + Math.cos(t) * 0.05;
             this.rightArm.rotation.z = this.currentRightAngle + Math.sin(t) * 0.05;
@@ -215,7 +215,8 @@ export class DJ extends SceneFeature {
             this.moveTimer -= deltaTime;
             if (this.moveTimer <= 0) {
                 this.state = 'MOVING';
-                this.targetX = (Math.random() - 0.5) * 2.5; 
+                const range = state.config.consoleEnabled ? 2.5 : 10.0;
+                this.targetX = (Math.random() - 0.5) * range; 
             }
         } else if (this.state === 'MOVING') {
             const speed = 1.5;

party-stage/src/scene/music-console.js

@@ -21,6 +21,8 @@ export class MusicConsole extends SceneFeature {
         // Position on stage, centered
         group.position.set(0, stageY, -16.5); 
         state.scene.add(group);
+        this.group = group;
+        this.group.visible = state.config.consoleEnabled;
 
         // 1. The Stand/Table Body
         const standGeo = new THREE.BoxGeometry(consoleWidth, consoleHeight, consoleDepth);

party-stage/src/scene/party-guests.js

@@ -7,7 +7,6 @@ import sceneFeatureManager from './SceneFeatureManager.js';
 const stageHeight = 1.5;
 const stageDepth = 5;
 const length = 25;
-const numGuests = 150;
 const moveSpeed = 0.8;
 const movementArea = { x: 15, z: length, y: 0, centerZ: -2 };
 const jumpChance = 0.01;
@@ -25,6 +24,7 @@ export class PartyGuests extends SceneFeature {
     constructor() {
         super();
         this.guests = [];
+        this.guestPool = []; // Store all created guests to reuse them
         sceneFeatureManager.register(this);
     }
 
@@ -37,8 +37,13 @@ export class PartyGuests extends SceneFeature {
         // Arm: Ellipsoid (Scaled Sphere)
         const armGeo = new THREE.SphereGeometry(0.12, 16, 16);
         
-        const createGuests = () => {
+        this.geometries = { bodyGeo, headGeo, armGeo };
-            for (let i = 0; i < numGuests; i++) {
+
+        // Initialize with config count
+        this.setGuestCount(state.config.guestCount);
+    }
+
+    createGuest() {
         // Random Color
         // Dark gray-blue shades
         const color = new THREE.Color().setHSL(
@@ -58,15 +63,15 @@ export class PartyGuests extends SceneFeature {
         group.scale.setScalar(scale);
 
         // Body
-                const body = new THREE.Mesh(bodyGeo, material);
+        const body = new THREE.Mesh(this.geometries.bodyGeo, material);
-                body.position.y = 0.7; // Center of capsule (0.8 length + 0.3*2 radius = 1.4 total height. Center at 0.7)
+        body.position.y = 0.7; 
         body.castShadow = true;
         body.receiveShadow = true;
         group.add(body);
 
         // Head
-                const head = new THREE.Mesh(headGeo, material);
+        const head = new THREE.Mesh(this.geometries.headGeo, material);
-                head.position.y = 1.55; // Top of body
+        head.position.y = 1.55; 
         head.castShadow = true;
         head.receiveShadow = true;
         group.add(head);
@@ -77,7 +82,7 @@ export class PartyGuests extends SceneFeature {
             // Shoulder position
             pivot.position.set(isLeft ? -0.35 : 0.35, 1.3, 0);
             
-                    const arm = new THREE.Mesh(armGeo, material);
+            const arm = new THREE.Mesh(this.geometries.armGeo, material);
             arm.scale.set(1, 3.5, 1); // Ellipsoid
             arm.position.y = -0.4; // Hang down from pivot
             arm.castShadow = true;
@@ -106,14 +111,14 @@ export class PartyGuests extends SceneFeature {
         group.visible = false;
         state.scene.add(group);
 
-                this.guests.push({
+        return {
             mesh: group,
             leftArm,
             rightArm,
             state: 'WAITING',
             targetPosition: pos.clone(),
             waitStartTime: 0,
-                    waitTime: 3 + Math.random() * 4, // Wait longer: 3-7 seconds
+            waitTime: 3 + Math.random() * 4, 
             isJumping: false,
             jumpStartTime: 0,
             jumpHeight: 0,
@@ -121,11 +126,25 @@ export class PartyGuests extends SceneFeature {
             handsUpTimer: 0,
             handsRaisedType: 'BOTH',
             randomOffset: Math.random() * 100
-                });
-            }
         };
+    }
 
-        createGuests();
+    setGuestCount(count) {
+        // Ensure we have enough guests in the pool
+        while (this.guestPool.length < count) {
+            this.guestPool.push(this.createGuest());
+        }
+
+        // Update visibility and active list
+        this.guests = [];
+        this.guestPool.forEach((guest, index) => {
+            if (index < count) {
+                guest.mesh.visible = state.partyStarted; // Only visible if party started
+                this.guests.push(guest);
+            } else {
+                guest.mesh.visible = false;
+            }
+        });
     }
 
     update(deltaTime) {
@@ -280,7 +299,7 @@ export class PartyGuests extends SceneFeature {
     onPartyStart() {
         const stageFrontZ = -40 / 2 + 5 + 5; // In front of the stage
         this.guests.forEach((guestObj, index) => {
-            guestObj.mesh.visible = true;
+            guestObj.mesh.visible = true; // Make sure active guests are visible
             // Rush to the stage
             guestObj.state = 'MOVING';
             if (index % 2 === 0) {

party-stage/src/state.js

@@ -8,6 +8,8 @@ export function initState() {
         lasersEnabled: true,
         sideScreensEnabled: true,
         consoleRGBEnabled: true,
+        consoleEnabled: true,
+        guestCount: 150,
         djHat: 'None' // 'None', 'Santa', 'Top Hat'
     };
     try {