@jjlmoya/utils-games-development 1.62.0 → 1.63.0

package/src/tool/hitboxHurtboxAnimator/i18n/pl.ts

@@ -0,0 +1,195 @@
+import type { FAQPage, HowTo, SoftwareApplication, WithContext } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { HitboxHurtboxAnimatorUI } from '../ui';
+import { bibliographyEntries } from '../bibliography';
+
+const slug = 'animator-hitbox-hurtbox-sprites';
+const title = 'Animator Hitbox i Hurtbox dla Spritów';
+const description = 'Rysuj warstwy kolizji na klatkach spritów, podglądaj ruch za pomocą cebulki (onion skin), edytuj dokładne współrzędne w pikselach i eksportuj neutralny plik JSON.';
+
+const faq = [
+  {
+    question: 'Jaka jest różnica między hitboxem a hurtboxem?',
+    answer: 'Hitbox określa obszar zadający atak, natomiast hurtbox definiuje obszar wrażliwy na trafienie. Pushboxy utrzymują dystans między postaciami, a grabboxy określają zasięg rzutów.',
+  },
+  {
+    question: 'Czy moje pliki graficzne opuszczają przeglądarkę?',
+    answer: 'Nie. Obrazy są przetwarzane i eksportowane w 100% w Twojej przeglądarce. W pamięci lokalnej zapisywane są jedynie preferencje edytora.',
+  },
+  {
+    question: 'Jaki układ współrzędnych wykorzystuje eksport JSON?',
+    answer: 'Każda klatka mierzy piksele od lewego górnego rogu wycięcia. Wymiary szerokości i wysokości są zapisywane jako wartości dodatnie z własnym punktem kotwiczenia (pivot).',
+  },
+  {
+    question: 'Czy mogę edytować arkusze spritów i pojedyncze pliki klatek?',
+    answer: 'Tak. Możesz załadować arkusz PNG/WebP podając liczbę wierszy i kolumn lub wybrać sekwencję uporządkowanych plików.',
+  },
+  {
+    question: 'Czy eksport działa bezpośrednio w każdym silniku gry?',
+    answer: 'Format JSON jest neutralny dla silników. Zapisuje wycięcia klatek, punkty kotwiczenia i geometrie bez narzucania konkretnej struktury silnika.',
+  },
+];
+
+const howTo = [
+  { name: 'Załaduj grafikę', text: 'Wybierz arkusz spritów PNG/WebP lub sekwencję plików. Przetwarzanie odbywa się lokalnie.' },
+  { name: 'Zdefiniuj klatki', text: 'Podaj liczbę wierszy i kolumn i sprawdź wycięcia klatek na taśmie animacji.' },
+  { name: 'Rysuj warstwy kolizji', text: 'Wybierz warstwę hitbox, hurtbox, pushbox lub sensor i narysuj prostokąt lub koło.' },
+  { name: 'Dopasuj ruch w czasie', text: 'Edytuj dokładne współrzędne, kopiuj kształty na sąsiednie klatki i używaj podglądu cebulki.' },
+  { name: 'Eksportuj projekt', text: 'Pobierz neutralny plik JSON i arkusz styków PNG. Przechowuj oryginalne pliki graficzne razem z JSON.' },
+];
+
+const softwareApplication: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  applicationCategory: 'DeveloperApplication',
+  operatingSystem: 'Any',
+};
+
+const faqPage: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faq.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowTo> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  step: howTo.map((step) => ({ '@type': 'HowToStep', name: step.name, text: step.text })),
+};
+
+export const content: ToolLocaleContent<HitboxHurtboxAnimatorUI> = {
+  slug,
+  title,
+  description,
+  ui: {
+    onboarding: 'Załaduj animację, potwierdź podział klatek i narysuj obszary ataku, trafienia, kolizji fizycznej lub detekcji.',
+    privacyNote: 'Stół animacyjny lokalny. Pliki graficzne nie są wysyłane na serwer.',
+    loadSprite: 'Umieść grafikę na stole montażowym',
+    loadHint: 'Wybierz arkusz spritów lub sekwencję uporządkowanych plików PNG/WebP.',
+    chooseImages: 'Wybierz pliki graficzne',
+    slicingTitle: 'Podział klatek',
+    rowsLabel: 'Wiersze',
+    columnsLabel: 'Kolumny',
+    applySlicing: 'Tnij klatki',
+    playbackTitle: 'Podgląd ruchu',
+    previousFrame: 'Poprzednia klatka',
+    play: 'Odtwarzaj',
+    pause: 'Pauza',
+    nextFrame: 'Następna klatka',
+    fpsLabel: 'Klatki na sekundę',
+    onionPrevious: 'Cebulka poprzednia',
+    onionNext: 'Cebulka następna',
+    layerTitle: 'Warstwy kolizji',
+    typeHitbox: 'Hitbox',
+    typeHurtbox: 'Hurtbox',
+    typePushbox: 'Pushbox',
+    typeGrabbox: 'Grabbox',
+    typeSensor: 'Czujnik',
+    typeCustom: 'Własny',
+    shapeRectangle: 'Prostokąt',
+    shapeCircle: 'Koło',
+    drawShape: 'Rysuj',
+    selectShape: 'Zaznacz',
+    stageLabel: 'Obszar roboczy',
+    emptyStage: 'Załaduj grafikę, aby rozpocząć rysowanie warstw kolizji.',
+    frameReadout: 'Klatka {current} z {total}',
+    timelineTitle: 'Taśma klatek',
+    inspectorTitle: 'Inspektor kształtu',
+    noSelection: 'Zaznacz kształt, aby edytować jego dokładne wartości.',
+    nameLabel: 'Nazwa warstwy',
+    xLabel: 'X w pikselach',
+    yLabel: 'Y w pikselach',
+    widthLabel: 'Szerokość w pikselach',
+    heightLabel: 'Wysokość w pikselach',
+    radiusLabel: 'Promień w pikselach',
+    duplicateShape: 'Duplikuj',
+    mirrorShape: 'Odbij w poziomie',
+    deleteShape: 'Usuń kształt',
+    copyPrevious: 'Kopiuj poprzednią klatkę tutaj',
+    copyAll: 'Kopiuj tę klatkę do wszystkich',
+    pivotTitle: 'Punkt kotwiczenia (Pivot)',
+    pivotXLabel: 'Pivot X',
+    pivotYLabel: 'Pivot Y',
+    exportTitle: 'Eksportuj projekt',
+    exportJson: 'Pobierz JSON',
+    importJson: 'Importuj JSON',
+    exportContactSheet: 'Pobierz arkusz styków',
+    resetProject: 'Zresetuj warstwy',
+    undo: 'Cofnij',
+    redo: 'Ponów',
+    statusReady: 'Stół montażowy jest gotowy.',
+    statusImageLoaded: 'Załadowano {count} plików graficznych.',
+    statusShapeCreated: 'Dodano nowy kształt kolizji.',
+    statusShapeUpdated: 'Zaktualizowano kształt.',
+    statusImported: 'Zaiportowano projekt.',
+    statusExported: 'Przygotowano eksport.',
+    statusError: 'Nie można odczytać wybranego pliku.',
+    framesBadge: '{count} klatek',
+    shapesBadge: '{count} kształtów',
+    coverageBadge: '{percent}% pokrycia',
+    coordinatesNote: 'Współrzędne używają lewego górnego rogu każdej klatki jako punktu (0,0).',
+    localOnlyDisclosure: 'Plik JSON zapisuje nazwy plików, punkty kotwiczenia i geometrie bez treści obrazu.',
+    limitationDisclosure: 'Warstwy definiują obszary projektowe. Przetestuj ich działanie w swoim silniku gry.',
+  },
+  seo: [
+    {
+      type: 'title',
+      level: 2,
+      text: 'Projektuj hitboxy i hurtboxy dopasowane do ruchu sprita',
+    },
+    {
+      type: 'paragraph',
+      html: 'Ustawianie kolizji staje się trudne, gdy każda klatka jest analizowana osobno. Ten edytor łączy podgląd sprita, warstwy kolizji, podgląd cebulki i linię czasu.',
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: 'Wybieraj warstwy kolizji według ich roli w grze',
+    },
+    {
+      type: 'table',
+      headers: ['Warstwa', 'Rola główna', 'Punkt kontrolny'],
+      rows: [
+        ['Hitbox', 'Obszar zadający atak', 'Czy pojawia się tylko w aktywnych klatkach?'],
+        ['Hurtbox', 'Obszar otrzymujący obrażenia', 'Czy przylega do sylwetki postaci bez luk?'],
+        ['Pushbox', 'Fizyczna kolizja między postaciami', 'Czy jest stabilna, aby uniknąć drgań?'],
+        ['Grabbox', 'Zasięg wykonania rzutu', 'Czy czas zgadza się z animacją?'],
+        ['Sensor', 'Strefa detekcji zdarzeń', 'Czy nazwa jest jednoznaczna?'],
+      ],
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: 'Zrozumienie układu współrzędnych',
+    },
+    {
+      type: 'paragraph',
+      html: 'Wyeksportowany projekt mierzy współrzędne X i Y od lewego górnego rogu każdej klatki. Wymiary są podawane w dodatnich pikselach.',
+    },
+    {
+      type: 'tip',
+      title: 'Sprawdzaj pełną sekwencję animacji',
+      html: 'Odtwórz pełną animację po edycji klatki, aby upewnić się, że ruch jest płynny.',
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: 'Wykorzystaj arkusz styków w pracy zespołowej',
+    },
+    {
+      type: 'paragraph',
+      html: 'Arkusz styków PNG pokazuje wszystkie klatki i ich warstwy na jednym obrazie, co ułatwia komunikację z zespołem.',
+    },
+  ],
+  faq,
+  bibliographyTitle: 'Referencje dotyczące projektowania kolizji',
+  bibliography: bibliographyEntries,
+  howTo,
+  schemas: [softwareApplication, faqPage, howToSchema],
+};

