Paralax

Тема в разделе "Верстка", создана пользователем dirdir, 16 май 2015.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Статус темы:
Закрыта.
Модераторы: ultra
  1. dirdir

    dirdir Постоялец

    Регистр.:
    19 мар 2012
    Сообщения:
    85
    Симпатии:
    11
    Есть такой сервис http://depthy.me/

    В нём можно сделать красивую картиночку с эффектом паралакса.
    Проблема только в том что вставить себе потом на сайт js код весьма сложно.

    Есть ли подобные сервисы, но только которые сгенерируют нормальный код.
    Или есть возможно отсюда вытащить код?

    Там просто динамически генерируется код, и соответсвенно его нет в скриптах под нужную картинку.
     
  2. ddn128

    ddn128

    Регистр.:
    31 июл 2013
    Сообщения:
    388
    Симпатии:
    172
    А зачем Вам какие-то сервисы, если это можно сделать самому?
     
  3. dirdir

    dirdir Постоялец

    Регистр.:
    19 мар 2012
    Сообщения:
    85
    Симпатии:
    11
    Дело в том что из обычной фотографии самому будет сложно сделать паралакс.
    Например если человек сфотографирован.
    Есть конечно идея сделать 2 снимка. 1 - фон - 2 человек на фоне.

    Но на этом сервисе автоматически делается, т.к. программа в мобиле сохраняет данные о расстояних до объекта.

    На этом сервисе можно из любой фотографии сделать такой эффек. Просто прорисовав маску (ближе дальше объёкты)
     
  4. DevOrc

    DevOrc Создатель

    Регистр.:
    5 июн 2014
    Сообщения:
    31
    Симпатии:
    10
    Solus_Rex нравится это.
  5. Solus_Rex

    Solus_Rex

    Регистр.:
    15 янв 2012
    Сообщения:
    426
    Симпатии:
    179
  6. DevOrc

    DevOrc Создатель

    Регистр.:
    5 июн 2014
    Сообщения:
    31
    Симпатии:
    10
    Обязательно несколько, в этом смысл псевдо-перспективы, наличие слоев-картинок.
     
  7. Solus_Rex

    Solus_Rex

    Регистр.:
    15 янв 2012
    Сообщения:
    426
    Симпатии:
    179
    Это ясно. И библиотека такая не однна. Просто, сервис в первом посте делает псевдообъём из одной фотки, снятой с каким-то хитрожопым фильтром.
    "Depthy works with photos shot using LensBlur camera mode, or created with Depthy itself"
    Вот тут чего-то есть по этой теме:
    http://habrahabr.ru/post/220557/
     
    Последнее редактирование: 17 май 2015
  8. DevOrc

    DevOrc Создатель

    Регистр.:
    5 июн 2014
    Сообщения:
    31
    Симпатии:
    10
    Это какой-то мини параллакс, огрехов много, начиная от мыла и шлейфа до искажения пропорций. И это на эталонных фото, боюсь представить что будет на обычных.
     
  9. Solus_Rex

    Solus_Rex

    Регистр.:
    15 янв 2012
    Сообщения:
    426
    Симпатии:
    179
    Я хочу попробовать с лопаты фотку сделать с этим фильтром. И попробовать. Может кто-то до этого выложит.
     
  10. typus

    typus

    Регистр.:
    25 июл 2007
    Сообщения:
    640
    Симпатии:
    154
    а подскажите, кто нормально с параллаксом дружит, насколько все усложняется при увеличении числа слоев? Т.е. мне надо, чтобы помимо фона 2 или 3 картинки при скролле двигались с различной скоростью - нижняя самая медленная, верхняя - самая быстрая - что бы было что то вроде эффекта,когда набор из 3-х отдельных частей при скролле ближе к середине или концу соединяется в единую деталь.
    Например, вот тут что то похожее, когда бумага падает в ведро - только мне не надо трансформировать или менять скорости отдельных частей в процессе, все проще. Допустим - болт, деталь, гайка. Надеюсь, понятно объяснил. )
     
Статус темы:
Закрыта.