@jjlmoya/utils-creative 1.19.0 → 1.21.0

package/src/tool/glitch-image-distorter/i18n/ru.ts

@@ -0,0 +1,131 @@
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
+import { bibliography } from '../bibliography';
+import type { GlitchImageDistorterLocaleContent } from '../index';
+
+const slug = 'generator-glitch-art-iz-foto';
+const title = 'Генератор Глитч Арта';
+const description = 'Превращайте изображения в глитч-арт с помощью RGB-сдвигов, сканирующих линий, сортировки пикселей и анимации. Без Photoshop.';
+
+const faq: GlitchImageDistorterLocaleContent['faq'] = [
+  {
+    question: 'Что такое глитч-арт?',
+    answer: 'Глитч-арт — это вид цифрового искусства, создаваемый путем манипулирования цифровыми изображениями или данными для получения намеренных визуальных ошибок. Эти «глитчи» приводят к фрагментации цветов, искажению форм и непредсказуемым паттернам, создавая эстетику цифрового разрушения и хаоса.',
+  },
+  {
+    question: 'Можно ли использовать свои изображения?',
+    answer: 'Да! Вы можете загрузить любое изображение PNG, JPG или WebP, перетащить его на холст или вставить напрямую из буфера обмена с помощью Ctrl+V. Также доступно тестовое изображение.',
+  },
+  {
+    question: 'Что делают различные эффекты искажения?',
+    answer: 'Corruption разделяет RGB-каналы для эффекта хроматической аберрации. Interference добавляет сканирующие линии, как на старых мониторах, с опциональным дрожанием. Pixel Sorting заставляет яркие пиксели «стекать» в выбранном направлении. Static Noise накладывает классический телевизионный «снег».',
+  },
+  {
+    question: 'Можно ли анимировать глитч-эффект?',
+    answer: 'Конечно! Режим «Glitch Animate» применяет микро-случайные изменения параметров, создавая живой, мерцающий эффект, который зацикливается. Вы можете экспортировать результат в формате GIF или WebP.',
+  },
+  {
+    question: 'В каких форматах можно сохранить результат?',
+    answer: 'Вы можете скачать качественный PNG для статических работ или экспортировать анимированный GIF/WebP, если включен режим анимации. Идеально для Instagram, Discord и других платформ.',
+  },
+  {
+    question: 'Для чего нужна кнопка Chaos?',
+    answer: 'Кнопка «Chaos Random» мгновенно рандомизирует все значения ползунков, создавая неожиданные и часто удивительные комбинации глитчей. Это отличный способ исследовать творческий потенциал инструмента без ручной настройки.',
+  },
+];
+
+const howTo: GlitchImageDistorterLocaleContent['howTo'] = [
+  { name: 'Загрузите изображение', text: 'Перетащите изображение на холст, вставьте через Ctrl+V, загрузите файл с устройства или нажмите «Использовать пример».' },
+  { name: 'Настройте ползунки', text: 'Используйте настройки Corruption, Interference, Pixel Sort и Noise для применения различных эффектов. Предпросмотр обновляется в реальном времени.' },
+  { name: 'Включите анимацию', text: 'Нажмите кнопку «Glitch Animate», чтобы добавить вибрации и мерцание. Изображение оживет благодаря динамическому глитч-эффекту.' },
+  { name: 'Экспортируйте работу', text: 'Скачайте PNG для статики или экспортируйте в GIF/WebP, если включена анимация. Делитесь своим глитч-артом в соцсетях!' },
+  { name: 'Экспериментируйте с Chaos', text: 'Нажмите кнопку «Chaos Random», чтобы автоматически открыть для себя неожиданные комбинации эффектов.' },
+];
+
+const faqSchema: 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,
+  description,
+  step: howTo.map((step) => ({
+    '@type': 'HowToStep',
+    name: step.name,
+    text: step.text,
+  })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilitiesApplication',
+  operatingSystem: 'Web',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'ru',
+};
+
+export const content: GlitchImageDistorterLocaleContent = {
+  slug,
+  title,
+  description,
+  faqTitle: 'Часто задаваемые вопросы',
+  ui: {
+    title: 'Глитч генератор',
+    description: 'Создавайте глитч-арт за секунды.',
+    dragDropText: 'Перетащите сюда фото или нажмите для загрузки',
+    pasteHint: 'Совет: Вы также можете вставить фото через Ctrl+V',
+    exampleImageBtn: 'Использовать пример',
+    corruptionLabel: 'Коррупция (RGB-сдвиг)',
+    interferenceLabel: 'Интерференция (Линии)',
+    tremorLabel: 'Дрожание',
+    pixelSortLabel: 'Сортировка пикселей',
+    pixelSortDirectionLabel: 'Направление',
+    noiseLabel: 'Статический шум',
+    animateBtn: 'Глитч-анимация',
+    chaosBtn: 'Случайный хаос',
+    downloadPngBtn: 'Скачать PNG',
+    downloadGifBtn: 'Скачать GIF',
+    undoBtn: 'Отменить',
+    redoBtn: 'Вернуть',
+    footerText: 'Создавайте цифровое искусство с ошибками менее чем за 30 секунд',
+    faqTitle: 'FAQ',
+    bibliographyTitle: 'Источники'
+  },
+  seo: [
+    { type: 'title', text: 'Что такое глитч-арт?', level: 2 },
+    { type: 'paragraph', html: '<strong>Глитч-арт</strong> — это творческая практика, основанная на намеренном использовании цифровых ошибок, поврежденных данных и визуальных артефактов для достижения эстетического результата. В отличие от традиционного искусства, стремящегося к совершенству, глитч воспевает неожиданную красоту технологического сбоя — фрагментированные цвета и хаотичные паттерны, рожденные ошибкой.' },
+    { type: 'title', text: 'Истоки и цифровая эстетика', level: 3 },
+    { type: 'paragraph', html: 'Эстетика глитча зародилась в начале 2000-х годов, когда цифровые художники начали экспериментировать с поврежденными файлами и аппаратными сбоями. Такие авторы, как <strong>Роза Менкман</strong>, возвели глитч в ранг высокого искусства, исследуя поэтику цифровых артефактов. Эта эстетика черпает вдохновение в деградации VHS-кассет, ошибках передачи данных и видимом «шуме» цифровых систем.' },
+    { type: 'title', text: 'Ключевые техники глитча', level: 3 },
+    { type: 'list', items: [
+      '<strong>RGB-сдвиг:</strong> разделение красного, зеленого и синего каналов для создания эффекта хроматической аберрации.',
+      '<strong>Сканирующие линии:</strong> имитация горизонтальных линий старых ЭЛТ-мониторов для придания ретро-стиля.',
+      '<strong>Сортировка пикселей:</strong> упорядочивание пикселей по яркости и их смещение, создающее эффект «плавления».',
+      '<strong>Датамошинг:</strong> манипуляция данными видеокодеков для неожиданного смешивания кадров.',
+      '<strong>Битовый сдвиг:</strong> прямое изменение бинарных данных, приводящее к драматическим искажениям форм и цветов.',
+    ]},
+    { type: 'tip', title: 'Философия глитча', html: 'Глитч-арт бросает вызов идее «идеального» цифрового представления. Принимая ошибку, мы ставим под сомнение надежность технологий и исследуем, как они опосредуют наше восприятие реальности. Это искусство о системных сбоях, человеческой несовершенности и красоте, скрытой в хаосе.' },
+    { type: 'title', text: 'Современное применение', level: 3 },
+    { type: 'paragraph', html: 'Сегодня эстетика глитча повсеместна: обложки альбомов, клипы, мода и графический дизайн. Этот инструмент демократизирует создание глитч-арта, позволяя любому человеку создавать профессионально выглядящие цифровые искажения без глубоких технических знаний.' },
+    { type: 'stats', items: [
+      { value: '2000-е', label: 'Появление глитч-арта', icon: 'mdi:history' },
+      { value: '∞', label: 'Возможных комбинаций', icon: 'mdi:shuffle-variant' },
+      { value: '<30с', label: 'Время создания', icon: 'mdi:flash' },
+      { value: '3+', label: 'Формата экспорта', icon: 'mdi:download-multiple' },
+    ], columns: 4 },
+  ],
+  faq,
+  bibliography,
+  howTo,
+  schemas: [faqSchema as any, howToSchema as any, appSchema],
+};

