@nice2dev/game-engine 1.1.6 → 1.1.7

package/dist/cjs/tutorials/content/Tutorials_T12_T15.js

@@ -41,7 +41,7 @@ const TUTORIAL_RPG = {
                 de: 'Baue dein eigenes RPG! ⚔️',
             },
             content: {
-                en: 'In this tutorial you\'ll build a classic top-down RPG!\n\n• Character stats (HP, MP, ATK, DEF, SPD)\n• XP and leveling system\n• Inventory and items\n• NPCs with dialogue\n• Turn-based battle system\n• Tilemap world with warps\n\nReady for an adventure?',
+                en: "In this tutorial you'll build a classic top-down RPG!\n\n• Character stats (HP, MP, ATK, DEF, SPD)\n• XP and leveling system\n• Inventory and items\n• NPCs with dialogue\n• Turn-based battle system\n• Tilemap world with warps\n\nReady for an adventure?",
                 pl: 'W tym tutorialu zbudujesz klasyczne RPG z widokiem z góry!\n\n• Statystyki postaci (HP, MP, ATK, DEF, SPD)\n• System XP i poziomów\n• Ekwipunek i przedmioty\n• NPC z dialogami\n• System walki turowej\n• Świat z tilemapy z przejściami\n\nGotowy na przygodę?',
                 de: 'In diesem Tutorial baust du ein klassisches Top-Down-RPG!\n\n• Charakterwerte (HP, MP, ATK, DEF, SPD)\n• XP- und Levelsystem\n• Inventar und Items\n• NPCs mit Dialogen\n• Rundenbasiertes Kampfsystem\n• Tilemap-Welt mit Warps\n\nBereit für ein Abenteuer?',
             },
@@ -58,7 +58,7 @@ const TUTORIAL_RPG = {
                 de: 'Charakterwerte & Leveling',
             },
             content: {
-                en: 'Define your hero\'s stats. Use the RPG template config for stat growth curves and XP requirements.',
+                en: "Define your hero's stats. Use the RPG template config for stat growth curves and XP requirements.",
                 pl: 'Zdefiniuj statystyki bohatera. Użyj konfiguracji szablonu RPG dla krzywych wzrostu statystyk i wymogów XP.',
                 de: 'Definiere die Werte deines Helden. Verwende die RPG-Template-Konfiguration für Wachstumskurven und XP-Anforderungen.',
             },
@@ -112,7 +112,7 @@ const TUTORIAL_RPG = {
                 pl: 'Stwórz NPC z drzewami dialogów. Gracz może wybierać odpowiedzi, które rozgałęziają rozmowę.',
                 de: 'Erstelle NPCs mit Dialogbäumen. Spieler können Antworten wählen, die das Gespräch verzweigen.',
             },
