@nice2dev/game-engine 1.1.7 → 1.1.9

package/dist/cjs/kids/KidMode.js

@@ -281,7 +281,7 @@ function isKidProfile(v) {
 const KID_DIFFICULTY_PRESETS = {
     explorer: {
         label: { en: 'Explorer', pl: 'Odkrywca', de: 'Entdecker' },
-        emoji: '🔭',
+        emoji: 'search',
         enabledCategories: ['motion', 'looks', 'events'],
         maxEntities: 10,
         showCodeView: false,
@@ -291,7 +291,7 @@ const KID_DIFFICULTY_PRESETS = {
     },
     creator: {
         label: { en: 'Creator', pl: 'Twórca', de: 'Schöpfer' },
-        emoji: '🎨',
+        emoji: 'palette',
         enabledCategories: ['motion', 'looks', 'events', 'control', 'sounds'],
         maxEntities: 25,
         showCodeView: false,
@@ -301,7 +301,7 @@ const KID_DIFFICULTY_PRESETS = {
     },
     inventor: {
         label: { en: 'Inventor', pl: 'Wynalazca', de: 'Erfinder' },
-        emoji: '🔧',
+        emoji: 'settings',
         enabledCategories: ['motion', 'looks', 'events', 'control', 'sensing', 'operators', 'sounds'],
         maxEntities: 50,
         showCodeView: true,
@@ -311,7 +311,7 @@ const KID_DIFFICULTY_PRESETS = {
     },
     master: {
         label: { en: 'Master', pl: 'Mistrz', de: 'Meister' },
-        emoji: '🏆',
+        emoji: 'medal',
         enabledCategories: [
             'motion',
             'looks',
@@ -335,7 +335,7 @@ const VISUAL_BLOCKS = [
     {
         id: 'move-right',
         category: 'motion',
-        emoji: '➡️',
+        emoji: 'arrow-right',
         label: { en: 'Move Right', pl: 'Idź w prawo', de: 'Rechts bewegen' },
         description: {
             en: 'Move the character to the right',
@@ -358,7 +358,7 @@ const VISUAL_BLOCKS = [
     {
         id: 'move-left',
         category: 'motion',
-        emoji: '⬅️',
+        emoji: 'arrow-left',
         label: { en: 'Move Left', pl: 'Idź w lewo', de: 'Links bewegen' },
         description: {
             en: 'Move the character to the left',
@@ -381,7 +381,7 @@ const VISUAL_BLOCKS = [
     {
         id: 'move-up',
         category: 'motion',
-        emoji: '⬆️',
+        emoji: 'arrow-up',
         label: { en: 'Move Up', pl: 'Idź w górę', de: 'Nach oben' },
         description: {
             en: 'Move the character up',
@@ -404,7 +404,7 @@ const VISUAL_BLOCKS = [
     {
         id: 'move-down',
         category: 'motion',
-        emoji: '⬇️',
+        emoji: 'arrow-down',
         label: { en: 'Move Down', pl: 'Idź w dół', de: 'Nach unten' },
         description: {
             en: 'Move the character down',
@@ -427,7 +427,7 @@ const VISUAL_BLOCKS = [
     {
         id: 'jump',
         category: 'motion',
-        emoji: '🦘',
+        emoji: 'chevron-up',
         label: { en: 'Jump!', pl: 'Skocz!', de: 'Springe!' },
         description: {
             en: 'Make the character jump',
@@ -450,7 +450,7 @@ const VISUAL_BLOCKS = [
     {
         id: 'rotate',
         category: 'motion',
-        emoji: '🔄',
+        emoji: 'refresh',
         label: { en: 'Rotate', pl: 'Obróć', de: 'Drehen' },
         description: { en: 'Rotate the character', pl: 'Obróć postać', de: 'Drehe die Figur' },
         params: [
@@ -470,7 +470,7 @@ const VISUAL_BLOCKS = [
     {
         id: 'show',
         category: 'looks',
-        emoji: '👁️',
+        emoji: 'eye',
         label: { en: 'Show', pl: 'Pokaż', de: 'Zeigen' },
         description: { en: 'Make visible', pl: 'Pokaż obiekt', de: 'Sichtbar machen' },
         params: [],
@@ -480,7 +480,7 @@ const VISUAL_BLOCKS = [
     {
         id: 'hide',
         category: 'looks',
-        emoji: '🙈',
+        emoji: 'eye-off',
         label: { en: 'Hide', pl: 'Ukryj', de: 'Verstecken' },
         description: { en: 'Make invisible', pl: 'Ukryj obiekt', de: 'Unsichtbar machen' },
         params: [],
@@ -490,7 +490,7 @@ const VISUAL_BLOCKS = [
     {
         id: 'change-color',
         category: 'looks',
-        emoji: '🎨',
+        emoji: 'palette',
         label: { en: 'Change Color', pl: 'Zmień kolor', de: 'Farbe ändern' },
         description: { en: 'Change the color', pl: 'Zmień kolor obiektu', de: 'Ändere die Farbe' },
         params: [
@@ -507,7 +507,7 @@ const VISUAL_BLOCKS = [
     {
         id: 'say',
         category: 'looks',
-        emoji: '💬',
+        emoji: 'message',
         label: { en: 'Say', pl: 'Powiedz', de: 'Sagen' },
         description: {
             en: 'Show a speech bubble',
@@ -528,7 +528,7 @@ const VISUAL_BLOCKS = [
     {
         id: 'grow',
         category: 'looks',
-        emoji: '🔍',
+        emoji: 'expand',
         label: { en: 'Grow', pl: 'Powiększ', de: 'Vergrößern' },
         description: { en: 'Make bigger', pl: 'Powiększ obiekt', de: 'Größer machen' },
         params: [
@@ -548,7 +548,7 @@ const VISUAL_BLOCKS = [
     {
         id: 'when-start',
         category: 'events',
-        emoji: '🏁',
+        emoji: 'play',
         label: { en: 'When Game Starts', pl: 'Gdy gra się zaczyna', de: 'Wenn Spiel startet' },
         description: {
             en: 'Run when the game begins',
@@ -562,7 +562,7 @@ const VISUAL_BLOCKS = [
     {
         id: 'when-key',
         category: 'events',
-        emoji: '⌨️',
+        emoji: 'keyboard',
         label: { en: 'When Key Pressed', pl: 'Gdy naciśniesz klawisz', de: 'Wenn Taste gedrückt' },
         description: {
             en: 'Run when a key is pressed',
@@ -580,7 +580,7 @@ const VISUAL_BLOCKS = [
                     { value: 'ArrowDown', label: { en: '↓ Down', pl: '↓ Dół', de: '↓ Unten' } },
                     { value: 'ArrowLeft', label: { en: '← Left', pl: '← Lewo', de: '← Links' } },
                     { value: 'ArrowRight', label: { en: '→ Right', pl: '→ Prawo', de: '→ Rechts' } },
-                    { value: 'Space', label: { en: '␣ Space', pl: '␣ Spacja', de: '␣ Leertaste' } },
+                    { value: 'Space', label: { en: 'Space', pl: 'Spacja', de: 'Leertaste' } },
                 ],
             },
         ],
@@ -590,7 +590,7 @@ const VISUAL_BLOCKS = [
     {
         id: 'when-click',
         category: 'events',
-        emoji: '👆',
+        emoji: 'cursor',
         label: { en: 'When Clicked', pl: 'Gdy klikniesz', de: 'Wenn geklickt' },
         description: {
             en: 'Run when this object is clicked',
@@ -605,7 +605,7 @@ const VISUAL_BLOCKS = [
     {
         id: 'repeat',
         category: 'control',
-        emoji: '🔁',
+        emoji: 'layers',
         label: { en: 'Repeat', pl: 'Powtórz', de: 'Wiederholen' },
         description: {
             en: 'Repeat blocks N times',
@@ -628,7 +628,7 @@ const VISUAL_BLOCKS = [
     {
         id: 'forever',
         category: 'control',
-        emoji: '♾️',
+        emoji: 'zap',
         label: { en: 'Forever', pl: 'Zawsze', de: 'Immer' },
         description: {
             en: 'Repeat forever (every frame)',
@@ -642,7 +642,7 @@ const VISUAL_BLOCKS = [
     {
         id: 'if-then',
         category: 'control',
-        emoji: '❓',
+        emoji: 'help',
         label: { en: 'If...Then', pl: 'Jeśli...To', de: 'Wenn...Dann' },
         description: {
             en: 'Do something only if a condition is true',
@@ -656,7 +656,7 @@ const VISUAL_BLOCKS = [
     {
         id: 'wait',
         category: 'control',
-        emoji: '⏱️',
+        emoji: 'clock',
         label: { en: 'Wait', pl: 'Czekaj', de: 'Warten' },
         description: { en: 'Wait for some time', pl: 'Poczekaj chwilę', de: 'Eine Weile warten' },
         params: [
@@ -676,7 +676,7 @@ const VISUAL_BLOCKS = [
     {
         id: 'touching',
         category: 'sensing',
-        emoji: '🤝',
+        emoji: 'target',
         label: { en: 'Touching?', pl: 'Dotyka?', de: 'Berührt?' },
         description: {
             en: 'Is this touching another object?',
@@ -697,7 +697,7 @@ const VISUAL_BLOCKS = [
     {
         id: 'distance-to',
         category: 'sensing',
-        emoji: '📏',
+        emoji: 'ruler',
         label: { en: 'Distance To', pl: 'Odległość do', de: 'Abstand zu' },
         description: {
             en: 'How far is another object?',
@@ -719,7 +719,7 @@ const VISUAL_BLOCKS = [
     {
         id: 'random',
         category: 'operators',
-        emoji: '🎲',
+        emoji: 'shuffle',
         label: { en: 'Random Number', pl: 'Losowa liczba', de: 'Zufallszahl' },
         description: { en: 'Pick a random number', pl: 'Wylosuj liczbę', de: 'Zufallszahl wählen' },
         params: [
@@ -747,7 +747,7 @@ const VISUAL_BLOCKS = [
     {
         id: 'set-score',
         category: 'variables',
-        emoji: '🏆',
+        emoji: 'medal',
         label: { en: 'Set Score', pl: 'Ustaw wynik', de: 'Punktzahl setzen' },
         description: {
             en: 'Set the score value',
@@ -770,7 +770,7 @@ const VISUAL_BLOCKS = [
     {
         id: 'change-score',
         category: 'variables',
-        emoji: '➕',
+        emoji: 'plus',
         label: { en: 'Change Score By', pl: 'Zmień wynik o', de: 'Punktzahl ändern um' },
         description: { en: 'Add to the score', pl: 'Dodaj do wyniku', de: 'Punktzahl erhöhen' },
         params: [
@@ -791,7 +791,7 @@ const VISUAL_BLOCKS = [
 const KID_BADGES = [
     {
         id: 'first-steps',
-        emoji: '👶',
+        emoji: 'smile',
         name: { en: 'First Steps', pl: 'Pierwsze kroki', de: 'Erste Schritte' },
         description: {
             en: 'Complete your first tutorial',
@@ -802,7 +802,7 @@ const KID_BADGES = [
     },
     {
         id: 'tutorial-master',
-        emoji: '🎓',
+        emoji: 'book',
         name: { en: 'Tutorial Master', pl: 'Mistrz samouczków', de: 'Tutorial-Meister' },
         description: {
             en: 'Complete 5 tutorials',
@@ -813,7 +813,7 @@ const KID_BADGES = [
     },
     {
         id: 'game-creator',
-        emoji: '🎮',
+        emoji: 'gamepad',
         name: { en: 'Game Creator', pl: 'Twórca gier', de: 'Spieleentwickler' },
         description: {
             en: 'Create your first game',
@@ -824,14 +824,14 @@ const KID_BADGES = [
     },
     {
         id: 'block-builder',
-        emoji: '🧱',
+        emoji: 'box',
         name: { en: 'Block Builder', pl: 'Budowniczy bloków', de: 'Blockbauer' },
         description: { en: 'Use 100 blocks', pl: 'Użyj 100 bloków', de: 'Verwende 100 Blöcke' },
         condition: { type: 'blocks_used', count: 100 },
     },
     {
         id: 'streak-3',
-        emoji: '🔥',
+        emoji: 'zap',
         name: { en: '3-Day Streak!', pl: 'Seria 3 dni!', de: '3-Tage-Serie!' },
         description: {
             en: 'Use the engine 3 days in a row',
@@ -842,7 +842,7 @@ const KID_BADGES = [
     },
     {
         id: 'streak-7',
-        emoji: '⚡',
+        emoji: 'sun',
         name: { en: 'Week Warrior!', pl: 'Tygodniowy wojownik!', de: 'Wochenkrieger!' },
         description: {
             en: 'Use the engine 7 days in a row',
@@ -853,14 +853,14 @@ const KID_BADGES = [
     },
     {
         id: 'prolific-creator',
-        emoji: '🌟',
+        emoji: 'star',
         name: { en: 'Prolific Creator', pl: 'Płodny twórca', de: 'Produktiver Schöpfer' },
         description: { en: 'Create 5 games', pl: 'Stwórz 5 gier', de: 'Erstelle 5 Spiele' },
         condition: { type: 'games_created', count: 5 },
     },
     {
         id: 'tutorial-legend',
-        emoji: '👑',
+        emoji: 'medal',
         name: { en: 'Tutorial Legend', pl: 'Legenda samouczków', de: 'Tutorial-Legende' },
         description: {
             en: 'Complete 15 tutorials',

package/dist/cjs/kids/KidTools.js

@@ -126,14 +126,14 @@ const WIZARD_STEPS = [
     {
         id: 'start',
         question: {
-            en: 'What would you like to do? 🎮',
-            pl: 'Co chcesz zrobić? 🎮',
-            de: 'Was möchtest du machen? 🎮',
+            en: 'What would you like to do?',
+            pl: 'Co chcesz zrobić?',
+            de: 'Was möchtest du machen?',
         },
         choices: [
             {
                 id: 'make-game',
-                icon: '🎮',
+                icon: 'gamepad',
                 label: { en: 'Make a game!', pl: 'Zrobić grę!', de: 'Ein Spiel machen!' },
                 description: {
                     en: 'Create your own video game',
@@ -145,7 +145,7 @@ const WIZARD_STEPS = [
             },
             {
                 id: 'learn',
-                icon: '📚',
+                icon: 'book',
                 label: { en: 'Learn something', pl: 'Nauczyć się czegoś', de: 'Etwas lernen' },
                 description: {
                     en: 'Follow a tutorial step by step',
@@ -157,7 +157,7 @@ const WIZARD_STEPS = [
             },
             {
                 id: 'open-existing',
-                icon: '📂',
+                icon: 'folder',
                 label: { en: 'Open my project', pl: 'Otworzyć mój projekt', de: 'Mein Projekt öffnen' },
                 description: {
                     en: 'Continue working on a saved project',
@@ -171,15 +171,15 @@ const WIZARD_STEPS = [
     {
         id: 'game-type',
         question: {
-            en: 'What kind of game? 🤔',
-            pl: 'Jaki rodzaj gry? 🤔',
-            de: 'Was für ein Spiel? 🤔',
+            en: 'What kind of game?',
+            pl: 'Jaki rodzaj gry?',
+            de: 'Was für ein Spiel?',
         },
         showBack: true,
         choices: [
             {
                 id: 'platformer',
-                icon: '🏃',
+                icon: 'user',
                 label: { en: 'Platformer', pl: 'Platformówka', de: 'Plattformer' },
                 description: {
                     en: 'Jump and run like Mario!',
@@ -191,7 +191,7 @@ const WIZARD_STEPS = [
             },
             {
                 id: 'space-shooter',
-                icon: '🚀',
+                icon: 'rocket',
                 label: { en: 'Space Shooter', pl: 'Kosmiczny strzelec', de: 'Weltraum-Shooter' },
                 description: {
                     en: 'Shoot aliens in space!',
@@ -203,7 +203,7 @@ const WIZARD_STEPS = [
             },
             {
                 id: 'rpg',
-                icon: '⚔️',
+                icon: 'target',
                 label: { en: 'RPG Adventure', pl: 'Przygoda RPG', de: 'RPG-Abenteuer' },
                 description: {
                     en: 'Heroes, quests and magic!',
@@ -216,7 +216,7 @@ const WIZARD_STEPS = [
             },
             {
                 id: 'tower-defense',
-                icon: '🏰',
+                icon: 'building',
                 label: { en: 'Tower Defense', pl: 'Tower Defense', de: 'Tower Defense' },
                 description: {
                     en: 'Build towers, stop enemies!',
@@ -229,7 +229,7 @@ const WIZARD_STEPS = [
             },
             {
                 id: 'puzzle',
-                icon: '🧩',
+                icon: 'puzzle',
                 label: { en: 'Puzzle Game', pl: 'Gra logiczna', de: 'Puzzlespiel' },
                 description: {
                     en: 'Match colors and solve puzzles!',
@@ -241,7 +241,7 @@ const WIZARD_STEPS = [
             },
             {
                 id: 'empty',
-                icon: '✨',
+                icon: 'file',
                 label: { en: 'Empty Project', pl: 'Pusty projekt', de: 'Leeres Projekt' },
                 description: {
                     en: 'Start from scratch!',
@@ -256,15 +256,15 @@ const WIZARD_STEPS = [
     {
         id: 'learn-what',
         question: {
-            en: 'What would you like to learn? 🧑‍🎓',
-            pl: 'Czego chcesz się nauczyć? 🧑‍🎓',
-            de: 'Was möchtest du lernen? 🧑‍🎓',
+            en: 'What would you like to learn?',
+            pl: 'Czego chcesz się nauczyć?',
+            de: 'Was möchtest du lernen?',
         },
         showBack: true,
         choices: [
             {
                 id: 'learn-basics',
-                icon: '🌟',
+                icon: 'star',
                 label: { en: 'The Basics', pl: 'Podstawy', de: 'Die Grundlagen' },
                 description: {
                     en: 'My very first game',
@@ -276,7 +276,7 @@ const WIZARD_STEPS = [
             },
             {
                 id: 'learn-controls',
-                icon: '🕹️',
+                icon: 'gamepad',
                 label: { en: 'Controls & Movement', pl: 'Sterowanie i ruch', de: 'Steuerung & Bewegung' },
                 description: {
                     en: 'Keyboard, mouse, gamepad',
@@ -288,7 +288,7 @@ const WIZARD_STEPS = [
             },
             {
                 id: 'learn-physics',
-                icon: '⚡',
+                icon: 'zap',
                 label: { en: 'Collisions & Physics', pl: 'Kolizje i fizyka', de: 'Kollisionen & Physik' },
                 description: {
                     en: 'Bounce, crash, explode!',
@@ -300,7 +300,7 @@ const WIZARD_STEPS = [
             },
             {
                 id: 'learn-animations',
-                icon: '🎬',
+                icon: 'video',
                 label: { en: 'Animations', pl: 'Animacje', de: 'Animationen' },
                 description: {
                     en: 'Make things move smoothly',
@@ -312,7 +312,7 @@ const WIZARD_STEPS = [
             },
             {
                 id: 'learn-multiplayer',
-                icon: '👫',
+                icon: 'users',
                 label: { en: 'Play with friends', pl: 'Graj ze znajomymi', de: 'Mit Freunden spielen' },
                 description: {
                     en: 'Local multiplayer on one screen',
@@ -324,7 +324,7 @@ const WIZARD_STEPS = [
             },
             {
                 id: 'learn-platformer',
-                icon: '🏃',
+                icon: 'user',
                 label: {
                     en: 'Build a Platformer',
                     pl: 'Zbuduj platformówkę',
@@ -582,7 +582,7 @@ class BlockEditor {
 const KID_BLOCK_PALETTES = [
     {
         category: 'motion',
-        icon: '🏃',
+        icon: 'move',
         label: { en: 'Motion', pl: 'Ruch', de: 'Bewegung' },
         blocks: [
             'move_right',
@@ -597,37 +597,37 @@ const KID_BLOCK_PALETTES = [
     },
     {
         category: 'looks',
-        icon: '🎨',
+        icon: 'palette',
         label: { en: 'Looks', pl: 'Wygląd', de: 'Aussehen' },
         blocks: ['set_color', 'set_size', 'show', 'hide', 'set_sprite', 'say'],
     },
     {
         category: 'events',
-        icon: '⚡',
+        icon: 'zap',
         label: { en: 'Events', pl: 'Zdarzenia', de: 'Ereignisse' },
         blocks: ['on_start', 'on_click', 'on_key_press', 'on_collision', 'on_timer'],
     },
     {
         category: 'control',
-        icon: '🔄',
+        icon: 'refresh',
         label: { en: 'Control', pl: 'Sterowanie', de: 'Steuerung' },
         blocks: ['repeat', 'forever', 'if_then', 'if_then_else', 'wait'],
     },
     {
         category: 'sensing',
-        icon: '👁️',
+        icon: 'eye',
         label: { en: 'Sensing', pl: 'Wykrywanie', de: 'Erkennung' },
         blocks: ['touching', 'key_pressed', 'mouse_x', 'mouse_y', 'distance_to'],
     },
     {
         category: 'operators',
-        icon: '➕',
+        icon: 'plus',
         label: { en: 'Math', pl: 'Matematyka', de: 'Mathematik' },
         blocks: ['add', 'subtract', 'multiply', 'random', 'greater_than', 'less_than'],
     },
     {
         category: 'variables',
-        icon: '📦',
+        icon: 'box',
         label: { en: 'Variables', pl: 'Zmienne', de: 'Variablen' },
         blocks: ['set_variable', 'change_variable', 'show_variable'],
     },

package/dist/cjs/native-engine/InputSystem.js

@@ -1002,8 +1002,15 @@ class UISystem {
         // Selected value
         this.ctx.fillStyle = this.style.textColor;
         this.ctx.fillText(options[selected] ?? '', x + this.style.padding, dropdownY + height / 2 + this.style.fontSize / 3);
-        // Arrow
-        this.ctx.fillText('▼', x + width - 20, dropdownY + height / 2 + this.style.fontSize / 3);
+        // Arrow (drawn, not a font glyph)
+        const arrowX = x + width - 16;
+        const arrowY = dropdownY + height / 2;
+        this.ctx.beginPath();
+        this.ctx.moveTo(arrowX - 5, arrowY - 3);
+        this.ctx.lineTo(arrowX + 5, arrowY - 3);
+        this.ctx.lineTo(arrowX, arrowY + 3);
+        this.ctx.closePath();
+        this.ctx.fill();
         // Handle click - simplified, just cycle through options
         let newSelected = selected;
         if (hovered && this.mouseClicked) {

package/dist/cjs/plugins/PluginSDK.js

@@ -394,7 +394,7 @@ const plugin: PluginDefinition = {
     ctx.registerExtension('editor-panel', {
       id: 'perf-panel',
       title: 'Performance',
-      icon: '📊',
+      icon: 'bar-chart',
       position: 'right',
       render: () => null, // React component
     });

package/dist/cjs/plugins/PluginTestKit.js

@@ -342,7 +342,7 @@ async function testPluginLifecycle(plugin) {
 function formatTestResults(suite) {
     const lines = [`━━━ ${suite.suiteName} (${suite.pluginId}) ━━━`, ''];
     for (const r of suite.results) {
-        const icon = r.status === 'passed' ? '✓' : r.status === 'failed' ? '✗' : '○';
+        const icon = r.status === 'passed' ? 'PASS' : r.status === 'failed' ? 'FAIL' : 'SKIP';
         const ms = r.duration.toFixed(1);
         lines.push(`  ${icon} ${r.name} (${ms}ms)`);
         if (r.error) {

package/dist/cjs/quest/QuestSystem.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var ui = require('@nice2dev/ui');
 var React = require('react');
 var EventBus = require('../core/EventBus.js');
 
@@ -903,7 +904,10 @@ const QuestTracker = ({ state, quest, showOptional = false, className = '', styl
             React.createElement('span', {
                 key: 'check',
                 style: { color: obj.completed ? '#4caf50' : '#9e9e9e' },
-            }, obj.completed ? '✓' : '○'),
+            }, React.createElement(ui.NiceIcon, {
+                name: obj.completed ? 'check' : 'circle',
+                size: 12,
+            })),
             React.createElement('span', { key: 'desc' }, obj.description),
             obj.target > 1 &&
                 React.createElement('span', {