@jjlmoya/utils-games-development 1.47.0 → 1.50.0

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

@@ -0,0 +1,270 @@
+import type { ToolLocaleContent } from '../../../types';
+import type { SpriteSheetPackerUI } from '../ui';
+
+export const content: ToolLocaleContent<SpriteSheetPackerUI> = {
+  slug: 'sprite-sheet-packer-och-extraktor',
+  title: 'Sprite Sheet Packer och Extraktor',
+  description:
+    'Optimera 2D spelprestanda genom att packa enskilda animeringsbilder i texturatlaser eller extrahera sprites från befintliga sheets.',
+  ui: {
+    packerTab: 'Packer Studio',
+    extractorTab: 'Sprite Extraktor',
+    dropZoneTitle: 'Dra och Släpp Bildrutor',
+    dropZoneSubtitle: 'Ladda upp PNG eller WebP bilder för att generera din optimerade texturatlas',
+    selectFilesButton: 'Välj Bildfiler',
+    clearAllButton: 'Rensa Arbetsyta',
+    downloadZipButton: 'Ladda ner Paket (ZIP)',
+    copyJsonButton: 'Kopiera Atlas JSON',
+    downloadSheetPngButton: 'Ladda ner Textur PNG',
+    paddingLabel: 'Marginal mellan bildrutor (px)',
+    borderExtrusionLabel: 'Kanthelt Extrudering (px)',
+    maxTextureSizeLabel: 'Maximal Texturstorlek',
+    powerOfTwoLabel: 'Tvinga Potens av 2 (POT)',
+    trimTransparencyLabel: 'Beskär Genomskinlighet',
+    exportFormatLabel: 'Målspelsmotor Format',
+    presetPixelArt: 'Pixel Art 16x16 Preset',
+    presetHdUi: 'HD UI Atlas 1024 Preset',
+    presetMobile: 'Mobil WebGL 2048 Preset',
+    formatGenericHash: 'Generisk JSON (Hash)',
+    formatGenericArray: 'Generisk JSON (Array)',
+    formatUnity: 'Unity 2D Engine',
+    formatGodot: 'Godot 2D Engine',
+    formatPhaser: 'Phaser / PixiJS Engine',
+    formatCss: 'Web Frontend CSS',
+    previewTitle: 'Texturatlas Förhandsgranskning',
+    efficiencyBadge: 'Textureffektivitet',
+    drawCallsBadge: 'Minskade Draw Calls',
+    totalFramesBadge: 'Packade Bildrutor',
+    textureSizeBadge: 'Atlasdimension',
+    flipbookTitle: 'Animeringsspelare Flipbook',
+    flipbookFpsLabel: 'Animeringshastighet (FPS)',
+    playAnimation: 'Spela Sekvens',
+    pauseAnimation: 'Pausa',
+    extractorModeGrid: 'Fast Rutnätsuppdelning',
+    extractorModeAlpha: 'Automatisk Alfa Kanal Uppdelning',
+    frameWidthLabel: 'Bildrutans Bredd (px)',
+    frameHeightLabel: 'Bildrutans Höjd (px)',
+    marginLabel: 'Yttre Marginal (px)',
+    spacingLabel: 'Rutnätsavstånd (px)',
+    extractFramesButton: 'Extrahera Bildrutor',
+    extractedCountLabel: 'Extraherade Sprites',
+    codeSnippetTitle: 'Integreringskod för Spelmotor',
+    copySnippetButton: 'Kopiera Kod',
+    copiedToast: 'Kopierat till Urklipp',
+  },
+  seo: [
+    {
+      type: 'title',
+      level: 2,
+      text: 'Förståelse för GPU Batching och Optimering av Draw Calls i 2D Spelmotorer',
+    },
+    {
+      type: 'paragraph',
+      html: 'Att samla enskilda bildrutor i en gemensam texturatlas minskar antalet anrop som skickas från processorn CPU till grafikkortet GPU.',
+    },
+    {
+      type: 'stats',
+      columns: 4,
+      items: [
+        { value: '95%', label: 'Minskning av Draw Calls' },
+        { value: '4x', label: 'Snabbare GPU Bearbetning' },
+        { value: '60 FPS', label: 'Stabilt Mål på Mobila Enheter' },
+        { value: '100%', label: 'Lokal Bearbetning i Webbläsaren' },
+      ],
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: 'Jämförelse mellan Enskilda Filer och Packade Texturatlaser',
+    },
+    {
+      type: 'comparative',
+      columns: 2,
+      items: [
+        {
+          title: 'Enskilda Bildrutefiler',
+          description: 'Fristående PNG eller WebP filer på disken',
+          points: [
+            'Genererar ett separat renderanrop för varje enskild bildruta på skärmen',
+            'Orsakar täta kontextbyten på grafikkortet GPU',
+            'Ökar antalet HTTP förfrågningar för webbaserade spel',
+            'Sänker bildhastigheten på mobila enheter',
+          ],
+        },
+        {
+          title: 'Packad Texturatlas',
+          description: 'Enkel PNG bild kombinerad med JSON koordinatdata',
+          points: [
+            'Buntar ihop hundratals sprites i ett enda GPU renderanrop',
+            'Maximerar minnesbandbredd och grafisk återgivningshastighet',
+            'Minskar nätverksanrop genom att bunta ihop bild och data',
+            'Garanterar jämn 60 FPS på alla plattformar',
+          ],
+        },
+      ],
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: 'Subpixel Kamerarörelse och Kantextruderingsmatematik',
+    },
+    {
+      type: 'paragraph',
+      html: 'Att lägga till 1 till 2 pixlars kantextrudering kopierar de yttre kantpixlarna utåt för att förhindra synliga skarvar vid kamerarörelser.',
+    },
+    {
+      type: 'tip',
+      title: 'Strategie för Kantextrudering',
+      html: 'Använd kantextrudering för att helt eliminera kantartefakter vid kamerarörelser i 2D spel.',
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: 'Rekommenderade Texturstorlekar för Olika Plattformar',
+    },
+    {
+      type: 'table',
+      headers: ['Målplattform', 'Rekommenderad Maxstorlek', 'Krav på Potens av 2', 'Minnesprofil'],
+      rows: [
+        ['Mobila Webbläsare', '2048 x 2048 px', 'Obligatoriskt för WebGL 1.0', 'Låg Bandbredd'],
+        ['Dator PC / Konsol', '4096 x 4096 px', 'Rekommenderas', 'Hög GPU Kapacitet'],
+        ['Retro Handhållna Konsoler', '1024 x 1024 px', 'Strikt Krav', 'Strikta VRAM Gränser'],
+      ],
+    },
+    {
+      type: 'proscons',
+      items: [
+        {
+          pro: 'Garanterar full kompatibilitet med äldre grafikdrivrutiner och WebGL 1.0',
+          con: 'Kan lämna oanvänt genomskinligt utrymme vid få sprites',
+        },
+        {
+          pro: 'Stöder automatisk generering av mipmaps i hårdvaran',
+          con: 'Kräver noggrann marginaljustering vid oregelbundna former',
+        },
+        {
+          pro: 'Optimerar VRAM minnesallokering på grafikkortet',
+          con: 'Ökar den initiala texturytan något',
+        },
+      ],
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: 'Viktiga Begrepp inom Sprite Packning',
+    },
+    {
+      type: 'glossary',
+      items: [
+        {
+          term: 'Draw Call',
+          definition: 'Ett kommando från processorn till grafikkortet att rita geometri och texturer.',
+        },
+        {
+          term: 'Bin Packing',
+          definition: 'En algoritm för att arrangera rektangulära objekt optimalt i en minimal yta.',
+        },
+        {
+          term: 'Border Extrusion',
+          definition: 'Duplicering av yttre kantpixlar utåt för att förhindra synliga skarvar vid kamerarörelser.',
+        },
+        {
+          term: 'Flipbook Animation',
+          definition: 'Snabb sekventiell uppspelning av bildrutor för att simulera kontinuerlig rörelse i 2D spel.',
+        },
+      ],
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: 'Checklista för Prestanda',
+    },
+    {
+      type: 'diagnostic',
+      variant: 'info',
+      title: 'Produktionsregler',
+      html: 'Gruppera animationer i gemensamma atlaser och använd potenser av två för WebGL byggen.',
+    },
+  ],
+  faq: [
+    {
+      question: 'Vad är ett sprite sheet och varför är det viktigt?',
+      answer:
+        'Ett sprite sheet är en enskild bildfil som innehåller flera animeringsbilder.',
+    },
+    {
+      question: 'Hur fungerar den lokala bearbetningen i verktyget?',
+      answer:
+        'Alla beräkningar sker lokalt i din webbläsare via HTML5 Canvas API.',
+    },
+    {
+      question: 'Kan jag extrahera bilder från ett befintligt sprite sheet?',
+      answer:
+        'Ja. Växla till Extraktor läget och ladda upp din bild.',
+    },
+  ],
+  howTo: [
+    {
+      name: 'Ladda upp Bildrutor',
+      text: 'Dra och släpp dina PNG eller WebP filer i uppladdningsområdet.',
+    },
+    {
+      name: 'Justera Inställningar',
+      text: 'Ställ in marginaler kantextrudering och maximal texturstorlek.',
+    },
+    {
+      name: 'Förhandsgranska och Ladda ner',
+      text: 'Kontrollera animationen i spelaren och ladda ner ditt ZIP paket.',
+    },
+  ],
+  schemas: [
+    {
+      '@context': 'https://schema.org',
+      '@type': 'SoftwareApplication',
+      name: 'Sprite Sheet Packer och Extraktor',
+      applicationCategory: 'DeveloperApplication',
+      operatingSystem: 'Any',
+      offers: {
+        '@type': 'Offer',
+        price: '0',
+        priceCurrency: 'USD',
+      },
+    },
+    {
+      '@context': 'https://schema.org',
+      '@type': 'FAQPage',
+      mainEntity: [
+        {
+          '@type': 'Question',
+          name: 'Vad är ett sprite sheet och varför är det viktigt?',
+          acceptedAnswer: {
+            '@type': 'Answer',
+            text: 'Ett sprite sheet är en enskild bildfil som innehåller flera animeringsbilder.',
+          },
+        },
+      ],
+    },
+    {
+      '@context': 'https://schema.org',
+      '@type': 'HowTo',
+      name: 'Hur man packar och extraherar sprite sheets',
+      step: [
+        {
+          '@type': 'HowToStep',
+          name: 'Ladda upp Bildrutor',
+          text: 'Dra och släpp dina PNG eller WebP filer i uppladdningsområdet.',
+        },
+      ],
+    },
+  ],
+  bibliography: [
+    {
+      name: 'Godot Engine 2D Sprite Sheets Documentation',
+      url: 'https://docs.godotengine.org/en/stable/tutorials/2d/2d_sprite_animation.html',
+    },
+    {
+      name: 'Unity Sprite Atlas Manual',
+      url: 'https://docs.unity3d.com/Manual/class-SpriteAtlas.html',
+    },
+  ],
+};

