feat: rework entire project structure

2026-03-28 18:03:50 +00:00 · 2026-03-23 00:04:04 +01:00
parent 6282951b88
commit 8185757933
26 changed files with 1414 additions and 86 deletions
--- a/app/three/animQueue.ts
+++ b/app/three/animQueue.ts
@@ -0,0 +1,92 @@
+import * as THREE from "three";
+import Animation from "./animation";
+import assets from "@app/data/assets.json"
+
+const ANIMATION_ASSETS = assets.animations; 
+
+export default class AnimationQueue {
+    private animation: Animation;
+    private queue: THREE.AnimationAction[] = [];
+    private currentAction: THREE.AnimationAction | null = null;
+    private mixer: THREE.AnimationMixer;
+    private randomIntervalId: number | null = null;
+
+    constructor(animation: Animation) {
+        this.mixer = animation.getMixer();
+        this.animation = animation;
+    }
+
+    public onqueue(action: THREE.AnimationAction) {
+        this.queue.push(action);
+        this.tryPlayNext();
+    }
+
+    public replaceFirst(action: THREE.AnimationAction) {
+        this.queue.unshift(action);
+        this.tryPlayNext(true);
+    }
+
+    public async tryPlayNext(force: boolean = false) {
+        if (this.currentAction) {
+            if (force) {
+                this.currentAction.fadeOut(this.animation.getFadeout());
+                this.currentAction = null;
+            } else {
+                if ((this.currentAction as any).isBasicClone) {
+                    this.currentAction.fadeOut(this.animation.getFadeout());
+                    this.currentAction = null;
+                } else {
+                    return;
+                }
+            }
+        }
+
+        if (!this.queue.length) this.queue.push(this.animation.getBasicAction());
+
+        const NEXTACTION = this.queue.shift()!;
+        NEXTACTION.reset();
+        NEXTACTION.setLoop(THREE.LoopOnce, 1);
+        NEXTACTION.clampWhenFinished = true;
+        NEXTACTION.fadeIn(this.animation.getFadein()).play();
+
+        const onFinish = (e: any) => {
+            if (e.action === this.currentAction) {
+                if (this.currentAction) this.currentAction.fadeOut(this.animation.getFadeout());
+                this.mixer.removeEventListener("finished", onFinish);
+                this.currentAction = null;
+                return this.tryPlayNext();
+            }
+        };
+
+        this.currentAction = NEXTACTION;
+        this.mixer.addEventListener("finished", onFinish);
+    }
+
+    public startRandom() {
+        if (this.randomIntervalId !== null) return;
+
+        this.randomIntervalId = window.setInterval(async () => {
+            if (!this.mixer) return;
+            const RANDOMINDEX = Math.floor(Math.random() * ANIMATION_ASSETS.length);
+            this.onqueue(await this.animation.loadAnimation(ANIMATION_ASSETS[RANDOMINDEX]));
+        }, 30_000);
+    }
+
+    public stopRandom() {
+        if (this.randomIntervalId !== null) {
+            clearInterval(this.randomIntervalId);
+            this.randomIntervalId = null;
+        }
+    }
+
+    public clearQueue() {
+        this.queue = [];
+    }
+
+    public stop() {
+        this.clearQueue();
+        this.currentAction?.fadeOut(this.animation.getFadeout());
+        this.currentAction = null;
+        this.stopRandom();
+    }
+}