@jjlmoya/utils-games-development 1.54.0 → 1.56.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (65) hide show
  1. package/package.json +1 -1
  2. package/src/entries.ts +7 -1
  3. package/src/index.ts +2 -0
  4. package/src/tests/contrast_legibility.test.ts +291 -0
  5. package/src/tests/locale_completeness.test.ts +2 -2
  6. package/src/tests/tool_validation.test.ts +2 -2
  7. package/src/tool/itchioGameTester/itchio-game-tester.css +3 -3
  8. package/src/tool/localizationSanitizer/localization-sanitizer.css +17 -15
  9. package/src/tool/pixelArtPaletteSwapper/app-client.ts +229 -0
  10. package/src/tool/pixelArtPaletteSwapper/bibliography.astro +6 -0
  11. package/src/tool/pixelArtPaletteSwapper/bibliography.ts +16 -0
  12. package/src/tool/pixelArtPaletteSwapper/component.astro +153 -0
  13. package/src/tool/pixelArtPaletteSwapper/entry.ts +28 -0
  14. package/src/tool/pixelArtPaletteSwapper/i18n/de.ts +233 -0
  15. package/src/tool/pixelArtPaletteSwapper/i18n/en.ts +233 -0
  16. package/src/tool/pixelArtPaletteSwapper/i18n/es.ts +233 -0
  17. package/src/tool/pixelArtPaletteSwapper/i18n/fr.ts +233 -0
  18. package/src/tool/pixelArtPaletteSwapper/i18n/id.ts +233 -0
  19. package/src/tool/pixelArtPaletteSwapper/i18n/it.ts +233 -0
  20. package/src/tool/pixelArtPaletteSwapper/i18n/ja.ts +225 -0
  21. package/src/tool/pixelArtPaletteSwapper/i18n/ko.ts +225 -0
  22. package/src/tool/pixelArtPaletteSwapper/i18n/nl.ts +233 -0
  23. package/src/tool/pixelArtPaletteSwapper/i18n/pl.ts +233 -0
  24. package/src/tool/pixelArtPaletteSwapper/i18n/pt.ts +233 -0
  25. package/src/tool/pixelArtPaletteSwapper/i18n/ru.ts +233 -0
  26. package/src/tool/pixelArtPaletteSwapper/i18n/sv.ts +233 -0
  27. package/src/tool/pixelArtPaletteSwapper/i18n/tr.ts +233 -0
  28. package/src/tool/pixelArtPaletteSwapper/i18n/zh.ts +225 -0
  29. package/src/tool/pixelArtPaletteSwapper/index.ts +12 -0
  30. package/src/tool/pixelArtPaletteSwapper/logic.test.ts +43 -0
  31. package/src/tool/pixelArtPaletteSwapper/logic.ts +171 -0
  32. package/src/tool/pixelArtPaletteSwapper/pixel-art-palette-swapper.css +728 -0
  33. package/src/tool/pixelArtPaletteSwapper/seo.astro +15 -0
  34. package/src/tool/pixelArtPaletteSwapper/ui.ts +35 -0
  35. package/src/tool/retroSfxGenerator/bibliography.astro +6 -0
  36. package/src/tool/retroSfxGenerator/bibliography.ts +16 -0
  37. package/src/tool/retroSfxGenerator/client.ts +263 -0
  38. package/src/tool/retroSfxGenerator/component.astro +146 -0
  39. package/src/tool/retroSfxGenerator/entry.ts +27 -0
  40. package/src/tool/retroSfxGenerator/i18n/de.ts +211 -0
  41. package/src/tool/retroSfxGenerator/i18n/en.ts +224 -0
  42. package/src/tool/retroSfxGenerator/i18n/es.ts +211 -0
  43. package/src/tool/retroSfxGenerator/i18n/fr.ts +211 -0
  44. package/src/tool/retroSfxGenerator/i18n/id.ts +211 -0
  45. package/src/tool/retroSfxGenerator/i18n/it.ts +211 -0
  46. package/src/tool/retroSfxGenerator/i18n/ja.ts +211 -0
  47. package/src/tool/retroSfxGenerator/i18n/ko.ts +211 -0
  48. package/src/tool/retroSfxGenerator/i18n/nl.ts +211 -0
  49. package/src/tool/retroSfxGenerator/i18n/pl.ts +211 -0
  50. package/src/tool/retroSfxGenerator/i18n/pt.ts +211 -0
  51. package/src/tool/retroSfxGenerator/i18n/ru.ts +211 -0
  52. package/src/tool/retroSfxGenerator/i18n/sv.ts +211 -0
  53. package/src/tool/retroSfxGenerator/i18n/tr.ts +211 -0
  54. package/src/tool/retroSfxGenerator/i18n/zh.ts +211 -0
  55. package/src/tool/retroSfxGenerator/index.ts +11 -0
  56. package/src/tool/retroSfxGenerator/logic.test.ts +61 -0
  57. package/src/tool/retroSfxGenerator/logic.ts +214 -0
  58. package/src/tool/retroSfxGenerator/retro-sfx-generator.css +435 -0
  59. package/src/tool/retroSfxGenerator/seo.astro +15 -0
  60. package/src/tool/retroSfxGenerator/ui.ts +41 -0
  61. package/src/tool/saveFileEditor/game-save-file-editor.css +5 -5
  62. package/src/tool/spriteSheetPacker/sprite-sheet-packer.css +5 -5
  63. package/src/tool/steamBbcodeTranslator/steam-bbcode-translator.css +8 -8
  64. package/src/tool/steamCapsuleGenerator/steam-capsule-generator.css +6 -6
  65. package/src/tools.ts +4 -0
