магазин кастомных решений для тильды
Здесь собраны самые уникальные решения для тильды, с помощью которых вы сможете расширить функционал своих сайтов
Настройте
Цвета, размеры, поведение в конструкторе ниже
Скопируйте код
Одна кнопка — код в буфере обмена
Вставьте в Tilda
Блок T123 (HTML) на нужной странице

Прелоадер с прыгающим мячом для Tilda

Падение, затухающие отскоки и финальное расширение круга перед показом страницы.
Подробнее о модеСвернуть описание

Что умеет мод

  • Анимирует падение мяча с отскоками и сплющиванием при ударе.
  • Настраивает радиус, гравитацию, упругость, число отскоков и высоту пола.
  • Добавляет тень на полу, проценты и верхнюю полосу прогресса.
  • Завершает заставку расширением цветного круга с заданным размером и временем.

Как подключить

Падение и отскокиРасширение кругаКод в T123
  1. Настройте сцену

    Задайте фон, цвет и радиус мяча. Выберите высоту старта и уровень пола относительно экрана. Проверьте, что у мяча достаточно пространства для падения и отскоков.

  2. Подберите движение

    Настройте гравитацию, упругость, число отскоков и длительность сплющивания. Посмотрите несколько повторов превью. Слишком долгий сценарий можно сократить количеством отскоков и параметрами движения.

  3. Оформите финал

    Укажите длительность и конечный размер расширяющегося круга. При необходимости включите тень, проценты и полосу прогресса. Задайте максимальное ожидание и проверьте опцию задержки анимаций Tilda.

  4. Проверьте страницу

    Добавьте код в T123 в начале страницы и опубликуйте. Проверьте сцену на компьютере и телефоне, покрытие углов в финале, исчезновение фона и работу прокрутки. Отдельные шейпы в Zero Block создавать не нужно.

Что учитывать. Проценты вычисляются по сценарию движения, а не по числу загруженных ресурсов. Изменения физики меняют характер и время заставки. Используйте один прелоадер на странице и проверьте геометрию на разных экранах: высоты сцены задаются относительно окна.

Вопросы и ограничения

Как сделать отскоки мягче?

Подберите упругость и длительность сплющивания, затем оцените результат вместе с гравитацией. Эти параметры влияют на восприятие движения совместно.

Что означает финальный размер относительно диагонали?

Он задаёт масштаб расширения круга с учётом экрана. Проверьте, что в момент перехода круг закрывает углы на нужных устройствах.

Можно убрать все индикаторы?

Да. Проценты, верхняя полоса и тень включаются отдельно. Можно оставить только мяч и финальный переход.

Почему на устройстве нет отскоков?

Проверьте системную настройку уменьшения движения. При её включении код пропускает полный сценарий и быстро убирает заставку.

Доступ к конструктору

Мод доступен по подписке Pro. Войдите в аккаунт, чтобы настроить его и получить код. Действующие условия указаны в тарифах.

Другие варианты заставок

Made on
Tilda