@nice2dev/game-engine 1.1.6 → 1.1.9

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',
@@ -34,13 +34,13 @@ const TUTORIAL_ANIMATIONS = {
             id: 'anim-welcome',
             type: 'text',
             title: {
-                en: 'Welcome to Animations! 🎬',
-                pl: 'Witaj w świecie animacji! 🎬',
-                de: 'Willkommen bei Animationen! 🎬',
+                en: 'Welcome to Animations!',
+                pl: 'Witaj w świecie animacji!',
+                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 = ',
@@ -101,9 +101,9 @@ const TUTORIAL_ANIMATIONS = {
             id: 'quiz-animation',
             type: 'quiz',
             title: {
-                en: 'Quick Quiz! 🧠',
-                pl: 'Szybki quiz! 🧠',
-                de: 'Schnelles Quiz! 🧠',
+                en: 'Quick Quiz!',
+                pl: 'Szybki quiz!',
+                de: 'Schnelles Quiz!',
             },
             content: {
                 en: 'If an animation has 8 frames at 0.1s each, how long is one full cycle?',
@@ -148,14 +148,14 @@ const TUTORIAL_ANIMATIONS = {
             id: 'easing-functions',
             type: 'text',
             title: {
-                en: 'Easing Functions Explained 📈',
-                pl: 'Funkcje Easing wyjaśnione 📈',
-                de: 'Easing-Funktionen erklärt 📈',
+                en: 'Easing Functions Explained',
+                pl: 'Funkcje Easing wyjaśnione',
+                de: 'Easing-Funktionen erklärt',
             },
             content: {
-                en: 'Available easing functions:\n\n• `Easing.linear` — constant speed\n• `Easing.easeInQuad` — starts slow, accelerates\n• `Easing.easeOutQuad` — starts fast, decelerates\n• `Easing.easeInOutQuad` — slow start & end\n• `Easing.easeInCubic` — stronger acceleration\n• `Easing.easeOutCubic` — stronger deceleration\n• `Easing.easeOutBounce` — bounce effect at the end 🏀\n• `Easing.easeOutElastic` — spring/elastic effect 🔧\n\nExperiment with different easings to find the right feel for your game!',
-                pl: 'Dostępne funkcje easing:\n\n• `Easing.linear` — stała prędkość\n• `Easing.easeInQuad` — zaczyna wolno, przyspiesza\n• `Easing.easeOutQuad` — zaczyna szybko, zwalnia\n• `Easing.easeInOutQuad` — wolny start i koniec\n• `Easing.easeInCubic` — silniejsze przyspieszenie\n• `Easing.easeOutCubic` — silniejsze hamowanie\n• `Easing.easeOutBounce` — efekt odbicia 🏀\n• `Easing.easeOutElastic` — efekt sprężyny 🔧\n\nEksperymentuj z różnymi easingami, aby znaleźć odpowiedni feeling!',
-                de: 'Verfügbare Easing-Funktionen:\n\n• `Easing.linear` — konstante Geschwindigkeit\n• `Easing.easeInQuad` — langsamer Start, beschleunigt\n• `Easing.easeOutQuad` — schneller Start, bremst ab\n• `Easing.easeInOutQuad` — langsamer Start & Ende\n• `Easing.easeInCubic` — stärkere Beschleunigung\n• `Easing.easeOutCubic` — stärkere Verlangsamung\n• `Easing.easeOutBounce` — Bounce-Effekt 🏀\n• `Easing.easeOutElastic` — Feder/Elastik-Effekt 🔧\n\nExperimentiere mit verschiedenen Easings!',
+                en: 'Available easing functions:\n\n• `Easing.linear` — constant speed\n• `Easing.easeInQuad` — starts slow, accelerates\n• `Easing.easeOutQuad` — starts fast, decelerates\n• `Easing.easeInOutQuad` — slow start & end\n• `Easing.easeInCubic` — stronger acceleration\n• `Easing.easeOutCubic` — stronger deceleration\n• `Easing.easeOutBounce` — bounce effect at the end\n• `Easing.easeOutElastic` — spring/elastic effect\n\nExperiment with different easings to find the right feel for your game!',
+                pl: 'Dostępne funkcje easing:\n\n• `Easing.linear` — stała prędkość\n• `Easing.easeInQuad` — zaczyna wolno, przyspiesza\n• `Easing.easeOutQuad` — zaczyna szybko, zwalnia\n• `Easing.easeInOutQuad` — wolny start i koniec\n• `Easing.easeInCubic` — silniejsze przyspieszenie\n• `Easing.easeOutCubic` — silniejsze hamowanie\n• `Easing.easeOutBounce` — efekt odbicia\n• `Easing.easeOutElastic` — efekt sprężyny\n\nEksperymentuj z różnymi easingami, aby znaleźć odpowiedni feeling!',
+                de: 'Verfügbare Easing-Funktionen:\n\n• `Easing.linear` — konstante Geschwindigkeit\n• `Easing.easeInQuad` — langsamer Start, beschleunigt\n• `Easing.easeOutQuad` — schneller Start, bremst ab\n• `Easing.easeInOutQuad` — langsamer Start & Ende\n• `Easing.easeInCubic` — stärkere Beschleunigung\n• `Easing.easeOutCubic` — stärkere Verlangsamung\n• `Easing.easeOutBounce` — Bounce-Effekt\n• `Easing.easeOutElastic` — Feder/Elastik-Effekt\n\nExperimentiere mit verschiedenen Easings!',
             },
         },
         // --- S7: Animation State Machine ---
@@ -188,12 +188,12 @@ const TUTORIAL_ANIMATIONS = {
             id: 'anim-checkpoint',
             type: 'checkpoint',
             title: {
-                en: 'Animation Checkpoint ✅',
-                pl: 'Checkpoint animacji ✅',
-                de: 'Animations-Checkpoint ✅',
+                en: 'Animation Checkpoint',
+                pl: 'Checkpoint animacji',
+                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.',
             },
@@ -203,14 +203,14 @@ const TUTORIAL_ANIMATIONS = {
             id: 'anim-congratulations',
             type: 'text',
             title: {
-                en: 'Congratulations! 🎉',
-                pl: 'Gratulacje! 🎉',
-                de: 'Herzlichen Glückwunsch! 🎉',
+                en: 'Congratulations!',
+                pl: 'Gratulacje!',
+                de: 'Herzlichen Glückwunsch!',
             },
             content: {
-                en: '🏆 You learned:\n• Creating animation clips with `createClipFromSheet`\n• `SpriteAnimator` for frame-by-frame animation\n• `TweenManager` for smooth interpolation\n• Easing functions (bounce, elastic, cubic)\n• `AnimationStateMachine` for automatic transitions\n\nNext: Try the "Tilemaps & Worlds" tutorial! 🗺️',
-                pl: '🏆 Nauczyłeś się:\n• Tworzenia klipów animacji z `createClipFromSheet`\n• `SpriteAnimator` do animacji klatka po klatce\n• `TweenManager` do płynnej interpolacji\n• Funkcji easing (bounce, elastic, cubic)\n• `AnimationStateMachine` do automatycznych przejść\n\nDalej: Spróbuj tutoriala "Tilemapy i światy"! 🗺️',
-                de: '🏆 Du hast gelernt:\n• Animationsclips mit `createClipFromSheet` erstellen\n• `SpriteAnimator` für Frame-by-Frame-Animation\n• `TweenManager` für flüssige Interpolation\n• Easing-Funktionen (Bounce, Elastic, Cubic)\n• `AnimationStateMachine` für automatische Übergänge\n\nWeiter: Probiere das "Tilemaps & Welten"-Tutorial! 🗺️',
+                en: 'You learned:\n• Creating animation clips with `createClipFromSheet`\n• `SpriteAnimator` for frame-by-frame animation\n• `TweenManager` for smooth interpolation\n• Easing functions (bounce, elastic, cubic)\n• `AnimationStateMachine` for automatic transitions\n\nNext: Try the "Tilemaps & Worlds" tutorial!',
+                pl: 'Nauczyłeś się:\n• Tworzenia klipów animacji z `createClipFromSheet`\n• `SpriteAnimator` do animacji klatka po klatce\n• `TweenManager` do płynnej interpolacji\n• Funkcji easing (bounce, elastic, cubic)\n• `AnimationStateMachine` do automatycznych przejść\n\nDalej: Spróbuj tutoriala "Tilemapy i światy"!',
+                de: 'Du hast gelernt:\n• Animationsclips mit `createClipFromSheet` erstellen\n• `SpriteAnimator` für Frame-by-Frame-Animation\n• `TweenManager` für flüssige Interpolation\n• Easing-Funktionen (Bounce, Elastic, Cubic)\n• `AnimationStateMachine` für automatische Übergänge\n\nWeiter: Probiere das "Tilemaps & Welten"-Tutorial!',
             },
             tooltipPosition: 'center',
         },
@@ -244,14 +244,14 @@ const TUTORIAL_TILEMAPS = {
             id: 'tile-welcome',
             type: 'text',
             title: {
-                en: 'Building Worlds with Tiles! 🗺️',
-                pl: 'Budujemy światy z kafelków! 🗺️',
-                de: 'Welten mit Kacheln bauen! 🗺️',
+                en: 'Building Worlds with Tiles!',
+                pl: 'Budujemy światy z kafelków!',
+                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! 🌍',
-                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! 🌍',
+                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!',
             },
             skippable: true,
             tooltipPosition: 'center',
@@ -311,9 +311,9 @@ const TUTORIAL_TILEMAPS = {
             id: 'auto-tiling',
             type: 'code',
             title: {
-                en: 'Auto-Tiling Magic ✨',
-                pl: 'Magia auto-tilingu ✨',
-                de: 'Auto-Tiling Magie ✨',
+                en: 'Auto-Tiling Magic',
+                pl: 'Magia auto-tilingu',
+                de: 'Auto-Tiling Magie',
             },
             content: {
                 en: 'Use `computeAutoTileMask` to automatically determine which border tile variant to use.\nThe 4-bit bitmask checks top/right/bottom/left neighbors.',
@@ -336,9 +336,9 @@ const TUTORIAL_TILEMAPS = {
             id: 'quiz-tilemap',
             type: 'quiz',
             title: {
-                en: 'Tilemap Quiz! 🧠',
-                pl: 'Quiz tilemap! 🧠',
-                de: 'Tilemap-Quiz! 🧠',
+                en: 'Tilemap Quiz!',
+                pl: 'Quiz tilemap!',
+                de: 'Tilemap-Quiz!',
             },
             content: {
                 en: 'A tilemap is 20 tiles wide × 15 tiles tall with 32px tiles. What is the total pixel width?',
@@ -408,14 +408,14 @@ const TUTORIAL_TILEMAPS = {
             id: 'tile-congratulations',
             type: 'text',
             title: {
-                en: 'Congratulations! 🎉',
-                pl: 'Gratulacje! 🎉',
-                de: 'Herzlichen Glückwunsch! 🎉',
+                en: 'Congratulations!',
+                pl: 'Gratulacje!',
+                de: 'Herzlichen Glückwunsch!',
             },
             content: {
-                en: '🏆 You learned:\n• `Tilemap` creation with layers\n• `setTile`, `fillRect`, `floodFill`\n• `computeAutoTileMask` for smart borders\n• `worldToTile` / `tileToWorld` conversion\n• `isSolid` / `getSolidTilesInRect` for collision\n• `toJSON` / `fromJSON` for save/load\n\nNext: Try "Visual Scripting" to program without code! 🧩',
-                pl: '🏆 Nauczyłeś się:\n• Tworzenia `Tilemap` z warstwami\n• `setTile`, `fillRect`, `floodFill`\n• `computeAutoTileMask` do inteligentnych krawędzi\n• `worldToTile` / `tileToWorld` konwersji\n• `isSolid` / `getSolidTilesInRect` do kolizji\n• `toJSON` / `fromJSON` do zapisu/odczytu\n\nDalej: Spróbuj "Visual Scripting" — programowanie bez kodu! 🧩',
-                de: '🏆 Du hast gelernt:\n• `Tilemap`-Erstellung mit Ebenen\n• `setTile`, `fillRect`, `floodFill`\n• `computeAutoTileMask` für intelligente Ränder\n• `worldToTile` / `tileToWorld` Konvertierung\n• `isSolid` / `getSolidTilesInRect` für Kollision\n• `toJSON` / `fromJSON` zum Speichern/Laden\n\nWeiter: Probiere "Visual Scripting" — Programmieren ohne Code! 🧩',
+                en: 'You learned:\n• `Tilemap` creation with layers\n• `setTile`, `fillRect`, `floodFill`\n• `computeAutoTileMask` for smart borders\n• `worldToTile` / `tileToWorld` conversion\n• `isSolid` / `getSolidTilesInRect` for collision\n• `toJSON` / `fromJSON` for save/load\n\nNext: Try "Visual Scripting" to program without code!',
+                pl: 'Nauczyłeś się:\n• Tworzenia `Tilemap` z warstwami\n• `setTile`, `fillRect`, `floodFill`\n• `computeAutoTileMask` do inteligentnych krawędzi\n• `worldToTile` / `tileToWorld` konwersji\n• `isSolid` / `getSolidTilesInRect` do kolizji\n• `toJSON` / `fromJSON` do zapisu/odczytu\n\nDalej: Spróbuj "Visual Scripting" — programowanie bez kodu!',
+                de: 'Du hast gelernt:\n• `Tilemap`-Erstellung mit Ebenen\n• `setTile`, `fillRect`, `floodFill`\n• `computeAutoTileMask` für intelligente Ränder\n• `worldToTile` / `tileToWorld` Konvertierung\n• `isSolid` / `getSolidTilesInRect` für Kollision\n• `toJSON` / `fromJSON` zum Speichern/Laden\n\nWeiter: Probiere "Visual Scripting" — Programmieren ohne Code!',
             },
             tooltipPosition: 'center',
         },
@@ -448,14 +448,14 @@ const TUTORIAL_VISUAL_SCRIPTING = {
             id: 'vs-welcome',
             type: 'text',
             title: {
-                en: 'Program Without Code! 🧩',
-                pl: 'Programuj bez kodu! 🧩',
-                de: 'Programmieren ohne Code! 🧩',
+                en: 'Program Without Code!',
+                pl: 'Programuj bez kodu!',
+                de: 'Programmieren ohne Code!',
             },
             content: {
-                en: 'Visual Scripting lets you create game behaviors by connecting nodes in a graph.\nNo typing required — just drag, connect, and play!\n\nYou will learn:\n• Creating a node library\n• Building a script graph\n• Connecting nodes with ports\n• Running the graph\n\nPerfect for beginners and kids! 🎮',
-                pl: 'Visual Scripting pozwala tworzyć zachowania gry przez łączenie węzłów w grafie.\nBez pisania — po prostu przeciągaj, łącz i graj!\n\nNauczysz się:\n• Tworzenia biblioteki węzłów\n• Budowania grafu skryptowego\n• Łączenia węzłów portami\n• Uruchamiania grafu\n\nIdealne dla początkujących i dzieci! 🎮',
-                de: 'Visual Scripting lässt dich Spielverhalten durch Verbinden von Knoten erstellen.\nKein Tippen nötig — einfach ziehen, verbinden und spielen!\n\nDu lernst:\n• Eine Knoten-Bibliothek erstellen\n• Einen Script-Graph bauen\n• Knoten mit Ports verbinden\n• Den Graphen ausführen\n\nPerfekt für Anfänger und Kinder! 🎮',
+                en: 'Visual Scripting lets you create game behaviors by connecting nodes in a graph.\nNo typing required — just drag, connect, and play!\n\nYou will learn:\n• Creating a node library\n• Building a script graph\n• Connecting nodes with ports\n• Running the graph\n\nPerfect for beginners and kids!',
+                pl: 'Visual Scripting pozwala tworzyć zachowania gry przez łączenie węzłów w grafie.\nBez pisania — po prostu przeciągaj, łącz i graj!\n\nNauczysz się:\n• Tworzenia biblioteki węzłów\n• Budowania grafu skryptowego\n• Łączenia węzłów portami\n• Uruchamiania grafu\n\nIdealne dla początkujących i dzieci!',
+                de: 'Visual Scripting lässt dich Spielverhalten durch Verbinden von Knoten erstellen.\nKein Tippen nötig — einfach ziehen, verbinden und spielen!\n\nDu lernst:\n• Eine Knoten-Bibliothek erstellen\n• Einen Script-Graph bauen\n• Knoten mit Ports verbinden\n• Den Graphen ausführen\n\nPerfekt für Anfänger und Kinder!',
             },
             skippable: true,
             tooltipPosition: 'center',
@@ -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.',
             },
@@ -515,9 +515,9 @@ const TUTORIAL_VISUAL_SCRIPTING = {
             id: 'quiz-nodes',
             type: 'quiz',
             title: {
-                en: 'Node Quiz! 🧠',
-                pl: 'Quiz o węzłach! 🧠',
-                de: 'Knoten-Quiz! 🧠',
+                en: 'Node Quiz!',
+                pl: 'Quiz o węzłach!',
+                de: 'Knoten-Quiz!',
             },
             content: {
                 en: 'What does a "flow" port type control in visual scripting?',
@@ -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',
@@ -537,12 +554,12 @@ const TUTORIAL_VISUAL_SCRIPTING = {
             id: 'run-graph',
             type: 'code',
             title: {
-                en: 'Run the Graph! 🚀',
-                pl: 'Uruchom graf! 🚀',
-                de: 'Starte den Graphen! 🚀',
+                en: 'Run the Graph!',
+                pl: 'Uruchom graf!',
+                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!',
             },
@@ -578,14 +595,14 @@ const TUTORIAL_VISUAL_SCRIPTING = {
             id: 'vs-congratulations',
             type: 'text',
             title: {
-                en: 'Congratulations! 🎉',
-                pl: 'Gratulacje! 🎉',
-                de: 'Herzlichen Glückwunsch! 🎉',
+                en: 'Congratulations!',
+                pl: 'Gratulacje!',
+                de: 'Herzlichen Glückwunsch!',
             },
             content: {
-                en: '🏆 You learned:\n• `NodeLibrary` with built-in node types\n• Port types: flow, number, string, boolean, vec2, entity\n• `ScriptGraph` structure (nodes + connections)\n• `GraphExecutor` to run graphs each frame\n• Node categories: flow, math, logic, entity, input, physics, game\n\nVisual Scripting makes game development accessible to everyone! 🌟\n\nNext: Try "Local Multiplayer" for co-op gaming! 🎮🎮',
-                pl: '🏆 Nauczyłeś się:\n• `NodeLibrary` z wbudowanymi typami węzłów\n• Typy portów: flow, number, string, boolean, vec2, entity\n• Struktury `ScriptGraph` (nodes + connections)\n• `GraphExecutor` do uruchamiania grafów co klatkę\n• Kategorie węzłów: flow, math, logic, entity, input, physics, game\n\nVisual Scripting sprawia, że tworzenie gier jest dostępne dla każdego! 🌟\n\nDalej: Spróbuj "Multiplayer lokalny" do gry w co-op! 🎮🎮',
-                de: '🏆 Du hast gelernt:\n• `NodeLibrary` mit eingebauten Knotentypen\n• Port-Typen: flow, number, string, boolean, vec2, entity\n• `ScriptGraph`-Struktur (Knoten + Verbindungen)\n• `GraphExecutor` zum Ausführen von Graphen\n• Knoten-Kategorien: flow, math, logic, entity, input, physics, game\n\nVisual Scripting macht Spieleentwicklung für alle zugänglich! 🌟\n\nWeiter: Probiere "Lokaler Multiplayer" für Co-op! 🎮🎮',
+                en: 'You learned:\n• `NodeLibrary` with built-in node types\n• Port types: flow, number, string, boolean, vec2, entity\n• `ScriptGraph` structure (nodes + connections)\n• `GraphExecutor` to run graphs each frame\n• Node categories: flow, math, logic, entity, input, physics, game\n\nVisual Scripting makes game development accessible to everyone!\n\nNext: Try "Local Multiplayer" for co-op gaming!',
+                pl: 'Nauczyłeś się:\n• `NodeLibrary` z wbudowanymi typami węzłów\n• Typy portów: flow, number, string, boolean, vec2, entity\n• Struktury `ScriptGraph` (nodes + connections)\n• `GraphExecutor` do uruchamiania grafów co klatkę\n• Kategorie węzłów: flow, math, logic, entity, input, physics, game\n\nVisual Scripting sprawia, że tworzenie gier jest dostępne dla każdego!\n\nDalej: Spróbuj "Multiplayer lokalny" do gry w co-op!',
+                de: 'Du hast gelernt:\n• `NodeLibrary` mit eingebauten Knotentypen\n• Port-Typen: flow, number, string, boolean, vec2, entity\n• `ScriptGraph`-Struktur (Knoten + Verbindungen)\n• `GraphExecutor` zum Ausführen von Graphen\n• Knoten-Kategorien: flow, math, logic, entity, input, physics, game\n\nVisual Scripting macht Spieleentwicklung für alle zugänglich!\n\nWeiter: Probiere "Lokaler Multiplayer" für Co-op!',
             },
             tooltipPosition: 'center',
         },
@@ -619,14 +636,14 @@ const TUTORIAL_LOCAL_MULTIPLAYER = {
             id: 'mp-welcome',
             type: 'text',
             title: {
-                en: 'Play Together! 🎮🎮',
-                pl: 'Grajcie razem! 🎮🎮',
-                de: 'Zusammen spielen! 🎮🎮',
+                en: 'Play Together!',
+                pl: 'Grajcie razem!',
+                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! 🕹️',
-                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! 🕹️',
+                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!',
             },
             skippable: true,
             tooltipPosition: 'center',
@@ -711,9 +728,9 @@ const TUTORIAL_LOCAL_MULTIPLAYER = {
             id: 'quiz-multiplayer',
             type: 'quiz',
             title: {
-                en: 'Multiplayer Quiz! 🧠',
-                pl: 'Quiz multiplayer! 🧠',
-                de: 'Multiplayer-Quiz! 🧠',
+                en: 'Multiplayer Quiz!',
+                pl: 'Quiz multiplayer!',
+                de: 'Multiplayer-Quiz!',
             },
             content: {
                 en: 'How many players does the engine support simultaneously?',
@@ -758,17 +775,17 @@ const TUTORIAL_LOCAL_MULTIPLAYER = {
             id: 'gamepad-vibration',
             type: 'code',
             title: {
-                en: 'Gamepad Vibration 🎮💥',
-                pl: 'Wibracja gamepada 🎮💥',
-                de: 'Gamepad-Vibration 🎮💥',
+                en: 'Gamepad Vibration',
+                pl: 'Wibracja gamepada',
+                de: 'Gamepad-Vibration',
             },
             content: {
                 en: 'Make gamepads rumble on events like damage or explosions using the `vibrate` method.',
                 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'],
             },
@@ -783,14 +800,14 @@ const TUTORIAL_LOCAL_MULTIPLAYER = {
             id: 'mp-congratulations',
             type: 'text',
             title: {
-                en: 'Congratulations! 🎉',
-                pl: 'Gratulacje! 🎉',
-                de: 'Herzlichen Glückwunsch! 🎉',
+                en: 'Congratulations!',
+                pl: 'Gratulacje!',
+                de: 'Herzlichen Glückwunsch!',
             },
             content: {
-                en: '🏆 You learned:\n• `PlayerManager` for up to 12 players\n• `setupLocal(count)` for quick setup\n• Per-player `getAction(name, playerIndex)`\n• Action bindings for keyboard + gamepad\n• `SplitScreenManager` with 7 screen modes\n• Drop-in / drop-out with events\n• Gamepad vibration for tactile feedback\n\nYour games are now multiplayer-ready! 🎮🎮🎮🎮',
-                pl: '🏆 Nauczyłeś się:\n• `PlayerManager` do 12 graczy\n• `setupLocal(count)` do szybkiej konfiguracji\n• Per-gracz `getAction(name, playerIndex)`\n• Bindowanie akcji dla klawiatury + gamepada\n• `SplitScreenManager` z 7 trybami ekranu\n• Dynamiczne dołączanie/odłączanie ze zdarzeniami\n• Wibracja gamepada dla taktylnego feedbacku\n\nTwoje gry są teraz gotowe na multiplayer! 🎮🎮🎮🎮',
-                de: '🏆 Du hast gelernt:\n• `PlayerManager` für bis zu 12 Spieler\n• `setupLocal(count)` für schnelles Setup\n• Pro-Spieler `getAction(name, spielerIndex)`\n• Aktionsbindungen für Tastatur + Gamepad\n• `SplitScreenManager` mit 7 Bildschirmmodi\n• Drop-in / Drop-out mit Events\n• Gamepad-Vibration für taktiles Feedback\n\nDeine Spiele sind jetzt Multiplayer-bereit! 🎮🎮🎮🎮',
+                en: 'You learned:\n• `PlayerManager` for up to 12 players\n• `setupLocal(count)` for quick setup\n• Per-player `getAction(name, playerIndex)`\n• Action bindings for keyboard + gamepad\n• `SplitScreenManager` with 7 screen modes\n• Drop-in / drop-out with events\n• Gamepad vibration for tactile feedback\n\nYour games are now multiplayer-ready!',
+                pl: 'Nauczyłeś się:\n• `PlayerManager` do 12 graczy\n• `setupLocal(count)` do szybkiej konfiguracji\n• Per-gracz `getAction(name, playerIndex)`\n• Bindowanie akcji dla klawiatury + gamepada\n• `SplitScreenManager` z 7 trybami ekranu\n• Dynamiczne dołączanie/odłączanie ze zdarzeniami\n• Wibracja gamepada dla taktylnego feedbacku\n\nTwoje gry są teraz gotowe na multiplayer!',
+                de: 'Du hast gelernt:\n• `PlayerManager` für bis zu 12 Spieler\n• `setupLocal(count)` für schnelles Setup\n• Pro-Spieler `getAction(name, spielerIndex)`\n• Aktionsbindungen für Tastatur + Gamepad\n• `SplitScreenManager` mit 7 Bildschirmmodi\n• Drop-in / Drop-out mit Events\n• Gamepad-Vibration für taktiles Feedback\n\nDeine Spiele sind jetzt Multiplayer-bereit!',
             },
             tooltipPosition: 'center',
         },