@jjlmoya/utils-games-development 1.55.0 → 1.56.0

package/src/tool/pixelArtPaletteSwapper/i18n/ru.ts

@@ -0,0 +1,233 @@
+import type { ToolLocaleContent } from '../../../types';
+import type { PixelArtPaletteSwapperUI } from '../ui';
+
+export const content: ToolLocaleContent<PixelArtPaletteSwapperUI> = {
+  slug: 'konverter-palitry-pixel-art',
+  title: 'Конвертер Палитры для Пиксель Арта',
+  description: 'Уменьшайте палитру спрайтов и спрайтшитов до классических консольных цветов или собственных hex-значений прямо в браузере.',
+  ui: {
+    uploadTitle: 'Перетащите спрайт или спрайтшит',
+    uploadHint: 'Файлы PNG, JPEG или WebP обрабатываются локально',
+    chooseImage: 'Выбрать изображение',
+    replaceImage: 'Заменить изображение',
+    paletteTitle: 'Выберите палитру',
+    gameBoyPalette: 'Game Boy',
+    nesPalette: 'В стиле NES',
+    pico8Palette: 'PICO-8',
+    commodore64Palette: 'Commodore 64',
+    dawnBringerPalette: 'DawnBringer 16',
+    customPalette: 'Собственные цвета',
+    customPaletteHint: 'Разделяйте hex-коды запятыми, пробелами или переносами строк.',
+    applyCustomPalette: 'Применить палитру',
+    resetCustomPalette: 'Сбросить',
+    sourcePreview: 'Оригинал',
+    resultPreview: 'Ограниченный результат',
+    waitingForImage: 'Ожидание изображения',
+    uploadToPreview: 'Загрузите изображение для предпросмотра',
+    resultEmpty: 'Оригинальная и обработанная версии появятся рядом.',
+    downloadPng: 'Скачать PNG',
+    downloadDisabled: 'Загрузите изображение для экспорта.',
+    colorCount: 'Исходные цвета',
+    mappedCount: 'Использовано цветов',
+    imageSize: 'Размер изображения',
+    paletteCount: 'цветов в палитре',
+    preserveAlpha: 'Сохранять прозрачность',
+    zoomLabel: 'Масштаб',
+    processing: 'Пиксели обрабатываются',
+    invalidPalette: 'Добавьте хотя бы один корректный hex-код',
+    invalidImage: 'Выберите файл PNG, JPEG или WebP',
+    readyStatus: 'Готово',
+    dropActive: 'Отпустите для загрузки',
+    mappedSummary: 'Сконвертировано {source} исходных цветов в {mapped} цветов палитры',
+  },
+  seo: [
+    {
+      type: 'title',
+      level: 2,
+      text: 'Превратите Полноцветный Спрайт в Продуманную Ретро Палитру',
+    },
+    {
+      type: 'paragraph',
+      html: 'Ограниченная палитра - это больше, чем просто техническое ограничение. Она дает спрайту узнаваемый цветовой язык, помогает элементам сцены выглядеть единым целым и передает визуальный характер конкретной ретро-консоли или классической платформы. Этот браузерный инструмент позволяет сравнивать исходное изображение с обработанным при экспериментировании с палитрами Game Boy, NES, PICO-8, Commodore 64, DawnBringer 16 и пользовательскими наборами.',
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: 'Как Работает Преобразование по Ближайшему Цвету',
+    },
+    {
+      type: 'paragraph',
+      html: 'Инструмент считывает красный, зеленый и синий каналы каждого видимого пикселя и сравнивает этот цвет с каждым значением в выбранной палитре. Он выбирает элемент палитры с наименьшим квадратичным расстоянием RGB и записывает заменяющий цвет в новый буфер холста. Альфа-канал обрабатывается отдельно, благодаря чему прозрачные пиксели остаются прозрачными, а полупрозрачные края сохраняют свою исходную непрозрачность при включенном параметре Сохранять прозрачность.',
+    },
+    {
+      type: 'comparative',
+      columns: 2,
+      items: [
+        {
+          title: 'Ограничение палитры',
+          description: 'Каждый исходный цвет заменяется ближайшим доступным образцом.',
+          points: [
+            'Быстро и предсказуемо для спрайтов, иконок, тайлов и элементов интерфейса',
+            'Точно сохраняет исходные размеры и координаты пикселей',
+            'Облегчает контроль и проверку заданного цветового бюджета',
+          ],
+        },
+        {
+          title: 'Смена палитры (Palette Swapping)',
+          description: 'Одно и то же изображение можно перераспределить на другой тщательно подобранный набор цветов.',
+          points: [
+            'Удобно для альтернативных костюмов, смены биомов и состояний урона',
+            'Пользовательские списки hex-кодов позволяют точно следовать вашей арт-дирекции',
+            'Скачанный файл PNG сразу готов к повторному импорту в ваш графический редактор',
+          ],
+        },
+      ],
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: 'Выбор Палитры для Пиксель Арта',
+    },
+    {
+      type: 'table',
+      headers: ['Палитра', 'Цвета', 'Назначение', 'Особенности'],
+      rows: [
+        ['Game Boy', '4', 'Монохромная стилистика портативной консоли и выразительная светотень', 'Узкий диапазон тонов может сливать близкие по цвету материалы'],
+        ['В стиле NES', '16', 'Выразительные аркадные спрайты, персонажи и тайлы', 'Очень яркие тона могут перекрывать мелкие детали'],
+        ['PICO-8', '16', 'Современный пиксель-арт с saturated акцентами', 'Насыщенные оттенки требуют продуманного контраста'],
+        ['Commodore 64', '16', 'Мягкие ретро-сцены и эстетика классических компьютерных игр', 'Низкий контраст выигрывает от четких силуэтов'],
+        ['DawnBringer 16', '16', 'Универсальная художественная палитра для пиксель-арта', 'Градационные рампы все еще требуют четкого направления света'],
+      ],
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: 'Практический Процесс Работы со Спрайтшитами',
+    },
+    {
+      type: 'paragraph',
+      html: 'Начните с самого крупного исходного изображения, которое вам удобно редактировать, и загрузите экспортированный спрайт или спрайтшит сюда. Выберите пресет для задания стиля или вставьте пользовательский список из библиотеки палитр. Проверьте оба холста при большем увеличении на предмет утерянных черт лица, слившихся контуров или бликов. Если результат выглядит размытым, попробуйте палитру с более резкими шагами тонов или добавьте один акцентный цвет.',
+    },
+    {
+      type: 'tip',
+      title: 'Подходите к Палитре Осознанно',
+      html: 'Больший список цветов не означает автоматическое улучшение. Начните с 4-16 цветов, назначьте каждому цвету четкую роль и приберегите самые яркие значения для ключевых точек или читаемых бликов. Алгоритм ближайшего цвета сохраняет позиции пикселей, но не может решить, какие цвета должны выстраивать визуальную иерархию вашего спрайта.',
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: 'Чек-лист Экспорта Пиксель Арта',
+    },
+    {
+      type: 'diagnostic',
+      variant: 'info',
+      title: 'Перед Импортом Обработанного Файла PNG',
+      html: 'Проверьте результат в масштабе 100 процентов и в итоговом игровом размере, убедитесь, что прозрачные края остаются чистыми, проверьте читаемость важных силуэтов и сохраните исходный файл рядом с экспортированным, чтобы иметь возможность скорректировать палитру без необходимости начинать заново.',
+    },
+    {
+      type: 'glossary',
+      items: [
+        {
+          term: 'Квантование цвета',
+          definition: 'Процесс сокращения большого набора исходных цветов до более мелкого, четко определенного набора.',
+        },
+        {
+          term: 'Цветовая рампа',
+          definition: 'Упорядоченная последовательность темных, средних и светлых оттенков, используемая для построения объема.',
+        },
+        {
+          term: 'Индексированная палитра',
+          definition: 'Компактная таблица цветов, в которой пиксели ссылаются на индексы в общем списке вместо повторного сохранения полных значений.',
+        },
+      ],
+    },
+  ],
+  faq: [
+    {
+      question: 'Загружает ли инструмент мои изображения на сервер?',
+      answer: 'Нет. Изображение декодируется на холсте в вашем браузере, обрабатывается локально с помощью JavaScript и экспортируется напрямую в формат PNG. Утилита не содержит этапа загрузки на сервер.',
+    },
+    {
+      question: 'Могу ли я использовать собственную палитру?',
+      answer: 'Да. Вставьте 6-значные или 3-значные hex-коды в поле Собственные цвета, разделяя их запятыми, пробелами или переносами строк, а затем нажмите Применить палитру.',
+    },
+    {
+      question: 'Изменяет ли инструмент размер спрайта или спрайтшита?',
+      answer: 'Нет. Итоговый файл сохраняет исходную ширину, высоту, координаты пикселей и значения альфа-канала при включенном параметре Сохранять прозрачность.',
+    },
+    {
+      question: 'Какой алгоритм используется?',
+      answer: 'Каждый видимый пиксель сопоставляется с ближайшим цветом в выбранной палитре с использованием квадратичного евклидова расстояния в пространстве RGB. Это быстрый, детерминированный и наглядный метод, который не применяет дизеринг или перцептивную цветокоррекцию Lab.',
+    },
+  ],
+  howTo: [
+    {
+      name: 'Загрузить спрайт',
+      text: 'Перетащите спрайт или спрайтшит PNG, JPEG или WebP в рабочую область или используйте кнопку Выбрать изображение.',
+    },
+    {
+      name: 'Выбрать палитру',
+      text: 'Выберите классический пресет или введите собственные hex-коды. Результат обновится мгновенно при применении палитры.',
+    },
+    {
+      name: 'Сравнить и экспортировать',
+      text: 'Оцените оригинальный и обработанный холст, отрегулируйте масштаб предпросмотра и скачайте результат в формате PNG.',
+    },
+  ],
+  schemas: [
+    {
+      '@context': 'https://schema.org',
+      '@type': 'SoftwareApplication',
+      name: 'Конвертер Палитры для Пиксель Арта',
+      applicationCategory: 'DesignApplication',
+      operatingSystem: 'Any',
+      offers: { '@type': 'Offer', price: '0', priceCurrency: 'USD' },
+    },
+    {
+      '@context': 'https://schema.org',
+      '@type': 'FAQPage',
+      mainEntity: [
+        {
+          '@type': 'Question',
+          name: 'Загружает ли инструмент мои изображения на сервер?',
+          acceptedAnswer: {
+            '@type': 'Answer',
+            text: 'Нет. Изображение обрабатывается локально в браузере и экспортируется напрямую в PNG.',
+          },
+        },
+        {
+          '@type': 'Question',
+          name: 'Могу ли я использовать собственную палитру?',
+          acceptedAnswer: {
+            '@type': 'Answer',
+            text: 'Да. Введите hex-коды в поле Собственные цвета и нажмите Применить палитру.',
+          },
+        },
+      ],
+    },
+    {
+      '@context': 'https://schema.org',
+      '@type': 'HowTo',
+      name: 'Как конвертировать спрайт в ретро палитру',
+      step: [
+        { '@type': 'HowToStep', name: 'Загрузить спрайт', text: 'Перетащите файл в рабочую область.' },
+        { '@type': 'HowToStep', name: 'Выбрать палитру', text: 'Выберите пресет или укажите свои цвета.' },
+        { '@type': 'HowToStep', name: 'Сравнить и экспортировать', text: 'Оцените результат и скачайте PNG.' },
+      ],
+    },
+  ],
+  bibliography: [
+    {
+      name: 'MDN Canvas API',
+      url: 'https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API',
+    },
+    {
+      name: 'Lospec Palette List',
+      url: 'https://lospec.com/palette-list',
+    },
+    {
+      name: 'W3C Portable Network Graphics Specification',
+      url: 'https://www.w3.org/TR/png-3/',
+    },
+  ],
+};

