feat(optimize): optimize Falukant 3D models during build and update deployment scripts

frontend/scripts/optimize-glb.mjs

@@ -1,41 +1,53 @@
 #!/usr/bin/env node
 /**
- * Optimiert Falukant-Charakter-GLBs mit Draco + Textur-Optimierung.
+ * Optimiert alle Falukant-Charakter-GLBs mit Draco + Textur-Optimierung.
  * Ausgabe: *_opt.glb im selben Verzeichnis.
  * Voraussetzung: npm install (@gltf-transform/cli als Dev-Dep)
  *
  * Aufruf: npm run optimize-models
  */
 
-import { execSync } from 'child_process';
+import fs from 'fs';
+import { spawnSync } from 'child_process';
 import { fileURLToPath } from 'url';
 import path from 'path';
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const charsDir = path.join(__dirname, '..', 'public', 'models', '3d', 'falukant', 'characters');
-
-const models = [
-  'male.glb', 'female.glb',
-  'male_adult.glb', 'male_child.glb', 'male_preteen.glb', 'male_teen.glb', 'male_toddler.glb',
-  'female_adult.glb', 'female_child.glb', 'female_preteen.glb', 'female_teen.glb', 'female_toddler.glb',
-];
-
 const cli = path.join(__dirname, '..', 'node_modules', '.bin', 'gltf-transform');
-const cmd = (input, output) =>
-  `"${cli}" optimize "${input}" "${output}" --compress draco --texture-size 1024`;
+
+function listSourceModels() {
+  return fs.readdirSync(charsDir)
+    .filter((file) => file.endsWith('.glb'))
+    .filter((file) => !file.endsWith('_opt.glb'))
+    .sort((a, b) => a.localeCompare(b));
+}
 
 console.log('Optimize Falukant character GLBs (Draco + texture 1024)\n');
 
+const models = listSourceModels();
+if (models.length === 0) {
+  console.log('No source GLBs found.');
+  process.exit(0);
+}
+
 for (const f of models) {
   const input = path.join(charsDir, f);
   const out = f.replace(/\.glb$/, '_opt.glb');
   const output = path.join(charsDir, out);
 
   try {
-    execSync(`node "${cli}" optimize "${input}" "${output}" --compress draco --texture-size 1024`, {
-      stdio: 'inherit',
-      cwd: path.join(__dirname, '..'),
-    });
+    const result = spawnSync(
+      'node',
+      [cli, 'optimize', input, output, '--compress', 'draco', '--texture-size', '1024'],
+      {
+        stdio: 'inherit',
+        cwd: path.join(__dirname, '..'),
+      }
+    );
+    if (result.status !== 0) {
+      throw new Error(`gltf-transform exited with ${result.status}`);
+    }
   } catch (e) {
     console.error(`Failed: ${f}`);
     process.exitCode = 1;

frontend/src/components/Character3D.vue

@@ -26,6 +26,7 @@ import { getApiBaseURL } from '@/utils/axios.js';
 
 /** Backend-Route: GET /api/models/3d/falukant/characters/:filename (Proxy mit Draco-Optimierung) */
 const MODELS_API_PATH = '/api/models/3d/falukant/characters';
+const OPTIMIZED_MODEL_SUFFIX = '_opt.glb';
 // Optional: zusätzliche Namenskonventionen, die vor dem Standardpfad ausprobiert werden.
 // Hier werden mögliche Alternativ-Dateinamen aufgeführt, die für bestimmte Altersstufen
 // (z.B. weibliche Modelle für 1-4 Jahre) existieren könnten. Trage hier die tatsächlichen
@@ -273,6 +274,10 @@ export default {
     this.cleanup();
   },
   methods: {
+    toOptimizedModelPath(url) {
+      return String(url || '').replace(/\.glb$/i, OPTIMIZED_MODEL_SUFFIX);
+    },
+
     async ensureThreeRuntime() {
       if (!this.threeRuntime) {
         this.threeRuntime = markRaw(await loadThreeRuntime());
@@ -457,9 +462,9 @@ export default {
         // Lightweight:
         // 1. Altersbereich
         // 2. Basis-Modell
-        const exactAgePath = this.exactAgeModelPath;
-        const ageGroupPath = this.modelPath;
-        const fallbackPath = `${prefix}/${this.actualGender}.glb`;
+        const exactAgePath = this.toOptimizedModelPath(this.exactAgeModelPath);
+        const ageGroupPath = this.toOptimizedModelPath(this.modelPath);
+        const fallbackPath = `${prefix}/${this.actualGender}${OPTIMIZED_MODEL_SUFFIX}`;
 
         // Build a list of candidate paths. For every age and gender we first try
         // possible alternate filenames for the exact-age model (e.g. female_1y_alt.glb),
@@ -471,7 +476,7 @@ export default {
 
         // Try exact-age variants with configured suffixes first (works for any gender/age)
         for (const sfx of AGE_ALTERNATIVE_SUFFIXES) {
-          candidates.push(`${prefix}/${this.actualGender}_${modelAge}y${sfx}`);
+          candidates.push(this.toOptimizedModelPath(`${prefix}/${this.actualGender}_${modelAge}y${sfx}`));
         }
 
         // Standard preference order: exact age, age group, fallback