package/src/tool/glitch-image-distorter/i18n/sv.ts

@@ -0,0 +1,131 @@
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
+import { bibliography } from '../bibliography';
+import type { GlitchImageDistorterLocaleContent } from '../index';
+
+const slug = 'skapa-glitch-art-av-bilder';
+const title = 'Glitch Bild Distorter';
+const description = 'Förvandla dina bilder till glitch art med RGB-splits, scanlines, pixel sorting och animerade distorsioner. Ingen Photoshop behövs.';
+
+const faq: GlitchImageDistorterLocaleContent['faq'] = [
+  {
+    question: 'Vad är glitch art?',
+    answer: 'Glitch art är en form av digital konst som skapas genom att manipulera digitala bilder eller data för att producera avsiktliga visuella fel. Dessa "glitchar" resulterar i fragmenterade färger, förvrängda former och oförutsägbara mönster som skapar en estetik av digital korruption och kaos.',
+  },
+  {
+    question: 'Kan jag använda mina egna bilder?',
+    answer: 'Ja! Du kan ladda upp vilken PNG-, JPG- eller WebP-bild som helst, dra och släppa den på duken, eller klistra in en bild direkt från urklipp med Ctrl+V. Du kan också använda exempelbilden.',
+  },
+  {
+    question: 'Vad gör de olika distorsionseffekterna?',
+    answer: 'Corruption separerar RGB-kanaler för en kromatisk aberrations-effekt. Interference lägger till monitor-liknande scanlines med valfri darrning. Pixel Sorting gör att ljusa pixlar "rinner" i en vald riktning. Static Noise lägger på klassiskt TV-brus.',
+  },
+  {
+    question: 'Kan jag animera glitch-effekten?',
+    answer: 'Absolut! Läget "Glitch Animate" applicerar mikro-slumpmässiga rörelser på parametrarna, vilket skapar en levande, flimrande effekt som loopar kontinuerligt. Du kan exportera detta som en animerad GIF eller WebP.',
+  },
+  {
+    question: 'Vilka format kan jag exportera?',
+    answer: 'Du kan ladda ner en högupplöst PNG för statiskt bruk, eller exportera som animerad GIF eller WebP om du aktiverat animationsläget. Perfekt för Instagram, Discord eller andra plattformar.',
+  },
+  {
+    question: 'Vad gör Chaos-knappen?',
+    answer: 'Knappen "Chaos Random" slumpar omedelbart alla reglagens värden, vilket skapar oväntade och ofta överraskande glitch-kombinationer. Det är perfekt för att utforska verktygets kreativa potential utan manuella justeringar.',
+  },
+];
+
+const howTo: GlitchImageDistorterLocaleContent['howTo'] = [
+  { name: 'Ladda en bild', text: 'Dra och släpp en bild på duken, klistra in med Ctrl+V, ladda upp via filknappen eller klicka på "Använd exempelbild".' },
+  { name: 'Justera reglagen', text: 'Använd reglagen för Corruption, Interference, Pixel Sort och Noise för att applicera olika glitch-effekter. Förhandsgranskningen uppdateras i realtid.' },
+  { name: 'Aktivera animation', text: 'Slå på knappen "Glitch Animate" för att lägga till vibrationer och flimmer. Bilden kommer till liv med en dynamisk glitch-effekt.' },
+  { name: 'Exportera ditt verk', text: 'Ladda ner som PNG för statisk konst, eller exportera som GIF/WebP om animation är aktiverad. Dela din glitch art på sociala medier!' },
+  { name: 'Experimentera med Chaos', text: 'Klicka på knappen "Chaos Random" för att automatiskt upptäcka överraskande kombinationer av effekter.' },
+];
+
+const faqSchema: 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,
+  description,
+  step: howTo.map((step) => ({
+    '@type': 'HowToStep',
+    name: step.name,
+    text: step.text,
+  })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilitiesApplication',
+  operatingSystem: 'Web',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'sv',
+};
+
+export const content: GlitchImageDistorterLocaleContent = {
+  slug,
+  title,
+  description,
+  faqTitle: 'Vanliga Frågor',
+  ui: {
+    title: 'Glitch Distorter',
+    description: 'Skapa glitch art på några sekunder.',
+    dragDropText: 'Dra en bild hit eller klicka för att ladda upp',
+    pasteHint: 'Tips: Du kan också klistra in en bild med Ctrl+V',
+    exampleImageBtn: 'Använd exempelbild',
+    corruptionLabel: 'Corruption (RGB-split)',
+    interferenceLabel: 'Interference (Linjer)',
+    tremorLabel: 'Darrning',
+    pixelSortLabel: 'Pixel Sorting',
+    pixelSortDirectionLabel: 'Riktning',
+    noiseLabel: 'Statiskt Brus',
+    animateBtn: 'Glitch Animation',
+    chaosBtn: 'Slumpmässigt Chaos',
+    downloadPngBtn: 'Ladda ner PNG',
+    downloadGifBtn: 'Ladda ner GIF',
+    undoBtn: 'Ångra',
+    redoBtn: 'Gör om',
+    footerText: 'Skapa korrumperad digital konst på mindre än 30 sekunder',
+    faqTitle: 'FAQ',
+    bibliographyTitle: 'Referenser'
+  },
+  seo: [
+    { type: 'title', text: 'Vad är Glitch Art?', level: 2 },
+    { type: 'paragraph', html: '<strong>Glitch art</strong> är en kreativ praktik som avsiktligt utnyttjar digitala fel, korrupta data och visuella artefakter för att producera estetiska resultat. Till skillnad från traditionell konst som strävar efter perfektion, firar glitch den oväntade skönheten i tekniska sammanbrott — fragmenterade färger och kaotiska mönster som uppstår ur fel.' },
+    { type: 'title', text: 'Ursprung och digital estetik', level: 3 },
+    { type: 'paragraph', html: 'Glitch-estetiken uppstod i början av 2000-talet när digitala konstnärer började experimentera med korrupta bildfiler och hårdvarufel. Konstnärer som <strong>Rosa Menkman</strong> lyfte glitch art till finkonst genom att undersöka de digitala artefakternas poetik. Estetiken hämtar inspiration från VHS-degradering, överföringsfel och det synliga "bruset" i digitala system.' },
+    { type: 'title', text: 'Viktiga glitch-tekniker', level: 3 },
+    { type: 'list', items: [
+      '<strong>RGB Splitting:</strong> Att förskjuta de röda, gröna och blå färgkanalerna för att skapa kromatisk aberration.',
+      '<strong>Scanlines:</strong> Att simulera horisontella linjer från gamla CRT-skärmar för en retro-effekt.',
+      '<strong>Pixel Sorting:</strong> Att sortera pixlar efter ljusstyrka och förskjuta dem för att skapa en "smältande" effekt.',
+      '<strong>Data Moshing:</strong> Att manipulera videocodec-data för att blanda bildrutor på oväntade sätt.',
+      '<strong>Bit Shifting:</strong> Direkt ändring av binärdata resulterar i dramatiska färgförändringar och distorsioner.',
+    ]},
+    { type: 'tip', title: 'Filosofin bakom Glitch', html: 'Glitch art utmanar idén om en "perfekt" digital representation. Genom att omfamna fel ifrågasätter vi teknikens tillförlitlighet och utforskar hur tekniken förmedlar vår uppfattning av verkligheten. Det är konst om systemfel och den skönhet som finns gömd i kaoset.' },
+    { type: 'title', text: 'Samtida tillämpningar', level: 3 },
+    { type: 'paragraph', html: 'Idag finns glitch-estetik överallt: skivomslag, musikvideor, mode och grafisk design. Det här verktyget demokratiserar skapandet av glitch art och låter vem som helst generera professionell digital korruption utan djupa tekniska kunskaper.' },
+    { type: 'stats', items: [
+      { value: '2000-talet', label: 'Glitch art uppstår', icon: 'mdi:history' },
+      { value: '∞', label: 'Möjliga kombinationer', icon: 'mdi:shuffle-variant' },
+      { value: '<30s', label: 'Tid att skapa', icon: 'mdi:flash' },
+      { value: '3+', label: 'Exportformat', icon: 'mdi:download-multiple' },
+    ], columns: 4 },
+  ],
+  faq,
+  bibliography,
+  howTo,
+  schemas: [faqSchema as any, howToSchema as any, appSchema],
+};

