Создание анимации, срабатывающей при прокрутке в ProtoPie, может быть выполнено при помощи триггеров типа "Scroll". Следуйте этим шагам, чтобы настроить последовательную анимацию для различных блоков на лендинге:
1. **Создание блоков**:
- Создайте на рабочем пространстве несколько элементов или групп элементов, которые вы хотите анимировать.
2. **Настройка триггера "Scroll"**:
- Выберите первый элемент, для которого хотите настроить анимацию.
- Перейдите в раздел "Interaction" и добавьте новый триггер.
- Выберите "Scroll" и настройте его так, чтобы он срабатывал при прокрутке к нужному блоку. Вы можете указать положение скролла (например, "Y шёл вверх"). Убедитесь, что вы установили правильное значение, чтобы активация происходила, когда блок попадает в экран.
3. **Добавление анимации**:
- После настройки триггера добавьте действие анимации (например, "Move", "Scale", "Fade"). Настройте анимацию по своему усмотрению (скорость, направление и т. д.).
4. **Последовательная активация**:
- Чтобы последовательно активировать анимации для следующих блоков, вам нужно настроить триггер на каждом из последующих блоков аналогично первому, но с новым значением положения прокрутки, где вы хотите, чтобы анимация нового блока запускалась.
5. **Повторение для всех блоков**:
- Повторите шаги 2-4 для всех других блоков, настраивая триггеры и анимации на основе их положения.
6. **Тестирование**:
- Запустите прототип в режиме тестирования и проверьте, как работают анимации при прокрутке. Убедитесь, что каждая анимация запускается только тогда, когда соответствующий блок попадает в зону видимости.
7. **Дополнительные настройки**:
- При необходимости вы можете использовать условия, чтобы еще больше настроить поведение анимаций, делая их более уникальными в зависимости от конкретных взаимодействий пользователей.
Такое пошаговое добавление триггеров и анимаций позволит вам достичь желаемого эффекта последовательной анимации при скролле на вашем лендинге.