package/src/tool/spriteSheetPacker/i18n/tr.ts

@@ -0,0 +1,270 @@
+import type { ToolLocaleContent } from '../../../types';
+import type { SpriteSheetPackerUI } from '../ui';
+
+export const content: ToolLocaleContent<SpriteSheetPackerUI> = {
+  slug: 'sprite-sheet-paketleyici-ve-cikartici',
+  title: 'Sprite Sheet Paketleyici ve Çıkartıcı',
+  description:
+    'Tekil animasyon karelerini doku atlaslarında birleştirerek veya mevcut sayfalardan sprite kareleri çıkartarak 2D oyun performansını optimize edin.',
+  ui: {
+    packerTab: 'Paketleme Stüdyosu',
+    extractorTab: 'Sprite Çıkartıcı',
+    dropZoneTitle: 'Kareleri Buraya Sürükleyin',
+    dropZoneSubtitle: 'Optimize edilmiş doku atlasınızı oluşturmak için PNG veya WebP görselleri yükleyin',
+    selectFilesButton: 'Görsel Dosyaları Seç',
+    clearAllButton: 'Çalışma Alanını Temizle',
+    downloadZipButton: 'Paketi İndir (ZIP)',
+    copyJsonButton: 'Atlas JSON Kopyala',
+    downloadSheetPngButton: 'Doku PNG İndir',
+    paddingLabel: 'Kare Mesafesi (px)',
+    borderExtrusionLabel: 'Kenar Uzatması (px)',
+    maxTextureSizeLabel: 'Maksimum Doku Boyutu',
+    powerOfTwoLabel: '2 nin Kuvvetine Zorla (POT)',
+    trimTransparencyLabel: 'Şeffaflığı Kırp',
+    exportFormatLabel: 'Hedef Motor Formatı',
+    presetPixelArt: 'Pixel Art 16x16 Şablonu',
+    presetHdUi: 'HD UI Atlas 1024 Şablonu',
+    presetMobile: 'Mobil WebGL 2048 Şablonu',
+    formatGenericHash: 'Genel JSON (Hash)',
+    formatGenericArray: 'Genel JSON (Array)',
+    formatUnity: 'Unity 2D Motoru',
+    formatGodot: 'Godot 2D Motoru',
+    formatPhaser: 'Phaser / PixiJS Motoru',
+    formatCss: 'Web Frontend CSS',
+    previewTitle: 'Doku Atlası Önizlemesi',
+    efficiencyBadge: 'Doku Verimliliği',
+    drawCallsBadge: 'Azaltılan Draw Call',
+    totalFramesBadge: 'Paketlenen Kare Sayısı',
+    textureSizeBadge: 'Atlas Boyutu',
+    flipbookTitle: 'Animasyon Oynatıcı Flipbook',
+    flipbookFpsLabel: 'Animasyon Hızı (FPS)',
+    playAnimation: 'Oynat',
+    pauseAnimation: 'Duraklat',
+    extractorModeGrid: 'Sabit Izgara Kesimi',
+    extractorModeAlpha: 'Otomatik Alfa Kanalı Kesimi',
+    frameWidthLabel: 'Kare Genişliği (px)',
+    frameHeightLabel: 'Kare Yüksekliği (px)',
+    marginLabel: 'Dış Kenar Boşluğu (px)',
+    spacingLabel: 'Izgara Aralığı (px)',
+    extractFramesButton: 'Kareleri Çıkart',
+    extractedCountLabel: 'Çıkartılan Spritelar',
+    codeSnippetTitle: 'Motor Entegrasyon Kodu',
+    copySnippetButton: 'Kodu Kopyala',
+    copiedToast: 'Panoya Kopyalandı',
+  },
+  seo: [
+    {
+      type: 'title',
+      level: 2,
+      text: '2D Oyun Motorlarında GPU Batching ve Draw Call Optimizasyonu',
+    },
+    {
+      type: 'paragraph',
+      html: 'Tekil görsel karelerini tek bir doku atlasında toplamak, işlemciden ekran kartına gönderilen çizim komutu sayısını (draw call) önemli ölçüde azaltır.',
+    },
+    {
+      type: 'stats',
+      columns: 4,
+      items: [
+        { value: '%95', label: 'Draw Call Azalması' },
+        { value: '4x', label: 'Daha Hızlı GPU İşleme' },
+        { value: '60 FPS', label: 'Mobilde Kararlı Hedef' },
+        { value: '100%', label: 'Tarayıcıda Yerel İşlem' },
+      ],
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: 'Tekil Görsel Dosyaları ile Paketlemiş Doku Atlasları Karşılaştırması',
+    },
+    {
+      type: 'comparative',
+      columns: 2,
+      items: [
+        {
+          title: 'Tekil Görsel Dosyaları',
+          description: 'Ayrı ayrı kaydedilmiş PNG veya WebP dosyaları',
+          points: [
+            'Erandaki her bir kare için ayrı bir çizim komutu oluşturur',
+            'Ekran kartında sürekli bağlam değişimine yol açar',
+            'Web oyunlarında HTTP istek sayısını artırır',
+            'Mobil cihazlarda kare hızının düşmesine neden olur',
+          ],
+        },
+        {
+          title: 'Paketlenmiş Doku Atlası',
+          description: 'JSON koordinat verisi ile birleştirilmiş tek PNG görseli',
+          points: [
+            'Yüzlerce sprite karesini tek bir GPU çizim komutunda birleştirir',
+            'Bellek bant genişliğini ve grafik işleme hızını en üst düzeye çıkarır',
+            'Görsel ve veriyi birleştirerek dosya isteklerini azaltır',
+            'Tüm platformlarda akıcı 60 FPS performansı sağlar',
+          ],
+        },
+      ],
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: 'Alt Piksel Kamera Hareketi ve Kenar Uzatma Matematiği',
+    },
+    {
+      type: 'paragraph',
+      html: '1 ila 2 piksellik kenar uzatması (Border Extrusion) uygulamak, dış kenar piksellerini dışarıya doğru kopyalayarak kamera hareketlerinde oluşan çizgi kusurlarını engeller.',
+    },
+    {
+      type: 'tip',
+      title: 'Kenar Uzatma Stratejisi',
+      html: 'Kamera hareketlerinde piksel sızmasını tamamen önlemek için paketleme esnasında kenar uzatması kullanın.',
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: 'Farklı Platformlar İçin Önerilen Doku Boyutları',
+    },
+    {
+      type: 'table',
+      headers: ['Hedef Platform', 'Önerilen Maks Boyut', '2 nin Kuvveti Şartı', 'Bellek Profili'],
+      rows: [
+        ['Mobil Tarayıcılar', '2048 x 2048 px', 'WebGL 1.0 İçin Zorunlu', 'Düşük Bant Genişliği'],
+        ['Masaüstü PC / Konsol', '4096 x 4096 px', 'Önerilir', 'Yüksek GPU Kapasitesi'],
+        ['Retro El Konsolları', '1024 x 1024 px', 'Kesin Şart', 'Katı VRAM Sınırları'],
+      ],
+    },
+    {
+      type: 'proscons',
+      items: [
+        {
+          pro: 'Eski grafik sürücüleri ve WebGL 1.0 ile %100 uyumluluk sağlar',
+          con: 'Az sayıda sprite olduğunda kullanılmayan şeffaf alan bırakabilir',
+        },
+        {
+          pro: 'Donanımsal otomatik mipmap oluşturmayı destekler',
+          con: 'Düzensiz şekillerde dikkatli kenar boşluğu ayarı gerektirir',
+        },
+        {
+          pro: 'Ekran kartındaki VRAM bellek tahsisini optimize eder',
+          con: 'Başlangıç doku alanını az miktarda artırır',
+        },
+      ],
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: 'Sprite Paketleme Temel Terimleri',
+    },
+    {
+      type: 'glossary',
+      items: [
+        {
+          term: 'Draw Call',
+          definition: 'İşlemcinin ekran kartına grafik çizmesi için gönderdiği komut.',
+        },
+        {
+          term: 'Bin Packing',
+          definition: 'Dikdörtgen elemanları en küçük alana optimal şekilde yerleştirme algoritması.',
+        },
+        {
+          term: 'Border Extrusion',
+          definition: 'Kamera hareketinde çizgi kusurlarını engellemek için dış kenar piksellerini kopyalama.',
+        },
+        {
+          term: 'Flipbook Animation',
+          definition: '2D oyunlarda sürekli hareketi simüle etmek için karelerin hızlıca sırayla oynatılması.',
+        },
+      ],
+    },
+    {
+      type: 'title',
+      level: 2,
+      text: 'Performans Kontrol Listesi',
+    },
+    {
+      type: 'diagnostic',
+      variant: 'info',
+      title: 'Üretim Kuralları',
+      html: 'Animasyonları ortak atlaslarda toplayın ve WebGL derlemelerinde 2 nin kuvveti boyutlarını kullanın.',
+    },
+  ],
+  faq: [
+    {
+      question: 'Sprite sheet nedir ve 2D oyunlar için neden önemlidir?',
+      answer:
+        'Sprite sheet, birden fazla animasyon karesini içeren tek bir görsel dosyasıdır. Oyun motorunun tek bir GPU komutuyla çok sayıda nesneyi çizmesini sağlar.',
+    },
+    {
+      question: 'Bu araçtaki yerel işleme nasıl çalışır?',
+      answer:
+        'Tüm işlemler sunucuya hiçbir veri gönderilmeden tarayıcınızın HTML5 Canvas API sinde yerel olarak gerçekleşir.',
+    },
+    {
+      question: 'Mevcut bir sprite sayfasından kareleri çıkartabilir miyim?',
+      answer:
+        'Evet. Çıkartıcı moduna geçin, görselinizi yükleyin ve ızgara boyutlarını ayarlayın.',
+    },
+  ],
+  howTo: [
+    {
+      name: 'Kareleri Yükleyin',
+      text: 'PNG veya WebP dosyalarınızı yükleme alanına sürükleyin.',
+    },
+    {
+      name: 'Ayarları Yapılandırın',
+      text: 'Mesafe, kenar uzatması ve hedef motor formatını seçin.',
+    },
+    {
+      name: 'Önizleyin ve İndirin',
+      text: 'Flipbook oynatıcıda animasyonu kontrol edin ve ZIP paketini indirin.',
+    },
+  ],
+  schemas: [
+    {
+      '@context': 'https://schema.org',
+      '@type': 'SoftwareApplication',
+      name: 'Sprite Sheet Paketleyici ve Çıkartıcı',
+      applicationCategory: 'DeveloperApplication',
+      operatingSystem: 'Any',
+      offers: {
+        '@type': 'Offer',
+        price: '0',
+        priceCurrency: 'USD',
+      },
+    },
+    {
+      '@context': 'https://schema.org',
+      '@type': 'FAQPage',
+      mainEntity: [
+        {
+          '@type': 'Question',
+          name: 'Sprite sheet nedir ve 2D oyunlar için neden önemlidir?',
+          acceptedAnswer: {
+            '@type': 'Answer',
+            text: 'Sprite sheet, birden fazla animasyon karesini içeren tek bir görsel dosyasıdır.',
+          },
+        },
+      ],
+    },
+    {
+      '@context': 'https://schema.org',
+      '@type': 'HowTo',
+      name: 'Sprite sheet nasıl paketlenir ve çıkartılır',
+      step: [
+        {
+          '@type': 'HowToStep',
+          name: 'Kareleri Yükleyin',
+          text: 'PNG veya WebP dosyalarınızı yükleme alanına sürükleyin.',
+        },
+      ],
+    },
+  ],
+  bibliography: [
+    {
+      name: 'Godot Engine 2D Sprite Sheets Documentation',
+      url: 'https://docs.godotengine.org/en/stable/tutorials/2d/2d_sprite_animation.html',
+    },
+    {
+      name: 'Unity Sprite Atlas Manual',
+      url: 'https://docs.unity3d.com/Manual/class-SpriteAtlas.html',
+    },
+  ],
+};