package/src/tool/hitboxHurtboxAnimator/i18n/pt.ts

@@ -0,0 +1,195 @@
+import type { FAQPage, HowTo, SoftwareApplication, WithContext } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { HitboxHurtboxAnimatorUI } from '../ui';
+import { bibliographyEntries } from '../bibliography';
+
+const slug = 'animador-hitboxes-hurtboxes-sprites';
+const title = 'Animador de Hitbox e Hurtbox para Sprites';
+const description = 'Desenhe camadas de colisão em cada quadro do seu sprite, pré-visualize sequências com papel vegetal, ajuste coordenadas exatas em pixels e exporte JSON neutro.';
+
+const faq = [
+  {
+    question: 'Qual é a diferença entre uma hitbox e uma hurtbox?',
+    answer: 'Uma hitbox define a área que aplica um ataque, enquanto uma hurtbox delimita a área vulnerável que recebe o dano. As pushboxes mantêm o afastamento entre personagens e as grabboxes definem o alcance de agarres.',
+  },
+  {
+    question: 'Os meus arquivos de sprites saem do navegador?',
+    answer: 'Não. As imagens são processadas e exportadas inteiramente no seu navegador. A ferramenta salva apenas preferências de edição no armazenamento local.',
+  },
+  {
+    question: 'Qual sistema de coordenadas o arquivo JSON exportado utiliza?',
+    answer: 'Cada quadro mede suas coordenadas em pixels tomando o canto superior esquerdo como origem (0,0). As dimensões armazenam valores positivos de x, y, largura e altura com seu próprio ponto pivô.',
+  },
+  {
+    question: 'Posso editar folhas de sprites completas e quadros avulsos?',
+    answer: 'Sim. Você pode carregar uma folha PNG ou WebP informando linhas e colunas, ou selecionar várias imagens ordenadas para criar a sequência.',
+  },
+  {
+    question: 'O arquivo exportado funciona diretamente em qualquer motor de jogo?',
+    answer: 'O formato JSON é neutro. Ele registra recortes de quadros, pontos pivô e camadas geométricas sem impor uma estrutura rígida de um motor específico.',
+  },
+];
+
+const howTo = [
+  { name: 'Carregar arte de animação', text: 'Selecione uma folha de sprites PNG/WebP ou imagens ordenadas. O processamento é realizado localmente no seu dispositivo.' },
+  { name: 'Definir os quadros', text: 'Informe o número de linhas e colunas para folhas de sprites e confira a tira de quadros.' },
+  { name: 'Desenhar camadas de colisão', text: 'Escolha uma camada de hitbox, hurtbox, pushbox ou sensor e desenhe retângulos ou círculos sobre o quadro.' },
+  { name: 'Refinar movimento no tempo', text: 'Ajuste coordenadas numéricas, copie formas para quadros vizinhos e use o papel vegetal para comparar o movimento.' },
+  { name: 'Exportar projeto', text: 'Baixe o arquivo JSON neutro e uma folha de contatos PNG. Mantenha as imagens originais junto ao arquivo JSON.' },
+];
+
+const softwareApplication: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  applicationCategory: 'DeveloperApplication',
+  operatingSystem: 'Any',
+};
+
+const faqPage: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faq.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowTo> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  step: howTo.map((step) => ({ '@type': 'HowToStep', name: step.name, text: step.text })),
+};
+
+export const content: ToolLocaleContent<HitboxHurtboxAnimatorUI> = {
+  slug,
+  title,
+  description,
+  ui: {
+    onboarding: 'Carregue uma animação, confirme o recorte dos quadros e desenhe as áreas de ataque, dano ou colisão física.',
+    privacyNote: 'Mesa de animação local. As imagens não são enviadas para servidores.',
+    loadSprite: 'Colocar arte na mesa de trabalho',
+    loadHint: 'Escolha uma folha de sprites ou várias imagens PNG/WebP ordenadas.',
+    chooseImages: 'Escolher imagens de sprite',
+    slicingTitle: 'Divisão de quadros',
+    rowsLabel: 'Linhas',
+    columnsLabel: 'Colunas',
+    applySlicing: 'Recortar quadros',
+    playbackTitle: 'Prévia do movimento',
+    previousFrame: 'Quadro anterior',
+    play: 'Reproduzir',
+    pause: 'Pausar',
+    nextFrame: 'Próximo quadro',
+    fpsLabel: 'Quadros por segundo',
+    onionPrevious: 'Vegetal anterior',
+    onionNext: 'Vegetal seguinte',
+    layerTitle: 'Camadas de colisão',
+    typeHitbox: 'Hitbox',
+    typeHurtbox: 'Hurtbox',
+    typePushbox: 'Pushbox',
+    typeGrabbox: 'Grabbox',
+    typeSensor: 'Sensor',
+    typeCustom: 'Personalizado',
+    shapeRectangle: 'Retângulo',
+    shapeCircle: 'Círculo',
+    drawShape: 'Desenhar',
+    selectShape: 'Selecionar',
+    stageLabel: 'Mesa de trabalho',
+    emptyStage: 'Carregue imagens para começar a desenhar camadas de colisão.',
+    frameReadout: 'Quadro {current} de {total}',
+    timelineTitle: 'Tira de quadros',
+    inspectorTitle: 'Inspetor de forma',
+    noSelection: 'Selecione uma forma para editar suas dimensões exatas.',
+    nameLabel: 'Nome da camada',
+    xLabel: 'X em pixels',
+    yLabel: 'Y em pixels',
+    widthLabel: 'Largura em pixels',
+    heightLabel: 'Altura em pixels',
+    radiusLabel: 'Raio em pixels',
+    duplicateShape: 'Duplicar',
+    mirrorShape: 'Espelhar horizontalmente',
+    deleteShape: 'Excluir forma',
+    copyPrevious: 'Copiar quadro anterior aqui',
+    copyAll: 'Copiar este quadro para todos',
+    pivotTitle: 'Pivô do quadro',
+    pivotXLabel: 'Pivô X',
+    pivotYLabel: 'Pivô Y',
+    exportTitle: 'Exportar projeto',
+    exportJson: 'Baixar JSON',
+    importJson: 'Importar JSON',
+    exportContactSheet: 'Baixar folha de contatos',
+    resetProject: 'Limpar camadas',
+    undo: 'Desfazer',
+    redo: 'Refazer',
+    statusReady: 'A mesa de trabalho está pronta.',
+    statusImageLoaded: '{count} arquivos de imagem carregados.',
+    statusShapeCreated: 'Forma de colisão adicionada.',
+    statusShapeUpdated: 'Forma atualizada.',
+    statusImported: 'Projeto importado.',
+    statusExported: 'Exportação pronta.',
+    statusError: 'Não foi possível ler o arquivo.',
+    framesBadge: '{count} quadros',
+    shapesBadge: '{count} formas',
+    coverageBadge: '{percent}% coberto',
+    coordinatesNote: 'As coordenadas usam o canto superior esquerdo de cada quadro como origem (0,0).',
+    localOnlyDisclosure: 'O JSON salva nomes de imagem, recortes, pivôs e geometrias sem conter dados de pixels.',
+    limitationDisclosure: 'As camadas definem regiões geométricas de design. Teste o comportamento no seu motor de jogo.',
+  },
+  seo: [
+    {
+      type: 'title',
+      level: 2,
+      text: 'Projete hitboxes e hurtboxes alinhadas ao movimento do sprite',
+    },
+    {
+      type: 'paragraph',
+      html: 'Configurar colisões torna-se complexo quando cada quadro é analisado isoladamente. Este editor reúne a imagem do sprite, camadas de colisão, papel vegetal e a linha do tempo para garantir a fluidez do movimento.',
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: 'Escolha cada camada segundo a lógica do jogo',
+    },
+    {
+      type: 'table',
+      headers: ['Camada', 'Função principal', 'Ponto a verificar'],
+      rows: [
+        ['Hitbox', 'Área que aplica um ataque ou efeito', 'Aparece apenas nos quadros ativos previstos?'],
+        ['Hurtbox', 'Área que recebe dano ou ataques', 'Acompanha o corpo do personagem sem lacunas?'],
+        ['Pushbox', 'Área de colisão física entre personagens', 'Permanece estável para evitar solavancos?'],
+        ['Grabbox', 'Alcance para iniciar um agarre', 'O tempo coincide com a animação visual?'],
+        ['Sensor', 'Área de detecção de interações', 'O nome está suficientemente claro?'],
+      ],
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: 'Compreender e aplicar o sistema de coordenadas',
+    },
+    {
+      type: 'paragraph',
+      html: 'O projeto exportado mede X e Y a partir do canto superior esquerdo de cada quadro recortado. As dimensões são valores positivos em pixels.',
+    },
+    {
+      type: 'tip',
+      title: 'Verifique a sequência completa da animação',
+      html: 'Reproduza a animação completa após alterar um quadro para garantir transições suaves.',
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: 'Use a folha de contatos no trabalho em equipe',
+    },
+    {
+      type: 'paragraph',
+      html: 'A folha de contatos PNG exibe todos os quadros e suas camadas de cor em uma só imagem, facilitando a comunicação no time.',
+    },
+  ],
+  faq,
+  bibliographyTitle: 'Referências para desenvolvimento de colisões',
+  bibliography: bibliographyEntries,
+  howTo,
+  schemas: [softwareApplication, faqPage, howToSchema],
+};

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

