@directivegames/genesys.js 3.1.24

package/dist/games/examples/side-scroller-advanced/pickups.js

@@ -0,0 +1,147 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import * as ENGINE from 'genesys.js';
+import * as THREE from 'three';
+import { PICKUP_CONFIG } from './const.js';
+// ============================================================================
+// PICKUP COMPONENTS AND ACTORS
+// ============================================================================
+let CoinPickupComponent = class CoinPickupComponent extends ENGINE.PickupComponent {
+    constructor(options = {}) {
+        super({
+            ...options,
+            sound: {
+                volume: PICKUP_CONFIG.COIN_PICKUP.SOUND_VOLUME,
+                maxDistance: PICKUP_CONFIG.COIN_PICKUP.SOUND_MAX_DISTANCE,
+                pickupSoundUrl: PICKUP_CONFIG.COIN_PICKUP.SOUND_URL
+            }
+        });
+        Object.defineProperty(this, "pointValue", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        this.pointValue = options.pointValue ?? PICKUP_CONFIG.COIN_PICKUP.POINT_VALUE;
+    }
+    onPickupInternal(collector) {
+        console.log(`[CoinPickupComponent] Player collected ${this.pointValue} points!`);
+        // Here you could emit an event or update a score system
+        // For now, just log the collection
+        // Call the base pickup behavior (destroy)
+        super.onPickupInternal(collector);
+    }
+};
+CoinPickupComponent = __decorate([
+    ENGINE.GameClass(),
+    __metadata("design:paramtypes", [Object])
+], CoinPickupComponent);
+export { CoinPickupComponent };
+let CoinPickupActor = class CoinPickupActor extends ENGINE.Actor {
+    constructor(options) {
+        super(options);
+        Object.defineProperty(this, "lastHoverOffset", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
+        if (!options.__isDeserializing) {
+            // Create the visual mesh component
+            const meshComponent = new ENGINE.GLTFMeshComponent({
+                rotation: new THREE.Euler(Math.PI / 2, 0, 0),
+                modelUrl: PICKUP_CONFIG.COIN_PICKUP.MODEL_URL,
+                physicsOptions: {
+                    enabled: true,
+                    motionType: ENGINE.PhysicsMotionType.Static,
+                    density: 1,
+                    generateCollisionEvents: true,
+                    collisionMeshType: ENGINE.CollisionMeshType.ConvexHull,
+                    enableCCD: false,
+                    collisionProfile: ENGINE.DefaultCollisionProfile.Trigger
+                }
+            });
+            meshComponent.castShadow = true;
+            meshComponent.scale.setScalar(PICKUP_CONFIG.COIN_PICKUP.SCALE);
+            // Add the pickup component
+            const pickupComponent = new CoinPickupComponent({
+                pointValue: PICKUP_CONFIG.COIN_PICKUP.POINT_VALUE
+            });
+            this.rootComponent.add(meshComponent, pickupComponent);
+        }
+    }
+    tickPrePhysics(deltaTime) {
+        super.tickPrePhysics(deltaTime);
+        // Add hovering animation
+        const time = this.getWorld()?.getGameTime() ?? 0;
+        const hoverOffset = Math.sin(time * PICKUP_CONFIG.COIN_PICKUP.HOVER_SPEED) * PICKUP_CONFIG.COIN_PICKUP.HOVER_AMPLITUDE;
+        this.rootComponent.position.y = this.rootComponent.position.y + hoverOffset - (this.lastHoverOffset ?? 0);
+        this.lastHoverOffset = hoverOffset;
+        this.rootComponent.rotation.y += PICKUP_CONFIG.COIN_PICKUP.ROTATION_SPEED * deltaTime;
+    }
+};
+CoinPickupActor = __decorate([
+    ENGINE.GameClass(),
+    __metadata("design:paramtypes", [Object])
+], CoinPickupActor);
+export { CoinPickupActor };
+let HealthPickupActor = class HealthPickupActor extends ENGINE.Actor {
+    constructor(options) {
+        super(options);
+        Object.defineProperty(this, "lastHoverOffset", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
+        if (!options.__isDeserializing) {
+            // Create the visual mesh component
+            const meshComponent = new ENGINE.GLTFMeshComponent({
+                modelUrl: PICKUP_CONFIG.HEALTH_PICKUP.MODEL_URL,
+                physicsOptions: {
+                    enabled: true,
+                    motionType: ENGINE.PhysicsMotionType.Static,
+                    density: 1,
+                    generateCollisionEvents: true,
+                    collisionMeshType: ENGINE.CollisionMeshType.ConvexHull,
+                    enableCCD: false,
+                    collisionProfile: ENGINE.DefaultCollisionProfile.Trigger
+                }
+            });
+            meshComponent.castShadow = true;
+            meshComponent.scale.setScalar(PICKUP_CONFIG.HEALTH_PICKUP.SCALE);
+            // Add the pickup component
+            const pickupComponent = new ENGINE.HealthPickupComponent({
+                healAmount: PICKUP_CONFIG.HEALTH_PICKUP.HEAL_AMOUNT,
+                sound: {
+                    volume: PICKUP_CONFIG.HEALTH_PICKUP.SOUND_VOLUME,
+                    maxDistance: PICKUP_CONFIG.HEALTH_PICKUP.SOUND_MAX_DISTANCE,
+                    pickupSoundUrl: PICKUP_CONFIG.HEALTH_PICKUP.SOUND_URL
+                }
+            });
+            this.rootComponent.add(meshComponent, pickupComponent);
+        }
+    }
+    tickPrePhysics(deltaTime) {
+        super.tickPrePhysics(deltaTime);
+        // Add hovering animation
+        const time = this.getWorld()?.getGameTime() ?? 0;
+        const hoverOffset = Math.sin(time * PICKUP_CONFIG.HEALTH_PICKUP.HOVER_SPEED) * PICKUP_CONFIG.HEALTH_PICKUP.HOVER_AMPLITUDE;
+        this.rootComponent.position.y = this.rootComponent.position.y + hoverOffset - (this.lastHoverOffset ?? 0);
+        this.lastHoverOffset = hoverOffset;
+        this.rootComponent.rotation.y += PICKUP_CONFIG.HEALTH_PICKUP.ROTATION_SPEED * deltaTime;
+    }
+};
+HealthPickupActor = __decorate([
+    ENGINE.GameClass(),
+    __metadata("design:paramtypes", [Object])
+], HealthPickupActor);
+export { HealthPickupActor };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGlja3Vwcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2dhbWVzL2V4YW1wbGVzL3NpZGUtc2Nyb2xsZXItYWR2YW5jZWQvcGlja3Vwcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxNQUFNLFlBQVksQ0FBQztBQUNyQyxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUvQixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBSTNDLCtFQUErRTtBQUMvRSwrQkFBK0I7QUFDL0IsK0VBQStFO0FBR3hFLElBQU0sbUJBQW1CLEdBQXpCLE1BQU0sbUJBQW9CLFNBQVEsTUFBTSxDQUFDLGVBQWU7SUFHN0QsWUFBWSxVQUFtRSxFQUFFO1FBQy9FLEtBQUssQ0FBQztZQUNKLEdBQUcsT0FBTztZQUNWLEtBQUssRUFBRTtnQkFDTCxNQUFNLEVBQUUsYUFBYSxDQUFDLFdBQVcsQ0FBQyxZQUFZO2dCQUM5QyxXQUFXLEVBQUUsYUFBYSxDQUFDLFdBQVcsQ0FBQyxrQkFBa0I7Z0JBQ3pELGNBQWMsRUFBRSxhQUFhLENBQUMsV0FBVyxDQUFDLFNBQVM7YUFDcEQ7U0FDRixDQUFDLENBQUM7UUFWRzs7Ozs7V0FBbUI7UUFZekIsSUFBSSxDQUFDLFVBQVUsR0FBRyxPQUFPLENBQUMsVUFBVSxJQUFJLGFBQWEsQ0FBQyxXQUFXLENBQUMsV0FBVyxDQUFDO0lBQ2hGLENBQUM7SUFFa0IsZ0JBQWdCLENBQUMsU0FBdUI7UUFDekQsT0FBTyxDQUFDLEdBQUcsQ0FBQywwQ0FBMEMsSUFBSSxDQUFDLFVBQVUsVUFBVSxDQUFDLENBQUM7UUFFakYsd0RBQXdEO1FBQ3hELG1DQUFtQztRQUVuQywwQ0FBMEM7UUFDMUMsS0FBSyxDQUFDLGdCQUFnQixDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ3BDLENBQUM7Q0FDRixDQUFBO0FBekJZLG1CQUFtQjtJQUQvQixNQUFNLENBQUMs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

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

@@ -0,0 +1,5 @@
+import * as ENGINE from 'genesys.js';
+export declare class AdvancedSideScrollerPlayer extends ENGINE.ThirdPersonCharacterPawn {
+    constructor(options: Omit<ENGINE.ThirdPersonCharacterPawnOptions, 'movementComponent' | 'camera' | 'rootComponent'>);
+    tickPrePhysics(deltaTime: number): void;
+}

package/dist/games/examples/side-scroller-advanced/player.js

@@ -0,0 +1,104 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import * as ENGINE from 'genesys.js';
+import * as THREE from 'three';
+import { CAMERA_SETTINGS, GAME_CONFIG, PLAYER_MOVEMENT } from './const.js';
+// ============================================================================
+// PLAYER PAWN
+// ============================================================================
+// The advanced side-scroller player pawn class using animated character.
+let AdvancedSideScrollerPlayer = class AdvancedSideScrollerPlayer extends ENGINE.ThirdPersonCharacterPawn {
+    constructor(options) {
+        // Create directional movement component for side-scrolling
+        const movementComponent = new ENGINE.DirectionalCharacterMovementComponent({
+            ...ENGINE.DirectionalCharacterMovementComponent.DEFAULT_OPTIONS,
+            direction: ENGINE.CharacterMovementDirection.LeftRight, // Move left and right
+            autoMove: false, // Player controls movement manually
+            jumpSpeed: PLAYER_MOVEMENT.JUMP_SPEED,
+            maxSpeed: PLAYER_MOVEMENT.MAX_SPEED,
+            maxMidAirJumps: PLAYER_MOVEMENT.MAX_MID_AIR_JUMPS, // Allow double jump
+            // Physics and movement settings for platformer feel
+            accelerationLambda: PLAYER_MOVEMENT.ACCELERATION_LAMBDA,
+            decelerationLambda: PLAYER_MOVEMENT.DECELERATION_LAMBDA,
+            midAirAccelerationLambda: PLAYER_MOVEMENT.MID_AIR_ACCELERATION_LAMBDA,
+            midAirDecelerationLambda: PLAYER_MOVEMENT.MID_AIR_DECELERATION_LAMBDA,
+        });
+        // Create camera component for side-scrolling perspective
+        const camera = new THREE.PerspectiveCamera(CAMERA_SETTINGS.FOV, 1, CAMERA_SETTINGS.NEAR, CAMERA_SETTINGS.FAR);
+        // Position camera for side-scrolling view
+        camera.position.set(CAMERA_SETTINGS.POSITION.x, CAMERA_SETTINGS.POSITION.y, CAMERA_SETTINGS.POSITION.z); // Behind and above the player
+        camera.lookAt(0, 0, 0); // Look at the player's position
+        // Physics options for the player
+        const physicsOptions = {
+            enabled: true,
+            motionType: ENGINE.PhysicsMotionType.KinematicVelocityBased,
+            collisionProfile: ENGINE.DefaultCollisionProfile.Pawn,
+            generateCollisionEvents: true,
+        };
+        // Create player physics capsule (invisible, for collision)
+        const radius = ENGINE.CHARACTER_WIDTH / 2;
+        const meshComponent = new ENGINE.MeshComponent({
+            scale: new THREE.Vector3().setScalar(GAME_CONFIG.CHARACTER_SCALE), // scale up for better visibility
+            geometry: new THREE.CapsuleGeometry(radius, ENGINE.CHARACTER_HEIGHT - radius * 2),
+            material: new THREE.MeshStandardMaterial({
+                color: ENGINE.Color.BLUE,
+                visible: false, // Hide the collision capsule
+                transparent: true,
+                opacity: 0.3
+            }),
+            physicsOptions,
+        });
+        super({
+            ...options,
+            rootComponent: meshComponent,
+            movementComponent,
+            camera, // Use the camera component on the player
+            // Animated character model configuration
+            modelUrl: '@engine/assets/character/mannequinG.glb',
+            configUrl: '@engine/assets/character/config/mannequin-anim.json',
+            meshPosition: new THREE.Vector3(0, -ENGINE.CHARACTER_HEIGHT / 2, 0),
+            meshRotation: new THREE.Euler(0, Math.PI / 2, 0), // Default facing right
+            meshScale: new THREE.Vector3(1, 1, 1),
+        });
+        // Add character stats component for health management
+        this.rootComponent.add(new ENGINE.CharacterStatsComponent({
+            maxHealth: 100,
+            healthRegen: 0 // No auto-regeneration in this game
+        }));
+    }
+    tickPrePhysics(deltaTime) {
+        super.tickPrePhysics(deltaTime);
+        // Get the movement component to check direction
+        const movementComponent = this.movementComponent;
+        if (movementComponent) {
+            // Get the character mesh component
+            const gltfMesh = this.getComponent(ENGINE.GLTFMeshComponent);
+            if (gltfMesh) {
+                // Check movement direction based on velocity and rotate accordingly
+                const velocity = movementComponent.getVelocities();
+                if (velocity.right > 0.1) {
+                    // Moving right - face right (90 degrees)
+                    gltfMesh.rotation.set(0, Math.PI / 2, 0);
+                }
+                else if (velocity.right < -0.1) {
+                    // Moving left - face left (-90 degrees)
+                    gltfMesh.rotation.set(0, -Math.PI / 2, 0);
+                }
+                // If not moving horizontally, keep current rotation
+            }
+        }
+    }
+};
+AdvancedSideScrollerPlayer = __decorate([
+    ENGINE.GameClass(),
+    __metadata("design:paramtypes", [Object])
+], AdvancedSideScrollerPlayer);
+export { AdvancedSideScrollerPlayer };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGxheWVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vZ2FtZXMvZXhhbXBsZXMvc2lkZS1zY3JvbGxlci1hZHZhbmNlZC9wbGF5ZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sTUFBTSxZQUFZLENBQUM7QUFDckMsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFL0IsT0FBTyxFQUFFLGVBQWUsRUFBRSxXQUFXLEVBQUUsZUFBZSxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBRTNFLCtFQUErRTtBQUMvRSxjQUFjO0FBQ2QsK0VBQStFO0FBRS9FLHlFQUF5RTtBQUVsRSxJQUFNLDBCQUEwQixHQUFoQyxNQUFNLDBCQUEyQixTQUFRLE1BQU0sQ0FBQyx3QkFBd0I7SUFFN0UsWUFBWSxPQUF1RztRQUNqSCwyREFBMkQ7UUFDM0QsTUFBTSxpQkFBaUIsR0FBRyxJQUFJLE1BQU0sQ0FBQyxxQ0FBcUMsQ0FBQztZQUN6RSxHQUFHLE1BQU0sQ0FBQyxxQ0FBcUMsQ0FBQyxlQUFlO1lBQy9ELFNBQVMsRUFBRSxNQUFNLENBQUMsMEJBQTBCLENBQUMsU0FBUyxFQUFFLHNCQUFzQjtZQUM5RSxRQUFRLEVBQUUsS0FBSyxFQUFFLG9DQUFvQztZQUNyRCxTQUFTLEVBQUUsZUFBZSxDQUFDLFVBQVU7WUFDckMsUUFBUSxFQUFFLGVBQWUsQ0FBQyxTQUFTO1lBQ25DLGNBQWMsRUFBRSxlQUFlLENBQUMsaUJBQWlCLEVBQUUsb0JBQW9CO1lBQ3ZFLG9EQUFvRDtZQUNwRCxrQkFBa0IsRUFBRSxlQUFlLENBQUMsbUJBQW1CO1lBQ3ZELGtCQUFrQixFQUFFLGVBQWUsQ0FBQyxtQkFBbUI7WUFDdkQsd0JBQXdCLEVBQUUsZUFBZSxDQUFDLDJCQUEyQjtZQUNyRSx3QkFBd0IsRUFBRSxlQUFlLENBQUMsMkJBQTJCO1NBQ3RFLENBQUMsQ0FBQztRQUVILHlEQUF5RDtRQUN6RCxNQUFNLE1B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

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

@@ -0,0 +1,16 @@
+import * as ENGINE from 'genesys.js';
+export declare class EndGameUI {
+    private parent;
+    private container;
+    private styleElement;
+    private targetSections;
+    onPlayAgain: ENGINE.Delegate<[], void>;
+    onBackToMenu: ENGINE.Delegate<[], void>;
+    constructor(parent: HTMLElement, targetSections?: number);
+    private createEndGameHTML;
+    private addStyles;
+    private setupEventListeners;
+    show(finalTime: number, sectionsCompleted?: number): void;
+    hide(): void;
+    destroy(): void;
+}

package/dist/games/examples/side-scroller-advanced/ui/endgame-ui.js

@@ -0,0 +1,290 @@
+import * as ENGINE from 'genesys.js';
+export class EndGameUI {
+    constructor(parent, targetSections = 10) {
+        Object.defineProperty(this, "parent", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: parent
+        });
+        Object.defineProperty(this, "container", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        Object.defineProperty(this, "styleElement", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        Object.defineProperty(this, "targetSections", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 10
+        }); // Default value
+        // Event delegates for user actions
+        Object.defineProperty(this, "onPlayAgain", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new ENGINE.Delegate()
+        });
+        Object.defineProperty(this, "onBackToMenu", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new ENGINE.Delegate()
+        });
+        this.targetSections = targetSections;
+        this.createEndGameHTML();
+    }
+    createEndGameHTML() {
+        // Create the main container
+        this.container = document.createElement('div');
+        this.container.id = 'sidescroller-endgame-container';
+        this.container.innerHTML = `
+      <div class="sidescroller-endgame-content">
+        <div class="sidescroller-endgame-header">
+          <h1 class="sidescroller-endgame-title">🎉 CONGRATULATIONS! 🎉</h1>
+          <p class="sidescroller-endgame-subtitle">You completed all ${this.targetSections} platform sections!</p>
+        </div>
+        
+        <div class="sidescroller-endgame-stats">
+          <div class="stat-item">
+            <div class="stat-label">Time Completed</div>
+            <div class="stat-value" id="final-time">--:--</div>
+          </div>
+          <div class="stat-item">
+            <div class="stat-label">Sections Completed</div>
+            <div class="stat-value" id="final-progress">${this.targetSections} / ${this.targetSections}</div>
+          </div>
+        </div>
+
+        <div class="sidescroller-endgame-buttons">
+          <button id="play-again-btn" class="sidescroller-endgame-button sidescroller-endgame-button-primary">
+            Play Again
+          </button>
+          <button id="back-to-menu-btn" class="sidescroller-endgame-button sidescroller-endgame-button-secondary">
+            Back to Menu
+          </button>
+        </div>
+      </div>
+    `;
+        // Add CSS styles
+        this.addStyles();
+        // Set up event listeners
+        this.setupEventListeners();
+        // Initially hidden
+        this.container.style.display = 'none';
+    }
+    addStyles() {
+        const styleId = 'sidescroller-endgame-styles';
+        if (document.getElementById(styleId)) {
+            return; // Styles already added
+        }
+        this.styleElement = document.createElement('style');
+        this.styleElement.id = styleId;
+        this.styleElement.textContent = `
+      #sidescroller-endgame-container {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        background: linear-gradient(135deg, rgba(0,60,0,0.95), rgba(40,100,40,0.95));
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        z-index: 10000;
+        font-family: 'Arial', sans-serif;
+        backdrop-filter: blur(5px);
+      }
+
+      .sidescroller-endgame-content {
+        background: rgba(0, 0, 0, 0.9);
+        border: 4px solid #4CAF50;
+        border-radius: 25px;
+        padding: 50px;
+        max-width: 700px;
+        text-align: center;
+        box-shadow: 
+          0 0 50px rgba(76, 175, 80, 0.7),
+          inset 0 0 30px rgba(76, 175, 80, 0.1);
+        backdrop-filter: blur(15px);
+        animation: slideInUp 0.6s ease-out;
+      }
+
+      @keyframes slideInUp {
+        from {
+          opacity: 0;
+          transform: translateY(50px) scale(0.9);
+        }
+        to {
+          opacity: 1;
+          transform: translateY(0) scale(1);
+        }
+      }
+
+      .sidescroller-endgame-header {
+        margin-bottom: 40px;
+      }
+
+      .sidescroller-endgame-title {
+        color: #4CAF50;
+        font-size: 3.5em;
+        margin: 0 0 15px 0;
+        text-shadow: 0 0 30px rgba(76, 175, 80, 0.8);
+        font-weight: bold;
+        animation: glow 2s ease-in-out infinite alternate;
+      }
+
+      @keyframes glow {
+        from {
+          text-shadow: 0 0 30px rgba(76, 175, 80, 0.8);
+        }
+        to {
+          text-shadow: 0 0 50px rgba(76, 175, 80, 1);
+        }
+      }
+
+      .sidescroller-endgame-subtitle {
+        color: #81C784;
+        font-size: 1.4em;
+        margin: 0;
+        opacity: 0.9;
+      }
+
+      .sidescroller-endgame-stats {
+        background: rgba(76, 175, 80, 0.1);
+        border: 2px solid rgba(76, 175, 80, 0.3);
+        border-radius: 15px;
+        padding: 30px;
+        margin: 30px 0;
+        display: flex;
+        justify-content: space-around;
+        gap: 40px;
+      }
+
+      .stat-item {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: 10px;
+      }
+
+      .stat-label {
+        color: #81C784;
+        font-size: 1.1em;
+        text-transform: uppercase;
+        letter-spacing: 1px;
+        font-weight: bold;
+      }
+
+      .stat-value {
+        color: #4CAF50;
+        font-size: 2.2em;
+        font-weight: bold;
+        text-shadow: 0 0 15px rgba(76, 175, 80, 0.8);
+        font-family: 'Courier New', monospace;
+      }
+
+      .sidescroller-endgame-buttons {
+        display: flex;
+        gap: 20px;
+        justify-content: center;
+        margin-top: 40px;
+      }
+
+      .sidescroller-endgame-button {
+        padding: 15px 35px;
+        font-size: 1.2em;
+        border: none;
+        border-radius: 12px;
+        cursor: pointer;
+        transition: all 0.3s ease;
+        text-transform: uppercase;
+        font-weight: bold;
+        letter-spacing: 1px;
+        min-width: 160px;
+      }
+
+      .sidescroller-endgame-button-primary {
+        background: linear-gradient(45deg, #4CAF50, #66BB6A);
+        color: white;
+        box-shadow: 0 4px 20px rgba(76, 175, 80, 0.4);
+      }
+
+      .sidescroller-endgame-button-primary:hover {
+        background: linear-gradient(45deg, #66BB6A, #81C784);
+        transform: translateY(-3px);
+        box-shadow: 0 6px 25px rgba(76, 175, 80, 0.6);
+      }
+
+      .sidescroller-endgame-button-secondary {
+        background: rgba(76, 175, 80, 0.2);
+        color: #4CAF50;
+        border: 2px solid #4CAF50;
+        box-shadow: 0 4px 15px rgba(76, 175, 80, 0.2);
+      }
+
+      .sidescroller-endgame-button-secondary:hover {
+        background: rgba(76, 175, 80, 0.3);
+        transform: translateY(-3px);
+        box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4);
+      }
+
+      .sidescroller-endgame-button:active {
+        transform: translateY(0);
+      }
+    `;
+        document.head.appendChild(this.styleElement);
+    }
+    setupEventListeners() {
+        if (!this.container)
+            return;
+        const playAgainButton = this.container.querySelector('#play-again-btn');
+        const backToMenuButton = this.container.querySelector('#back-to-menu-btn');
+        if (playAgainButton) {
+            playAgainButton.addEventListener('click', () => {
+                this.onPlayAgain.invoke();
+            });
+        }
+        if (backToMenuButton) {
+            backToMenuButton.addEventListener('click', () => {
+                this.onBackToMenu.invoke();
+            });
+        }
+    }
+    show(finalTime, sectionsCompleted = 0) {
+        if (this.container) {
+            // Update the stats
+            const finalTimeElement = this.container.querySelector('#final-time');
+            const finalProgressElement = this.container.querySelector('#final-progress');
+            if (finalTimeElement) {
+                const minutes = Math.floor(finalTime / 60);
+                const seconds = Math.floor(finalTime % 60);
+                finalTimeElement.textContent = `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
+            }
+            if (finalProgressElement) {
+                finalProgressElement.textContent = `${sectionsCompleted} / ${this.targetSections}`;
+            }
+            this.container.style.display = 'flex';
+            this.parent.appendChild(this.container);
+        }
+    }
+    hide() {
+        if (this.container) {
+            this.container.style.display = 'none';
+        }
+    }
+    destroy() {
+        this.container?.remove();
+        this.container = null;
+        this.styleElement?.remove();
+        this.styleElement = null;
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW5kZ2FtZS11aS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2dhbWVzL2V4YW1wbGVzL3NpZGUtc2Nyb2xsZXItYWR2YW5jZWQvdWkvZW5kZ2FtZS11aS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxNQUFNLFlBQVksQ0FBQztBQUVyQyxNQUFNLE9BQU8sU0FBUztJQVNwQixZQUFvQixNQUFtQixFQUFFLGlCQUF5QixFQUFFO1FBQXhEOzs7O21CQUFRLE1BQU07V0FBYTtRQVIvQjs7OzttQkFBZ0MsSUFBSTtXQUFDO1FBQ3JDOzs7O21CQUF3QyxJQUFJO1dBQUM7UUFDN0M7Ozs7bUJBQXlCLEVBQUU7V0FBQyxDQUFDLGdCQUFnQjtRQUVyRCxtQ0FBbUM7UUFDNUI7Ozs7bUJBQXlDLElBQUksTUFBTSxDQUFDLFFBQVEsRUFBRTtXQUFDO1FBQy9EOzs7O21CQUEwQyxJQUFJLE1BQU0sQ0FBQyxRQUFRLEVBQUU7V0FBQztRQUdyRSxJQUFJLENBQUMsY0FBYyxHQUFHLGNBQWMsQ0FBQztRQUNyQyxJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRU8saUJBQWlCO1FBQ3ZCLDRCQUE0QjtRQUM1QixJQUFJLENBQUMsU0FBUyxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDL0MsSUFBSSxDQUFDLFNBQVMsQ0FBQyxFQUFFLEdBQUcsZ0NBQWdDLENBQUM7UUFDckQsSUFBSSxDQUFDLFNBQVMsQ0FBQyxTQUFTLEdBQUc7Ozs7dUVBSXdDLElBQUksQ0FBQyxjQUFjOzs7Ozs7Ozs7OzBEQVVoQyxJQUFJLENBQUMsY0FBYyxNQUFNLElBQUksQ0FBQyxjQUFjOzs7Ozs7Ozs7Ozs7O0tBYWpHLENBQUM7UUFFRixpQkFBaUI7UUFDakIsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1FBRWpCLHlCQUF5QjtRQUN6QixJQUFJLENBQUMsbUJBQW1CLEVBQUUsQ0FBQztRQUUzQixtQkFBbUI7UUFDbkIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsT0FBTyxHQUFHLE1BQU0sQ0FBQztJQUN4QyxDQUFDO0lBRU8sU0FBUztRQUNmLE1BQU0sT0FBTyxHQUFHLDZCQUE2QixDQUFDO1FBQzlDLElBQUksUUFBUSxDQUFDLGNBQWMsQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDO1lBQ3JDLE9BQU8sQ0FBQyx1QkFBdUI7UUFDakMsQ0FBQztRQUVELElBQUksQ0FBQyxZQUFZLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUNwRCxJQUFJLENBQUMsWUFBWSxDQUFDLEVBQUUsR0FBRyxPQUFPLENBQUM7UUFDL0IsSUFBSSxDQUFDLFlBQVksQ0FBQyxXQUFXLEdBQUc7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0tBd0ovQixDQUFDO1FBRUYsUUFBUSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBQy9DLENBQUM7SUFFTyxtQkFBbUI7UUFDekIsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTO1lBQUUsT0FBTztRQUU1QixNQUFNLGVBQWUsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsQ0FBQyxpQkFBaUIsQ0FBc0IsQ0FBQztRQUM3RixNQUFNLGdCQUFnQixHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxDQUFDLG1CQUFtQixDQUFzQixDQUFDO1FBRWhHLElBQUksZUFBZSxFQUFFLENBQUM7WUFDcEIsZUFBZSxDQUFDLGdCQUFnQixDQUFDLE9BQU8sRUFBRSxHQUFHLEVBQUU7Z0JBQzdDLElBQUksQ0FBQyxXQUFXLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDNUIsQ0FBQyxDQUFDLENBQUM7UUFDTCxDQUFDO1FBRUQsSUFBSSxnQkFBZ0IsRUFBRSxDQUFDO1lBQ3JCLGdCQUFnQixDQUFDLGdCQUFnQixDQUFDLE9BQU8sRUFBRSxHQUFHLEVBQUU7Z0JBQzlDLElBQUksQ0FBQyxZQUFZLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDN0IsQ0FBQyxDQUFDLENBQUM7UUFDTCxDQUFDO0lBQ0gsQ0FBQztJQUVNLElBQUksQ0FBQyxTQUFpQixFQUFFLG9CQUE0QixDQUFDO1FBQzFELElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ25CLG1CQUFtQjtZQUNuQixNQUFNLGdCQUFnQixHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1lBQ3JFLE1BQU0sb0JBQW9CLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxhQUFhLENBQUMsaUJBQWlCLENBQUMsQ0FBQztZQUU3RSxJQUFJLGdCQUFnQixFQUFFLENBQUM7Z0JBQ3JCLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQyxDQUFDO2dCQUMzQyxNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUMsQ0FBQztnQkFDM0MsZ0JBQWdCLENBQUMsV0FBVyxHQUFHLEdBQUcsT0FBTyxDQUFDLFFBQVEsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDLEVBQUUsR0FBRyxDQUFDLElBQUksT0FBTyxDQUFDLFFBQVEsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDLEVBQUUsR0FBRyxDQUFDLEVBQUUsQ0FBQztZQUNqSCxDQUFDO1lBRUQsSUFBSSxvQkFBb0IsRUFBRSxDQUFDO2dCQUN6QixvQkFBb0IsQ0FBQyxXQUFXLEdBQUcsR0FBRyxpQkFBaUIsTUFBTSxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7WUFDckYsQ0FBQztZQUVELElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLE9BQU8sR0FBRyxNQUFNLENBQUM7WUFDdEMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQzFDLENBQUM7SUFDSCxDQUFDO0lBRU0sSUFBSTtRQUNULElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ25CLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLE9BQU8sR0FBRyxNQUFNLENBQUM7UUFDeEMsQ0FBQztJQUNILENBQUM7SUFFTSxPQUFPO1FBQ1osSUFBSSxDQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUUsQ0FBQztRQUN6QixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztRQUV0QixJQUFJLENBQUMsWUFBWSxFQUFFLE1BQU0sRUFBRSxDQUFDO1FBQzVCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDO0lBQzNCLENBQUM7Q0FDRiJ9

package/dist/games/examples/side-scroller-advanced/ui/game-hud.d.ts

@@ -0,0 +1,21 @@
+export declare class GameHUD {
+    private parent;
+    private container;
+    private styleElement;
+    private gameTimeElement;
+    private progressElement;
+    private healthValueElement;
+    private healthBarElement;
+    private updateInterval;
+    private targetSections;
+    constructor(parent: HTMLElement, targetSections?: number);
+    private createHUD;
+    private injectStyles;
+    setVisible(visible: boolean): void;
+    updateProgress(completed: number, total?: number): void;
+    updateHealth(currentHealth: number, maxHealth: number): void;
+    updateTime(timeInSeconds: number): void;
+    startAutoUpdate(gameStartTime: number): void;
+    stopAutoUpdate(): void;
+    destroy(): void;
+}