🎮 Retro Pixel Gallery — CRT Pixel Art Generator (VProger Edition 2025)

Онлайн-галерея в стиле старых зелёных мониторов.
Загрузи фото — получи пиксель-арт с ретро-CRT эффектами, глитчами, искрами и WebGL-шумом.

Demo 👉 https://retro.vproger.ru/

---

✨ Возможности

• Drag & Drop загрузка изображений
• Пикселизация и CRT recolor
• Upscale ×4
• Скачивание PNG
• Экспорт ZIP всей галереи
• Сохранение работ в IndexedDB
• Эффекты:
  • ЭЛТ-лампа (lamp ON)
  • искры при активации карточки
  • глитч-эффекты при наведении
  • WebGL noise
  • скан-линии, виньетка, CRT glow

---

🛠 Технологии

• Vanilla JS (ES Modules)
• Canvas API
• WebGL шейдеры (noise)
• IndexedDB
• JSZip
• PWA (manifest + service worker)

---

📁 Структура проекта

assets/
images/
js/
main.js
pixelate.js
crt.js
gallery.js
storage.js
modal.js
sparks.js
audio.js
utils.js
style/
style.css
index.html
manifest.json
service-worker.js

---

🚀 Локальный запуск

Проект статический — можно просто открыть index.html.

Для тестирования PWA и Service Worker нужен локальный сервер:

npx serve .

(или любой другой статический сервер)

---

🔥 Особенности

• Полностью автономен (офлайн через Service Worker)
• Данные сохраняются в IndexedDB
• WebGL-шум динамически генерирует CRT-эффект
• Пикселизация и recolor — нативный Canvas

---

🔗 Demo

https://retro.vproger.ru/

🔗 Автор

VProger — https://github.com/va-proger