provide build pipeline for compressing graphics and other optimzations

Author: sjefvanleeuwen

.github/workflows/static.yml

@@ -31,13 +31,26 @@ jobs:
     steps:
       - name: Checkout
         uses: actions/checkout@v4
+        
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: '18'
+          
+      - name: Install dependencies
+        run: npm install
+        
+      - name: Build
+        run: npm run build
+        
       - name: Setup Pages
         uses: actions/configure-pages@v5
+        
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v3
         with:
-          # Upload entire repository
-          path: '.'
+          path: './dist'
+          
       - name: Deploy to GitHub Pages
         id: deployment
         uses: actions/deploy-pages@v4

.gitignore

@@ -0,0 +1,47 @@
+# Dependencies
+node_modules/
+npm-debug.log
+yarn-debug.log
+yarn-error.log
+package-lock.json
+yarn.lock
+
+# Build outputs
+dist/
+build/
+.vite/
+
+# IDE and editor files
+.vscode/
+.idea/
+*.swp
+*.swo
+.DS_Store
+Thumbs.db
+
+# Environment variables
+.env
+.env.local
+.env.*.local
+
+# Debug logs
+logs/
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Operating System
+.DS_Store
+.DS_Store?
+._*
+.Spotlight-V100
+.Trashes
+ehthumbs.db
+Thumbs.db
+
+# Game-specific
+*.save
+/assets/temp/
+/audio/temp/
+/sprites/working/

audio/alien-shoot.mp3

@@ -0,0 +1,28 @@
+{
+  "scanline": {
+    "intensity": 0.28,
+    "count": 1024.0,
+    "rollingSpeed": 10.3
+  },
+  "screenEffects": {
+    "vignetteStrength": 0.22,
+    "brightness": 1.1,
+    "curvature": 0.1,
+    "gamma": 1.2
+  },
+  "colorEffects": {
+    "rgbShift": 0.0015,
+    "saturation": 1.1,
+    "contrast": 1.2
+  },
+  "blur": {
+    "horizontal": 0.4,
+    "samples": 5
+  },
+  "distortion": {
+    "flickerSpeed": 8.0,
+    "flickerIntensity": 0.03,
+    "noiseAmount": 0.05,
+    "ghosting": 0.12
+  }
+}

audio/explosion.mp3

@@ -0,0 +1,46 @@
+{
+  "sprites": {
+    "dimensions": {
+      "alien1.png": { "width": 100, "height": 100 },
+      "alien.png": { "width": 100, "height": 100 },
+      "player.png": { "width": 200, "height": 200 },
+      "xenowar.png": { "width": 1024, "height": 1024 }
+    },
+    "processing": {
+      "fit": "contain",
+      "position": "center",
+      "colors": 16,
+      "compression": {
+        "quality": [0.3, 0.5],
+        "speed": 1,
+        "strip": true,
+        "dithering": 0.6,
+        "effort": 10,
+        "adaptiveFiltering": true
+      }
+    }
+  },
+  "backgrounds": {
+    "dimensions": {
+      "width": 1024,
+      "height": 1024
+    },
+    "processing": {
+      "fit": "fill",
+      "colors": 16,
+      "compression": {
+        "quality": [0.3, 0.5],
+        "speed": 1,
+        "effort": 10,
+        "dithering": 0.5,
+        "adaptiveFiltering": true
+      }
+    }
+  },
+  "general": {
+    "tempDir": "temp",
+    "outputFormat": "png",
+    "skipExisting": false,
+    "verifyDimensions": true
+  }
+}

audio/player-shoot.mp3

@@ -383,33 +383,6 @@ class PatternFormation {
         this.lasers.push(laser);
     }
 
-    getPatternPosition(angle, centerX, centerY, radiusX, radiusY) {
-        switch (this.pattern.type || 'circle') {
-            case 'figure8':
-                return {
-                    x: centerX + Math.sin(angle * 2) * radiusX,
-                    y: centerY + Math.sin(angle) * radiusY
-                };
-            case 'wave':
-                return {
-                    x: centerX + Math.cos(angle) * radiusX,
-                    y: centerY + Math.sin(angle * 2) * radiusY * 0.5
-                };
-            case 'circle':
-            default:
-                return {
-                    x: centerX + Math.cos(angle) * radiusX,
-                    y: centerY + Math.sin(angle) * radiusY
-                };
-        }
-    }
-
-    easeInOutCubic(t) {
-        return t < 0.5
-            ? 4 * t * t * t
-            : 1 - Math.pow(-2 * t + 2, 3) / 2;
-    }
-
     lerp(a, b, t) {
         return a + (b - a) * t;
     }