package/src/tool/glitch-image-distorter/i18n/tr.ts

@@ -0,0 +1,131 @@
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
+import { bibliography } from '../bibliography';
+import type { GlitchImageDistorterLocaleContent } from '../index';
+
+const slug = 'glitch-gorsel-bozucu';
+const title = 'Glitch Görsel Bozucu';
+const description = 'RGB ayırmaları, tarama çizgileri, piksel sıralama ve animasyonlu bozulmalarla görsellerinizi glitch sanatına dönüştürün. Photoshop gerekmez.';
+
+const faq: GlitchImageDistorterLocaleContent['faq'] = [
+  {
+    question: 'Glitch sanatı nedir?',
+    answer: 'Glitch sanatı, dijital görselleri veya verileri manipüle ederek kasıtlı görsel hatalar üretme yoluyla oluşturulan bir dijital sanat formudur. Bu "glitch"ler; dijital bozulma ve kaos estetiği yaratan parçalanmış renkler, bozulmuş şekiller ve öngörülemeyen desenlerle sonuçlanır.',
+  },
+  {
+    question: 'Kendi görsellerimi kullanabilir miyim?',
+    answer: 'Evet! Herhangi bir PNG, JPG veya WebP görselini yükleyebilir, tuvale sürükleyip bırakabilir veya Ctrl+V ile panonuzdan doğrudan bir görsel yapıştırabilirsiniz. Ayrıca örnek görseli de kullanabilirsiniz.',
+  },
+  {
+    question: 'Farklı bozulma efektleri ne işe yarar?',
+    answer: 'Yozlaşma (Corruption), kromatik sapma efekti için RGB kanallarını ayırır. Parazit (Interference), isteğe bağlı titreme ile eski monitör benzeri tarama çizgileri ekler. Piksel Sıralama (Pixel Sorting), parlak piksellerin seçilen bir yönde "akmasını" sağlar. Statik Gürültü (Static Noise), klasik TV karıncalanması ekler.',
+  },
+  {
+    question: 'Glitch efektini canlandırabilir miyim?',
+    answer: 'Kesinlikle! "Glitch Canlandır" modu, parametrelere mikro rastgele hareketler uygulayarak sürekli döngüye giren canlı, titreşen bir efekt oluşturur. Bunu animasyonlu GIF veya WebP olarak dışa aktarabilirsiniz.',
+  },
+  {
+    question: 'Hangi formatlarda dışa aktarabilirim?',
+    answer: 'Statik kullanım için yüksek kaliteli bir PNG indirebilir veya animasyon modu etkinse animasyonlu GIF veya WebP olarak dışa aktarabilirsiniz. Instagram, Discord veya diğer platformlar için mükemmeldir.',
+  },
+  {
+    question: 'Kaos düğmesi ne işe yarar?',
+    answer: '"Rastgele Kaos" düğmesi, tüm kaydırıcı değerlerini anında rastgele hale getirerek beklenmedik ve genellikle şaşırtıcı glitch kombinasyonları oluşturur. Manuel ayarlama yapmadan yaratıcı potansiyeli keşfetmek için mükemmeldir.',
+  },
+];
+
+const howTo: GlitchImageDistorterLocaleContent['howTo'] = [
+  { name: 'Görsel yükle', text: 'Tuvale bir görsel sürükleyip bırakın, Ctrl+V ile yapıştırın, dosya düğmesiyle yükleyin veya "Örnek görsel kullan"a tıklayın.' },
+  { name: 'Sürgüleri ayarla', text: 'Farklı glitch efektleri uygulamak için Yozlaşma, Parazit, Piksel Sıralama ve Gürültü sürgülerini kullanın. Önizleme gerçek zamanlı güncellenir.' },
+  { name: 'Animasyonu etkinleştir', text: 'Titreşimler ve parlamalar eklemek için "Glitch Canlandır" düğmesini açın. Görsel dinamik bir glitch efektiyle canlanacaktır.' },
+  { name: 'Çalışmanı dışa aktar', text: 'Statik sanat için PNG olarak indirin veya animasyon etkinse GIF/WebP olarak dışa aktarın. Glitch sanatınızı sosyal medyada paylaşın!' },
+  { name: 'Kaos ile deney yap', text: 'Beklenmedik efekt kombinasyonlarını otomatik olarak keşfetmek için "Rastgele Kaos" düğmesine tıklayın.' },
+];
+
+const faqSchema: 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,
+  description,
+  step: howTo.map((step) => ({
+    '@type': 'HowToStep',
+    name: step.name,
+    text: step.text,
+  })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilitiesApplication',
+  operatingSystem: 'Web',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'tr',
+};
+
+export const content: GlitchImageDistorterLocaleContent = {
+  slug,
+  title,
+  description,
+  faqTitle: 'Sıkça Sorulan Sorular',
+  ui: {
+    title: 'Glitch Bozucu',
+    description: 'Saniyeler içinde glitch sanatı oluşturun.',
+    dragDropText: 'Bir görseli buraya sürükleyin veya yüklemek için tıklayın',
+    pasteHint: 'İpucu: Ctrl+V ile de bir görsel yapıştırabilirsiniz',
+    exampleImageBtn: 'Örnek görsel kullan',
+    corruptionLabel: 'Yozlaşma (RGB Ayırma)',
+    interferenceLabel: 'Parazit (Çizgiler)',
+    tremorLabel: 'Titreme',
+    pixelSortLabel: 'Piksel Sıralama',
+    pixelSortDirectionLabel: 'Yön',
+    noiseLabel: 'Statik Gürültü',
+    animateBtn: 'Glitch Canlandır',
+    chaosBtn: 'Rastgele Kaos',
+    downloadPngBtn: 'PNG İndir',
+    downloadGifBtn: 'GIF İndir',
+    undoBtn: 'Geri Al',
+    redoBtn: 'Yinele',
+    footerText: '30 saniyeden kısa sürede bozulmuş dijital sanat oluşturun',
+    faqTitle: 'FAQ',
+    bibliographyTitle: 'Referanslar'
+  },
+  seo: [
+    { type: 'title', text: 'Glitch Sanatı Nedir?', level: 2 },
+    { type: 'paragraph', html: '<strong>Glitch sanatı</strong>, estetik sonuçlar üretmek için dijital hataları, bozulmuş verileri ve görsel yapaylıkları kasıtlı olarak kullanan yaratıcı bir uygulamadır. Kusursuzluğu arayan geleneksel sanatın aksine glitch, teknolojik arızanın beklenmedik güzelliğini — hatadan doğan parçalanmış renkleri ve kaotik desenleri — yüceltir.' },
+    { type: 'title', text: 'Kökenler ve Dijital Estetik', level: 3 },
+    { type: 'paragraph', html: 'Glitch estetiği, 2000\'lerin başında dijital sanatçıların bozulmuş görüntü dosyaları ve donanım arızalarıyla denemeler yapmaya başlamasıyla ortaya çıktı. <strong>Rosa Menkman</strong> gibi sanatçılar, dijital yapaylıkların şiirselliğini araştırarak glitch sanatını güzel sanatlar statüsüne yükseltti. Estetik; VHS bozulması, iletim hataları ve dijital sistemlerin görünür "gürültü"sünden beslenir.' },
+    { type: 'title', text: 'Temel Glitch Teknikleri', level: 3 },
+    { type: 'list', items: [
+      '<strong>RGB Ayırma:</strong> Kromatik sapma oluşturmak için kırmızı, yeşil ve mavi renk kanallarını kaydırmak.',
+      '<strong>Tarama Çizgileri:</strong> Retro bir etki için eski CRT monitörlerini taklit eden yatay çizgiler simüle etmek.',
+      '<strong>Piksel Sıralama:</strong> Pikselleri parlaklığa göre sıralamak ve "erime" efekti yaratmak için kaydırmak.',
+      '<strong>Data Moshing:</strong> Kareleri beklenmedik şekillerde karıştırmak için video kodek verilerini manipüle etmek.',
+      '<strong>Bit Kaydırma:</strong> İkili verileri doğrudan değiştirmek, dramatik renk ve şekil bozulmalarıyla sonuçlanır.',
+    ]},
+    { type: 'tip', title: 'Glitch\'in Arkasındaki Felsefe', html: 'Glitch sanatı, "mükemmel" dijital temsil fikrine meydan okur. Hatayı kucaklayarak teknolojinin güvenilirliğini sorgular ve teknolojinin gerçeklik algımıza nasıl aracılık ettiğini keşfederiz. Bu, sistem arızası ve kaosun içine gizlenmiş güzellik hakkındaki sanattır.' },
+    { type: 'title', text: 'Günümüzdeki Uygulamalar', level: 3 },
+    { type: 'paragraph', html: 'Bugün glitch estetiği her yerde: albüm kapakları, müzik videoları, moda ve grafik tasarım. Bu araç, derin teknik bilgiye sahip olmadan herkesin profesyonel görünümlü dijital bozulmalar üretmesine olanak tanıyarak glitch sanatı oluşturmayı demokratikleştirir.' },
+    { type: 'stats', items: [
+      { value: '2000\'ler', label: 'Glitch sanatının doğuşu', icon: 'mdi:history' },
+      { value: '∞', label: 'Olası glitch kombinasyonları', icon: 'mdi:shuffle-variant' },
+      { value: '<30sn', label: 'Oluşturma süresi', icon: 'mdi:flash' },
+      { value: '3+', label: 'Dışa aktarma formatı', icon: 'mdi:download-multiple' },
+    ], columns: 4 },
+  ],
+  faq,
+  bibliography,
+  howTo,
+  schemas: [faqSchema as any, howToSchema as any, appSchema],
+};