@@ -0,0 +1,195 @@
+import type { FAQPage, HowTo, SoftwareApplication, WithContext } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { HitboxHurtboxAnimatorUI } from '../ui';
+import { bibliographyEntries } from '../bibliography';
+
+const slug = 'animator-hitbox-i-hurtbox-dlya-spraitov';
+const title = 'Аниматор Hitbox и Hurtbox для Спрайтов';
+const description = 'Рисуйте слои коллизий на каждом кадре спрайта, просматривайте анимацию с калькой (onion skin), редактируйте координаты в пикселях и экспортируйте JSON.';
+
+const faq = [
+  {
+    question: 'В чем разница между хитбоксом (hitbox) и хертбоксом (hurtbox)?',
+    answer: 'Хитбокс определяет область, наносящую удар, а хертбокс - область персонажа, получающую урон. Пушбоксы (pushbox) удерживают персонажей на расстоянии, а граббоксы (grabbox) задают радиус захватов.',
+  },
+  {
+    question: 'Покидают ли мои файлы спрайтов браузер?',
+    answer: 'Нет. Обработка и экспорт выполняются полностью в вашем браузере. Локально сохраняются только настройки редактора.',
+  },
+  {
+    question: 'Какую систему координат использует экспорт в JSON?',
+    answer: 'Каждый кадр измеряет координаты в пикселях от верхнего левого угла. Размеры ширины и высоты сохраняются как положительные числа с собственным опорным центром (pivot).',
+  },
+  {
+    question: 'Можно ли редактировать спрайтшиты и отдельные кадры?',
+    answer: 'Да. Вы можете загрузить спрайтшит PNG/WebP с указанием строк и столбцов или выбрать последовательность отдельных файлов.',
+  },
+  {
+    question: 'Работает ли экспорт во всех игровых движках?',
+    answer: 'Формат JSON является нейтральным. Он сохраняет прямоугольники кадров, точки опорного центра и геометрические слои без привязки к конкретному движку.',
+  },
+];
+
+const howTo = [
+  { name: 'Загрузите графику', text: 'Выберите спрайтшит PNG/WebP или последовательность файлов. Обработка выполняется локально.' },
+  { name: 'Настройте кадры', text: 'Укажите число строк и столбцов и проверьте нарезку на временной ленте.' },
+  { name: 'Нарисуйте слои коллизий', text: 'Выберите слой hitbox, hurtbox, pushbox или sensor и нарисуйте прямоугольник или круг.' },
+  { name: 'Настройте движение', text: 'Редактируйте точные координаты, копируйте фигуры на соседние кадры и используйте кальку.' },
+  { name: 'Экспортируйте проект', text: 'Скачайте нейтральный файл JSON и сравнительный PNG. Сохраняйте исходные файлы вместе с JSON.' },
+];
+
+const softwareApplication: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  applicationCategory: 'DeveloperApplication',
+  operatingSystem: 'Any',
+};
+
+const faqPage: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faq.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowTo> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  step: howTo.map((step) => ({ '@type': 'HowToStep', name: step.name, text: step.text })),
+};
+
+export const content: ToolLocaleContent<HitboxHurtboxAnimatorUI> = {
+  slug,
+  title,
+  description,
+  ui: {
+    onboarding: 'Загрузите анимацию, подтвердите нарезку кадров и нарисуйте зоны атаки, урона, физики или детекторов.',
+    privacyNote: 'Локальный монтажный стол. Изображения не отправляются на сервер.',
+    loadSprite: 'Поместить графику на монтажный стол',
+    loadHint: 'Выберите спрайтшит или набор упорядоченных файлов PNG/WebP.',
+    chooseImages: 'Выбрать файлы',
+    slicingTitle: 'Нарезка кадров',
+    rowsLabel: 'Строки',
+    columnsLabel: 'Столбцы',
+    applySlicing: 'Нарезать',
+    playbackTitle: 'Просмотр движения',
+    previousFrame: 'Предыдущий кадр',
+    play: 'Воспроизвести',
+    pause: 'Пауза',
+    nextFrame: 'Следующий кадр',
+    fpsLabel: 'Кадров в секунду',
+    onionPrevious: 'Калька пред.',
+    onionNext: 'Калька след.',
+    layerTitle: 'Слои коллизий',
+    typeHitbox: 'Hitbox',
+    typeHurtbox: 'Hurtbox',
+    typePushbox: 'Pushbox',
+    typeGrabbox: 'Grabbox',
+    typeSensor: 'Датчик',
+    typeCustom: 'Свой слой',
+    shapeRectangle: 'Прямоугольник',
+    shapeCircle: 'Круг',
+    drawShape: 'Рисовать',
+    selectShape: 'Выбрать',
+    stageLabel: 'Рабочая область',
+    emptyStage: 'Загрузите графику, чтобы начать рисовать слои коллизий.',
+    frameReadout: 'Кадр {current} из {total}',
+    timelineTitle: 'Лента кадров',
+    inspectorTitle: 'Инспектор формы',
+    noSelection: 'Выберите фигуру для редактирования точных координат.',
+    nameLabel: 'Имя слоя',
+    xLabel: 'X в пикселях',
+    yLabel: 'Y в пикселях',
+    widthLabel: 'Ширина в пикселях',
+    heightLabel: 'Высота в пикселях',
+    radiusLabel: 'Радиус в пикселях',
+    duplicateShape: 'Дублировать',
+    mirrorShape: 'Отразить по горизонтали',
+    deleteShape: 'Удалить фигуру',
+    copyPrevious: 'Скопировать пред. кадр сюда',
+    copyAll: 'Скопировать этот кадр во все',
+    pivotTitle: 'Опорный центр (Pivot)',
+    pivotXLabel: 'Центр X',
+    pivotYLabel: 'Центр Y',
+    exportTitle: 'Экспорт проекта',
+    exportJson: 'Скачать JSON',
+    importJson: 'Импортировать JSON',
+    exportContactSheet: 'Скачать сравнительный лист',
+    resetProject: 'Сбросить слои',
+    undo: 'Отменить',
+    redo: 'Повторить',
+    statusReady: 'Монтажный стол готов.',
+    statusImageLoaded: 'Загружено {count} файлов.',
+    statusShapeCreated: 'Добавлена форма коллизии.',
+    statusShapeUpdated: 'Форма обновлена.',
+    statusImported: 'Проект импортирован.',
+    statusExported: 'Экспорт подготовлен.',
+    statusError: 'Не удалось прочитать файл.',
+    framesBadge: '{count} кадров',
+    shapesBadge: '{count} фигур',
+    coverageBadge: '{percent}% покрытия',
+    coordinatesNote: 'Координаты отсчитываются от верхнего левого угла каждого кадра (0,0).',
+    localOnlyDisclosure: 'Файл JSON содержит имена файлов, точки центов и формы без графических пикселей.',
+    limitationDisclosure: 'Слои задают геометрические зоны. Проверяйте их поведение в вашем игровом движке.',
+  },
+  seo: [
+    {
+      type: 'title',
+      level: 2,
+      text: 'Проектирование хитбоксов в согласовании с движением спрайта',
+    },
+    {
+      type: 'paragraph',
+      html: 'Настройка хитбоксов становится сложной, если каждый кадр рассматривается отдельно. Этот редактор объединяет просмотр спрайта, слои коллизий, кальку и временную ленту.',
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: 'Выбор слоев коллизий по их игровой роли',
+    },
+    {
+      type: 'table',
+      headers: ['Слой', 'Основная роль', 'Контрольный вопрос'],
+      rows: [
+        ['Hitbox', 'Зона, наносящая урон или эффект', 'Появляется ли она только в активных кадрах?'],
+        ['Hurtbox', 'Зона, получающая урон', 'Прилегает ли она к контуру тела без зазоров?'],
+        ['Pushbox', 'Физическая коллизия между персонажами', 'Сохраняет ли она стабильность во избежание тряски?'],
+        ['Grabbox', 'Радиус для выполнения захвата', 'Совпадает ли тайминг с визуальной анимацией?'],
+        ['Sensor', 'Зона детекции событий', 'Понятно ли написано название слоя?'],
+      ],
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: 'Понимание системы координат кадров',
+    },
+    {
+      type: 'paragraph',
+      html: 'Экспортируемый проект измеряет X и Y от верхнего левого угла каждого кадра. Размеры задаются в положительных пикселях.',
+    },
+    {
+      type: 'tip',
+      title: 'Проверяйте полную последовательность анимации',
+      html: 'Проигрывайте анимацию полностью после редактирования кадра, чтобы убедиться в плавности движения.',
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: 'Используйте сравнительный лист в командной работе',
+    },
+    {
+      type: 'paragraph',
+      html: 'Сравнительный PNG-лист отображает все кадры и слои на одном изображении, что упрощает обсуждение разработчиками и художниками.',
+    },
+  ],
+  faq,
+  bibliographyTitle: 'Ссылки по проектированию коллизий в играх',
+  bibliography: bibliographyEntries,
+  howTo,
+  schemas: [softwareApplication, faqPage, howToSchema],
+};