gl-transitions/gl-transitions

Что это?

Ключевые возможности

• 01Более 100 переходов, каждый из которых представляет собой отдельную функцию GLSL с настраиваемыми параметрами.
• 02Версии для SkSL, GLSL ES 3.00, WGSL, Metal и AGSL.
• 03Пакеты для npm, Swift, Android, Rust и Remotion, а также поддержка React Native Skia.
• 04Автоматические тесты сравнивают результат рендеринга на разных платформах с исходной версией GLSL.
• 05Просмотр и редактирование переходов в реальном времени на gl-transitions.com.

Сценарии использования

• Добавление переходов типа сдвига, вытеснения или масштабирования в веб-слайдшоу на WebGL.
• Создание переходов между клипами в видеопроекте Remotion.
• Рендеринг переходов между изображениями в приложении React Native с помощью Skia.
• Создание видеопереходов в конвейере рендеринга на FFmpeg или в командной строке.

Быстрый старт

1. 1

   Установите npm-пакет gl-transitions

   npm install gl-transitions
2. 2

   Просмотрите переходы и оцените их предварительный просмотр на gl-transitions.com

Что важно знать

• !Каждый переход — это фрагмент GLSL, поэтому хост-приложение должно предоставлять WebGL или другую среду выполнения шейдеров.
• !Большинство переходов распространяется по лицензии MIT, но у каждого своя лицензия, а два из них распространяются по лицензиям BSD.

Темы

Частые вопросы

Что такое gl-transitions?

Открытая коллекция из более чем 100 написанных сообществом GLSL-переходов между двумя изображениями для веба, мобильных устройств, Apple, Android, Rust и видеоредакторов. GL Transitions — это коллекция переходов с анимацией между двумя изображениями. Каждый переход — небольшая функция GLSL, написанная по общей спецификации: благодаря этому один и тот же эффект можно использовать в разных средах рендеринга без переписывания.

gl-transitions можно использовать бесплатно? Какая у него лицензия?

gl-transitions распространяется с открытым исходным кодом под лицензией Other. Перед использованием в коммерческих продуктах проверьте условия лицензии.

gl-transitions всё ещё поддерживается?

Активно поддерживается. Последний коммит в gl-transitions — 6 нояб. 2026 г..

Для чего можно использовать gl-transitions?

Добавление переходов типа сдвига, вытеснения или масштабирования в веб-слайдшоу на WebGL. Создание переходов между клипами в видеопроекте Remotion. Рендеринг переходов между изображениями в приложении React Native с помощью Skia. Создание видеопереходов в конвейере рендеринга на FFmpeg или в командной строке.

Как установить gl-transitions?

Установите npm-пакет gl-transitions: npm install gl-transitions Просмотрите переходы и оцените их предварительный просмотр на gl-transitions.com

Где скачать gl-transitions?

Исходный код и инструкции по установке — на GitHub: https://github.com/gl-transitions/gl-transitions