Что вызывает эффект в логотипе Sonos?

Ниже представлен новый логотип Sonos.

Когда вы прокручиваете изображение на экране вверх и вниз, кажется, что звуковые волны пульсируют наружу.

Что вызывает этот эффект?

введите описание изображения здесь

Для получения слишком большого количества информации проверьте выборку Найквиста-Шеннона, также известную как частота Шеннона: для воспроизведения сигнала необходимо иметь примерно в 1,5-2 раза больше выборок частоты. Это причина того, почему цифровое аудио составляет прибл. 44 кГц (человеческий слух имеет полосу пропускания около 22 кГц), а изображения для печати имеют разрешение 300 dpi (150-строчный экран). «Вторая сетка», наложенная на изображение (о чем говорится ниже), в данном случае является «сэмплером», и сетки слишком похожи по масштабу.

Ответы (4)

Это называется муаровым узором .

Он образуется, когда два «сетчатых» узора (общий термин, который может применяться к геометрическим линиям, точкам и т. д.) накладываются друг на друга и перемещаются.

В этом случае два «шаблона сетки» — это само изображение (которое представляет собой геометрические линии) и обновление экрана на основе пикселей.

Аналогичный эффект возникает, когда ведущие новостей на телевидении носят узоры в полоску: https://www.youtube.com/watch?v=jXEgnRWRJfg

И это сильно привязано к определенным резолюциям. При увеличении этого изображения на моем iPad эффект быстро уменьшается, а затем исчезает.
Этот эффект также известен как «Ой-ой-ой-ой-ой-ой-мои-глаза-черт возьми, заставь его остановиться», хотя это отраслевой жаргон.
@Jongware К сожалению, я не могу воспроизвести ваши результаты. Даже при увеличении больше, чем заполнение экрана, он не потеряет своего эффекта. Это был бы хороший дополнительный вопрос.
(поет) Когда между линиями на экране появляется еще больше линий, это муар...
@JeffBowman хорошо сыграно, сэр, хорошо сыграно.
@LaurenIpsum За исключением того, что в этом случае это на самом деле выглядит чертовски круто, из-за чего кажется, что название бренда пульсирует светом, когда вы прокручиваете вверх и вниз. Если они сделали это намеренно, то респект им!
@JanusBahsJacquet Это чертовски круто, когда твои глаза перестают кровоточить. :) Я вижу пульсирующий эффект; это просто больно.

Муар рисунка, накладывающегося на себя

Шаблон логотипа создает удивительное визуальное впечатление движения, когда он отображается на ЖК -дисплее * , а изображение прокручивается небольшими частями размера рисунка.

Эффект, наблюдаемый при прокрутке изображения вверх и вниз, представляет собой узор муара .
Этот тип шаблона появляется, когда накладываются два шаблона обычных линий.
Два шаблона в этом случае взяты из одного и того же изображения:

Это текущее изображение на экране поверх остаточного изображения предыдущего состояния экрана в мозгу зрителя .

Узор на изображении логотипа называется «Звезда Сименс» :

Звезда Siemens обрезана

(Из forum.luminous-landscape.com )

Теперь давайте посмотрим, как это выглядит при добавлении 50% прозрачного слоя с тем же изображением и смещении его на несколько пикселей вниз:

Сдвинут вниз на 3 пикселя:

Сдвинут вниз на 3 пикселя

Сдвинут вниз на 10 пикселей:

Сдвинут вниз на 10 пикселей


Почему пульсирующий?

Обратите внимание, что муаровый узор имеет разный размер — он становится больше при большем смещении. Это объясняет пульсирующий эффект, который вы можете наблюдать при прокрутке: прокрутка не использует одинаковые шаги, поэтому смещение немного меняется.


* Эффект не зависит от использования ЖК-дисплея. Это должно происходить очень похоже на любом дисплее, основанном на физической пиксельной матрице. На ЭЛТ-дисплеях эффект может быть труднее наблюдать. Одна из причин заключается в том, что артефакты концепции ЭЛТ-дисплея таковы, что здесь они могут легко мешать. Кроме того, важное различие между ЭЛТ и ЖК-дисплеем заключается в том, что ЭЛТ-матрица представляет пиксель, как правило, слишком нерезким по сравнению с идеальным изображением, в то время как ЖК-дисплей обычно показывает пиксели слишком резкими (!) — более резкими, чем они должны быть в идеале. Поскольку звездообразный шаблон Siemens явно использует верхние пределы разрешения дисплея, разница имеет сильное влияние.

Возможно, стоит отметить, что разные мониторы и частота обновления могут вызывать более или менее выраженный эффект. На ЭЛТ-экранах, где прокрутка синхронизирована с частотой обновления, эффект может быть незначительным или даже отсутствовать по сравнению со многими ЖК-экранами.
@supercat Верно - я как-то предположил LCD, не заявив об этом; На ЭЛТ «разрыв» может привести к тому, что одна часть пульсации станет меньше или больше. Я думаю, что чередование будет иметь довольно сильный эффект.
На ЭЛТ визуальные артефакты от сканирования сверху вниз будут проблемой только в том случае, если объекты перемещаются на значительную часть размера экрана за кадр. Чересстрочная развертка будет проблемой, если только количество пикселей, перемещаемых по вертикали за кадр, не будет постоянно кратно четырем (т. е. два пикселя на поле ). Я бы хотел, чтобы на ЖК-мониторах с высокой частотой обновления была добавлена ​​возможность чередовать видимые и черные кадры; это урежет максимальную яркость вдвое, но движение с синхронизацией кадров может выглядеть лучше, показывая изображение в течение 1/120 с и черный в течение 1/120, чем показ изображений в течение 1/60 с каждое.

Эффект муара и подобные визуальные эффекты, вероятно, большая часть истории. Однако с ЖК-дисплеями у вас есть дополнительный поворот, который зависит от модели ЖК-дисплея:

Время отклика (время перехода пикселя в нужное состояние) зависит от уровней серого (начало и конец).

http://www.lagom.nl/lcd-test/response_time.php#response_time_gif

Линии, особенно тонкие, представляют на мониторе множество оттенков серого и распределяются неравномерно, таким образом добавляя фактические физические сдвиги к тем, которые и так воспринимаются. Используйте приведенный выше тест в качестве индикатора того, насколько ваш ЖК-дисплей становится жертвой этого эффекта.

Муар является частью причины, но другим фактором (поскольку он более заметен при прокрутке) является частота обновления экрана и тот факт, что не все строки обновляются одновременно. Обычно он обновляется построчно по горизонтали, и это искажение в сочетании с муаром создает эффект пульсации.

Частота обновления на самом деле является причиной появления муара. Он действует как второе наложение «сетка».