Прелоадер с WebGL-переливами для Tilda
Текучая цветная сцена меняется перед открытием страницы и завершается вспышкой.Подробнее о модеСвернуть описание
Прелоадер с WebGL-переливами для Tilda
Текучая цветная сцена меняется перед открытием страницы и завершается вспышкой.Что умеет мод
- Рисует абстрактные переливы в одном WebGL Canvas.
- Смешивает три выбранных цвета в движущуюся композицию.
- Раздельно оформляет проценты и короткую подпись.
- Настраивает длительность сцены и финальной вспышки.
Как подключить
Соберите палитру
Выберите основной, акцентный и светлый цвета сцены, затем фон заставки. Посмотрите, как оттенки смешиваются в движении. Проверьте контраст будущих надписей на светлых и тёмных участках.
Оформите текст
При необходимости включите проценты, задайте префикс, суффикс, размер, цвет и шрифт. Отдельно настройте подпись: содержимое, регистр, размер, интервалы и прозрачность. Оба элемента можно отключить.
Подберите длительность
Задайте время сцены, длительность вспышки и максимальное ожидание. Проверьте весь переход к странице на телефоне, включая яркий финальный кадр. При необходимости включите удержание анимаций Tilda.
Установите и проверьте
Скопируйте код в T123 в начале страницы и опубликуйте. Проверьте плавность на разных устройствах, исчезновение заставки и восстановление прокрутки. Используйте один прелоадер; файл видео или изображение для переливов не нужны.
Что учитывать. Для цветной сцены нужен доступный WebGL. Если браузер не создаёт такой контекст, текущий код убирает заставку и открывает страницу без этого эффекта. Проценты показывают ход анимации. Обычный выход учитывает завершение сцены и готовность страницы, а не точное количество загруженных файлов.
Вопросы и ограничения
Можно исказить своё изображение этим модом?
В текущем конструкторе нет загрузки изображения. Переливы создаются из трёх цветов; для работы с фотографиями используйте отдельные эффекты изображений.
Почему на одном устройстве заставки нет?
Проверьте доступность WebGL и системное уменьшение движения. Без WebGL сцена пропускается, а при уменьшении движения используется упрощённый переход.
Можно скрыть проценты и оставить подпись?
Да. У процентов и подписи отдельные переключатели и настройки оформления. Можно оставить любой один элемент или только цветную сцену.
Почему важна проверка на телефоне?
Скорость отрисовки зависит от браузера и графических возможностей устройства. Проверьте плавность и длительность на реальной мобильной странице.
Доступ к конструктору
Мод доступен по подписке Pro. Войдите в аккаунт, чтобы настроить его и получить код. Действующие условия указаны в тарифах.
