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