Федор Конюхов день за днем
вокруг Антарктиды (идеи параллакса)

            Рассматривая 10 топ лучших композиций на тему применение параллаксов, внимание привлекли топ-картинки под номером  8 – чередование (движение) по сюжетной линии в горизонтальном направлении.  Федор двигается на своей лодке на восток вдоль берега Антарктиды с ее миром и льдинами по левому его борту, как раз  отвечает этой идеи.

.           Используем три уровня:  фон, движение лодки по направляющей и передний слой – группа,  в которой находятся объекты (как бы на берегу) в  в форматах *.bmp или *dxf, а также, если надо, текст в пузырях).

  Написали МК:

VbsMsg "Движение 3 объекта - фон первый, второй (лодка) - движение по направляющей, третих группа с объектами на берегу"

' с сохранением 9 картинок

n1 = LastNmb-1

Set B = p(0,0,0)

Np=10

Ns = 1

For u=0 To 1 Step 1/Np

       CurrObjNmb = n1 '   сделали ее активной

       Set A = Polyline.P (u)  ' точка на полилинии

       CurrObjNmb = n1-1 '   сделали ее активной

       Obj.Translate P(A.x-B.x, A.y-B.y, A.z-B.z)

       CurrObjNmb = n1-2 '   фон сделали ее активным

       'obj.zAngle =  5

       Obj.Translate P(-0.5, 0, 0)  ' фон  смещаеся горизонтально

       Set B = A

 if ns = 1 Then SaveImage "картытаро1.jpg"

  if ns = 9 Then SaveImage "картытаро9.jpg"

ns=ns+1

Next

картытаро1.gif

Первая композиция

            Возьмем другую МК 11.3 Победа

 

Капитан Врунгель.jpg

При обращении к МК НЛО должен лежать в группе 4

 

В ней выберем карты с капитаном Врунгелем (№ 7), в группу 3-го уровня добавим НЛО, причем картинки выбираются по индивидуальному коду: на дату, ФИО и девиз.

 

картытаро31.gif

Вторая композиция

 

картытаро4.jpg

Одна картинка без анимации

           

*Есть много вариантов, например, с картинами ФК, с покемонами, тотемами, картами русской мафии, к ноосфере Вернадского-Вайно (четыре варианта) по фракталам Кислюка из Googla и т.д. Однако актуально сейчас  движение ФК на фоне льдин и айсбергов. Этим и займемся со студентами на занятиях.

МК 11.1 Хаос, номер папки 9

 

Средильдин1.gif

Первая прикидка*

·         Будем дальше работать, сначала смотреть, как мастера работают

Средикадр1.gifСредикадр1.gif

Можно эффект параллакса делать по кадрам,

потом их расположить рядом (здесь пока просто повторили первый кадр)

 

Средикадр11.gif

Здесь без эффекта параллакса,
но зато появился морской лев-красавец и чайка

 

 

Топ10 -сайтов параллакс-эффектом см. здесь

 

The Walking Dead – Zombiefied

3-е место

                Третье место списке ТОП-сайтов досталось проекту The Walking Dead. При создании сайта, который в первую очередь заинтересовал многочисленных фанатов сериала «Ходячие мертвецы», использовались HTML5, CSS3, JavaScript и, конечно, параллакс-эффект. Разработчики проделали огромный труд, заставив работать все эти технологии вместе и на всех платформах. Попадая на сайт и начиная скроллить, пользователь видит рассказ-комикс о том, как из актеров делают зомби.

Sony — Be Moved

Втрое место (не смог открыть)

               

Первое места (не открывается также) занял сайт Flat vs. Realism. Этот новогодний проект со зрелищной графикой (и музыкальным сопровождением!) представляет собой мини-игру жанра fighting с интересной предысторией, где происходит противостояние представителей двух видов дизайна – реалистичного и плоского. Сделав упор на главный холивар конца 2013 – начала 2014 года, создатели не прогадали: после выхода эта впечатляющая работа мгновенно вызвала фурор и стала популярным предметом обсуждения в блогах и новостях. Разработчикам сайта удалось объединить параллакс-скроллинг и игру на HTML5. «Мы хотели сделать так, чтобы во время прокрутки сайта от начала до конца все действия происходили плавно и без задержек. Для этого мы применили AJAX, что позволило обновлять данные в фоновом режиме». Проект был представлен зрителям в конце 2013, перед Новым годом. Приготовьтесь крутить скролл, вас ждет много увлекательного!

 

                Резюме.мы пойдем другим путем, в плане уменьшения трудозатрат. Идей много. Тут на входе в альма-матер – идея-композиция возникла: в проеме двери на входе в Бурсу  интересного, считай  ничего не видел, а специально чуть сдвинулся - за переплетом девушку стоит, за ней бухта Золотой рог, по которому судно  двигается, дальше пошел по этажам – за проемами окна Амурский залив с яхтами;  а на третьем этаже бал в актовом зале – здесь параллаксов не счесть – выбирай любую пару.

Бал в МГУ.jpg

Вот такие пироги с параллаксами-парами возникают

 .  Студент Матвей Петухов сделал композицию с эффектом параллакса в парадигме сжатия/расширения Вселенной и представил  результат в формате мр4, На сервер нет доступа с таким форматом, помещаем две картинки начальная и конечная, здесь:

Параллакс Матвея1z.jpgПараллакс Матвея2z.jpg 

Видно (справа), что портрет сжимается, а фон приближается,
а все вместе (если посмотреть со стороны) летит в пространстве к горизонту событий.
Заметьте с задачей справился студент первого курса!
И на бал сходил и задачу решил, причем за 15 минут (900 секунд).
В Интернете подобную задачу решают за 90 секунд –
так это же профессионалы!

Параллакс за 90 секунд – видеоурок

https://www.youtube.com/watch?v=ryX632E58jA