Так эффект не за счет добавления вертикальных линий возникает, а за счет разделения изображение на две части — до «решетки» и после неё. Такая своеобразная дискретная третья ось.
Можно в виде мелкой сетки реализовать, например. А если использовать сетки разных цветов, то можно и больше двух слоёв использовать — еще больше передать объём выйдет.
Если вы просто нарисуете поверх gif'а или картинки две белые линии — чуда не произойдёт.
Должен ещё быть объект, часть картинки, нарисованный поверх этих линий.
Ваш КЭП.
Это действительно капитанский комментарий, потому что это вполне очевидно.
Я даже больше скажу: линии должны быть именно белыми, потому что на большинстве сайтов фон — белый, и глаз воспринимает картинки как разделённые. С полосами других цветов это работает хуже.
Хабр не первый год хоронят, но в этом посте творится что-то действительно странное — объяснения того, что каждый видит своими глазами, заплюсованы так, будто без этого люди бы падали на колени и кричали «Магия! Магия!» Это ж не ракетная наука, даже слабоумный должен уловить принцип создания 3D-эффекта, когда ему его показали на примере 7 разных гифок.
трёхмерный эффект создан путём простого добавления двух вертикальных белых линий
В то время как комментаторы справедливо замечают, что эффект достигается не путём создания этих линий, а путём выведения некоторых объектов на передний план. Здесь фактическая ошибка.
А то, что кто-то заметил (несмотря на ошибку в тексте), то они молодцы.
В чем смысл написания настолько стандартных комментариев? Они не несут абсолютно никакого смысла и только занимают время читающих. Вы надеялись на другой исход?
Я ПРОБОВАЛ рисовать две белых линии поверх GIF, и вы правы, это СОВСЕМ НЕ РАБОТАЕТ!!! Но ЧАСТЬ КАРТИНКИ, нарисованная поверх этих линий, тоже не работает, ЧУДА НЕ ПРОИСХОДИТ!!!
Напишите, пожалуйста, КАК МОЖНО БОЛЕЕ ПОДРОБНЕЕ, как именно надо рисовать линии, Я ХОЧУ ЧУДО!!!
Добавление белых линий никаких эффектов само по себе не вызывает.
А вот разделение изображения на две части, находящиеся перед и после воображаемой плоскостью, вызывает.
Заголовок же гласит именно о том, что две вертикальные белые линии делают из обычного изображения трёхмерное.
Ух. Для тех кто ничего не понял (а то я тоже не сразу понял что именно имел ввиду автор комментария):
условно говоря эти линии создают «оконную раму», сквозь которую вы условно смотрите. И вот до этого объект как бы «за» ней, а в другой момент — «перед» ней. Эта самая рама работает как ориентир точки отсчёта третьей оси, о которой и говорит автор, позволяя мозгу «зацепиться» за неё и от неё отмерять дистанцию «в глубину».
На самом деле здесь есть ещё один эффект — эффект «различных картинок» — именно белый цвет полосок сливается с белым цветом фона заставляя думать что картинка не цельная — а это несколько отдельных картинок. И когда нечто двигается между кажущимися раздельными картинками — и вызывает этот самый эффект.
Вы только что открыли эффект голых тел!
На нижней картинке не видно привычных купальников, поэтому воображение дорисовывает голые тела за закрашенными областями.
Вот кстати да, на этой гифке щит выходит на передний план «решетки» еще в нижней точке траектории замаха. Так что получается, что эта воображаемая плоскость, делящая пространство, проходит где-то чуть перед тем местом, где стоит супергерой. Вот примерно так она уходит в землю, а не за границами кадра:
А тот факт, что после броска диск летит в нашу сторону — очевиден и так. Выходит, что конкретно в данном случае не добавляется никакой дополнительной информации о кадре.
Вот если бы щит пересекал плоскость уже во время полёта (ну и плоскость бы была дальше от точки броска), эффект бы был намного более впечатляющий я думаю.
Нет, совсем не очевидно, что щит в сторону зрителя полетит. Что же капитан не смотрит в ту сторону, куда собирается щит бросать? Я вообще думал, он щит вправо бросит. Кроме того, его левая нога вообще в землю не упирается, капитан упадёт после броска, а сам бросок выйдет очень слабым.
И это ведь тоже можно использовать для совместимости со старыми браузерами! Avatar в gif — вот самая изощрённая совместимость с неподдерживающими html5 браузерами.
А я вот подумал, насколько краше стали бы обычные фильмы, если бы для подобного «3D» задействовали полосы снизу и сверху экрана, которые появляются из-за того, что многие фильмы имею пропорции, отличные от 16:9. Тогда бы никаких очков для 3д не понадобилось.
В «Судье Дредде» было. Кровь, частицы, вылетали за пределы каше. Хотели так в «Сталинграде» с пеплом сделать, но когда посчитали сколько это будет стоить, сразу же отказались :)
Особенно рекомендуется смотреть одним глазом, чтобы исключить конфликт с оценкой расстояния и параллаксом. Вообще, при рассматривании одним глазом даже простое фото способно приобрести объём, способ, известный более 100 лет. А тут некоторые ролики, типа варианта с пистолетом или с саблезубой белкой — вообще при рассматривании одним глазом уносят :)
Эффект 3D с помощью белых линий