package/src/tool/glitch-image-distorter/i18n/zh.ts

@@ -0,0 +1,131 @@
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
+import { bibliography } from '../bibliography';
+import type { GlitchImageDistorterLocaleContent } from '../index';
+
+const slug = 'glitch-image-distorter';
+const title = '故障艺术生成器';
+const description = '无需 Photoshop，即可通过 RGB 分离、扫描线、像素排序和动态扭曲，将您的照片转换成迷人的故障艺术作品。';
+
+const faq: GlitchImageDistorterLocaleContent['faq'] = [
+  {
+    question: '什么是故障艺术 (Glitch Art)？',
+    answer: '故障艺术是一种通过操纵数字图像或数据来产生故意视觉错误的数字艺术形式。这些“故障”表现为色彩碎片化、形状扭曲和不可预测的模式，营造出一种数字损坏与混沌的独特美学。',
+  },
+  {
+    question: '我可以使用自己的图片吗？',
+    answer: '可以！您可以上传任何 PNG、JPG 或 WebP 格式的图片，将其拖放到画布上，或使用 Ctrl+V 直接从剪贴板粘贴图片。您也可以使用示例图片来体验该工具。',
+  },
+  {
+    question: '各种扭曲效果的作用是什么？',
+    answer: '“损坏 (Corruption)”分离 RGB 通道以产生色差效果。“干扰 (Interference)”添加类似旧监视器的扫描线，并可选择震颤效果。“像素排序 (Pixel Sorting)”使明亮的像素向选定方向“流动”。“静态噪声 (Static Noise)”叠加经典的电视雪花。',
+  },
+  {
+    question: '我可以让故障效果动起来吗？',
+    answer: '当然可以！“故障动画”模式会对参数应用微小的随机变动，产生一种持续循环的生动闪烁效果。您可以将其导出为动态 GIF 或 WebP 格式。',
+  },
+  {
+    question: '我可以导出什么格式？',
+    answer: '您可以下载高质量的 PNG 图片用于静态展示，如果启用了动画模式，则可以导出动态 GIF 或 WebP 格式。非常适合在 Instagram、Discord 等平台分享。',
+  },
+  {
+    question: '“混沌”按钮是做什么的？',
+    answer: '“随机混沌”按钮会立即随机化所有滑块的值，创造出意想不到且往往令人惊喜的故障组合。非常适合在不进行手动调整的情况下探索该工具的创意潜力。',
+  },
+];
+
+const howTo: GlitchImageDistorterLocaleContent['howTo'] = [
+  { name: '加载图片', text: '将图片拖放到画布上，使用 Ctrl+V 粘贴，通过文件按钮上传，或点击“使用示例图片”立即开始。' },
+  { name: '调整滑块', text: '使用损坏、干扰、像素排序和噪声滑块来应用不同的故障效果。预览会实时更新。' },
+  { name: '启用动画', text: '开启“故障动画”按钮以添加振动和闪烁。图片将随动态故障效果变得栩栩如生。' },
+  { name: '导出您的创作', text: '下载 PNG 用于静态艺术，或在启用动画时导出为 GIF/WebP。在社交媒体上分享您的故障艺术！' },
+  { name: '尝试混沌模式', text: '点击“随机混沌”按钮，自动发现令人惊喜的故障效果组合。' },
+];
+
+const faqSchema: 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,
+  description,
+  step: howTo.map((step) => ({
+    '@type': 'HowToStep',
+    name: step.name,
+    text: step.text,
+  })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilitiesApplication',
+  operatingSystem: 'Web',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'zh',
+};
+
+export const content: GlitchImageDistorterLocaleContent = {
+  slug,
+  title,
+  description,
+  faqTitle: '常见问题',
+  ui: {
+    title: '故障扭曲器',
+    description: '秒间创作故障艺术。',
+    dragDropText: '将图片拖到此处或点击上传',
+    pasteHint: '提示：您也可以使用 Ctrl+V 粘贴图片',
+    exampleImageBtn: '使用示例图片',
+    corruptionLabel: '损坏 (RGB 分离)',
+    interferenceLabel: '干扰 (扫描线)',
+    tremorLabel: '震颤',
+    pixelSortLabel: '像素排序',
+    pixelSortDirectionLabel: '方向',
+    noiseLabel: '静态噪声',
+    animateBtn: '故障动画',
+    chaosBtn: '随机混沌',
+    downloadPngBtn: '下载 PNG',
+    downloadGifBtn: '下载 GIF',
+    undoBtn: '撤销',
+    redoBtn: '重做',
+    footerText: '在 30 秒内创作损坏的数字艺术',
+    faqTitle: 'FAQ',
+    bibliographyTitle: '参考文献'
+  },
+  seo: [
+    { type: 'title', text: '什么是故障艺术？', level: 2 },
+    { type: 'paragraph', html: '<strong>故障艺术 (Glitch Art)</strong> 是一种创意实践，它刻意利用数字错误、损坏的数据和视觉伪影来产生审美结果。与追求完美的传统艺术不同，故障艺术赞美技术故障带来的意外之美——从错误中诞生的碎片化色彩和混沌模式。' },
+    { type: 'title', text: '起源与数字美学', level: 3 },
+    { type: 'paragraph', html: '故障美学出现于 2000 年代初期，当时数字艺术家开始尝试使用损坏的图像文件和硬件故障进行创作。像 <strong>Rosa Menkman</strong> 这样的艺术家通过调查数字伪影的诗学，将故障艺术提升到了美术的高度。这种美学从 VHS 降级、传输错误和数字系统可见的“噪声”中汲取灵感。' },
+    { type: 'title', text: '关键故障技术', level: 3 },
+    { type: 'list', items: [
+      '<strong>RGB 分离：</strong> 偏移红、绿、蓝颜色通道以产生色差。',
+      '<strong>扫描线：</strong> 模拟旧式 CRT 监视器的水平线，增添复古氛围。',
+      '<strong>像素排序：</strong> 按亮度等对像素进行排序并移动，产生“融化”效果。',
+      '<strong>Data Moshing：</strong> 操纵视频编解码数据，以意想不到的方式混合帧。',
+      '<strong>位移 (Bit Shifting)：</strong> 直接修改二进制数据，产生剧烈的颜色和形状扭曲。',
+    ]},
+    { type: 'tip', title: '故障背后的哲学', html: '故障艺术挑战了“完美”数字表征的观念。通过拥抱错误，我们质疑技术的可靠性，并探索技术如何调节我们对现实的感知。它是关于系统故障以及隐藏在混沌中的美丽的艺术。' },
+    { type: 'title', text: '当代应用', level: 3 },
+    { type: 'paragraph', html: '如今，故障美学无处不在：专辑封面、音乐录影带、时尚和平面设计。该工具使故障艺术创作变得大众化，让任何人都可以在没有深厚技术知识的情况下生成看起来非常专业的数字损坏作品。' },
+    { type: 'stats', items: [
+      { value: '2000s', label: '故障艺术的兴起', icon: 'mdi:history' },
+      { value: '∞', label: '无限的故障组合', icon: 'mdi:shuffle-variant' },
+      { value: '<30s', label: '创作时间', icon: 'mdi:flash' },
+      { value: '3+', label: '导出格式', icon: 'mdi:download-multiple' },
+    ], columns: 4 },
+  ],
+  faq,
+  bibliography,
+  howTo,
+  schemas: [faqSchema as any, howToSchema as any, appSchema],
+};

