CRT-глитч студия

Загрузите картинку или видео, подберите эффект, выгрузите PNG, ролик или пресет. Превью работает на том же компоненте, что пойдёт на сайт.

Эффект на одну картинку или видео: WebGL, полный набор искажений.
Пример: сгенерированная обложка

Пульт

Появление

Постоянно

Выгрузка

Подключение к Astro

1. Скопируйте crt-glitch.js и CrtGlitch.astro в src/components/crt-glitch/. Файлы лежат в папках src/ и integrations/astro/ этого репозитория.
2. Картинку положите в src/assets/ или public/. Видео должно лежать на своём домене, иначе браузер не отдаст его в WebGL.
3. Вставьте код ниже в страницу. Параметры подставляются из пульта автоматически.