-            codeTemplate: "// Dialogue system\ninterface DialogNode {\n  id: string;\n  text: string;\n",
+            codeTemplate: '// Dialogue system\ninterface DialogNode {\n  id: string;\n  text: string;\n',
             codeSolution: "interface DialogNode {\n  id: string;\n  text: string;\n  speaker: string;\n  choices?: { text: string; next: string; condition?: string }[];\n  next?: string; // auto-advance to next node\n}\n\nconst innkeeperDialog: DialogNode[] = [\n  {\n    id: 'greet',\n    speaker: 'Innkeeper',\n    text: 'Welcome, traveler! Would you like to rest?',\n    choices: [\n      { text: 'Yes, I need rest. (10 gold)', next: 'rest' },\n      { text: 'No thanks.', next: 'bye' },\n      { text: 'Any rumors?', next: 'rumors' },\n    ],\n  },\n  {\n    id: 'rest',\n    speaker: 'Innkeeper',\n    text: 'Sleep well! *HP and MP fully restored*',\n    next: 'greet',\n  },\n  {\n    id: 'rumors',\n    speaker: 'Innkeeper',\n    text: 'I heard monsters in the eastern cave grew stronger...',\n    next: 'greet',\n  },\n  {\n    id: 'bye',\n    speaker: 'Innkeeper',\n    text: 'Safe travels!',\n  },\n];",
             codeValidation: {
                 containsAll: ['DialogNode', 'speaker', 'choices', 'next'],
@@ -163,7 +163,7 @@ const TUTORIAL_RPG = {
                 de: 'Erstelle mehrere Räume verbunden durch Warps. Verwende Tilemaps für jeden Bereich (Stadt, Wald, Höhle, Burg).',
             },
             requiredAction: 'create-world-map',
-            codeTemplate: "// Define world areas\nconst areas = [\n",
+            codeTemplate: '// Define world areas\nconst areas = [\n',
             codeSolution: "const areas = [\n  { id: 'town', name: 'Starter Town', tilemap: 'town-map', npcs: ['innkeeper', 'shopkeeper'] },\n  { id: 'forest', name: 'Dark Forest', tilemap: 'forest-map', enemies: ['wolf', 'slime'] },\n  { id: 'cave', name: 'Crystal Cave', tilemap: 'cave-map', enemies: ['bat', 'golem'] },\n  { id: 'castle', name: 'Demon Castle', tilemap: 'castle-map', enemies: ['skeleton', 'demon-lord'] },\n];\n\nconst warps = [\n  { from: 'town', to: 'forest', x: 19, y: 7 },\n  { from: 'forest', to: 'cave', x: 15, y: 2 },\n  { from: 'forest', to: 'town', x: 0, y: 7 },\n  { from: 'cave', to: 'castle', x: 10, y: 0 },\n];",
             codeValidation: {
                 containsAll: ['areas', 'warps', 'tilemap'],
@@ -201,7 +201,7 @@ const TUTORIAL_RPG = {
                 de: 'RPG fertig! 🏰',
             },
             content: {
-                en: 'Amazing! You\'ve built a full RPG with:\n• Character stats & leveling\n• Inventory with rarity system\n• NPCs with branching dialogue\n• Turn-based combat\n• Multi-area world map with warps\n\nChallenge: Add a party system with 4 heroes!',
+                en: "Amazing! You've built a full RPG with:\n• Character stats & leveling\n• Inventory with rarity system\n• NPCs with branching dialogue\n• Turn-based combat\n• Multi-area world map with warps\n\nChallenge: Add a party system with 4 heroes!",
                 pl: 'Niesamowite! Zbudowałeś pełne RPG z:\n• Statystyki i poziomy postaci\n• Ekwipunek z systemem rzadkości\n• NPC z rozgałęzionymi dialogami\n• Walki turowe\n• Mapa świata z wieloma obszarami\n\nWyzwanie: Dodaj system drużyny z 4 bohaterami!',
                 de: 'Fantastisch! Du hast ein vollständiges RPG gebaut mit:\n• Charakterwerte & Leveling\n• Inventar mit Seltenheitssystem\n• NPCs mit verzweigten Dialogen\n• Rundenbasierter Kampf\n• Weltkarte mit mehreren Bereichen\n\nHerausforderung: Füge ein Gruppensystem mit 4 Helden hinzu!',
             },
@@ -241,7 +241,7 @@ const TUTORIAL_TOWER_DEFENSE = {
                 de: 'Baue Tower Defense! 🗼',
             },
             content: {
-                en: 'In this tutorial you\'ll build a tower defense game!\n\n• Map with path for enemies\n• Tower types (arrow, cannon, ice, laser)\n• Enemy waves with scaling difficulty\n• Tower targeting modes\n• Upgrade system\n• Gold & economy\n\nDefend your base!',
+                en: "In this tutorial you'll build a tower defense game!\n\n• Map with path for enemies\n• Tower types (arrow, cannon, ice, laser)\n• Enemy waves with scaling difficulty\n• Tower targeting modes\n• Upgrade system\n• Gold & economy\n\nDefend your base!",
                 pl: 'W tym tutorialu zbudujesz grę tower defense!\n\n• Mapa ze ścieżką dla wrogów\n• Typy wież (strzały, armata, lód, laser)\n• Fale wrogów ze skalującą się trudnością\n• Tryby celowania wież\n• System ulepszeń\n• Złoto i ekonomia\n\nBroń swojej bazy!',
                 de: 'In diesem Tutorial baust du ein Tower-Defense-Spiel!\n\n• Karte mit Feindpfad\n• Turmtypen (Pfeil, Kanone, Eis, Laser)\n• Feindwellen mit steigender Schwierigkeit\n• Turm-Zielmodi\n• Upgrade-System\n• Gold & Wirtschaft\n\nVerteidige deine Basis!',
             },
@@ -288,7 +288,7 @@ const TUTORIAL_TOWER_DEFENSE = {
                 de: 'Feinde folgen einem vordefinierten Pfad vom Start zum Ende. Definiere Wegpunkte, zwischen denen Feinde laufen.',
             },
             codeTemplate: '// Enemy path waypoints\nconst path = [\n',
-            codeSolution: "const path = [\n  { x: 0, y: 200 },     // start (left edge)\n  { x: 200, y: 200 },   // turn down\n  { x: 200, y: 400 },\n  { x: 400, y: 400 },   // turn up\n  { x: 400, y: 100 },\n  { x: 600, y: 100 },   // final stretch\n  { x: 600, y: 300 },\n  { x: 800, y: 300 },   // end (base)\n];\n\nfunction moveAlongPath(enemy: any, dt: number) {\n  const target = path[enemy.waypointIndex];\n  const dx = target.x - enemy.x;\n  const dy = target.y - enemy.y;\n  const dist = Math.sqrt(dx * dx + dy * dy);\n\n  if (dist < 5) {\n    enemy.waypointIndex++;\n    if (enemy.waypointIndex >= path.length) {\n      // Enemy reached the base!\n      enemy.reachedEnd = true;\n    }\n  } else {\n    enemy.x += (dx / dist) * enemy.speed * dt;\n    enemy.y += (dy / dist) * enemy.speed * dt;\n  }\n}",
+            codeSolution: 'const path = [\n  { x: 0, y: 200 },     // start (left edge)\n  { x: 200, y: 200 },   // turn down\n  { x: 200, y: 400 },\n  { x: 400, y: 400 },   // turn up\n  { x: 400, y: 100 },\n  { x: 600, y: 100 },   // final stretch\n  { x: 600, y: 300 },\n  { x: 800, y: 300 },   // end (base)\n];\n\nfunction moveAlongPath(enemy: any, dt: number) {\n  const target = path[enemy.waypointIndex];\n  const dx = target.x - enemy.x;\n  const dy = target.y - enemy.y;\n  const dist = Math.sqrt(dx * dx + dy * dy);\n\n  if (dist < 5) {\n    enemy.waypointIndex++;\n    if (enemy.waypointIndex >= path.length) {\n      // Enemy reached the base!\n      enemy.reachedEnd = true;\n    }\n  } else {\n    enemy.x += (dx / dist) * enemy.speed * dt;\n    enemy.y += (dy / dist) * enemy.speed * dt;\n  }\n}',
             codeValidation: {
                 containsAll: ['path', 'waypointIndex', 'moveAlongPath'],
             },
@@ -363,7 +363,7 @@ const TUTORIAL_TOWER_DEFENSE = {
                 de: 'Türme können aufgewertet werden für mehr Schaden und Reichweite. Verdiene Gold durch Feind-Kills. Verkaufe Türme für Rückerstattung.',
             },
             codeTemplate: '// Upgrade system\nlet gold = 200;\n',
-            codeSolution: "let gold = 200;\n\nfunction upgradeTower(tower: any): boolean {\n  const upgradeCost = Math.floor(tower.cost * 0.75 * tower.level);\n  if (gold < upgradeCost) return false;\n\n  gold -= upgradeCost;\n  tower.level++;\n  tower.damage = Math.floor(tower.damage * 1.3);\n  tower.range += 10;\n  tower.fireRate *= 1.1;\n  return true;\n}\n\nfunction sellTower(tower: any): number {\n  const refund = Math.floor(tower.cost * 0.6);\n  gold += refund;\n  return refund;\n}\n\nfunction onEnemyKilled(enemy: any) {\n  gold += enemy.goldReward;\n}",
+            codeSolution: 'let gold = 200;\n\nfunction upgradeTower(tower: any): boolean {\n  const upgradeCost = Math.floor(tower.cost * 0.75 * tower.level);\n  if (gold < upgradeCost) return false;\n\n  gold -= upgradeCost;\n  tower.level++;\n  tower.damage = Math.floor(tower.damage * 1.3);\n  tower.range += 10;\n  tower.fireRate *= 1.1;\n  return true;\n}\n\nfunction sellTower(tower: any): number {\n  const refund = Math.floor(tower.cost * 0.6);\n  gold += refund;\n  return refund;\n}\n\nfunction onEnemyKilled(enemy: any) {\n  gold += enemy.goldReward;\n}',
             codeValidation: {
                 containsAll: ['upgradeTower', 'sellTower', 'gold'],
             },
@@ -383,7 +383,7 @@ const TUTORIAL_TOWER_DEFENSE = {
                 de: 'Tower Defense fertig! 🏆',
             },
             content: {
-                en: 'You\'ve built a full tower defense game!\n• 4 tower types with different targeting\n• Enemy pathfinding along waypoints\n• Escalating wave system\n• Upgrade & sell mechanics\n• Gold economy\n\nChallenge: Add flying enemies that ignore the path!',
+                en: "You've built a full tower defense game!\n• 4 tower types with different targeting\n• Enemy pathfinding along waypoints\n• Escalating wave system\n• Upgrade & sell mechanics\n• Gold economy\n\nChallenge: Add flying enemies that ignore the path!",
                 pl: 'Zbudowałeś kompletną grę tower defense!\n• 4 typy wież z różnym celowaniem\n• Pathfinding wrogów po waypointach\n• Eskalujący system fal\n• Mechaniki ulepszania i sprzedaży\n• Ekonomia złota\n\nWyzwanie: Dodaj latających wrogów ignorujących ścieżkę!',
                 de: 'Du hast ein komplettes Tower-Defense-Spiel gebaut!\n• 4 Turmtypen mit verschiedenem Zielen\n• Feind-Pathfinding entlang Wegpunkten\n• Eskalierendes Wellensystem\n• Upgrade- & Verkaufsmechaniken\n• Gold-Wirtschaft\n\nHerausforderung: Füge fliegende Feinde hinzu, die den Pfad ignorieren!',
             },
@@ -423,7 +423,7 @@ const TUTORIAL_3D_GAME = {
                 de: 'Willkommen in 3D! 🎮',
             },
             content: {
-                en: 'In this tutorial you\'ll enter the third dimension!\n\n• Set up a 3D world (World3D)\n• Add meshes (cube, sphere, plane)\n• Lighting (directional, point, spot)\n• Camera controllers (FPS, orbit)\n• 3D physics (rigid bodies, colliders)\n• Character controller (walking, jumping)\n\nLet\'s go 3D!',
+                en: "In this tutorial you'll enter the third dimension!\n\n• Set up a 3D world (World3D)\n• Add meshes (cube, sphere, plane)\n• Lighting (directional, point, spot)\n• Camera controllers (FPS, orbit)\n• 3D physics (rigid bodies, colliders)\n• Character controller (walking, jumping)\n\nLet's go 3D!",
                 pl: 'W tym tutorialu wejdziesz w trzeci wymiar!\n\n• Skonfiguruj świat 3D (World3D)\n• Dodaj meshe (sześcian, sfera, płaszczyzna)\n• Oświetlenie (kierunkowe, punktowe, spot)\n• Kontrolery kamery (FPS, orbita)\n• Fizyka 3D (rigid body, kolidery)\n• Kontroler postaci (chodzenie, skakanie)\n\nWejdźmy w 3D!',
                 de: 'In diesem Tutorial betrittst du die dritte Dimension!\n\n• 3D-Welt einrichten (World3D)\n• Meshes hinzufügen (Würfel, Kugel, Ebene)\n• Beleuchtung (Richtung, Punkt, Spot)\n• Kamera-Controller (FPS, Orbit)\n• 3D-Physik (Starrkörper, Kollider)\n• Character-Controller (Laufen, Springen)\n\nAb in die 3. Dimension!',
             },
@@ -590,7 +590,7 @@ const TUTORIAL_3D_GAME = {
                 de: '3D-Spiel fertig! 🌟',
             },
             content: {
-                en: 'You\'ve built your first 3D game!\n• World3D scene with multiple objects\n• Primitive meshes (cube, sphere, plane)\n• Directional and point lighting\n• Orbit camera controller\n• 3D physics with rigid bodies\n• Character controller with jumping\n\nChallenge: Add a skybox and third-person camera!',
+                en: "You've built your first 3D game!\n• World3D scene with multiple objects\n• Primitive meshes (cube, sphere, plane)\n• Directional and point lighting\n• Orbit camera controller\n• 3D physics with rigid bodies\n• Character controller with jumping\n\nChallenge: Add a skybox and third-person camera!",
                 pl: 'Zbudowałeś swoją pierwszą grę 3D!\n• Scena World3D z wieloma obiektami\n• Prymitywne meshe (sześcian, sfera, płaszczyzna)\n• Oświetlenie kierunkowe i punktowe\n• Kontroler kamery orbitalnej\n• Fizyka 3D z ciałami sztywnymi\n• Kontroler postaci ze skakaniem\n\nWyzwanie: Dodaj skybox i kamerę trzeciej osoby!',
                 de: 'Du hast dein erstes 3D-Spiel gebaut!\n• World3D-Szene mit mehreren Objekten\n• Primitive Meshes (Würfel, Kugel, Ebene)\n• Richtungs- und Punktbeleuchtung\n• Orbit-Kamera-Controller\n• 3D-Physik mit Starrkörpern\n• Character-Controller mit Springen\n\nHerausforderung: Füge eine Skybox und Third-Person-Kamera hinzu!',
             },
@@ -630,9 +630,9 @@ const TUTORIAL_PUBLISHING = {
                 de: 'Veröffentliche dein Spiel! 🚀',
             },
             content: {
-                en: 'Your game is ready — now let\'s share it with the world!\n\n• Feature detection (check browser support)\n• Build optimization (minify, tree-shake)\n• PWA export (installable web app)\n• Electron export (Windows/Mac/Linux)\n• Capacitor export (iOS/Android)\n• Performance benchmarking\n\nLet\'s deploy!',
+                en: "Your game is ready — now let's share it with the world!\n\n• Feature detection (check browser support)\n• Build optimization (minify, tree-shake)\n• PWA export (installable web app)\n• Electron export (Windows/Mac/Linux)\n• Capacitor export (iOS/Android)\n• Performance benchmarking\n\nLet's deploy!",
                 pl: 'Twoja gra jest gotowa — czas podzielić się nią ze światem!\n\n• Wykrywanie funkcji (sprawdź wsparcie przeglądarki)\n• Optymalizacja buildu (minifikacja, tree-shaking)\n• Eksport PWA (instalowalna web app)\n• Eksport Electron (Windows/Mac/Linux)\n• Eksport Capacitor (iOS/Android)\n• Benchmarkowanie wydajności\n\nWdrażamy!',
-                de: 'Dein Spiel ist bereit — teile es mit der Welt!\n\n• Feature-Erkennung (Browser-Support)\n• Build-Optimierung (Minifizierung, Tree-Shaking)\n• PWA-Export (installierbare Web-App)\n• Electron-Export (Windows/Mac/Linux)\n• Capacitor-Export (iOS/Android)\n• Performance-Benchmarking\n\nLos geht\'s!',
+                de: "Dein Spiel ist bereit — teile es mit der Welt!\n\n• Feature-Erkennung (Browser-Support)\n• Build-Optimierung (Minifizierung, Tree-Shaking)\n• PWA-Export (installierbare Web-App)\n• Electron-Export (Windows/Mac/Linux)\n• Capacitor-Export (iOS/Android)\n• Performance-Benchmarking\n\nLos geht's!",
             },
             skippable: true,
             tooltipPosition: 'center',
@@ -742,10 +742,38 @@ const TUTORIAL_PUBLISHING = {
                 de: 'Was ist eine PWA (Progressive Web App)?',
             },
             quizOptions: [
-                { id: 'a', text: { en: 'A native mobile app', pl: 'Natywna aplikacja mobilna', de: 'Eine native mobile App' } },
-                { id: 'b', text: { en: 'A web app that can be installed and works offline', pl: 'Web app instalowalna i działająca offline', de: 'Eine Web-App die installierbar ist und offline funktioniert' } },
-                { id: 'c', text: { en: 'A special browser plugin', pl: 'Specjalna wtyczka przeglądarki', de: 'Ein spezielles Browser-Plugin' } },
-                { id: 'd', text: { en: 'A server-side application', pl: 'Aplikacja serwerowa', de: 'Eine serverseitige Anwendung' } },
+                {
+                    id: 'a',
+                    text: {
+                        en: 'A native mobile app',
+                        pl: 'Natywna aplikacja mobilna',
+                        de: 'Eine native mobile App',
+                    },
+                },
+                {
+                    id: 'b',
+                    text: {
+                        en: 'A web app that can be installed and works offline',
+                        pl: 'Web app instalowalna i działająca offline',
+                        de: 'Eine Web-App die installierbar ist und offline funktioniert',
+                    },
+                },
+                {
+                    id: 'c',
+                    text: {
+                        en: 'A special browser plugin',
+                        pl: 'Specjalna wtyczka przeglądarki',
+                        de: 'Ein spezielles Browser-Plugin',
+                    },
+                },
+                {
+                    id: 'd',
+                    text: {
+                        en: 'A server-side application',
+                        pl: 'Aplikacja serwerowa',
+                        de: 'Eine serverseitige Anwendung',
+                    },
+                },
             ],
             quizCorrectId: 'b',
         },
@@ -770,12 +798,7 @@ const TUTORIAL_PUBLISHING = {
    Convenience export
    ══════════════════════════════════════════════════════════════ */
 function getTutorials_T12_T15() {
-    return [
-        TUTORIAL_RPG,
-        TUTORIAL_TOWER_DEFENSE,
-        TUTORIAL_3D_GAME,
-        TUTORIAL_PUBLISHING,
-    ];
+    return [TUTORIAL_RPG, TUTORIAL_TOWER_DEFENSE, TUTORIAL_3D_GAME, TUTORIAL_PUBLISHING];
 }
 
 exports.TUTORIAL_3D_GAME = TUTORIAL_3D_GAME;

package/dist/esm/core/GameConfig.js

@@ -35,13 +35,27 @@ class GameConfig {
     get settings() {
         return this._settings;
     }
-    get width() { return this._settings.width; }
-    get height() { return this._settings.height; }
-    get targetFps() { return this._settings.targetFps; }
-    get maxPlayers() { return this._settings.maxPlayers; }
-    get physics() { return this._settings.physics; }
-    get audio() { return this._settings.audio; }
-    get rendering() { return this._settings.rendering; }
+    get width() {
+        return this._settings.width;
+    }
+    get height() {
+        return this._settings.height;
+    }
+    get targetFps() {
+        return this._settings.targetFps;
+    }
+    get maxPlayers() {
+        return this._settings.maxPlayers;
+    }
+    get physics() {
+        return this._settings.physics;
+    }
+    get audio() {
+        return this._settings.audio;
+    }
+    get rendering() {
+        return this._settings.rendering;
+    }
     update(overrides) {
         this._settings = mergeSettings(this._settings, overrides);
     }

package/dist/esm/release/MobileExport.js

@@ -22,9 +22,24 @@ function generateServiceWorkerConfig(config) {
         strategy: config.cacheStrategy,
         precache: [config.startUrl, '/index.html', '/manifest.json'],
         runtimeCaching: [
-            { urlPattern: /\.(?:png|jpg|jpeg|webp|svg|gif)$/i, handler: 'CacheFirst', options: { cacheName: 'images', expiration: { maxEntries: 100, maxAgeSeconds: 30 * 24 * 60 * 60 } } },
-            { urlPattern: /\.(?:js|css)$/i, handler: 'StaleWhileRevalidate', options: { cacheName: 'static' } },
-            { urlPattern: /\.(?:mp3|ogg|wav)$/i, handler: 'CacheFirst', options: { cacheName: 'audio', expiration: { maxEntries: 50 } } },
+            {
+                urlPattern: /\.(?:png|jpg|jpeg|webp|svg|gif)$/i,
+                handler: 'CacheFirst',
+                options: {
+                    cacheName: 'images',
+                    expiration: { maxEntries: 100, maxAgeSeconds: 30 * 24 * 60 * 60 },
+                },
+            },
+            {
+                urlPattern: /\.(?:js|css)$/i,
+                handler: 'StaleWhileRevalidate',
+                options: { cacheName: 'static' },
+            },
+            {
+                urlPattern: /\.(?:mp3|ogg|wav)$/i,
+                handler: 'CacheFirst',
+                options: { cacheName: 'audio', expiration: { maxEntries: 50 } },
+            },
         ],
         offlineFallback: config.offlineSupport ? '/offline.html' : undefined,
     };
@@ -122,19 +137,37 @@ function createDefaultMobileLayout() {
 }
 const MOBILE_PERF_PROFILES = {
     low: {
-        tier: 'low', maxFPS: 30, renderScale: 0.5, maxParticles: 100,
-        maxAudioSources: 8, shadowQuality: 'off', postProcessing: false,
-        textureQuality: 'low', physicsBroadPhaseSize: 64,
+        tier: 'low',
+        maxFPS: 30,
+        renderScale: 0.5,
+        maxParticles: 100,
+        maxAudioSources: 8,
+        shadowQuality: 'off',
+        postProcessing: false,
+        textureQuality: 'low',
+        physicsBroadPhaseSize: 64,
     },
     medium: {
-        tier: 'medium', maxFPS: 60, renderScale: 0.75, maxParticles: 500,
-        maxAudioSources: 16, shadowQuality: 'low', postProcessing: true,
-        textureQuality: 'medium', physicsBroadPhaseSize: 128,
+        tier: 'medium',
+        maxFPS: 60,
+        renderScale: 0.75,
+        maxParticles: 500,
+        maxAudioSources: 16,
+        shadowQuality: 'low',
+        postProcessing: true,
+        textureQuality: 'medium',
+        physicsBroadPhaseSize: 128,
     },
     high: {
-        tier: 'high', maxFPS: 60, renderScale: 1, maxParticles: 2000,
-        maxAudioSources: 32, shadowQuality: 'high', postProcessing: true,
-        textureQuality: 'high', physicsBroadPhaseSize: 256,
+        tier: 'high',
+        maxFPS: 60,
+        renderScale: 1,
+        maxParticles: 2000,
+        maxAudioSources: 32,
+        shadowQuality: 'high',
+        postProcessing: true,
+        textureQuality: 'high',
+        physicsBroadPhaseSize: 256,
     },
 };
 

package/dist/esm/tutorials/content/Tutorials_T05_T08.js

@@ -13,12 +13,12 @@ const TUTORIAL_ANIMATIONS = {
     id: 'animations-sprites-tweens',
     title: {
         en: 'Animations: Sprites, Tweens & Easing',
-        pl: 'Animacje: Sprite\'y, Tweeny i Easing',
+        pl: "Animacje: Sprite'y, Tweeny i Easing",
         de: 'Animationen: Sprites, Tweens & Easing',
     },
     description: {
         en: 'Learn to animate game objects using sprite sheets, tweens, easing functions, and state machines.',
-        pl: 'Naucz się animować obiekty za pomocą sprite sheet\'ów, tweenów, easing\'ów i maszyn stanów.',
+        pl: "Naucz się animować obiekty za pomocą sprite sheet'ów, tweenów, easing'ów i maszyn stanów.",
         de: 'Lerne, Spielobjekte mit Spritesheets, Tweens, Easing und Zustandsmaschinen zu animieren.',
     },
     category: 'game-basics',
@@ -39,8 +39,8 @@ const TUTORIAL_ANIMATIONS = {
                 de: 'Willkommen bei Animationen! 🎬',
             },
             content: {
-                en: 'In this tutorial you will learn:\n• Creating animation clips from sprite sheets\n• Using tweens for smooth movement\n• Easing functions (bounce, elastic, cubic)\n• Animation state machines\n\nLet\'s bring your game to life!',
-                pl: 'W tym tutorialu nauczysz się:\n• Tworzenia klipów animacji ze sprite sheet\'ów\n• Używania tweenów do płynnego ruchu\n• Funkcji easing (bounce, elastic, cubic)\n• Maszyn stanów animacji\n\nOżywmy Twoją grę!',
+                en: "In this tutorial you will learn:\n• Creating animation clips from sprite sheets\n• Using tweens for smooth movement\n• Easing functions (bounce, elastic, cubic)\n• Animation state machines\n\nLet's bring your game to life!",
+                pl: "W tym tutorialu nauczysz się:\n• Tworzenia klipów animacji ze sprite sheet'ów\n• Używania tweenów do płynnego ruchu\n• Funkcji easing (bounce, elastic, cubic)\n• Maszyn stanów animacji\n\nOżywmy Twoją grę!",
                 de: 'In diesem Tutorial lernst du:\n• Animationsclips aus Spritesheets erstellen\n• Tweens für flüssige Bewegungen\n• Easing-Funktionen (Bounce, Elastic, Cubic)\n• Animations-Zustandsmaschinen\n\nLass uns dein Spiel zum Leben erwecken!',
             },
             skippable: true,
@@ -57,7 +57,7 @@ const TUTORIAL_ANIMATIONS = {
             },
             content: {
                 en: 'Use `createClipFromSheet` to define an animation clip from a sprite sheet.\nParameters: name, columns in the sheet, start index, frame count, frame size, and duration per frame.',
-                pl: 'Użyj `createClipFromSheet` aby zdefiniować klip animacji ze sprite sheet\'a.\nParametry: nazwa, kolumny w arkuszu, indeks startowy, ilość klatek, rozmiar klatki i czas trwania klatki.',
+                pl: "Użyj `createClipFromSheet` aby zdefiniować klip animacji ze sprite sheet'a.\nParametry: nazwa, kolumny w arkuszu, indeks startowy, ilość klatek, rozmiar klatki i czas trwania klatki.",
                 de: 'Verwende `createClipFromSheet` um einen Animationsclip aus einem Spritesheet zu erstellen.\nParameter: Name, Spalten im Sheet, Startindex, Framezahl, Framegröße und Dauer pro Frame.',
             },
             codeTemplate: '// Create a "walk" animation clip\nconst walkClip = ',
@@ -193,7 +193,7 @@ const TUTORIAL_ANIMATIONS = {
                 de: 'Animations-Checkpoint ✅',
             },
             content: {
-                en: 'Great progress! You\'ve learned the core animation APIs. Your progress is saved.',
+                en: "Great progress! You've learned the core animation APIs. Your progress is saved.",
                 pl: 'Świetne postępy! Opanowałeś podstawowe API animacji. Twoje postępy zostały zapisane.',
                 de: 'Toller Fortschritt! Du hast die Kern-Animations-APIs gelernt. Dein Fortschritt wurde gespeichert.',
             },
@@ -249,7 +249,7 @@ const TUTORIAL_TILEMAPS = {
                 de: 'Welten mit Kacheln bauen! 🗺️',
             },
             content: {
-                en: 'Tilemaps are the foundation of 2D game worlds — platformers, RPGs, strategy games.\n\nYou will learn:\n• Creating a tilemap with layers\n• Placing and filling tiles\n• Auto-tiling (smart borders)\n• Collision detection with tiles\n• Serializing tilemaps (save/load)\n\nLet\'s build a world! 🌍',
+                en: "Tilemaps are the foundation of 2D game worlds — platformers, RPGs, strategy games.\n\nYou will learn:\n• Creating a tilemap with layers\n• Placing and filling tiles\n• Auto-tiling (smart borders)\n• Collision detection with tiles\n• Serializing tilemaps (save/load)\n\nLet's build a world! 🌍",
                 pl: 'Tilemapy to fundament świata gier 2D — platformówek, RPG, strategii.\n\nNauczysz się:\n• Tworzenia tilemapy z warstwami\n• Umieszczania i wypełniania kafelków\n• Auto-tilingu (inteligentne krawędzie)\n• Detekcji kolizji z kafelkami\n• Serializacji tilemap (zapis/odczyt)\n\nZbudujmy świat! 🌍',
                 de: 'Tilemaps sind das Fundament von 2D-Spielwelten — Platformer, RPGs, Strategiespiele.\n\nDu lernst:\n• Erstellen einer Tilemap mit Ebenen\n• Kacheln platzieren und füllen\n• Auto-Tiling (intelligente Ränder)\n• Kollisionserkennung mit Kacheln\n• Tilemaps serialisieren (Speichern/Laden)\n\nBauen wir eine Welt! 🌍',
             },
@@ -495,7 +495,7 @@ const TUTORIAL_VISUAL_SCRIPTING = {
                 de: 'Baue einen Script-Graphen',
             },
             content: {
-                en: 'A `ScriptGraph` has nodes (instances) and connections between their ports.\nLet\'s create a simple graph that moves an entity when a key is pressed.',
+                en: "A `ScriptGraph` has nodes (instances) and connections between their ports.\nLet's create a simple graph that moves an entity when a key is pressed.",
                 pl: '`ScriptGraph` zawiera węzły (instancje) i połączenia między ich portami.\nUtwórzmy prosty graf, który przesuwa encję po naciśnięciu klawisza.',
                 de: 'Ein `ScriptGraph` hat Knoten (Instanzen) und Verbindungen zwischen Ports.\nErstellen wir einen einfachen Graphen, der eine Entity bewegt, wenn eine Taste gedrückt wird.',
             },
@@ -525,9 +525,26 @@ const TUTORIAL_VISUAL_SCRIPTING = {
                 de: 'Was steuert ein "flow"-Port in Visual Scripting?',
             },
             quizOptions: [
-                { id: 'a', text: { en: 'The color of the node', pl: 'Kolor węzła', de: 'Die Farbe des Knotens' } },
-                { id: 'b', text: { en: 'The execution order (which node runs next)', pl: 'Kolejność wykonania (który węzeł uruchomić dalej)', de: 'Die Ausführungsreihenfolge (welcher Knoten als nächstes läuft)' } },
-                { id: 'c', text: { en: 'The animation speed', pl: 'Prędkość animacji', de: 'Die Animationsgeschwindigkeit' } },
+                {
+                    id: 'a',
+                    text: { en: 'The color of the node', pl: 'Kolor węzła', de: 'Die Farbe des Knotens' },
+                },
+                {
+                    id: 'b',
+                    text: {
+                        en: 'The execution order (which node runs next)',
+                        pl: 'Kolejność wykonania (który węzeł uruchomić dalej)',
+                        de: 'Die Ausführungsreihenfolge (welcher Knoten als nächstes läuft)',
+                    },
+                },
+                {
+                    id: 'c',
+                    text: {
+                        en: 'The animation speed',
+                        pl: 'Prędkość animacji',
+                        de: 'Die Animationsgeschwindigkeit',
+                    },
+                },
                 { id: 'd', text: { en: 'The sound volume', pl: 'Głośność dźwięku', de: 'Die Lautstärke' } },
             ],
             quizCorrectId: 'b',
@@ -542,7 +559,7 @@ const TUTORIAL_VISUAL_SCRIPTING = {
                 de: 'Starte den Graphen! 🚀',
             },
             content: {
-                en: 'The `GraphExecutor` takes a node library and a script graph, then executes it each frame.\nConnect it to the engine\'s update loop.',
+                en: "The `GraphExecutor` takes a node library and a script graph, then executes it each frame.\nConnect it to the engine's update loop.",
                 pl: '`GraphExecutor` przyjmuje bibliotekę węzłów i graf, a następnie wykonuje go co klatkę.\nPodłącz go do pętli update silnika.',
                 de: 'Der `GraphExecutor` nimmt eine Knoten-Bibliothek und einen Graphen und führt ihn pro Frame aus.\nVerbinde ihn mit der Update-Schleife der Engine.',
             },
@@ -567,7 +584,7 @@ const TUTORIAL_VISUAL_SCRIPTING = {
                 de: 'Probiere es! Verbinde Knoten',
             },
             content: {
-                en: 'In the editor, try dragging a connection from one node\'s output port to another node\'s input port.\nThe wire turns green when compatible ports are connected!',
+                en: "In the editor, try dragging a connection from one node's output port to another node's input port.\nThe wire turns green when compatible ports are connected!",
                 pl: 'W edytorze spróbuj przeciągnąć połączenie z portu wyjściowego jednego węzła na port wejściowy drugiego.\nPrzewód zmienia kolor na zielony gdy porty są kompatybilne!',
                 de: 'Im Editor: Ziehe eine Verbindung vom Ausgang eines Knotens zum Eingang eines anderen.\nDie Leitung wird grün, wenn kompatible Ports verbunden sind!',
             },
@@ -624,7 +641,7 @@ const TUTORIAL_LOCAL_MULTIPLAYER = {
                 de: 'Zusammen spielen! 🎮🎮',
             },
             content: {
-                en: 'Local multiplayer lets friends play together on the same screen!\n\nYou will learn:\n• `PlayerManager` — managing up to 12 players\n• Gamepad input for each player\n• Split-screen viewports\n• Drop-in / drop-out\n\nGrab some controllers and let\'s go! 🕹️',
+                en: "Local multiplayer lets friends play together on the same screen!\n\nYou will learn:\n• `PlayerManager` — managing up to 12 players\n• Gamepad input for each player\n• Split-screen viewports\n• Drop-in / drop-out\n\nGrab some controllers and let's go! 🕹️",
                 pl: 'Multiplayer lokalny pozwala znajomym grać razem na jednym ekranie!\n\nNauczysz się:\n• `PlayerManager` — zarządzanie do 12 graczy\n• Wejście z gamepada dla każdego gracza\n• Podzielony ekran (split-screen)\n• Dynamiczne dołączanie/odłączanie graczy\n\nWeź kontrolery i zaczynamy! 🕹️',
                 de: 'Lokaler Multiplayer lässt Freunde zusammen auf einem Bildschirm spielen!\n\nDu lernst:\n• `PlayerManager` — bis zu 12 Spieler verwalten\n• Gamepad-Eingabe für jeden Spieler\n• Splitscreen-Ansichten\n• Drop-in / Drop-out\n\nSchnappt euch Controller und los! 🕹️',
             },
@@ -767,8 +784,8 @@ const TUTORIAL_LOCAL_MULTIPLAYER = {
                 pl: 'Spraw, aby gamepady zaczęły wibrować przy zdarzeniach jak obrażenia czy eksplozje, używając metody `vibrate`.',
                 de: 'Lass Gamepads bei Events wie Schaden oder Explosionen vibrieren mit der `vibrate`-Methode.',
             },
-            codeTemplate: '// Vibrate a player\'s gamepad\n',
-            codeSolution: '// Vibrate player 1\'s gamepad for 200ms\nengine.input.vibrate(\n  1,      // player index\n  200,    // duration (ms)\n  0.5,    // weak motor magnitude (0-1)\n  1.0     // strong motor magnitude (0-1)\n);',
+            codeTemplate: "// Vibrate a player's gamepad\n",
+            codeSolution: "// Vibrate player 1's gamepad for 200ms\nengine.input.vibrate(\n  1,      // player index\n  200,    // duration (ms)\n  0.5,    // weak motor magnitude (0-1)\n  1.0     // strong motor magnitude (0-1)\n);",
             codeValidation: {
                 containsAll: ['vibrate'],
             },