package/src/tool/glitch-image-distorter/index.ts

@@ -0,0 +1,9 @@
+import type { ToolDefinition } from '../../types';
+import { glitchImageDistorter } from './entry';
+export * from './entry';
+export const GLITCH_IMAGE_DISTORTER_TOOL: ToolDefinition = {
+  entry: glitchImageDistorter,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
+};

package/src/tool/glitch-image-distorter/seo.astro

@@ -0,0 +1,15 @@
+---
+import { SEORenderer } from '@jjlmoya/utils-shared';
+import { glitchImageDistorter } from './index';
+import type { KnownLocale } from '../../types';
+
+interface Props {
+  locale?: KnownLocale;
+}
+
+const { locale = 'es' } = Astro.props;
+const content = await glitchImageDistorter.i18n[locale]?.();
+if (!content) return null;
+---
+
+{content.seo?.length > 0 && <SEORenderer content={{ locale, sections: content.seo }} />}

package/src/tool/synesthesia-painter/bibliography.astro

@@ -1,17 +1,8 @@
 ---
 import { Bibliography as SharedBibliography } from '@jjlmoya/utils-shared';
-import { synesthesiaPainter } from './index';
-import type { KnownLocale } from '../../types';
+import { bibliography } from './bibliography';
 
-interface Props {
-  locale?: KnownLocale;
-}
-
-const { locale = 'es' } = Astro.props;
-const content = await synesthesiaPainter.i18n[locale]?.();
-if (!content || !content.bibliography || content.bibliography.length === 0) return null;
-
-const { bibliography, bibliographyTitle = 'Bibliografía' } = content;
+if (!bibliography || bibliography.length === 0) return null;
 ---
 
