Сложный фронтенд

Основные требования к механике:

- Примерно вот такой может быть детализация прорисовки – https://www.dropbox.com/s/4hekg3t2kjmpbxx/%D0%B4%D0%B5%D1%82%D0%B0%D0%BB%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D1%8F.jpg

- Сначала показываем пользователю анимированную часть по определенному сценарию

- Анимированная часть эпизода от первого лица. Смена эпизодов происходит по заданному сценарию и при нажатии на кнопку “Пройти далее”. Отыгрывание интерактивной часть, может быть в формате записи видео. Мы видим движение от одного экрана к другому, но не управляем этим как в игре.

- После анимированной части, пользователь сможет совершать определенные действия с различными элементами: менять ракурс, приближаться/отдаляться от объекта, выполнять какие-то действия курсором (тянуть, кликать и тп)

- Должно работать в браузере, в том числе и на планшетах, телефонах, так как будем вешать на сайт. На данный момент видим реализацию при помощи HTML5, CSS, JS.

Не рассматриваем варианты видео, флеша, и способов в которых пользователю нужно устанавливать на свое устройство дополнительный софт или плагин

- "Шустрая" работа кода

- Примерно вот так мы видим интерактивную часть - https://www.youtube.com/watch?v=uwZBdWRSBRs, то есть это не 3д, но виден второй план. При клике на определенные предметы, они двигаются по заданному сценарию, можно взять какой-то предмет и “перетащить” его.

Описание первого эпизода:

Начинается анимированная часть первого эпизода с того, что экран приближается к закрытой стены из системы F1 (http://u-bk.ru/products/bezramnoe-razdvizhnoe-oste... ) (вокруг антураж дома, так как перемещение идет из дома на веранду), дверь открывается и в этот момент всплывает примечание о том, что внизу нет направляющей рельсы и как быстро, удобно и красиво стеклянная стена убирается.

Далее экран передвигается за дверь, где мы видим двор, с деревьями, лужайками, цветами.

Подбегает собака (лабрадор), мы видим как рука хозяина гладит собаку ( (на руке дорогие часы, марка часов подчеркивает статус хозяину) и она убегает.

Далее экран передвигается обратно на веранду к столу на котором стоит чашка кофе, мы видим как хозяин садиться за стол, выпивает кофе и на заднем плане мы видим тот же дворик с природой, который находится за открытой стеклянной стеной из системы F1 ( https://youtu.be/aBfKxzFeHEg ), в дали видна беседка из стекла и бассейн со стеклянным ограждением

После последней анимированной сцены, на экране остается вид на дворик и закрытую стеклянную стену. На этом этапе анимированная часть заканчивается и открываются интерактивные возможности для пользователей:

открывать/закрывать стеклянные двери из системы F1

приближать/отдаляться от дверей

смотреть из разных ракурсов на двери

Вид и управление предметами примерно в таком формате - https://www.youtube.com/watch?v=uwZBdWRSBRs

Мы предоставляем видео по управлению системой остекления. Вот примеры:

https://yadi.sk/i/9WTsE7fVgxRZo - панель

https://yadi.sk/i/JPEID3FXgxRc2 - ролик

От вас:

- Примеры подобных работ (рассматриваем различные варианты реализации)

- Оценка реализации нашего сценария по срокам (для начала можно одного эпизода из примера и полную оценку после просмотра всего ТЗ)