Параллакс движения
В психологии восприятия параллакс движения понимается как эффект, который возникает оптически, когда различные объекты расположены в ландшафте на разных расстояниях друг от друга, а наблюдатель движется в боковом направлении параллельно этим объектам и смотрит в сторону горизонта.
принцип
Световой узор близлежащих объектов перемещается по сетчатке быстрее, чем световой узор более удаленных объектов. Этот эффект возникает, например, при взгляде в боковое окно движущегося автомобиля или поезда.
В результате те объекты, которые находятся близко к зрителю, перемещаются быстрее, чем те, которые находятся далеко от зрителя. Движение объектов приближается к нулю, чем ближе они к горизонту, который перемещается минимально (в зависимости от общей скорости).
Однако широко распространено заблуждение, что наш мозг может получать информацию о том, какие объекты находятся дальше, чем другие, благодаря разным скоростям движения объектов по сетчатке глаза. Из этой информации якобы может быть получена информация, обслуживающая восприятие глубины. Однако в эксперименте Дебора Уиллер и Ирвин Рок смогли показать, что параллаксы движения на самом деле не используются мозгом для восприятия глубины, хотя теоретически это было бы возможно.
пример
На картинке справа восприятие глубины комнаты путем ее прикрытия помогает нам распознать пространственное расположение. Травы и пальмы покрывают часть гор, которые, в свою очередь, частично закрывают луну. Однако мы не можем сделать никаких заявлений о том, насколько далеко объекты друг от друга, хотя разные скорости дают нам представление об этом. Но можно с уверенностью сказать, что луна - это как минимум пространственная протяженность гор вдали от пальм. Если бы луна находилась так высоко в звездном небе, что ее не закрывали горы или пальмы, у нас было бы ощущение, что она могла бы парить где-то над горами и двигаться с нами с той же скоростью. В этом случае наш опыт просто поможет нам оценить, что Луна обычно находится намного дальше от нас, чем горный хребет, и, следовательно, должна быть намного дальше.
Дополнительные функции восприятия глубины
Дополнительные особенности восприятия глубины окружающей среды состоят из текстур объектов, которые кажутся тем меньше, чем дальше объект находится от наблюдателя (пример: брусчатка в пешеходной зоне - узор брусчатки будет тем меньше, чем дальше от рассматриваемого участка улицы). это от зрителя). «Точки схода» в том виде, в каком они сознательно используются в изображениях, чтобы иметь возможность изобразить пластичность, служат для мозга ключом к разгадке пространственной глубины. Современная психология предполагает, что сложные объекты и стимулы окружающей среды сначала разбиваются сенсорным аппаратом на отдельные компоненты восприятия, а затем снова собираются в сложные сенсорные восприятия.
история
Когда в начале 19 века, в ходе индустриализации в западных странах, железная дорога была настолько развита, что стала доступной для широких слоев населения, пассажиры могли часами испытывать эффект параллакса, глядя на улицу. Здесь говорилось о панорамном виде .
Параллакс движения в видеоиграх
Так называемые игры с боковым скроллером и особенно стрелялки имеют особое значение для параллакса движения . В этих играх игрок управляет персонажем или космическим кораблем на движущемся фоне. Эффект параллакса, при котором объекты на переднем плане перемещаются быстрее, чем объекты на заднем плане, используется для того, чтобы предложить игроку «более глубокий» мир, а также для ориентации.
С технической точки зрения для этого доступны четыре метода:
Слойный метод
В этом методе весь вид представляет собой серию слоев ( уз. Слои). Передний план, фон и промежуточные слои предназначены для движения с разной скоростью.
Топливный метод
Для этого используется коллекция изображений, которая объединяется в псевдослой спрайтов . При изменении ракурса камеры отображаются только отдельные части плоскости, создавая эффект параллакса.
Повторяющиеся шаблоны / анимации
Слои состоят из отдельных плиток, растровые изображения которых «плавают» на повторяющемся фоне с помощью анимации.
Сеточный метод
Отдельные строки пикселей рисуются сверху вниз с заметной задержкой между строками.
пример
Три уровня в анимации ниже перемещаются влево с разной скоростью. При этом их скорость уменьшается спереди назад, создавая впечатление пространственной глубины. Уровень земли перемещается в 8 раз быстрее, чем уровень растительности, уровень растительности перемещается в два раза быстрее, чем уровень облаков.
Облачный самолет - спина
Уровень растительности - средний
Уровень земли - перед
анимация
.png)
.png)
Параллакс движения в веб-дизайне
В Интернете 2008 Bewegungsparallaxen на веб-сайтах можно найти в конце Google Trends Согласно, начиная с 2011 года все чаще. В 2013 году американская компания Nike была одной из первых крупных компаний, применивших параллакс-скроллинг. HTML 5 и CSS 3 отдают предпочтение этому стилю.
Параллакс движения используется на веб-сайтах для:
- Используйте повествовательный подход, чтобы направлять посетителей по веб-сайту.
- Сделайте просмотры страниц дольше и побудите посетителя прокручивать все содержимое страницы,
- направлять посетителя к призывам к действию и
- чтобы произвести впечатление на посетителя и вызвать интерес к дальнейшему содержанию.
Однако использование параллакса движения также создает недостатки для веб-сайта. Они возникают из-за того, что большинство веб-сайтов, использующих этот эффект, часто представляют собой отдельные страницы , что пагубно сказывается на SEO и скорости загрузки веб-сайта.
Смотри тоже
литература
- Э. Брюс Гольдштейн: Психология восприятия . Spektrum Akademischer Verlag, Heidelberg 2002 (2-е издание на немецком языке) ISBN 3-8274-1083-5
- Ирвин Рок: Восприятие. От визуального стимула к видению и узнаванию. С. 56f. Перевод Юргена Мартина и Ингрид Хорн. Spektrum Akademischer Verlag GmbH, Гейдельберг, 1998. [Источник: Восприятие. 1984].
Индивидуальные доказательства
- ↑ Эффект Парралакса. В: Программирование кадров. 30 июля, 2017. Проверено 17 июня, 2019 (американский английский).
- ↑ Google Trends на «Параллакс прокрутке» ( сувенир в оригинале от 7 марта 2014 года в Internet Archive ) Info: архив ссылка автоматически вставляется и еще не проверена. Пожалуйста, проверьте исходную и архивную ссылку в соответствии с инструкциями, а затем удалите это уведомление.
- ↑ t3n к "Параллаксной прокрутке"
- ↑ а б Что такое параллакс веб-дизайн? - Определения, советы и соображения. 15 августа 2013, доступ к 17 июня 2019 .
