@directivegames/genesys.js 3.1.24

package/dist/games/swipe-tap-demo.js

@@ -0,0 +1,238 @@
+import * as ENGINE from 'genesys.js';
+import * as THREE from 'three';
+/**
+ * Demo showcasing swipe and tap gesture detection
+ * - Tap on cubes to change their color
+ * - Swipe in any direction to see arrow indicators light up
+ * - Works on desktop (mouse emulates touch) and mobile (touch)
+ *
+ * Note: Virtual joystick is hidden for this demo to make gesture detection clearer
+ */
+export class SwipeTapDemo extends ENGINE.BaseGameLoop {
+    constructor() {
+        super(...arguments);
+        Object.defineProperty(this, "cubes", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        Object.defineProperty(this, "swipeIndicators", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new Map()
+        });
+        Object.defineProperty(this, "tapCounter", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
+        Object.defineProperty(this, "swipeCounter", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new Map()
+        });
+        Object.defineProperty(this, "camera", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "colors", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: [0xff0000, 0x00ff00, 0x0000ff, 0xffff00, 0xff00ff, 0x00ffff]
+        });
+    }
+    async preStart() {
+        this.container.style.overflow = 'hidden';
+        // Setup camera and controller
+        const { pawn } = ENGINE.GameBuilder.createDefaultPawn(this.world, new THREE.Vector3(0, 5, 12));
+        this.camera = pawn.getComponent(THREE.Camera);
+        this.camera.position.set(0, 5, 12);
+        this.camera.lookAt(0, 1, 0);
+        // Setup lighting and ground
+        ENGINE.GameBuilder.createDefaultLighting(this.world);
+        ENGINE.GameBuilder.createDefaultGround(this.world);
+        // Setup scene
+        this.setupCubes();
+        this.setupSwipeIndicators();
+        this.setupUI();
+        this.setupGestureHandlers();
+    }
+    setupCubes() {
+        // Create a grid of cubes that can be tapped
+        for (let x = -2; x <= 2; x++) {
+            for (let z = -1; z <= 1; z++) {
+                const actor = new ENGINE.Actor({
+                    position: new THREE.Vector3(x * 2, 1, z * 2),
+                    sceneComponents: [
+                        new ENGINE.MeshComponent({
+                            geometry: new THREE.BoxGeometry(0.8, 0.8, 0.8),
+                            material: new THREE.MeshStandardMaterial({
+                                color: this.colors[Math.floor(Math.random() * this.colors.length)],
+                                roughness: 0.5,
+                                metalness: 0.2,
+                            }),
+                        }),
+                    ],
+                });
+                this.world.addActor(actor);
+                this.cubes.push(actor);
+            }
+        }
+    }
+    setupSwipeIndicators() {
+        // Create arrow indicators for each swipe direction
+        const directions = [
+            { dir: ENGINE.SwipeDirection.Up, pos: new THREE.Vector3(0, 0.5, -6), rot: new THREE.Euler(Math.PI / 2, 0, 0) },
+            { dir: ENGINE.SwipeDirection.Down, pos: new THREE.Vector3(0, 0.5, 6), rot: new THREE.Euler(-Math.PI / 2, 0, 0) },
+            { dir: ENGINE.SwipeDirection.Left, pos: new THREE.Vector3(-6, 0.5, 0), rot: new THREE.Euler(0, 0, -Math.PI / 2) },
+            { dir: ENGINE.SwipeDirection.Right, pos: new THREE.Vector3(6, 0.5, 0), rot: new THREE.Euler(0, 0, Math.PI / 2) },
+        ];
+        for (const { dir, pos, rot } of directions) {
+            const indicator = new ENGINE.Actor({
+                position: pos,
+                rotation: rot,
+                sceneComponents: [
+                    new ENGINE.MeshComponent({
+                        geometry: new THREE.ConeGeometry(0.5, 1, 8),
+                        material: new THREE.MeshStandardMaterial({
+                            color: 0x4ecdc4,
+                            emissive: 0x4ecdc4,
+                            emissiveIntensity: 0.3,
+                            roughness: 0.4,
+                        }),
+                    }),
+                ],
+            });
+            this.world.addActor(indicator);
+            this.swipeIndicators.set(dir, indicator);
+            this.swipeCounter.set(dir, 0);
+        }
+    }
+    setupUI() {
+        const ui = this.world.uiManager;
+        // Status text showing tap and swipe counts
+        const statusElement = ui.createElement('status-text', {
+            style: {
+                position: 'absolute',
+                top: '20px',
+                left: '50%',
+                transform: 'translateX(-50%)',
+                backgroundColor: 'rgba(0, 0, 0, 0.8)',
+                color: '#ffffff',
+                padding: '15px 25px',
+                borderRadius: '10px',
+                fontSize: '18px',
+                fontFamily: 'Arial, sans-serif',
+                textAlign: 'center',
+                pointerEvents: 'none',
+                minWidth: '300px',
+            },
+        });
+        statusElement.element.innerHTML = `
+      <div style="margin-bottom: 8px;"><strong>Taps:</strong> 0</div>
+      <div style="font-size: 14px; color: #4ecdc4;">
+        ↑ 0 • ↓ 0 • ← 0 • → 0
+      </div>
+    `;
+        // Instructions
+        const instructionsElement = ui.createElement('instructions-text', {
+            style: {
+                position: 'absolute',
+                bottom: '20px',
+                left: '50%',
+                transform: 'translateX(-50%)',
+                backgroundColor: 'rgba(0, 0, 0, 0.7)',
+                color: '#ffffff',
+                padding: '15px 25px',
+                borderRadius: '8px',
+                fontSize: '14px',
+                fontFamily: 'monospace',
+                textAlign: 'center',
+                pointerEvents: 'none',
+                lineHeight: '1.6',
+            },
+        });
+        instructionsElement.element.innerHTML = `
+      <strong>Desktop:</strong> Click cubes to change color • Drag to trigger swipes<br>
+      <strong>Mobile:</strong> Tap cubes to change color • Swipe to light up arrows<br>
+      <strong>Camera:</strong> WASD to move • Mouse to look around
+    `;
+    }
+    setupGestureHandlers() {
+        const gestureHandler = new ENGINE.BaseInputHandler();
+        // Handle tap events
+        gestureHandler.handleTap = (tapData) => {
+            this.tapCounter++;
+            this.updateStatusText();
+            // Raycast to find tapped cube
+            const raycaster = new THREE.Raycaster();
+            raycaster.setFromCamera(tapData.normalizedPosition, this.camera);
+            for (const cube of this.cubes) {
+                const meshComponents = cube.getComponents(ENGINE.MeshComponent);
+                for (const meshComponent of meshComponents) {
+                    const intersects = raycaster.intersectObject(meshComponent.getMesh(), false);
+                    if (intersects.length > 0) {
+                        // Change cube color
+                        const material = meshComponent.getMesh().material;
+                        const newColor = this.colors[Math.floor(Math.random() * this.colors.length)];
+                        material.color.setHex(newColor);
+                        break;
+                    }
+                }
+            }
+            console.log(`Tap at (${tapData.position.x.toFixed(0)}, ${tapData.position.y.toFixed(0)})`);
+            return false;
+        };
+        // Handle swipe events
+        gestureHandler.handleSwipe = (swipeData) => {
+            const currentCount = this.swipeCounter.get(swipeData.direction) ?? 0;
+            this.swipeCounter.set(swipeData.direction, currentCount + 1);
+            this.updateStatusText();
+            // Animate indicator
+            const indicator = this.swipeIndicators.get(swipeData.direction);
+            if (indicator) {
+                const meshComponents = indicator.getComponents(ENGINE.MeshComponent);
+                if (meshComponents.length > 0) {
+                    const material = meshComponents[0].getMesh().material;
+                    // Flash the indicator
+                    material.emissiveIntensity = 1.0;
+                    setTimeout(() => {
+                        material.emissiveIntensity = 0.3;
+                    }, 200);
+                }
+            }
+            console.log(`Swipe ${swipeData.direction}: ${swipeData.velocity.toFixed(0)}px/s over ${swipeData.distance.toFixed(0)}px`);
+            return false;
+        };
+        this.world.inputManager.addInputHandler(gestureHandler);
+    }
+    updateStatusText() {
+        const upCount = this.swipeCounter.get(ENGINE.SwipeDirection.Up) ?? 0;
+        const downCount = this.swipeCounter.get(ENGINE.SwipeDirection.Down) ?? 0;
+        const leftCount = this.swipeCounter.get(ENGINE.SwipeDirection.Left) ?? 0;
+        const rightCount = this.swipeCounter.get(ENGINE.SwipeDirection.Right) ?? 0;
+        const statusElement = document.getElementById('status-text');
+        if (statusElement) {
+            statusElement.innerHTML = `
+        <div style="margin-bottom: 8px;"><strong>Taps:</strong> ${this.tapCounter}</div>
+        <div style="font-size: 14px; color: #4ecdc4;">
+          ↑ ${upCount} • ↓ ${downCount} • ← ${leftCount} • → ${rightCount}
+        </div>
+      `;
+        }
+    }
+    destroy() {
+        this.cubes = [];
+        this.swipeIndicators.clear();
+        this.swipeCounter.clear();
+        super.destroy();
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dpcGUtdGFwLWRlbW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9nYW1lcy9zd2lwZS10YXAtZGVtby50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxNQUFNLFlBQVksQ0FBQztBQUNyQyxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUvQjs7Ozs7OztHQU9HO0FBQ0gsTUFBTSxPQUFPLFlBQWEsU0FBUSxNQUFNLENBQUMsWUFBWTtJQUFyRDs7UUFDVTs7OzttQkFBd0IsRUFBRTtXQUFDO1FBQzNCOzs7O21CQUE0RCxJQUFJLEdBQUcsRUFBRTtXQUFDO1FBQ3RFOzs7O21CQUFxQixDQUFDO1dBQUM7UUFDdkI7Ozs7bUJBQW1ELElBQUksR0FBRyxFQUFFO1dBQUM7UUFDN0Q7Ozs7O1dBQXNCO1FBQ2I7Ozs7bUJBQVMsQ0FBQyxRQUFRLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFFBQVEsQ0FBQztXQUFDO0lBa056RixDQUFDO0lBaE5vQixLQUFLLENBQUMsUUFBUTtRQUMvQixJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFDO1FBRXpDLDhCQUE4QjtRQUM5QixNQUFNLEVBQUUsSUFBSSxFQUFFLEdBQUcsTUFBTSxDQUFDLFdBQVcsQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFDL0YsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUUsQ0FBQztRQUMvQyxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUNuQyxJQUFJLENBQUMs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

package/dist/games/tween-demo.d.ts

@@ -0,0 +1,22 @@
+import * as ENGINE from 'genesys.js';
+/**
+ * TweenDemo showcases Tween.js integration with the TweenManager.
+ *
+ * Demonstrates:
+ * - Direct TweenManager usage with yoyo animation
+ * - TweenMovementComponent for editor-friendly tweening
+ */
+export declare class TweenDemo extends ENGINE.BaseGameLoop {
+    private directTweenCube;
+    private componentTweenCube;
+    protected preStart(): Promise<void>;
+    /**
+     * Direct TweenManager usage - for code-based tweening
+     */
+    private createDirectTweenCube;
+    /**
+     * TweenMovementComponent usage - for editor-friendly tweening
+     */
+    private createComponentTweenCube;
+    destroy(): void;
+}

package/dist/games/tween-demo.js

@@ -0,0 +1,122 @@
+import * as TWEEN from '@tweenjs/tween.js';
+import * as ENGINE from 'genesys.js';
+import * as THREE from 'three';
+/**
+ * TweenDemo showcases Tween.js integration with the TweenManager.
+ *
+ * Demonstrates:
+ * - Direct TweenManager usage with yoyo animation
+ * - TweenMovementComponent for editor-friendly tweening
+ */
+export class TweenDemo extends ENGINE.BaseGameLoop {
+    constructor() {
+        super(...arguments);
+        Object.defineProperty(this, "directTweenCube", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        Object.defineProperty(this, "componentTweenCube", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+    }
+    async preStart() {
+        // Setup camera
+        const { pawn } = ENGINE.GameBuilder.createDefaultPawn(this.world, new THREE.Vector3(0, 5, 15));
+        const camera = pawn.getComponent(THREE.Camera);
+        camera.position.set(0, 5, 15);
+        camera.lookAt(0, 2, 0);
+        // Setup lighting
+        ENGINE.GameBuilder.createDefaultLighting(this.world);
+        // Create ground plane
+        ENGINE.GameBuilder.createDefaultGround(this.world, {
+            position: new THREE.Vector3(0, 0, 0)
+        });
+        // Create cubes demonstrating different approaches
+        this.createDirectTweenCube();
+        this.createComponentTweenCube();
+    }
+    /**
+     * Direct TweenManager usage - for code-based tweening
+     */
+    createDirectTweenCube() {
+        this.directTweenCube = new ENGINE.Actor({
+            position: new THREE.Vector3(-4, 2, 0)
+        });
+        const geometry = new THREE.BoxGeometry(2, 2, 2);
+        const material = new THREE.MeshStandardMaterial({
+            color: 0x00ffff,
+            emissive: 0x00ffff,
+            emissiveIntensity: 0.4,
+            metalness: 0.3,
+            roughness: 0.6
+        });
+        const mesh = new THREE.Mesh(geometry, material);
+        mesh.castShadow = true;
+        mesh.receiveShadow = true;
+        const meshComponent = new ENGINE.MeshComponent();
+        meshComponent.setMesh(mesh);
+        this.directTweenCube.rootComponent.add(meshComponent);
+        this.world.addActor(this.directTweenCube);
+        // Create tween using TweenManager
+        const currentTime = this.world.tweenManager.getCurrentTime();
+        const position = { x: -4 };
+        this.world.tweenManager.createTween(position)
+            .to({ x: 4 }, 2000)
+            .easing(TWEEN.Easing.Cubic.InOut)
+            .repeat(Infinity)
+            .yoyo(true)
+            .onUpdate(() => {
+            this.directTweenCube.rootComponent.setWorldPosition(new THREE.Vector3(position.x, 2, 0));
+        })
+            .start(currentTime);
+    }
+    /**
+     * TweenMovementComponent usage - for editor-friendly tweening
+     */
+    createComponentTweenCube() {
+        this.componentTweenCube = new ENGINE.Actor({
+            position: new THREE.Vector3(-4, 6, 0)
+        });
+        const geometry = new THREE.BoxGeometry(2, 2, 2);
+        const material = new THREE.MeshStandardMaterial({
+            color: 0xff00ff,
+            emissive: 0xff00ff,
+            emissiveIntensity: 0.4,
+            metalness: 0.3,
+            roughness: 0.6
+        });
+        const mesh = new THREE.Mesh(geometry, material);
+        mesh.castShadow = true;
+        mesh.receiveShadow = true;
+        const meshComponent = new ENGINE.MeshComponent();
+        meshComponent.setMesh(mesh);
+        this.componentTweenCube.rootComponent.add(meshComponent);
+        // Add TweenMovementComponent
+        const tweenComponent = new ENGINE.TweenMovementComponent({
+            duration: 2,
+            targetPosition: new THREE.Vector3(4, 6, 0),
+            easing: 'Cubic.InOut',
+            loop: 'Loop',
+            autoStart: true
+        });
+        this.componentTweenCube.rootComponent.add(tweenComponent);
+        this.world.addActor(this.componentTweenCube);
+    }
+    destroy() {
+        if (this.directTweenCube) {
+            this.directTweenCube.destroy();
+            this.directTweenCube = null;
+        }
+        if (this.componentTweenCube) {
+            this.componentTweenCube.destroy();
+            this.componentTweenCube = null;
+        }
+        super.destroy();
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHdlZW4tZGVtby5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL2dhbWVzL3R3ZWVuLWRlbW8udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxtQkFBbUIsQ0FBQztBQUMzQyxPQUFPLEtBQUssTUFBTSxNQUFNLFlBQVksQ0FBQztBQUNyQyxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUvQjs7Ozs7O0dBTUc7QUFDSCxNQUFNLE9BQU8sU0FBVSxTQUFRLE1BQU0sQ0FBQyxZQUFZO0lBQWxEOztRQUNVOzs7O21CQUF1QyxJQUFJO1dBQUM7UUFDNUM7Ozs7bUJBQTBDLElBQUk7V0FBQztJQStHekQsQ0FBQztJQTdHb0IsS0FBSyxDQUFDLFFBQVE7UUFDL0IsZUFBZTtRQUNmLE1BQU0sRUFBRSxJQUFJLEVBQUUsR0FBRyxNQUFNLENBQUMsV0FBVyxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsSUFBSSxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQztRQUMvRixNQUFNLE1BQU0sR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUUsQ0FBQztRQUNoRCxNQUFNLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQzlCLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztRQUV2QixpQkFBaUI7UUFDakIsTUFBTSxDQUFDLFdBQVcsQ0FBQyxxQkFBcUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFckQsc0JBQXNCO1FBQ3RCLE1BQU0sQ0FBQyxXQUFXLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNqRCxRQUFRLEVBQUUsSUFBSSxLQUFL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

package/dist/games/ui-demo.d.ts

@@ -0,0 +1,75 @@
+import * as ENGINE from 'genesys.js';
+export declare class UIDemo extends ENGINE.BaseGameLoop {
+    private ammoCounter;
+    private pointsCounter;
+    private crosshair;
+    private reloadIndicator;
+    private minimap;
+    private compass;
+    private inventoryBar;
+    private inventoryGrid;
+    private healthBar;
+    private manaBar;
+    private experienceBar;
+    private menuLayout;
+    private controlsLayout;
+    private controlsPanel;
+    private isMenuVisible;
+    private isInventoryGridVisible;
+    private pawn;
+    private controller;
+    private weaponComponent;
+    private cubeTargets;
+    private collectables;
+    private currentAmmo;
+    private maxAmmo;
+    private isReloading;
+    private points;
+    private inventory;
+    private readonly maxInventorySlots;
+    private currentHealth;
+    private maxHealth;
+    private currentMana;
+    private maxMana;
+    private currentExperience;
+    private maxExperience;
+    private readonly gemConfig;
+    protected preStart(): Promise<void>;
+    destroy(): void;
+    private cleanupUI;
+    private createPlayer;
+    private createCubeTargets;
+    private createHealthBarForCube;
+    private setupUI;
+    private setupHUDComponents;
+    private createMenu;
+    private createControls;
+    private setupGameLogic;
+    private shoot;
+    private reloadWeapon;
+    private updateAmmoDisplay;
+    private addPoints;
+    private startHUDUpdates;
+    private updateCubeHealthBar;
+    private destroyCube;
+    private startHealthBarUpdates;
+    private toggleMenu;
+    private toggleInventoryGrid;
+    /**
+     * Synchronize the inventory grid with the inventory bar
+     */
+    private syncInventoryGrid;
+    private restartGame;
+    private quitGame;
+    private createCollectables;
+    private startCollectableUpdates;
+    private collectGem;
+    /**
+     * Custom gem renderer for the inventory
+     */
+    private renderGemItem;
+    /**
+     * Custom gem slot clearer
+     */
+    private clearGemSlot;
+}