@@ -0,0 +1,233 @@
1
+ import type { ToolLocaleContent } from '../../../types';
2
+ import type { PixelArtPaletteSwapperUI } from '../ui';
3
+
4
+ export const content: ToolLocaleContent<PixelArtPaletteSwapperUI> = {
5
+ slug: 'pixel-art-palett-bytare',
6
+ title: 'Pixel Art Palettbytare',
7
+ description: 'Minska sprites och spritesheets till klassiska konsolpaletter eller egna hex-färger direkt i webbläsaren.',
8
+ ui: {
9
+ uploadTitle: 'Släpp en sprite eller spritesheet',
10
+ uploadHint: 'PNG, JPEG eller WebP bearbetas lokalt på din enhet',
11
+ chooseImage: 'Välj bild',
12
+ replaceImage: 'Ersätt bild',
13
+ paletteTitle: 'Välj palett',
14
+ gameBoyPalette: 'Game Boy',
15
+ nesPalette: 'NES-inspirerad',
16
+ pico8Palette: 'PICO-8',
17
+ commodore64Palette: 'Commodore 64',
18
+ dawnBringerPalette: 'DawnBringer 16',
19
+ customPalette: 'Anpassade färger',
20
+ customPaletteHint: 'Separera hex-värden med kommatecken, blanksteg eller radbrytningar.',
21
+ applyCustomPalette: 'Använd palett',
22
+ resetCustomPalette: 'Återställ',
23
+ sourcePreview: 'Original',
24
+ resultPreview: 'Minskat resultat',
25
+ waitingForImage: 'Väntar på en bild',
26
+ uploadToPreview: 'Ladda upp en bild för att förhandsgranska',
27
+ resultEmpty: 'Dina original- och reducerade versioner visas sida vid sida.',
28
+ downloadPng: 'Ladda ner PNG',
29
+ downloadDisabled: 'Ladda upp en bild för att aktivera export.',
30
+ colorCount: 'Källfärger',
31
+ mappedCount: 'Använda färger',
32
+ imageSize: 'Bildstorlek',
33
+ paletteCount: 'palettfärger',
34
+ preserveAlpha: 'Bevara transparens',
35
+ zoomLabel: 'Zoom',
36
+ processing: 'Mappar pixlar',
37
+ invalidPalette: 'Lägg till minst en giltig hex-färg',
38
+ invalidImage: 'Välj en PNG-, JPEG- eller WebP-bild',
39
+ readyStatus: 'Klar',
40
+ dropActive: 'Släpp för att ladda',
41
+ mappedSummary: 'Mappade {source} källfärger till {mapped} palettfärger',
42
+ },
43
+ seo: [
44
+ {
45
+ type: 'title',
46
+ level: 2,
47
+ text: 'Omvandla en Fullfärgs Sprite till en Genomtänkt Retropalett',
48
+ },
49
+ {
50
+ type: 'paragraph',
51
+ 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.',
52
+ },
53
+ {
54
+ type: 'title',
55
+ level: 2,
56
+ text: 'Hur Färgomvandling till Närmaste Färg Fungerar',
57
+ },
58
+ {
59
+ type: 'paragraph',
60
+ 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.',
61
+ },
62
+ {
63
+ type: 'comparative',
64
+ columns: 2,
65
+ items: [
66
+ {
67
+ title: 'Palettbegränsning',
68
+ description: 'Varje källfärg ersätts med det närmaste tillgängliga färgprovet.',
69
+ points: [
70
+ 'Snabbt och förutsägbart för sprites, ikoner, tiles och gränssnittselement',
71
+ 'Behåller ursprungliga mått och pixelpositioner exakt',
72
+ 'Gör det enkelt att kontrollera och granska en fastställd färgbudget',
73
+ ],
74
+ },
75
+ {
76
+ title: 'Palette Swapping',
77
+ description: 'Samma bild kan mappas om till en annan noggrant utvald uppsättning färger.',
78
+ points: [
79
+ 'Användbart för alternativa dräkter, miljöer och skadestatusar',
80
+ 'Anpassade hex-listor gör att du kan matcha din egen konstnärliga riktning',
81
+ 'Den nedladdade PNG-filen är redo att importeras direkt till din redigerare',
82
+ ],
83
+ },
84
+ ],
85
+ },
86
+ {
87
+ type: 'title',
88
+ level: 2,
89
+ text: 'Välja Palett för Pixel Art',
90
+ },
91
+ {
92
+ type: 'table',
93
+ headers: ['Palett', 'Färger', 'Passar till', 'Att tänka på'],
94
+ rows: [
95
+ ['Game Boy', '4', 'Monokrom bärbar känsla och tydliga valörstudier', 'Litet valörindex kan smälta samman närliggande material'],
96
+ ['NES-inspirerad', '16', 'Klassiska arkadsprites, karaktärer och tiles', 'Mycket ljusa färger kan dominera små detaljer'],
97
+ ['PICO-8', '16', 'Modern pixel art med mättade färgaccentuer', 'Starkt mättade tonfall kräver medveten kontrast'],
98
+ ['Commodore 64', '16', 'Mjuka retro-scener och klassisk datorgrafikestetik', 'Låg kontrast drar nytta av tydliga silhuetter'],
99
+ ['DawnBringer 16', '16', 'Mångsidig handplockad palett för allmän pixel art', 'Färgramper kräver fortfarande en medveten ljusriktning'],
100
+ ],
101
+ },
102
+ {
103
+ type: 'title',
104
+ level: 2,
105
+ text: 'Praktiskt Arbetsflöde för Spritesheets',
106
+ },
107
+ {
108
+ type: 'paragraph',
109
+ 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.',
110
+ },
111
+ {
112
+ type: 'tip',
113
+ title: 'Håll Paletten Medveten',
114
+ 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.',
115
+ },
116
+ {
117
+ type: 'title',
118
+ level: 2,
119
+ text: 'Checklista för Export av Pixel Art',
120
+ },
121
+ {
122
+ type: 'diagnostic',
123
+ variant: 'info',
124
+ title: 'Före Import av den Reducerade PNG filen',
125
+ 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.',
126
+ },
127
+ {
128
+ type: 'glossary',
129
+ items: [
130
+ {
131
+ term: 'Färgkvantisering',
132
+ definition: 'Processen att minska en stor mängd källfärger till en mindre, bestämd uppsättning.',
133
+ },
134
+ {
135
+ term: 'Färgramp',
136
+ definition: 'En ordnad sekvens av mörka, mellantoner och ljusa färger som används för att skugga en yta.',
137
+ },
138
+ {
139
+ term: 'Indexerad palett',
140
+ 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.',
141
+ },
142
+ ],
143
+ },
144
+ ],
145
+ faq: [
146
+ {
147
+ question: 'Laddas mina bilder upp till en server?',
148
+ answer: 'Nej. Bilden avkodas på en canvas i din webbläsare, mappas lokalt med JavaScript och exporteras direkt som PNG. Verktyget har inget uppladdningssteg.',
149
+ },
150
+ {
151
+ question: 'Kan jag använda min egen anpassade palett?',
152
+ 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.',
153
+ },
154
+ {
155
+ question: 'Ändras storleken på min sprite eller mitt spritesheet?',
156
+ answer: 'Nej. Utfilen behåller ursprunglig bredd, höjd, pixelpositioner och alfavärden när Bevara transparens är aktiverat.',
157
+ },
158
+ {
159
+ question: 'Vilken algoritm används?',
160
+ 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.',
161
+ },
162
+ ],
163
+ howTo: [
164
+ {
165
+ name: 'Ladda sprite',
166
+ text: 'Släpp en PNG-, JPEG- eller WebP-sprite eller spritesheet i arbetsområdet eller använd Välj bild.',
167
+ },
168
+ {
169
+ name: 'Välj palett',
170
+ text: 'Välj en klassisk förinställning eller ange dina egna hex-färger. Resultatet uppdateras omedelbart.',
171
+ },
172
+ {
173
+ name: 'Jämför och exportera',
174
+ text: 'Granska originalet och den reducerade bilden, justera zoomen och ladda ner resultatet som PNG.',
175
+ },
176
+ ],
177
+ schemas: [
178
+ {
179
+ '@context': 'https://schema.org',
180
+ '@type': 'SoftwareApplication',
181
+ name: 'Pixel Art Palettbytare',
182
+ applicationCategory: 'DesignApplication',
183
+ operatingSystem: 'Any',
184
+ offers: { '@type': 'Offer', price: '0', priceCurrency: 'USD' },
185
+ },
186
+ {
187
+ '@context': 'https://schema.org',
188
+ '@type': 'FAQPage',
189
+ mainEntity: [
190
+ {
191
+ '@type': 'Question',
192
+ name: 'Laddas mina bilder upp till en server?',
193
+ acceptedAnswer: {
194
+ '@type': 'Answer',
195
+ text: 'Nej. Bilden bearbetas lokalt i webbläsaren och exporteras direkt som PNG.',
196
+ },
197
+ },
198
+ {
199
+ '@type': 'Question',
200
+ name: 'Kan jag använda min egen anpassade palett?',
201
+ acceptedAnswer: {
202
+ '@type': 'Answer',
203
+ text: 'Ja. Klistra in hex-koder i fältet Anpassade färger och välj Använd palett.',
204
+ },
205
+ },
206
+ ],
207
+ },
208
+ {
209
+ '@context': 'https://schema.org',
210
+ '@type': 'HowTo',
211
+ name: 'Hur du minskar en sprite till en retropalett',
212
+ step: [
213
+ { '@type': 'HowToStep', name: 'Ladda sprite', text: 'Släpp en fil i arbetsområdet.' },
214
+ { '@type': 'HowToStep', name: 'Välj palett', text: 'Välj förinställning eller ange hex-färger.' },
215
+ { '@type': 'HowToStep', name: 'Jämför och exportera', text: 'Granska resultatet och ladda ner PNG.' },
216
+ ],
217
+ },
218
+ ],
219
+ bibliography: [
220
+ {
221
+ name: 'MDN Canvas API',
222
+ url: 'https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API',
223
+ },
224
+ {
225
+ name: 'Lospec Palette List',
226
+ url: 'https://lospec.com/palette-list',
227
+ },
228
+ {
229
+ name: 'W3C Portable Network Graphics Specification',
230
+ url: 'https://www.w3.org/TR/png-3/',
231
+ },
232
+ ],
233
+ };
@@ -0,0 +1,233 @@
1
+ import type { ToolLocaleContent } from '../../../types';
2
+ import type { PixelArtPaletteSwapperUI } from '../ui';
3
+
4
+ export const content: ToolLocaleContent<PixelArtPaletteSwapperUI> = {
5
+ slug: 'piksel-sanati-palet-degistirici',
6
+ title: 'Piksel Sanatı Palet Değiştirici',
7
+ description: 'Sprite ve sprite sayfalarındaki renkleri klasik konsol paletlerine veya özel hex renklerine doğrudan tarayıcınızda dönüştürün.',
8
+ ui: {
9
+ uploadTitle: 'Bir sprite veya sprite sayfası bırakın',
10
+ uploadHint: 'PNG, JPEG veya WebP dosyaları doğrudan cihazınızda işlenir',
11
+ chooseImage: 'Görsel seç',
12
+ replaceImage: 'Görseli değiştir',
13
+ paletteTitle: 'Palet seçin',
14
+ gameBoyPalette: 'Game Boy',
15
+ nesPalette: 'NES esintili',
16
+ pico8Palette: 'PICO-8',
17
+ commodore64Palette: 'Commodore 64',
18
+ dawnBringerPalette: 'DawnBringer 16',
19
+ customPalette: 'Özel renkler',
20
+ customPaletteHint: 'Hex değerlerini virgül, boşluk veya yeni satır ile ayırın.',
21
+ applyCustomPalette: 'Paleti uygula',
22
+ resetCustomPalette: 'Sıfırla',
23
+ sourcePreview: 'Orijinal',
24
+ resultPreview: 'Dönüştürülmüş sonuç',
25
+ waitingForImage: 'Bir görsel bekleniyor',
26
+ uploadToPreview: 'Önizlemek için bir görsel yükleyin',
27
+ resultEmpty: 'Orijinal ve palet uygulanmış sürümler yan yana görünecektir.',
28
+ downloadPng: 'PNG İndir',
29
+ downloadDisabled: 'Dışa aktarmak için bir görsel yükleyin.',
30
+ colorCount: 'Kaynak renkler',
31
+ mappedCount: 'Kullanılan renkler',
32
+ imageSize: 'Görsel boyutu',
33
+ paletteCount: 'palet renkleri',
34
+ preserveAlpha: 'Şeffaflığı koru',
35
+ zoomLabel: 'Yakınlaştırma',
36
+ processing: 'Pikseller eşleştiriliyor',
37
+ invalidPalette: 'En az bir geçerli hex rengi ekleyin',
38
+ invalidImage: 'Geçerli bir PNG, JPEG veya WebP görseli seçin',
39
+ readyStatus: 'Hazır',
40
+ dropActive: 'Yüklemek için bırakın',
41
+ mappedSummary: '{source} kaynak renk {mapped} palet rengine eşlendi',
42
+ },
43
+ seo: [
44
+ {
45
+ type: 'title',
46
+ level: 2,
47
+ text: 'Tam Renkli Sprite Görsellerini Planlı Retro Paletlere Dönüştürün',
48
+ },
49
+ {
50
+ type: 'paragraph',
51
+ html: 'Sınırlı bir palet, teknik bir kısıtlamadan daha fazlasıdır. Sprite görsellerinize tutarlı bir renk dili kazandırır, sahnelerin birbirine ait görünmesini sağlar ve belirli bir konsolun veya hayali donanımın görsel karakterini yansıtır. Tarayıcı tabanlı bu palet değiştirici, Game Boy, NES esintili, PICO-8, Commodore 64, DawnBringer 16 ve özel paletleri denerken orijinal görsel ile indirgenmiş sürümü karşılaştırmanıza olanak tanır.',
52
+ },
53
+ {
54
+ type: 'title',
55
+ level: 2,
56
+ text: 'En Yakın Renk Eşleme Nasıl Çalışır',
57
+ },
58
+ {
59
+ type: 'paragraph',
60
+ html: 'Araç, görünür her pikselin kırmızı, yeşil ve mavi kanallarını okur ve bu rengi seçilen paletteki her renkle karşılaştırır. En küçük karesel RGB mesafesine sahip palet girdisini seçer ve yeni bir tuval arabelleğine yazar. Şeffaflığı koru seçeneği etkinleştirildiğinde, şeffaf pikseller şeffaf kalır ve yarı şeffaf kenarlar orijinal opaklığını korur.',
61
+ },
62
+ {
63
+ type: 'comparative',
64
+ columns: 2,
65
+ items: [
66
+ {
67
+ title: 'Palet Sınırlama',
68
+ description: 'Her kaynak renk, mevcut en yakın renk örneğiyle değiştirilir.',
69
+ points: [
70
+ 'Sprite, simge, karo ve arayüz çizimleri için hızlı ve öngörülebilir',
71
+ 'Orijinal boyutları ve piksel konumlarını korur',
72
+ 'Belirli bir renk bütçesini gözden geçirmeyi kolaylaştırır',
73
+ ],
74
+ },
75
+ {
76
+ title: 'Palet Değiştirme (Palette Swapping)',
77
+ description: 'Aynı çizim, özenle seçilmiş başka bir renk kümesine yeniden eşlenebilir.',
78
+ points: [
79
+ 'Alternatif kostümler, biyomlar ve hasar durumları için kullanışlıdır',
80
+ 'Özel hex listeleri mevcut sanat yönünüze uymanızı sağlar',
81
+ 'İndirilen PNG düzenleyicinize aktarılmaya hazırdır',
82
+ ],
83
+ },
84
+ ],
85
+ },
86
+ {
87
+ type: 'title',
88
+ level: 2,
89
+ text: 'Piksel Sanatı İçin Palet Seçimi',
90
+ },
91
+ {
92
+ type: 'table',
93
+ headers: ['Palet', 'Renkler', 'Uygunluk', 'Dikkat Edilmesi Gerekenler'],
94
+ rows: [
95
+ ['Game Boy', '4', 'Monokrom el konsolu hissi ve güçlü değer çalışmaları', 'Dar değer aralığı yakın malzemeleri birleştirebilir'],
96
+ ['NES esintili', '16', 'Hacimli arcade sprite çizimleri, karakterler ve karolar', 'Çok parlak renkler küçük detayları bastırabilir'],
97
+ ['PICO-8', '16', 'Doygun vurgulara sahip modern piksel sanatı', 'Yüksek doygunluktaki tonlar bilinçli kontrast gerektirir'],
98
+ ['Commodore 64', '16', 'Yumuşak retro sahneler ve bilgisayar oyunu estetiği', 'Düşük kontrast net siluetlerden faydalanır'],
99
+ ['DawnBringer 16', '16', 'Genel piksel sanatı için esnek özel palet', 'Rampa renkleri yine de planlı ışık yönü gerektirir'],
100
+ ],
101
+ },
102
+ {
103
+ type: 'title',
104
+ level: 2,
105
+ text: 'Sprite Sayfaları İçin Pratik İş Akışı',
106
+ },
107
+ {
108
+ type: 'paragraph',
109
+ html: 'Rahatça düzenleyebileceğiniz en büyük kaynak çizimle başlayın, ardından dışa aktarılan sprite veya sprite sayfasını buraya yükleyin. Bir yön belirlemek için bir hazır ayar seçin veya palet kitaplığından özel bir liste yapıştırın. İki tuvali daha yüksek yakınlaştırmada inceleyin; kaybolan yüz özelliklerini, birleşmiş hatları ve ana renkten ayrılmayan vurguları arayın. Sonuç mat görünüyorsa, daha güçlü bir değer adımına sahip bir palet deneyin veya özel listeye bilinçli bir vurgu rengi ekleyin.',
110
+ },
111
+ {
112
+ type: 'tip',
113
+ title: 'Paleti Bilinçli Tutun',
114
+ html: 'Daha büyük bir liste otomatik olarak daha iyi değildir. Dört ila on altı renkle başlayın, her renge bir görev atayın ve en parlak değerleri odak noktaları veya okunabilir vurgular için saklayın. En yakın renk algoritması konumları korur ancak çiziminizin görsel hiyerarşisini hangi renklerin taşıyacağına karar veremez.',
115
+ },
116
+ {
117
+ type: 'title',
118
+ level: 2,
119
+ text: 'Piksel Sanatı Dışa Aktarım Kontrol Listesi',
120
+ },
121
+ {
122
+ type: 'diagnostic',
123
+ variant: 'info',
124
+ title: 'İndirgenmiş PNG Görselini İçe Aktarmadan Önce',
125
+ html: 'Sonucu yüzde 100 ölçekte ve oyun içi nihai ölçekte kontrol edin, şeffaf kenarların temiz olduğunu doğrulayın, önemli siluetlerin okunabilir kaldığından emin olun ve sıfırdan başlamadan paleti revize edebilmek için orijinal kaynak dosyayı dışa aktarılan dosyanın yanında saklayın.',
126
+ },
127
+ {
128
+ type: 'glossary',
129
+ items: [
130
+ {
131
+ term: 'Renk Kuantizasyonu',
132
+ definition: 'Geniş bir kaynak renk kümesini daha küçük ve tanımlı bir kümeye indirgeme işlemi.',
133
+ },
134
+ {
135
+ term: 'Palet Rampası',
136
+ definition: 'Bir malzemeyi veya yüzeyi gölgelendirmek için kullanılan koyu, orta ve açık renklerin ilişkili dizisi.',
137
+ },
138
+ {
139
+ term: 'İndeksli Palet',
140
+ definition: 'Görüntü piksellerinin tam renkleri tekrar tekrar saklamak yerine ortak bir listedeki girdilere başvurduğu kompakt renk tablosu.',
141
+ },
142
+ ],
143
+ },
144
+ ],
145
+ faq: [
146
+ {
147
+ question: 'Palet değiştirici görselimi bir sunucuya yüklüyor mu?',
148
+ answer: 'Hayır. Görsel tarayıcınızda bir tuvale dönüştürülür, JavaScript ile yerel olarak eşlenir ve doğrudan PNG olarak dışa aktarılır. Aracın yükleme adımı yoktur.',
149
+ },
150
+ {
151
+ question: 'Kendi paletimi kullanabilir miyim?',
152
+ answer: 'Evet. Özel renkler alanına virgül, boşluk veya yeni satırla ayrılmış altı haneli veya üç haneli hex renklerini yapıştırın, ardından Paleti uygula butonunu seçin.',
153
+ },
154
+ {
155
+ question: 'Sprite veya sprite sayfamın boyutunu değiştirir mi?',
156
+ answer: 'Hayır. Çıktı, Şeffaflığı koru seçeneği etkinleştirildiğinde kaynak genişliği, yüksekliği, piksel konumlarını ve alfa değerlerini korur.',
157
+ },
158
+ {
159
+ question: 'Hangi algoritmayı kullanıyor?',
160
+ answer: 'Görünür her piksel, RGB uzayında karesel Öklid mesafesi kullanılarak seçilen paletteki en yakın renge atanır. Hızlı, kararlı ve önizlemesi kolaydır ancak tarama (dithering) veya algısal Lab renk düzeltmesi uygulamaz.',
161
+ },
162
+ ],
163
+ howTo: [
164
+ {
165
+ name: 'Sprite Yükleyin',
166
+ text: 'Çalışma alanına bir PNG, JPEG veya WebP sprite veya sprite sayfası bırakın ya da Görsel seç butonunu kullanın.',
167
+ },
168
+ {
169
+ name: 'Palet Seçin',
170
+ text: 'Klasik bir hazır ayar seçin veya kendi hex renklerinizi girin. Palet uygulandığında sonuç hemen güncellenir.',
171
+ },
172
+ {
173
+ name: 'Karşılaştırın ve Dışa Aktarın',
174
+ text: 'Orijinal ve indirgenmiş tuvalleri inceleyin, önizleme yakınlaştırmasını ayarlayın ve sonucu PNG olarak indirin.',
175
+ },
176
+ ],
177
+ schemas: [
178
+ {
179
+ '@context': 'https://schema.org',
180
+ '@type': 'SoftwareApplication',
181
+ name: 'Piksel Sanatı Palet Değiştirici',
182
+ applicationCategory: 'DesignApplication',
183
+ operatingSystem: 'Any',
184
+ offers: { '@type': 'Offer', price: '0', priceCurrency: 'USD' },
185
+ },
186
+ {
187
+ '@context': 'https://schema.org',
188
+ '@type': 'FAQPage',
189
+ mainEntity: [
190
+ {
191
+ '@type': 'Question',
192
+ name: 'Palet değiştirici görselimi bir sunucuya yüklüyor mu?',
193
+ acceptedAnswer: {
194
+ '@type': 'Answer',
195
+ text: 'Hayır. Görsel tarayıcıda işlenir ve doğrudan PNG olarak dışa aktarılır.',
196
+ },
197
+ },
198
+ {
199
+ '@type': 'Question',
200
+ name: 'Kendi paletimi kullanabilir miyim?',
201
+ acceptedAnswer: {
202
+ '@type': 'Answer',
203
+ text: 'Evet. Özel renkler alanına hex renklerini yapıştırıp paleti uygulayabilirsiniz.',
204
+ },
205
+ },
206
+ ],
207
+ },
208
+ {
209
+ '@context': 'https://schema.org',
210
+ '@type': 'HowTo',
211
+ name: 'Sprite Görsellerini Retro Palete Dönüştürme',
212
+ step: [
213
+ { '@type': 'HowToStep', name: 'Sprite Yükleyin', text: 'Çalışma alanına bir görsel bırakın.' },
214
+ { '@type': 'HowToStep', name: 'Palet Seçin', text: 'Bir hazır ayar seçin veya hex renklerinizi girin.' },
215
+ { '@type': 'HowToStep', name: 'Karşılaştırın ve Dışa Aktarın', text: 'Sonucu inceleyin ve PNG olarak indirin.' },
216
+ ],
217
+ },
218
+ ],
219
+ bibliography: [
220
+ {
221
+ name: 'MDN Canvas API',
222
+ url: 'https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API',
223
+ },
224
+ {
225
+ name: 'Lospec Palette List',
226
+ url: 'https://lospec.com/palette-list',
227
+ },
228
+ {
229
+ name: 'W3C Portable Network Graphics Specification',
230
+ url: 'https://www.w3.org/TR/png-3/',
231
+ },
232
+ ],
233
+ };