@directivegames/genesys.js 3.1.24 → 3.1.25

package/games/examples/fps-advanced/ui/weapon-hud.ts

@@ -1,254 +1,254 @@
-import { UI_CONFIG } from '../const.js';
-
-import type { WeaponComponent } from '../weapons.js';
-import type * as ENGINE from 'genesys.js';
-
-
-
-// ============================================================================
-// WEAPON HUD COMPONENT
-// ============================================================================
-
-export interface WeaponHUDOptions {
-  position?: 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
-}
-
-export class WeaponInfoHUD {
-  private uiManager: ENGINE.UIManager;
-  private weaponInfoContainer: ENGINE.UIElement | null = null;
-  private weaponNameElement: ENGINE.UIElement | null = null;
-  private ammoCounterElement: ENGINE.UIElement | null = null;
-  private firingModeElement: ENGINE.UIElement | null = null;
-  private reloadIndicatorElement: ENGINE.UIElement | null = null;
-
-  private currentWeapon: WeaponComponent | null = null;
-  private updateInterval: number | null = null;
-
-  constructor(uiManager: ENGINE.UIManager, options: WeaponHUDOptions = {}) {
-    this.uiManager = uiManager;
-    this.createHUD(options);
-    this.startUpdateLoop();
-  }
-
-  private createHUD(options: WeaponHUDOptions): void {
-    const position = options.position ?? 'bottom-right';
-
-    // Create main container
-    this.weaponInfoContainer = this.uiManager.createElement('weapon-hud-container', {
-      tag: 'div',
-      style: {
-        position: 'absolute',
-        padding: '15px',
-        backgroundColor: 'rgba(0, 0, 0, 0.7)',
-        borderRadius: '8px',
-        color: 'white',
-        fontFamily: 'Arial, sans-serif',
-        fontSize: '14px',
-        minWidth: '200px',
-        border: '2px solid rgba(255, 255, 255, 0.3)',
-        boxShadow: '0 4px 8px rgba(0, 0, 0, 0.5)',
-        zIndex: '1000',
-        ...this.getPositionStyles(position)
-      }
-    });
-
-    // Create weapon name element
-    this.weaponNameElement = this.uiManager.createElement('weapon-name', {
-      tag: 'div',
-      textContent: 'No Weapon',
-      style: {
-        fontSize: '16px',
-        fontWeight: 'bold',
-        marginBottom: '8px',
-        color: '#ffd700',
-        textTransform: 'uppercase',
-        letterSpacing: '1px'
-      }
-    });
-
-    // Create ammo counter element
-    this.ammoCounterElement = this.uiManager.createElement('ammo-counter', {
-      tag: 'div',
-      textContent: '-- / --',
-      style: {
-        fontSize: '18px',
-        fontWeight: 'bold',
-        marginBottom: '4px',
-        color: '#00ff00'
-      }
-    });
-
-    // Create firing mode element
-    this.firingModeElement = this.uiManager.createElement('firing-mode', {
-      tag: 'div',
-      textContent: 'SEMI',
-      style: {
-        fontSize: '12px',
-        marginBottom: '4px',
-        color: '#cccccc',
-        textTransform: 'uppercase'
-      }
-    });
-
-    // Create reload indicator element
-    this.reloadIndicatorElement = this.uiManager.createElement('reload-indicator', {
-      tag: 'div',
-      textContent: '',
-      style: {
-        fontSize: '12px',
-        color: '#ff6600',
-        fontWeight: 'bold',
-        display: 'none'
-      }
-    });
-
-    // Add all elements to container
-    this.weaponNameElement.appendTo(this.weaponInfoContainer);
-    this.ammoCounterElement.appendTo(this.weaponInfoContainer);
-    this.firingModeElement.appendTo(this.weaponInfoContainer);
-    this.reloadIndicatorElement.appendTo(this.weaponInfoContainer);
-  }
-
-  private getPositionStyles(position: string): Record<string, string> {
-    switch (position) {
-      case 'top-left':
-        return { top: '20px', left: '20px' };
-      case 'top-center':
-        return { top: '20px', left: '50%', transform: 'translateX(-50%)' };
-      case 'top-right':
-        return { top: '20px', right: '20px' };
-      case 'bottom-left':
-        return { bottom: '20px', left: '20px' };
-      case 'bottom-center':
-        return { bottom: '20px', left: '50%', transform: 'translateX(-50%)' };
-      case 'bottom-right':
-      default:
-        return { bottom: '20px', right: '20px' };
-    }
-  }
-
-  public setWeapon(weapon: WeaponComponent | null): void {
-    this.currentWeapon = weapon;
-    this.updateDisplay();
-  }
-
-  private startUpdateLoop(): void {
-    // Update every 100ms to keep info current
-    this.updateInterval = window.setInterval(() => {
-      this.updateDisplay();
-    }, UI_CONFIG.AMMO_UPDATE_INTERVAL);
-  }
-
-  private updateDisplay(): void {
-    if (!this.currentWeapon) {
-      this.weaponNameElement?.setText('No Weapon');
-      this.ammoCounterElement?.setText('-- / --');
-      this.firingModeElement?.setText('--');
-      this.reloadIndicatorElement?.hide();
-      return;
-    }
-
-    // Update weapon name
-    const weaponName = this.getWeaponName(this.currentWeapon);
-    this.weaponNameElement?.setText(weaponName);
-
-    // Update ammo counter
-    const currentAmmo = this.getCurrentAmmo(this.currentWeapon);
-    const maxAmmo = this.getMaxAmmo(this.currentWeapon);
-
-    if (maxAmmo > 0) {
-      this.ammoCounterElement?.setText(`${currentAmmo} / ${maxAmmo}`);
-
-      // Color-code ammo based on amount
-      if (currentAmmo === 0) {
-        this.ammoCounterElement?.setStyle('color', '#ff0000'); // Red for empty
-      } else if (currentAmmo <= maxAmmo * 0.2) {
-        this.ammoCounterElement?.setStyle('color', '#ffaa00'); // Orange for low
-      } else {
-        this.ammoCounterElement?.setStyle('color', '#00ff00'); // Green for normal
-      }
-    } else {
-      this.ammoCounterElement?.setText('∞');
-      this.ammoCounterElement?.setStyle('color', '#00ff00');
-    }
-
-    // Update firing mode
-    const firingMode = this.getFiringMode(this.currentWeapon);
-    this.firingModeElement?.setText(firingMode);
-
-    // Update reload indicator
-    if (this.isReloading(this.currentWeapon)) {
-      this.reloadIndicatorElement?.setText('RELOADING...');
-      this.reloadIndicatorElement?.show();
-    } else {
-      this.reloadIndicatorElement?.hide();
-    }
-  }
-
-  private getWeaponName(weapon: WeaponComponent): string {
-    const className = weapon.constructor.name;
-
-    // Extract weapon name from class name
-    if (className.includes('SniperRifle')) return 'Sniper Rifle';
-    if (className.includes('SMG')) return 'SMG';
-    if (className.includes('Shotgun')) return 'Shotgun';
-
-    // Fallback: clean up class name
-    return className.replace(/^AdvancedWeapon_/, '').replace(/([A-Z])/g, ' $1').trim();
-  }
-
-  private getCurrentAmmo(weapon: WeaponComponent): number {
-    // Try to get current ammo using the standard method
-    if ('getCurrentAmmo' in weapon && typeof weapon.getCurrentAmmo === 'function') {
-      return weapon.getCurrentAmmo();
-    }
-    return 0;
-  }
-
-  private getMaxAmmo(weapon: WeaponComponent): number {
-    // Try to get max ammo using the standard method
-    if ('getMaxAmmo' in weapon && typeof weapon.getMaxAmmo === 'function') {
-      return weapon.getMaxAmmo();
-    }
-    return 0;
-  }
-
-  private getFiringMode(weapon: WeaponComponent): string {
-    // Check if weapon has single fire mode information
-    if ('options' in weapon && weapon.options && typeof weapon.options === 'object') {
-      const options = weapon.options as any;
-      if ('isSingleFire' in options) {
-        return options.isSingleFire ? 'SEMI' : 'AUTO';
-      }
-    }
-    return 'AUTO'; // Default assumption
-  }
-
-  private isReloading(weapon: WeaponComponent): boolean {
-    // Since isReloading is protected, we can't access it directly
-    // For now, return false as a safe default
-    // In a real implementation, you might add a public method to get reload status
-    return false;
-  }
-
-  public destroy(): void {
-    if (this.updateInterval) {
-      window.clearInterval(this.updateInterval);
-      this.updateInterval = null;
-    }
-
-    // UIElement uses remove() method instead of destroy()
-    this.weaponInfoContainer?.remove();
-    this.weaponNameElement?.remove();
-    this.ammoCounterElement?.remove();
-    this.firingModeElement?.remove();
-    this.reloadIndicatorElement?.remove();
-
-    this.weaponInfoContainer = null;
-    this.weaponNameElement = null;
-    this.ammoCounterElement = null;
-    this.firingModeElement = null;
-    this.reloadIndicatorElement = null;
-    this.currentWeapon = null;
-  }
+import { UI_CONFIG } from '../const.js';
+
+import type { WeaponComponent } from '../weapons.js';
+import type * as ENGINE from '@directivegames/genesys.js';
+
+
+
+// ============================================================================
+// WEAPON HUD COMPONENT
+// ============================================================================
+
+export interface WeaponHUDOptions {
+  position?: 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+}
+
+export class WeaponInfoHUD {
+  private uiManager: ENGINE.UIManager;
+  private weaponInfoContainer: ENGINE.UIElement | null = null;
+  private weaponNameElement: ENGINE.UIElement | null = null;
+  private ammoCounterElement: ENGINE.UIElement | null = null;
+  private firingModeElement: ENGINE.UIElement | null = null;
+  private reloadIndicatorElement: ENGINE.UIElement | null = null;
+
+  private currentWeapon: WeaponComponent | null = null;
+  private updateInterval: number | null = null;
+
+  constructor(uiManager: ENGINE.UIManager, options: WeaponHUDOptions = {}) {
+    this.uiManager = uiManager;
+    this.createHUD(options);
+    this.startUpdateLoop();
+  }
+
+  private createHUD(options: WeaponHUDOptions): void {
+    const position = options.position ?? 'bottom-right';
+
+    // Create main container
+    this.weaponInfoContainer = this.uiManager.createElement('weapon-hud-container', {
+      tag: 'div',
+      style: {
+        position: 'absolute',
+        padding: '15px',
+        backgroundColor: 'rgba(0, 0, 0, 0.7)',
+        borderRadius: '8px',
+        color: 'white',
+        fontFamily: 'Arial, sans-serif',
+        fontSize: '14px',
+        minWidth: '200px',
+        border: '2px solid rgba(255, 255, 255, 0.3)',
+        boxShadow: '0 4px 8px rgba(0, 0, 0, 0.5)',
+        zIndex: '1000',
+        ...this.getPositionStyles(position)
+      }
+    });
+
+    // Create weapon name element
+    this.weaponNameElement = this.uiManager.createElement('weapon-name', {
+      tag: 'div',
+      textContent: 'No Weapon',
+      style: {
+        fontSize: '16px',
+        fontWeight: 'bold',
+        marginBottom: '8px',
+        color: '#ffd700',
+        textTransform: 'uppercase',
+        letterSpacing: '1px'
+      }
+    });
+
+    // Create ammo counter element
+    this.ammoCounterElement = this.uiManager.createElement('ammo-counter', {
+      tag: 'div',
+      textContent: '-- / --',
+      style: {
+        fontSize: '18px',
+        fontWeight: 'bold',
+        marginBottom: '4px',
+        color: '#00ff00'
+      }
+    });
+
+    // Create firing mode element
+    this.firingModeElement = this.uiManager.createElement('firing-mode', {
+      tag: 'div',
+      textContent: 'SEMI',
+      style: {
+        fontSize: '12px',
+        marginBottom: '4px',
+        color: '#cccccc',
+        textTransform: 'uppercase'
+      }
+    });
+
+    // Create reload indicator element
+    this.reloadIndicatorElement = this.uiManager.createElement('reload-indicator', {
+      tag: 'div',
+      textContent: '',
+      style: {
+        fontSize: '12px',
+        color: '#ff6600',
+        fontWeight: 'bold',
+        display: 'none'
+      }
+    });
+
+    // Add all elements to container
+    this.weaponNameElement.appendTo(this.weaponInfoContainer);
+    this.ammoCounterElement.appendTo(this.weaponInfoContainer);
+    this.firingModeElement.appendTo(this.weaponInfoContainer);
+    this.reloadIndicatorElement.appendTo(this.weaponInfoContainer);
+  }
+
+  private getPositionStyles(position: string): Record<string, string> {
+    switch (position) {
+      case 'top-left':
+        return { top: '20px', left: '20px' };
+      case 'top-center':
+        return { top: '20px', left: '50%', transform: 'translateX(-50%)' };
+      case 'top-right':
+        return { top: '20px', right: '20px' };
+      case 'bottom-left':
+        return { bottom: '20px', left: '20px' };
+      case 'bottom-center':
+        return { bottom: '20px', left: '50%', transform: 'translateX(-50%)' };
+      case 'bottom-right':
+      default:
+        return { bottom: '20px', right: '20px' };
+    }
+  }
+
+  public setWeapon(weapon: WeaponComponent | null): void {
+    this.currentWeapon = weapon;
+    this.updateDisplay();
+  }
+
+  private startUpdateLoop(): void {
+    // Update every 100ms to keep info current
+    this.updateInterval = window.setInterval(() => {
+      this.updateDisplay();
+    }, UI_CONFIG.AMMO_UPDATE_INTERVAL);
+  }
+
+  private updateDisplay(): void {
+    if (!this.currentWeapon) {
+      this.weaponNameElement?.setText('No Weapon');
+      this.ammoCounterElement?.setText('-- / --');
+      this.firingModeElement?.setText('--');
+      this.reloadIndicatorElement?.hide();
+      return;
+    }
+
+    // Update weapon name
+    const weaponName = this.getWeaponName(this.currentWeapon);
+    this.weaponNameElement?.setText(weaponName);
+
+    // Update ammo counter
+    const currentAmmo = this.getCurrentAmmo(this.currentWeapon);
+    const maxAmmo = this.getMaxAmmo(this.currentWeapon);
+
+    if (maxAmmo > 0) {
+      this.ammoCounterElement?.setText(`${currentAmmo} / ${maxAmmo}`);
+
+      // Color-code ammo based on amount
+      if (currentAmmo === 0) {
+        this.ammoCounterElement?.setStyle('color', '#ff0000'); // Red for empty
+      } else if (currentAmmo <= maxAmmo * 0.2) {
+        this.ammoCounterElement?.setStyle('color', '#ffaa00'); // Orange for low
+      } else {
+        this.ammoCounterElement?.setStyle('color', '#00ff00'); // Green for normal
+      }
+    } else {
+      this.ammoCounterElement?.setText('∞');
+      this.ammoCounterElement?.setStyle('color', '#00ff00');
+    }
+
+    // Update firing mode
+    const firingMode = this.getFiringMode(this.currentWeapon);
+    this.firingModeElement?.setText(firingMode);
+
+    // Update reload indicator
+    if (this.isReloading(this.currentWeapon)) {
+      this.reloadIndicatorElement?.setText('RELOADING...');
+      this.reloadIndicatorElement?.show();
+    } else {
+      this.reloadIndicatorElement?.hide();
+    }
+  }
+
+  private getWeaponName(weapon: WeaponComponent): string {
+    const className = weapon.constructor.name;
+
+    // Extract weapon name from class name
+    if (className.includes('SniperRifle')) return 'Sniper Rifle';
+    if (className.includes('SMG')) return 'SMG';
+    if (className.includes('Shotgun')) return 'Shotgun';
+
+    // Fallback: clean up class name
+    return className.replace(/^AdvancedWeapon_/, '').replace(/([A-Z])/g, ' $1').trim();
+  }
+
+  private getCurrentAmmo(weapon: WeaponComponent): number {
+    // Try to get current ammo using the standard method
+    if ('getCurrentAmmo' in weapon && typeof weapon.getCurrentAmmo === 'function') {
+      return weapon.getCurrentAmmo();
+    }
+    return 0;
+  }
+
+  private getMaxAmmo(weapon: WeaponComponent): number {
+    // Try to get max ammo using the standard method
+    if ('getMaxAmmo' in weapon && typeof weapon.getMaxAmmo === 'function') {
+      return weapon.getMaxAmmo();
+    }
+    return 0;
+  }
+
+  private getFiringMode(weapon: WeaponComponent): string {
+    // Check if weapon has single fire mode information
+    if ('options' in weapon && weapon.options && typeof weapon.options === 'object') {
+      const options = weapon.options as any;
+      if ('isSingleFire' in options) {
+        return options.isSingleFire ? 'SEMI' : 'AUTO';
+      }
+    }
+    return 'AUTO'; // Default assumption
+  }
+
+  private isReloading(weapon: WeaponComponent): boolean {
+    // Since isReloading is protected, we can't access it directly
+    // For now, return false as a safe default
+    // In a real implementation, you might add a public method to get reload status
+    return false;
+  }
+
+  public destroy(): void {
+    if (this.updateInterval) {
+      window.clearInterval(this.updateInterval);
+      this.updateInterval = null;
+    }
+
+    // UIElement uses remove() method instead of destroy()
+    this.weaponInfoContainer?.remove();
+    this.weaponNameElement?.remove();
+    this.ammoCounterElement?.remove();
+    this.firingModeElement?.remove();
+    this.reloadIndicatorElement?.remove();
+
+    this.weaponInfoContainer = null;
+    this.weaponNameElement = null;
+    this.ammoCounterElement = null;
+    this.firingModeElement = null;
+    this.reloadIndicatorElement = null;
+    this.currentWeapon = null;
+  }
 }

package/games/examples/fps-advanced/weapons.ts

@@ -1,4 +1,4 @@
-import * as ENGINE from 'genesys.js';
+import * as ENGINE from '@directivegames/genesys.js';
 import * as THREE from 'three';
 
 import { SHOTGUN_CONFIG, SMG_CONFIG, SNIPER_RIFLE_CONFIG, UI_CONFIG } from './const.js';

package/games/examples/index.ts

@@ -1,5 +1,5 @@
-export * from './fps-advanced/game.js';
-export * from './plugin-demo/game.js';
-export * from './side-scroller-advanced/game.js';
-export * from './vehicle/game.js';
-export * from './vr-game/game.js';
+export * from './fps-advanced/game.js';
+export * from './plugin-demo/game.js';
+export * from './side-scroller-advanced/game.js';
+export * from './vehicle/game.js';
+export * from './vr-game/game.js';

package/games/examples/plugin-demo/game.ts

@@ -1,8 +1,8 @@
-import * as ENGINE from 'genesys.js';
+import * as ENGINE from '@directivegames/genesys.js';
 
 
 const defaultPluginCode = `
-import * as ENGINE from 'genesys.js';
+import * as ENGINE from '@directivegames/genesys.js';
 import * as THREE from 'three';
 
 interface DemoPluginState {

package/games/examples/plugin-demo/plugins/dynamic-lighting.ts

@@ -1,4 +1,4 @@
-import * as ENGINE from 'genesys.js';
+import * as ENGINE from '@directivegames/genesys.js';
 import * as THREE from 'three';
 
 class ColorChangingLight extends ENGINE.Actor {

package/games/examples/plugin-demo/plugins/instanced-forest.ts

@@ -1,4 +1,4 @@
-import * as ENGINE from 'genesys.js';
+import * as ENGINE from '@directivegames/genesys.js';
 import * as THREE from 'three';
 
 class InstancedForest extends ENGINE.Actor {

package/games/examples/plugin-demo/plugins/particle-fountain.ts

@@ -1,4 +1,4 @@
-import * as ENGINE from 'genesys.js';
+import * as ENGINE from '@directivegames/genesys.js';
 import * as THREE from 'three';
 
 class ParticleFountain extends ENGINE.Actor {

package/games/examples/plugin-demo/plugins/physics-playground.ts

@@ -1,4 +1,4 @@
-import * as ENGINE from 'genesys.js';
+import * as ENGINE from '@directivegames/genesys.js';
 import * as THREE from 'three';
 
 class PhysicsBox extends ENGINE.Actor {

package/games/examples/plugin-demo/plugins/robot-follower.ts

@@ -1,4 +1,4 @@
-import * as ENGINE from 'genesys.js';
+import * as ENGINE from '@directivegames/genesys.js';
 import * as THREE from 'three';
 
 class FloatingRobot extends ENGINE.Actor {

package/games/examples/plugin-demo/plugins/scatter-models.ts

@@ -1,4 +1,4 @@
-import * as ENGINE from 'genesys.js';
+import * as ENGINE from '@directivegames/genesys.js';
 import * as THREE from 'three';
 
 const GLTF_MODELS = [

package/games/examples/plugin-demo/plugins/simple-cube.ts

@@ -1,4 +1,4 @@
-import * as ENGINE from 'genesys.js';
+import * as ENGINE from '@directivegames/genesys.js';
 import * as THREE from 'three';
 
 

package/games/examples/plugin-demo/plugins/tic-tac-toe.ts

@@ -1,4 +1,4 @@
-import * as ENGINE from 'genesys.js';
+import * as ENGINE from '@directivegames/genesys.js';
 import * as THREE from 'three';
 
 enum GamePiece {

package/games/examples/plugin-demo/plugins/wobbling-sphere.ts

@@ -1,4 +1,4 @@
-import * as ENGINE from 'genesys.js';
+import * as ENGINE from '@directivegames/genesys.js';
 import * as THREE from 'three';
 
 class WobblingSphere extends ENGINE.Actor {

package/games/examples/side-scroller-advanced/game-mode.ts

@@ -1,4 +1,4 @@
-import * as ENGINE from 'genesys.js';
+import * as ENGINE from '@directivegames/genesys.js';
 import * as THREE from 'three';
 
 import { GAME_CONFIG, LEVEL_CONFIG } from './const.js';

package/games/examples/side-scroller-advanced/game.ts

@@ -1,4 +1,4 @@
-import * as ENGINE from 'genesys.js';
+import * as ENGINE from '@directivegames/genesys.js';
 import * as THREE from 'three';
 
 import { GAME_CONFIG, LEVEL_CONFIG, LIGHTING } from './const.js';

package/games/examples/side-scroller-advanced/level-generator.ts

@@ -1,4 +1,4 @@
-import * as ENGINE from 'genesys.js';
+import * as ENGINE from '@directivegames/genesys.js';
 import * as THREE from 'three';
 
 import { LEVEL_CONFIG, PICKUP_CONFIG } from './const.js';

package/games/examples/side-scroller-advanced/pickups.ts

@@ -1,4 +1,4 @@
-import * as ENGINE from 'genesys.js';
+import * as ENGINE from '@directivegames/genesys.js';
 import * as THREE from 'three';
 
 import { PICKUP_CONFIG } from './const.js';

package/games/examples/side-scroller-advanced/player.ts

@@ -1,4 +1,4 @@
-import * as ENGINE from 'genesys.js';
+import * as ENGINE from '@directivegames/genesys.js';
 import * as THREE from 'three';
 
 import { CAMERA_SETTINGS, GAME_CONFIG, PLAYER_MOVEMENT } from './const.js';

package/games/examples/side-scroller-advanced/ui/endgame-ui.ts

@@ -1,4 +1,4 @@
-import * as ENGINE from 'genesys.js';
+import * as ENGINE from '@directivegames/genesys.js';
 
 export class EndGameUI {
   private container: HTMLElement | null = null;

package/games/examples/side-scroller-advanced/ui/menu-ui.ts

@@ -1,4 +1,4 @@
-import * as ENGINE from 'genesys.js';
+import * as ENGINE from '@directivegames/genesys.js';
 
 export class MenuUI {
   // Event delegate for when the start game button is clicked