-<SharedBibliography title={bibliographyTitle} links={bibliography} />
+<SharedBibliography links={bibliography} />

package/src/tool/synesthesia-painter/bibliography.ts

@@ -0,0 +1,5 @@
+export const bibliography = [
+  { name: 'Simner et al. (2006) – Synaesthesia: The prevalence of atypical cross-modal experiences', url: 'https://www.ncbi.nlm.nih.gov/pmc/articles/PMC1626536/' },
+  { name: 'Eagleman et al. (2007) – A standardized test battery for the study of synesthesia', url: 'https://www.sciencedirect.com/science/article/pii/S0010945207000087' },
+  { name: 'Kandinsky, W. – Concerning the Spiritual in Art (1911)', url: 'https://en.wikipedia.org/wiki/Concerning_the_Spiritual_in_Art' },
+];

package/src/tool/synesthesia-painter/entry.ts

@@ -11,7 +11,6 @@ export interface SynesthesiaPainterUI {
   footerText: string;
   clearBtn: string;
   faqTitle: string;
-  bibliographyTitle: string;
 }
 
 export type SynesthesiaPainterLocaleContent = ToolLocaleContent<SynesthesiaPainterUI>;

package/src/tool/synesthesia-painter/i18n/de.ts

@@ -1,4 +1,5 @@
 import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