package/src/tool/pixelArtPaletteSwapper/i18n/sv.ts

@@ -0,0 +1,233 @@
+import type { ToolLocaleContent } from '../../../types';
+import type { PixelArtPaletteSwapperUI } from '../ui';
+
+export const content: ToolLocaleContent<PixelArtPaletteSwapperUI> = {
+  slug: 'pixel-art-palett-bytare',
+  title: 'Pixel Art Palettbytare',
+  description: 'Minska sprites och spritesheets till klassiska konsolpaletter eller egna hex-färger direkt i webbläsaren.',
+  ui: {
+    uploadTitle: 'Släpp en sprite eller spritesheet',
+    uploadHint: 'PNG, JPEG eller WebP bearbetas lokalt på din enhet',
+    chooseImage: 'Välj bild',
+    replaceImage: 'Ersätt bild',
+    paletteTitle: 'Välj palett',
+    gameBoyPalette: 'Game Boy',
+    nesPalette: 'NES-inspirerad',
+    pico8Palette: 'PICO-8',
+    commodore64Palette: 'Commodore 64',
+    dawnBringerPalette: 'DawnBringer 16',
+    customPalette: 'Anpassade färger',
+    customPaletteHint: 'Separera hex-värden med kommatecken, blanksteg eller radbrytningar.',
+    applyCustomPalette: 'Använd palett',
+    resetCustomPalette: 'Återställ',
+    sourcePreview: 'Original',
+    resultPreview: 'Minskat resultat',
+    waitingForImage: 'Väntar på en bild',
+    uploadToPreview: 'Ladda upp en bild för att förhandsgranska',
+    resultEmpty: 'Dina original- och reducerade versioner visas sida vid sida.',
+    downloadPng: 'Ladda ner PNG',
+    downloadDisabled: 'Ladda upp en bild för att aktivera export.',
+    colorCount: 'Källfärger',
+    mappedCount: 'Använda färger',
+    imageSize: 'Bildstorlek',
+    paletteCount: 'palettfärger',
+    preserveAlpha: 'Bevara transparens',
+    zoomLabel: 'Zoom',
+    processing: 'Mappar pixlar',
+    invalidPalette: 'Lägg till minst en giltig hex-färg',
+    invalidImage: 'Välj en PNG-, JPEG- eller WebP-bild',
+    readyStatus: 'Klar',
+    dropActive: 'Släpp för att ladda',
+    mappedSummary: 'Mappade {source} källfärger till {mapped} palettfärger',
+  },
+  seo: [
+    {
+      type: 'title',
+      level: 2,
+      text: 'Omvandla en Fullfärgs Sprite till en Genomtänkt Retropalett',
+    },
+    {
+      type: 'paragraph',
+      html: 'En begränsad palett är mer än bara en teknisk begränsning. Den ger din sprite ett enhetligt färgspråk, gör att element i en scen hör ihop och för tankarna till den visuella karaktären hos en specifik konsol eller klassisk hårdvara. Denna webbläsarbaserade palettbytare låter dig jämföra originalbilden med en reducerad version medan du experimenterar med Game Boy, NES-inspirerade, PICO-8, Commodore 64, DawnBringer 16 och anpassade paletter.',
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: 'Hur Färgomvandling till Närmaste Färg Fungerar',
+    },
+    {
+      type: 'paragraph',
+      html: 'Verktyget läser av de röda, gröna och blå kanalerna för varje synlig pixel och jämför färgen med varje färg i den valda paletten. Det väljer palettfärgen med det minsta kvadratiska RGB-avståndet och skriver ersättningsfärgen till en ny canvas-buffert. Alfakanalen hålls separat så att transparenta pixlar förblir transparenta och halvtransparenta kanter behåller sin ursprungliga opacitet när Bevara transparens är aktiverat.',
+    },
+    {
+      type: 'comparative',
+      columns: 2,
+      items: [
+        {
+          title: 'Palettbegränsning',
+          description: 'Varje källfärg ersätts med det närmaste tillgängliga färgprovet.',
+          points: [
+            'Snabbt och förutsägbart för sprites, ikoner, tiles och gränssnittselement',
+            'Behåller ursprungliga mått och pixelpositioner exakt',
+            'Gör det enkelt att kontrollera och granska en fastställd färgbudget',
+          ],
+        },
+        {
+          title: 'Palette Swapping',
+          description: 'Samma bild kan mappas om till en annan noggrant utvald uppsättning färger.',
+          points: [
+            'Användbart för alternativa dräkter, miljöer och skadestatusar',
+            'Anpassade hex-listor gör att du kan matcha din egen konstnärliga riktning',
+            'Den nedladdade PNG-filen är redo att importeras direkt till din redigerare',
+          ],
+        },
+      ],
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: 'Välja Palett för Pixel Art',
+    },
+    {
+      type: 'table',
+      headers: ['Palett', 'Färger', 'Passar till', 'Att tänka på'],
+      rows: [
+        ['Game Boy', '4', 'Monokrom bärbar känsla och tydliga valörstudier', 'Litet valörindex kan smälta samman närliggande material'],
+        ['NES-inspirerad', '16', 'Klassiska arkadsprites, karaktärer och tiles', 'Mycket ljusa färger kan dominera små detaljer'],
+        ['PICO-8', '16', 'Modern pixel art med mättade färgaccentuer', 'Starkt mättade tonfall kräver medveten kontrast'],
+        ['Commodore 64', '16', 'Mjuka retro-scener och klassisk datorgrafikestetik', 'Låg kontrast drar nytta av tydliga silhuetter'],
+        ['DawnBringer 16', '16', 'Mångsidig handplockad palett för allmän pixel art', 'Färgramper kräver fortfarande en medveten ljusriktning'],
+      ],
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: 'Praktiskt Arbetsflöde för Spritesheets',
+    },
+    {
+      type: 'paragraph',
+      html: 'Börja med den största källbilden du kan redigera bekvämt och ladda upp den exporterade spriten eller spritesheetet här. Välj en förinställning för att bestämma en riktning eller klistra in en anpassad hex-lista. Granska båda ytorna med högre zoom för att leta efter förlorade ansiktsdrag, sammansmälta konturer eller dagrar. Om resultatet ser otydligt ut, prova en palett med större valörsteg eller lägg till en medveten accentfärg.',
+    },
+    {
+      type: 'tip',
+      title: 'Håll Paletten Medveten',
+      html: 'En större färglista är inte automatiskt bättre. Börja med 4 till 16 färger, ge varje färg en bestämd uppgift och reservera de ljusaste värdena för fokuspunkter eller tydliga dagrar. Algoritmen för närmaste färg behåller pixelpositionerna, men kan inte avgöra vilka färger som ska bära upp den visuella hierarkin i din sprite.',
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: 'Checklista för Export av Pixel Art',
+    },
+    {
+      type: 'diagnostic',
+      variant: 'info',
+      title: 'Före Import av den Reducerade PNG filen',
+      html: 'Kontrollera resultatet i 100 procent samt i spelets slutliga skala, se till att genomskinliga kanter förblir rena, kontrollera att viktiga silhuetter är läsbara och spara den ursprungliga källfilen bredvid exporten så att du kan justera paletten utan att börja om från början.',
+    },
+    {
+      type: 'glossary',
+      items: [
+        {
+          term: 'Färgkvantisering',
+          definition: 'Processen att minska en stor mängd källfärger till en mindre, bestämd uppsättning.',
+        },
+        {
+          term: 'Färgramp',
+          definition: 'En ordnad sekvens av mörka, mellantoner och ljusa färger som används för att skugga en yta.',
+        },
+        {
+          term: 'Indexerad palett',
+          definition: 'En kompakt färgtabell där bildpixlar pekar på index i en gemensam lista istället för att lagra fullständiga färger upprepade gånger.',
+        },
+      ],
+    },
+  ],
+  faq: [
+    {
+      question: 'Laddas mina bilder upp till en server?',
+      answer: 'Nej. Bilden avkodas på en canvas i din webbläsare, mappas lokalt med JavaScript och exporteras direkt som PNG. Verktyget har inget uppladdningssteg.',
+    },
+    {
+      question: 'Kan jag använda min egen anpassade palett?',
+      answer: 'Ja. Klistra in 6-siffriga eller 3-siffriga hex-koder i fältet Anpassade färger, separerade med kommatecken, blanksteg eller radbrytningar, och välj Använd palett.',
+    },
+    {
+      question: 'Ändras storleken på min sprite eller mitt spritesheet?',
+      answer: 'Nej. Utfilen behåller ursprunglig bredd, höjd, pixelpositioner och alfavärden när Bevara transparens är aktiverat.',
+    },
+    {
+      question: 'Vilken algoritm används?',
+      answer: 'Varje synlig pixel tilldelas den närmaste färgen i den valda paletten med hjälp av kvadratiskt euklidiskt avstånd i RGB-rummet. Det är snabbt, deterministiskt och enkelt att förhandsgranska, men använder inte dithering eller perceptuell Lab-färgkorrigering.',
+    },
+  ],
+  howTo: [
+    {
+      name: 'Ladda sprite',
+      text: 'Släpp en PNG-, JPEG- eller WebP-sprite eller spritesheet i arbetsområdet eller använd Välj bild.',
+    },
+    {
+      name: 'Välj palett',
+      text: 'Välj en klassisk förinställning eller ange dina egna hex-färger. Resultatet uppdateras omedelbart.',
+    },
+    {
+      name: 'Jämför och exportera',
+      text: 'Granska originalet och den reducerade bilden, justera zoomen och ladda ner resultatet som PNG.',
+    },
+  ],
+  schemas: [
+    {
+      '@context': 'https://schema.org',
+      '@type': 'SoftwareApplication',
+      name: 'Pixel Art Palettbytare',
+      applicationCategory: 'DesignApplication',
+      operatingSystem: 'Any',
+      offers: { '@type': 'Offer', price: '0', priceCurrency: 'USD' },
+    },
+    {
+      '@context': 'https://schema.org',
+      '@type': 'FAQPage',
+      mainEntity: [
+        {
+          '@type': 'Question',
+          name: 'Laddas mina bilder upp till en server?',
+          acceptedAnswer: {
+            '@type': 'Answer',
+            text: 'Nej. Bilden bearbetas lokalt i webbläsaren och exporteras direkt som PNG.',
+          },
+        },
+        {
+          '@type': 'Question',
+          name: 'Kan jag använda min egen anpassade palett?',
+          acceptedAnswer: {
+            '@type': 'Answer',
+            text: 'Ja. Klistra in hex-koder i fältet Anpassade färger och välj Använd palett.',
+          },
+        },
+      ],
+    },
+    {
+      '@context': 'https://schema.org',
+      '@type': 'HowTo',
+      name: 'Hur du minskar en sprite till en retropalett',
+      step: [
+        { '@type': 'HowToStep', name: 'Ladda sprite', text: 'Släpp en fil i arbetsområdet.' },
+        { '@type': 'HowToStep', name: 'Välj palett', text: 'Välj förinställning eller ange hex-färger.' },
+        { '@type': 'HowToStep', name: 'Jämför och exportera', text: 'Granska resultatet och ladda ner PNG.' },
+      ],
+    },
+  ],
+  bibliography: [
+    {
+      name: 'MDN Canvas API',
+      url: 'https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API',
+    },
+    {
+      name: 'Lospec Palette List',
+      url: 'https://lospec.com/palette-list',
+    },
+    {
+      name: 'W3C Portable Network Graphics Specification',
+      url: 'https://www.w3.org/TR/png-3/',
+    },
+  ],
+};