Параллаксная прокрутка
-
Параллаксная прокрутка
- Параллаксная прокрутка создает иллюзию глубины в 2D-сценах, используя движение фоновых изображений.
- Эта техника возникла в анимации с 1930-х годов и стала популярной в видеоиграх в 1980-х.
-
Методы параллаксной прокрутки
- Послойный метод: использование нескольких фоновых слоев с разной скоростью прокрутки.
- Метод создания спрайтов: использование движущихся объектов, нарисованных аппаратным обеспечением.
- Повторяющийся шаблон/метод анимации: создание иллюзии другого уровня путем анимации фрагментов.
- Растровый метод: использование растровых характеристик для создания эффекта большего количества слоев.
-
Примеры использования параллаксной прокрутки
- Moon Patrol (1982) и «Король джунглей» (1982) популяризировали параллаксную прокрутку.
- Игры, такие как Jump Bug (1981) и Final Fight (1989), использовали параллаксную прокрутку для создания глубины сцены.
-
Параллаксная прокрутка в веб-дизайне
- Первая реализация параллаксной прокрутки в веб-браузерах была представлена в 2007 году.
- Веб-дизайнеры использовали CSS и JavaScript для создания эффекта параллакса без использования JavaScript.
- Параллакс-фоны используются для улучшения взаимодействия с пользователем и общего впечатления от веб-сайта.
-
Критика и исследования
- Некоторые исследования показали, что параллаксная прокрутка может вызывать тошноту у некоторых людей.
- Несмотря на улучшение взаимодействия с пользователем, общее восприятие сайта может не улучшаться.