+import { bibliography } from '../bibliography';
 import type { SynesthesiaPainterLocaleContent } from '../index';
 
 const slug = 'synaesthesie-maler';
@@ -73,7 +74,6 @@ export const content: SynesthesiaPainterLocaleContent = {
   title,
   description,
   faqTitle: 'Häufig gestellte Fragen',
-  bibliographyTitle: 'Geistes-Bibliographie',
   ui: {
     title: 'Synästhesie Maler',
     description: 'Verwandeln Sie Ihre Worte in chromatische Kunst.',
@@ -112,11 +112,7 @@ export const content: SynesthesiaPainterLocaleContent = {
     { type: 'tip', title: 'Farbpalette dieses Tools', html: 'Die Farbzuteilungen sind von den häufigsten statistischen Daten der wissenschaftlichen Literatur inspiriert. <strong>A → rot</strong>, <strong>E → grün</strong>, <strong>I → weiß/schwarz je nach Hintergrund</strong>, <strong>O → schwarz/weiß</strong>, <strong>U → bernsteinfarben</strong>. Konsonanten folgen weniger einheitlichen Mustern, aber der Kontrast zum Hintergrund wird immer priorisiert, um die Lesbarkeit zu gewährleisten.' },
   ],
   faq,
-  bibliography: [
-    { name: 'Simner et al. (2006) – Synaesthesia: The prevalence of atypical cross-modal experiences', url: 'https://www.ncbi.nlm.nih.gov/pmc/articles/PMC1626536/' },
-    { name: 'Eagleman et al. (2007) – A standardized test battery for the study of synesthesia', url: 'https://www.sciencedirect.com/science/article/pii/S0010945207000087' },
-    { name: 'Kandinsky, W. – Über das Geistige in der Kunst (1911)', url: 'https://de.wikipedia.org/wiki/Über_das_Geistige_in_der_Kunst' },
-  ],
+  bibliography,
   howTo,
   schemas: [faqSchema as any, howToSchema as any, appSchema],
 };