Сделать панорамный гайд объекта на сайте. С чего начать?

12
Сеодром
На сайте с 27.11.2007
Offline
187
1116

Добрый день!

Нужно сделать что-то вроде этого:

http://www.openstudio.fr/jquery.panorama/

Т.е. панорамный гайд объекта на сайте. Понимаю, что сначала нужно сделать нужные снимки, потом из них составить панораму, а потом уже все это дело обработать плагином, как в примере выше.

Кто-то сталкивался с подобными вещами? Подскажите, с чего начать, как подступиться к решению задачи?

На этой партнёрке я получаю немного баксов в неделю , зато постоянно: https://goo.su/z9gsI2
IL
На сайте с 20.04.2007
Offline
435
#1

Можно начать с чтения статей/теории или просмотра видео.. сделать флэшку

Можно взять готовые флешки, которые позволяют "заменой фоток" получить 3D-шку

http://blog.tonydowney.ca/?p=235

http://flashpanoramas.com/player/simple

http://www.mtrinitaria.com/mykhel/free-3d-panorama/ ( http://mtrinitaria.com/mykhel/wp-content/uploads/2010/03/3dpanorama/test.jpg )

... :) Облачные серверы от RegRu - промокод 3F85-3D10-806D-7224 ( http://levik.info/regru )
Р
На сайте с 07.02.2013
Offline
178
#2

Могу точно сказать, ребята делали бесплатную съемку фотоцентра для своего сервиса. Попробуй обратись http://rushguide.ru/

Сеодром
На сайте с 27.11.2007
Offline
187
#3
ivan-lev:
Можно начать с чтения статей/теории или просмотра видео.. сделать флэшку
Можно взять готовые флешки, которые позволяют "заменой фоток" получить 3D-шку
http://blog.tonydowney.ca/?p=235
http://flashpanoramas.com/player/simple
http://www.mtrinitaria.com/mykhel/free-3d-panorama/ ( http://mtrinitaria.com/mykhel/wp-content/uploads/2010/03/3dpanorama/test.jpg )

Хм, я думал что там без флэша можно обойтись, одним джаваскриптом и "запанорамленным фото"...

IL
На сайте с 20.04.2007
Offline
435
#4
Сеодром:
я думал что там без флэша

Конкретно там обходятся без флэша. http://www.openstudio.fr/jquery.panorama/img/atelier.jpg

Однако нет вращения вверх-вниз. Кроме того, во флэшках есть интерактинвые "бродилки" (переходы по комнатам, например)

Хотя, при должной сноровке и сюда можно прикрутить.

Сеодром:
Подскажите, с чего начать, как подступиться к решению задачи?

самый простой вариант - скачать http://www.openstudio.fr/download/jquery.panorama.zip

распаковать и заменить в коде

<img src="img/atelier.jpg" class="panorama"...

имя файл на своё (или файл заменить).

Панорамную фотку можно андроид-телефоном получить... при необходимости - подфотошопить. Или по гайдам..

Все доступные параметры описаны в документации

http://www.openstudio.fr/Un-viewer-de-panoramas-simple-en.html?lang=en

Сеодром
На сайте с 27.11.2007
Offline
187
#5
ivan-lev:
Конкретно там обходятся без флэша. http://www.openstudio.fr/jquery.panorama/img/atelier.jpg
Однако нет вращения вверх-вниз. Кроме того, во флэшках есть интерактинвые "бродилки" (переходы по комнатам, например)
Хотя, при должной сноровке и сюда можно прикрутить.


самый простой вариант - скачать http://www.openstudio.fr/download/jquery.panorama.zip
распаковать и заменить в коде
<img src="img/atelier.jpg" class="panorama"...

имя файл на своё (или файл заменить).

Панорамную фотку можно андроид-телефоном получить... при необходимости - подфотошопить. Или по гайдам..

Все доступные параметры описаны в документации
http://www.openstudio.fr/Un-viewer-de-panoramas-simple-en.html?lang=en

Ну да, щаз как раз читаю.

И вроде как бродилка у них есть в примере, что по ссылке в стартпосте.

Кофейник
На сайте с 11.07.2009
Offline
78
#6

Клёвый плагин, спасибо, а чем не устраивает именно он? Там разобраться пять минут, это без знания французского.

Интересно, они на каком-нибудь гитхабе есть. По-ситуации, не смертельно сложно допилить необходимый функционал и сюда, там исходник на 150 строк.

http://immater1um.livejournal.com/ (http://immater1um.livejournal.com/)
pikasso
На сайте с 27.01.2008
Offline
150
#7

Сам интересовался данным вопросом, все на самом деле намного проще чем кажется:

1. Делаются снимки объекта на обычном цифровом фотоаппарате, с разных углов (я лично сделал фотобокс по чертежам отсюда и снимал внутри него, стоит копейки).

2. Из полученных фотографий собирается панорама, я пользовался open source программой под названием Hugin, туда загружаешь все фотографии объекта и он сам находит точки соприкосновения и склеивает в единую панораму, получается очень даже ничего. Программа простая и в ней довольно просто разобраться.

3. Полученная панорама вставляется в сайт при помощи js плагина, я лично использовал именно тот, которые Вы указали, но их множество, посмотрите здесь например.

А вообще по такому принципу очень просто сделать абсолютно любые 360-ти градусные панорамы, я например для тренировки сделал онлайн панорамную прогулку по парку рядом с моим домом, получилось не чуть не хуже чем гугл стрит вью, только вот кажется js плагин использовал другой, сейчас не вспомню какой, но если критично поищу для Вас.

Сеодром
На сайте с 27.11.2007
Offline
187
#8
pikasso:
А вообще по такому принципу очень просто сделать абсолютно любые 360-ти градусные панорамы, я например для тренировки сделал онлайн панорамную прогулку по парку рядом с моим домом, получилось не чуть не хуже чем гугл стрит вью, только вот кажется js плагин использовал другой, сейчас не вспомню какой, но если критично поищу для Вас.

А можете показать этот парк с панорамами?

pikasso
На сайте с 27.01.2008
Offline
150
#9
Сеодром:
А можете показать этот парк с панорамами?

Нет, к сожалению не сохранилось, было на локалке.

Сеодром
На сайте с 27.11.2007
Offline
187
#10

Вроде бы понемногу разобрался.

Для создания виртуального тура понадобится немного другой плагин.

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий