Віртуальний тур своїми руками. Створення віртуальних турів Як робити віртуальний тур

Віртуальний тур – це інструмент перегляду приміщень з виглядом «з очей». Ви ніби дивитеся на кімнату, перебуваючи в одній точці, і вільно переміщує погляд у будь-яких напрямках. Вигляд на кімнату з кожної такої точки називається панорамою.

Planoplan дозволяє користувачам самостійно створювати 3D панорами та панорамні тури плануванням квартир. Якщо панорами зроблено для кількох приміщень, то між ними можна переміщатися, натискаючи на значок із чоловічком.

3D-тури, створені в Planoplan, можна переглядати на смартфонах безкоштовний додаток Planoplan Go! - для цього достатньо встановити програму та відсканувати QR-код віртуального туру. За наявності окулярів віртуальної реальностіви зможете буквально перенестись усередину майбутнього будинку.

Віртуальні тури квартирами, для чого їх можна використовувати

Створення віртуальних турів дозволяє буквально «вжитися» до приміщення з розробленим дизайном чи ремонтом. 360 ° панорама, на відміну від звичайних 3D-рендерів, дозволяє оцінити обсяги приміщень, висоту стель, простору між предметами меблювання.

Панорамні тури спрощують обговорення ремонту чи дизайну інтер'єру. Обговорити варіанти оздоблення або нову кухню зі родичами набагато легше, переглядаючи 3D-тур.

Якщо ви дизайнер і працюєте з клієнтами, або якщо вам потрібно пояснити бригаді будівельників, де розетки і куди поставити шафу, - покажіть віртуальний тур. Один раз побачити на власні очі - краще тисячі слів.

Як за допомогою Планоплану створити віртуальний тур

Для створення віртуального туру необхідно додати приміщення, зробити його декорування, встановити джерела світла та натиснути на іконку фотокамери у верхній частині робочого поля. Після цього відкриється вікно вибору роздільної здатності VR-панорами. Доступні панорами роздільною здатністю 600 та 900 пікселів. Чим вищий дозвіл, тим чіткішим і якіснішим буде виглядати віртуальний тур. Після відправки VR-панорами на прорахунок та її готовності, до вас надійде повідомлення та QR-код для відкриття 3D-панорами у спеціалізованому безкоштовному додатку для Android та iOS Planoplan GO! Також ви можете подивитися ролик, де наочно продемонстровано весь процес створення та перегляду VR-панорами.

Всім привіт. На зв'язку Василь Зорін. Це перша стаття про авторинг панорам на 360 градусів із серії "Як створити віртуальний 3D тур своїми руками в програмі Panotour Pro версії 2.0 і вище".

Отже: я прихильник практичної моделі навчання. Тому:
1. Дізнайтеся вимоги до свого комп'ютера і завантажте програму
2. Вихідники для самостійної роботи Ви можете завантажити

Готово?

Тоді приступимо!
І створимо Ваш перший віртуальний тур у програмі Panotour Pro версії 2 та вище.

Для візуалів пропоную подивитися відео інструкцію:

Ok. Давайте швидко зберемо наш перший віртуальний тур із кількох панорам. Для цього перейдемо у вкладку тур “Tour”, натиснемо додати фотографії (панорами), виберемо масовий спосіб додавання фотографій, затиснувши клавішу shift, клавішею ctrl ми можемо прибрати непотрібний кадр. Панорами завантажились.

Перейдемо у вкладку стиль "Style", поки тут порожньо. Натисніть на вкладку "Build". Виберемо папку для збереження віртуального туру та введемо назву проекту. Я рекомендую index(при розвантаженні в інтернет будь-який браузер підчіплюватиме тур автоматично). І натисніть кнопку Зберегти проект "Build tour".
Є два способи зберегти проект (вгорі на панелі і внизу велика кнопка).

У нижній частині Ви зможете побачити смугу створення нашого віртуального туру.

Як переглянути цей віртуальний тур?
Щоб подивитися, натискаємо на Переглянути тур “View last built tour”. Тур завантажився. У ньому ще немає ні інтерфейсу, ні панелі навігації.

Давайте перемістимося у вкладку Стиль "Style" і додамо вбудований пресет "preset". Натиснемо "Load preset" і вибираємо класичний пресет "Kolor Classic". Завантажилася робоча область, стилі кнопок переходів та параметри запуску. Натиснемо зберегти тур.

Давайте подивимося на віртуальний тур.Вгорі ви бачите мініатюри класичної панелі навігації. Натиснувши на яку ви зможете побачити назву панорами і переміститися безпосередньо в цю панораму. У нижній частині ми бачимо класичну панельуправління.

За допомогою цих кнопок можна керувати туром: приховувати мініатюри, включати та вимикати автообіг, змінити режим відображення (повноекранний, віконний), вивести довідку, приховати всю панель керування.

Як ви можете змінити шаблон (пресет) у Panotour Pro?

Так само: зайдіть у вкладку стиль "Style", натисніть завантажити "Load preset" і вибираємо інший шаблон "Kolor Cross". Завантажилася робоча область, стилі кнопок переходів та параметри запуску. Натиснемо зберегти тур.

Давайте подивимося на віртуальний тур. У правій частині ми бачимо джойстик. За допомогою цих кнопок можна керувати туром: приховувати мініатюри, включати та вимикати автообіг, змінити режим відображення (повноекранний, віконний), вивести довідку, змінювати зумування. У нижній частині все та ж панель із мініатюрами. А назви виводяться трохи вищими.

Тепер розглянемо ще одну панель: Kolor Header and Footer. Завантажилася робоча область, стилі кнопок переходів та параметри запуску. Натиснемо зберегти тур. Давайте подивимося на віртуальний тур. Ми бачимо об'єднану панель мініатюр із панеллю навігації віртуального туру.

Назва всього нашого туру та назва панорами, в якій виводимося зверху.

Давайте завантажимо шаблон “Kolor iControl”. Завантажилася робоча область, стилі кнопок переходів та параметри запуску. Натиснемо зберегти тур. Давайте подивимося на віртуальний тур. У верхній частині екрану ми бачимо назви панорам, клацнувши якими ми переміщуємося в них.

Внизу панель керування з такими ж кнопками керування, як у попередніх шаблонах.

Таким чином, буквально за кілька хвилин ми можемо зібрати віртуальний тур з багатьох панорам.

Давайте зайдемо до вкладки тур “Tour” і об'єднаємо кілька панорам у групу.
Спосіб 1: просто виділити кілька панорам, натиснути праву кнопку миші та “Merge in a group” або використовуємо
Спосіб 2: виділивши одну панораму та перемістивши на іншу.

Групи враховуються у меню панорам. Давайте збережемо тур і подивимося, що з цього вийшло.

У верхній частині туру ми бачимо назви наших Груп і при наведенні ми можемо перенестись у ту чи іншу панораму.

У нижній частині ми бачимо панель керування, за допомогою якої ми можемо керувати нашим туром.

Вітаю! Ваш перший віртуальний тур готовий!

Якщо ж Ви хочете освоїти додаткові спец.ефекти і глибше вивчити цю програму, то записатися на безкоштовний курс з авторингу панорам можна

ВКонтакті

З цієї статті ви дізнаєтеся про процес створення віртуального туру, починаючи від планування та проведення фотозйомки, і закінчуючи складання туру з 3D панорам.

Етапи створення віртуальних 3D турів

1. Затвердження точок зйомки панорам та їх кількості
2. Затвердження додаткових модифікацій для 3D туру
   1. план/карта приміщення
   2. спливаючі підказки
   3. логотип
   4. …. і т.д
3. Підготувати приміщення
4. Вибрати час та погодити зйомку
   1. Дата (з огляду на погоду)
   2. Час
   3. Тривалість
5. Зняти 3D панорами
6. Склеїти 3D панорами
7. Зібрати віртуальний тур
8. Опублікувати віртуальний тур

Перше, що потрібно зробити – це вибрати оптимальну кількість панорам, з яких складатиметься ваш віртуальний тур та точки їх зйомки так, щоб показати локацію найповніше та інформативно.

Також не забудьте врахувати такі особливості локації:

1. складність освітлення та наявність дзеркал
2. час, у який можна провести зйомку туру
3. підготовку приміщень
4. отримання необхідних дозволів на фотографування від власників приміщення

З вищевикладеного стане зрозуміло, скільки часу займе зйомка та складання 3D туру.

Підрахунок кількості панорам та вибір точок зйомки

Якщо приміщення не складної форми і не сильно зоноване, то розставити точки зйомки можна на плані приміщення.

Коли розставити панорами на плані немає можливості або приміщення дуже велике та/або нестандартної форми, панорам дуже багато тощо, то для узгодження точок зйомки потрібно організувати попередній виїзд фотографа. Для замовника плюсом цього варіанта буде можливість поспілкуватися з підрядником наживо та отримати предметні рекомендації щодо підготовки приміщення.

Вибір додаткових модифікацій

Якщо віртуальний тур призначено для публікації на сайті замовника, то в нього можна вбудувати додаткові модифікації:

1. Індивідуальний дизайн
2. План/карта локації
3. Структуроване меню
4. Підказки
5. Кнопки "назад" - "вперед"
6. Фотографії та фотогалереї
7. Відео
8. Відео-переходи між панорамами
9. Музика
10. Каталог товарів
11. Анімація
12. Модуль дзвінка для мобільних пристроїв

Багато модифікації переслідують одну з цілей:

• зробити навігацію по туру більш зрозумілою для користувача
• покращити зовнішній вигляд
• підвищити інформативність

Дод. модифікації для туру потрібно вибрати до початку зйомок як мінімум для того, щоб розрахувати скільки часу піде на його складання.

У цьому деякі з доп. модифікацій, наприклад, відео-переходи та анімацію не вдасться вбудувати в тур на постобробці, не маючи на руках заздалегідь відзнятий матеріал.

Вибір часу зйомки

Вибирайте час зйомки, виходячи з прохідності та відкритості локації.

Найпростіше знімати житлові квартири, найскладніше - площі та людні заклади у робочий час.

Відповідно, плануйте час зйомки житлової нерухомості, виходячи з освітлення. А час зйомки комерційних приміщень краще планувати на неробочий час з урахуванням особливостей бізнесу. Якщо такої можливості немає, то вибирайте інтервал так, щоб у приміщенні було найменше людей – ранок чи обід, залежно від тематики.

Тривалість зйомки

Тривалість зйомки розраховуйте з огляду на наступні пункти - оскільки саме вони з'їдають основну частину часу:

1. фотографу потрібно оглянути локацію (якщо попереднього виїзду не було)
2. час на підготовку обладнання (зібрати/розібрати, скласти/розкласти, налаштувати)
3. час на фінальну підготовку приміщень - здебільшого потрібно прибрати якісь речі, втрачені під час збирання, або те, що встигли розкласти вже після збирання. Також часто потрібно трохи посунути або вирівняти меблі щодо точок зйомки панорам.
4. час на саму зйомку панорам - середній час зйомки однієї 3D панорами при звичайному кімнатному освітленні та зйомці на дзеркальну камеру - близько 5 хвилин, але чим темніше в приміщенні, тим довша витримка і, відповідно, часу на одну панораму може піти більше
5. освітлення приміщень - у приміщенні з приглушеним світлом зйомка займе приблизно вдвічі більше часу, ніж при звичайному кімнатному освітленні - уточнюйте у фотографа, з яким плануєте працювати.
6. прохідність приміщень - у людних приміщеннях знімати панорами досить довго і проблемно, тому що доводиться чекати, доки люди вийдуть із кадру

Зйомка 3D панорам

Вибір обладнання

Крім умов освітлення на час зйомки та якість панорам впливає те, яке обладнання використовує фотограф.

1. Це можуть бути портативні камери 360 ° – панорама робиться в один кадр. У цьому випадку зйомка проходить максимально швидко, але якість таких панорам найчастіше гнітюча.
2. Професійне обладнання - дзеркальні фотокамери або обладнання для сканування приміщень - робиться від 5 до 20 кадрів із почерговим поворотом та нахилом камери. Якість зображень у цьому випадку істотно вища, але й часу це займає більше.

Вибирайте обладнання, виходячи із завдання та бюджету. Портативні камери можна використовувати в ситуаціях, коли потрібно зробити багато панорам у стислий термін, а якість для замовника не є важливою. Якщо якість зображення для замовника стоїть на першому місці, вам доведеться використати професійне обладнання.

Проблеми зйомки

Основна труднощі на етапі зйомки - це об'єкти, що рухаються: люди, машини, хмари.

Якщо поблизу точки зйомки проходить багато людей, доводиться робити кілька дублів на кожен кадр для подальшого видалення людей на етапі складання панорам. Те саме і з автомобілями.

Дуже неприємний момент – мінлива хмарність. Для отримання якісної панорами на всіх зроблених кадрах має бути однакове освітлення, інакше при склейці будуть видні межі сусідніх кадрів. Через хмари, що швидко пливуть, у сонячний день часом доводиться знімати кілька дублів однієї і тієї ж панорами, щоб уникнути проблем на постобробці.

В іншому зйомка не несе якихось особливих труднощів і займає досить невелику частину часу від загальних витрат на створення туру.

Склейка панорам

Склейка 3D панорам зі знятих фотографій – це повністю технічний етап. Складання може здійснюватися в повністю автоматичному, напівавтоматичному та в повністю ручному режимі.

Автоматичний режим склеювання

Здебільшого це стосується портативних камер 360 °. Склейка панорам відбувається автоматично в самій камері відразу після зйомки або ПЗ, що додається до цієї камери.

Напівавтоматичний

Чорновий проект панорами збирається в автоматичному режимі, після чого допрацьовується вручну:

• Коригуються дефекти неідеального складання
• Вирівнюються вертикалі
• Вклеюється підлога

На мій погляд, це найбільш оптимальний варіант склеювання – програма робить за нас вагому частину роботи, а після внесення ручних корекцій ми отримуємо ідеально зібрану панораму без стиків.

Повністю ручний склеювання

Використовується у складних випадках, коли на знятих фотографіях мало висококонтрастних, деталізованих об'єктів та автоматика не може знайти реперні точки – маркери, які програма розставляє, щоб поєднати однакові частини зображення на сусідніх кадрах. У більшості випадків це приміщення з однотонними стінами та стелею.

Обробка 3D панорам

За складністю обробки панорами випереджають навіть інтер'єрні фотографії.

Панорами мають максимально великий кут огляду і в кадр потрапляють усі джерела світла та недоекспоновані зони, через це зображення має надто великий розкид яскравості.

Майже завжди в панорамі є різні за температурою джерела світла, наприклад, вікно з холодним світлом і люстра у вітальні з теплим - це створює окремі труднощі при обробці - світло перемішується і спотворює баланс білого.

Обробка вже склеєних 3D панорам складається з наступних етапів:

1. Корекція яскравості та контрасту - вирівнюється та розширюється баланс яскравості зображення, воно стає більш натуральним. Джерела світла не повинні перетворюватися на світлові плями, також не повинна страждати деталізація в тінях зображення.
2. Корекція кольору - в основному це вирівнювання температури різних джерел світла.
3. Ретуш - здебільшого, це видалення дротів від електротехніки та дефектів від природного зносу приміщень при експлуатації - подряпини, потертості, плями, пил, сміття тощо.

Складання 3д туру

Перший спосіб - простий у освоєнні

Використання спеціально створених для цього програм з графічним інтерфейсомнаприклад Panotour або Pano2VR. Програми досить інтуїтивні і створення туру не вимагає навичок програмування. Мінусом є висока вартість таких програм. Ціна ліцензії Panotour Pro 2.5 на момент написання статті – 399 €.

Другий спосіб - важкий та бюджетний і з широким функціоналом

"Ручне" складання туру на движку KRPanо - вимагає попереднього навчання та навичок програмування, і теж не безкоштовна - вартість особі на момент написання статті 129 €. Це більш час витратний, але при цьому і бюджетніший варіант з широким функціоналом. Складання туру безпосередньо в KRPі більше можливостей для модернізації та оптимізації 3D туру.

Процес складання туру

1. Додавання 3D панорам
2. Додавання меню та панелі керування
   1. Стандартний шаблон
   2. Індивідуальний дизайн
3. Розташування хотспотів - іконки (зазвичай стрілки) для переходу від однієї панорами до іншої
4. Виставляти початковий напрям погляду в панорамах при виборі її через меню управління
5. Виставлення напряму погляду під час переходу в панораму по хотспоту
6. Додавання додаткових модифікацій

Публікація 3Д туру

На свій сайт

Це найпростіший варіант, що тур або вбудовується в окрему сторінку, або створюється кнопка/посилання на відкриття туру в новому вікні.

На портал із віртуальними турами

Тут залежить від порталу, на одні можна заливати самостійно зібрані 3D тури, а на інших доведеться окремо завантажувати панорами та збирати тур, використовуючи веб-інтерфейс сайту.

На портал чи агрегатор нерухомості

Аналогічно до попереднього варіанту.

В соціальних мережах

Вконтакте

Для публікації у Вконтакті використовуються програми, створені спеціально для нього. Тут немає якогось готового рішення, кожен програміст пропонує щось своє.

Facebook

Аналогічно попередньому варіанту, з одним винятком. У Facebook можна публікувати поодинокі 3D панорами, використовуючи інтегрований інтерфейс соцмережі.
Для цього потрібно лише правильне заповнення метаданих зображень, щоб Facebook міг розпізнати панораму та відрізнити її від звичайної фотографії.

Instagram

Розміщення віртуального туру в Instagram можливе лише як некероване відео.
3D тур проглядається на комп'ютері з одночасним записом відео з екрана, після перегляду запис зупиняється і ролик, що вийшов, публікується в Instagram.

Youtube

1. Аналогічно публікації в Instagam
2. Створюється відеоролик 360°, який замість відео вставляються зображення панорам з монтажними склейками між ними - проглядається таке відео так само, як і будь-яке відео 360°.

Як висновок

Віртуальний тур - це складна послуга, що ідеально підходить для реклами житлової та комерційної нерухомості, а також послуг різних фахівців, з нею пов'язаних. Основною складністю для замовників є вибір підрядника через велику кількість етапів створення туру та їх складність.

Тоді ж була дана обіцянка випустити матеріал зі створення віртуального туру з цих самих панорам. Що ж раз пообіцяв, треба випускати. Дорогі друзі, цього п'ятничного вечора, хочу представити вашій увазі докладну і максимально просту інструкціюз реалізації віртуального 3D туру власноруч.

Навіщо і кому взагалі потрібні віртуальні екскурсії? Почнемо з того, що вони дозволяють добре передавати атмосферу будь-якого місця. Так якщо ви вибираєте навчальний заклад для вступу на конкретну спеціальність, то зізнайтеся набагато зручніше ввечері сісти за ноутбук і детальніше розглянути всі лабораторії, що цікавлять. У вас з'являється можливість без будь-якого тиску розглянути все обладнання, яке використовують у процесі навчання. 3D тур дозволить вам поблукати майстернями, розглянути деталі і переймуться відповідною атмосферою.

Як показує практика, окрім навчальних закладів такі екскурсії потрібні і в інших сферах. Усі сучасні ресторани, торгові центри, бази відпочинку, готелі та інші місця, що вимагають постійного трафіку нових клієнтів, намагаються якнайшвидше придбати гарний віртуальний тур на власному сайті. Інтерактивна екскурсія є найпотужнішим засобом для залучення нових клієнтів. Будь-яка організація, що має у розпорядженні 3D тур, заощаджує купу часу та грошей. То що нам заважає поповнити список таких організацій і принагідно заробити свою копійчину?

Ну як копійчину ... У середньому вартість за 1 якісну панораму у фотографів йде від 100 доларів і вище. Помножте цю цифру на кількість точок (панорам) у турі. Нехило так виходить, правда? Думаю, мотивацію навчитися робити віртуальні 3D тури та просувати їх ви отримали. Давайте я вже нарешті продемонструю процес складання туру. І перш ніж приступити, нам потрібно підготувати все необхідне, щоб надалі не відволікатися і сконцентруватися виключно на екскурсії.

Завантаження та встановлення Panotour Pro

Крок 1.Завантажуємо з Інтернету самостійно або на посилання програмний продукт Kolor Panotour Pro 2.5.1. В принципі, можна користуватися будь-якою версією вище 2.0. З виходом оновлень інтерфейс принципових змін не зазнав. ПІСЛЯ ЗАВАНТАЖЕННЯ ВІДКЛЮЧУЄМО ІНТЕРНЕТ НА КОМП'ЮТЕРІ І ВИРУБЛЮЄМО АНТИВІРУС (якщо цього не зробити, то можна отримати купу проблем з установкою Panotour).

Крок 2Запускаємо інсталяційний файл, що відповідає розрядності вашої операційної системиі у всіх вікнах тиснемо на Далі.

Крок 3На робочому столі знаходимо ярлик Kolor Panotour Pro 2.5 та запустивши програму натискаємо на кнопку «Зареєструвати».

Крок 4.У завантаженій нами папці з установкою є файл Serial.txt. Беремо з нього e-mail та ключ для активації програми.

Крок 5.Забиваємо ці дані у відповідні поля та тиснемо «Ок». Якщо все зроблено, то ви побачите повідомлення про те, що реєстрація відбулася. Тиснемо на «Ок» і переходимо безпосередньо до підготовки графічних матеріалів.

Підготовка графічних матеріалів

Крок 6Далі необхідно підготувати склеєні зображення панорам для створення туру. Ми вже цим займалися в одному з випусків, тому якщо ви раптом пропустили його, то можете подивитися весь алгоритм склеювання за допомогою програми PTGui Pro, перейшовши за відповідним посиланням. У контексті даного матеріалу будемо мати на увазі, що такі картинки у вас вже готові до роботи та збережені в окремій папці.

Крок 7.У цій же папці, до речі, рекомендую вам підготувати схематичну карту тієї місцевості або будівлі тур, яким збираєтеся реалізовувати. Я для прикладу робитиму тур по одному з поверхів технікуму, отже, для реалізації цієї ідеї мені знадобиться поверхова схема всієї будівлі.

>>>скачати панорами та карту з уроку<<<

Створення проекту 3D туру

Крок 8При вимкненому інтернеті запускаємо Kolor Panotour Pro і у вкладці Tour вибираємо пункт Add Panorama (додати панорами). У провіднику вибираємо наші заздалегідь підготовлені картинки панорам і тиснемо "Відкрити".

Крок 9Давайте одразу збережемо та перевіримо наш проект хоча б у сирому вигляді. Для цього у верхньому меню вибираємо "File-Save projet As..." і створюємо нову папку для збереження нашого проекту.

Крок 10Потім переходимо у вкладку "Build" і вказуємо місце розташування готового туру. Я, мабуть, вкажу папку на робочому столі. Після нас необхідно назвати наш тур. Головне, щоб і папка та назва туру були англійською мовою, це допоможе згодом уникнути проблем із викладанням на сайт. В принципі для створення базового віртуального туру з панорам все готово. Клацаємо на "Build tour", чекаємо завершення складання і сміливо натискаємо на кнопочку "Плей".

Крок 11Вуаль! Ваш браузер повинен автоматично відкрити одну із панорам нашого туру. Нічого особливого, але спочатку непогано. Протягом наступних десяти хвилин ми будемо працювати над доведенням нашого туру до готовності і не заспокоїмося, доки він не буде схожим на справжню інтерактивну екскурсію по навчальному закладу.

Навігація у віртуальному турі

Крок 12Для зміни черговості порядку появи панорам у нашому турі переходимо у вкладку «Tour» і праворуч відкриваємо меню «Order». За допомогою миші переміщуємо вгору ту панораму, яка має першочергово відображатися в нашій екскурсії. У мене це коридор. Адже з чого ще може починатися подорож поверхом?

Крок 13Тепер непогано було б додати навігаційну панель. У цій версії програми всі подібні фічі розробники реалізували як готельних модулів, які можна об'єднувати в пресети. Проте є стандартні набори пресетів. Давайте розглянемо один із них. Переходимо на вкладку "Style" і тиснемо на кнопку "Load preset ...". Потім вибираємо зі списку «Kolor iControl». Клікаємо на "Load".

Крок 14Зліва з списку, що з'явився, вибираємо «IControl Bar» і виставляємо положення навігаційної панелі по центру. Також можна погратися з елементами керування. Я зазвичай залишаю все за замовчуванням, лише знімаю галочку з кнопки допомоги та підтримки та додаю Show/hide floorplan. Якщо є бажання, то можна додати особливість у вигляді особливого кольору кнопок в нашій екскурсії. Допустимо, виберу синій.

Крок 15Чудово. Тепер давайте поєднаємо наші панорами по групах. Якщо ми робимо віртуальний тур по одній будівлі, то найлогічніше розділити наші панорамки з кабінетами на поверхи. Для цього повертаємось у вкладку «Tour» і, виділивши всі зображення, натискаємо праву кнопку. Вибираємо "merge in a group", що по-нашому означає - "об'єднати в групу".

class="eliadunit">

Крок 17Не зволікаючи, повертаємося до вкладки «Style» і видаляємо зліва пункт «Panorama Menu», натиснувши на хрестик. Далі праворуч вибираємо зі списку «Menu-Panorama Combobox» і клацаємо на нього двічі лівою кнопкою, тим самим додаючи цю фічу до списку стилів. Вибравши її зліва, налаштовуємо позицію, в якій будуть розташовані на екрані назви кабінетів. Потім задаємо налаштування, що відповідає за виведення назв груп та самих панорам. Це зручно, коли у будівлі багато поверхів.

Додавання точок переходу

Крок 18Такс. Нині найскладніше. Потрібно зробити хотспоти. Хотспоти – такі точки для переходів між панорамами. Для їх додавання нам потрібно перейти у вкладку Tour і вибравши першу панораму коридору на панелі хотспотів вказати на значок Add polygon. Для зручності можна розгорнути панораму на весь екран.

Крок 19Тепер дуже акуратно виділяємо області переходів. В даному випадку це будуть двері кабінетів, панорамами яких я зараз маю.

Крок 21.Аналогічно чинимо з дверима в самих кабінетах. Вони повинні обов'язково вести коридор.

Поверховий план із радаром

Крок 22.У принципі, вже не погано. Але ще не торт. Давайте додамо карту. Не дарма ми підготували її заздалегідь. У вкладі Tour вибираємо Floor Map і вказуємо шлях до нашого поверхового плану. Додали? Чудово. Тепер використовуючи інструмент «Add Point» наносимо на карту точки, що відповідають нашому знаходженню в просторі під час фотосесії.

Крок 23.Не забуваємо присвоїти кожній точці на карті відповідну локацію. У нашому випадку це кабінети та коридор.

Крок 24Так. Тепер потрібно цей поверховий план додати в нашу екскурсію і налаштувати. Для цього в вкладці «Style», що вже полюбилася, додаємо з правої панелі пункт «Maps-Floor plan» і виконуємо наступні дії. Насамперед виберемо місце розташування на екрані і відступ від краю. Скажемо пікселів 10. Розмір карти нехай буде 260 пікселів завширшки і 513 заввишки. До цих показників я дійшов експериментальним шляхом. Обведення контейнера і відступ від рамки до карти скидаю на 0. Бо в цьому випадку виглядатиме не дуже.

Крок 25Гортаємо нижче. І вибираємо з списку «Single floor plan», що розкривається. Це означає, що ми використовуємо один поверховий план будівлі, а не кілька. Ледве нижче знімаємо галочку з параметра відображення назви нашого плану. У налаштуваннях «Spots» задаємо для краси пульсуючу анімацію і включаємо параметр, що відзначає за відображення назви міток при наведенні курсором. Нижче активуємо радар та налаштовуємо для нього колірну гаму. Я, як завжди, схиляюся у бік синього відтінку.

Крок 26Та останнє у цьому пункті це включення функції автопідгону нашого плану під розмір контейнеру вказаний вище. Це дуже важливий момент. Якщо про це забути, то все виглядатиме криво і косо.

Крок 27.Всі. Мабуть, тепер наш віртуальний тур просто шикарний. Давайте збережемо його і подивимося, що сталося в результаті. Для цього тиснемо на кнопку «Зібрати тур» і дочекавшись збірки, клацаємо на звичний зелений значок «Play».

Крок 28.У результаті відкривається наш віртуальний тур. Головне вікно містить зручний плагін меню для виведення списку всіх панорам. Поверховий план будівлі з радаром для кращої орієнтації у великому просторі. Панель навігації з кнопками, які дозволяють наближати та віддаляти зображення, активувати повільне автообіг, увімкнути-вимкнути показ карти та згорнути всю панель навігації. Для переходу між панорамами найзручніше користуватися хотспотами, які ми виставили на дверях кабінетів. У даному турі у нас 4 панорами (13, 14, 15 кабінет і коридор), подорож між якими не викликає жодних труднощів, за рахунок інтуїтивно-зрозумілих переходів реалізованих за допомогою дверей в аудиторіях.

Публікація туру на сайті

Крок 29.На цьому можна було б закінчити розповідь, але ще не все готове. Тепер ми маємо викласти віртуальну екскурсію на діючий сайт. Для цього перекидаємо папку з data файлами туру та HTML файл на хостинг.

У цьому коді - це адреса головного файлу 3D туру, а параметри widthі heightвідповідають за ширину та висоту контейнера, в якому відображатиметься 3D тур. Якщо потрібно розгорнути панораму на весь екран, то просто киньте на текстовий рядок посилання, що посилається на HTML файл. Після вставки на вашій сторінці з'явиться така чудова віртуальна екскурсія.

Таким чином, нам вдалося зробити повноцінну екскурсію одним поверхом нашої освітньої установи. Знаючи цей алгоритм, можна за аналогією реалізувати такий тур по всій будівлі. Це не складно. Все залежить лише від вашого творчого підходу і не дуже старанності прикладеного в даному напрямку.

Уф. Нарешті я завершив написання цього сюжету. Мабуть, це найскладніший і найвидатніший під силу матеріал за останні пів року. На розбір теми пішло 2 тижні. І все тому, що простіша версія Panotour 1.8 не запрацювала не на одному з моїх комп'ютерів. Вона ставилася, дозволяла створювати тури, але при їх відкритті замість чудових панорам я бачив чорний екран. Причому я бачив, як інші її з легкістю ставили і працювали… У розпачі я перепробував різні способи встановлення та видалення, змінив 3 комп'ютери, але марно. Довелося скористатися новішою версією програми. Робота, з якою значно ускладнювалася англомовним інтерфейсом та значною переробкою інтерфейсу порівняно з попередницею.

Однак я недаремно витратив час на освоєння такої недружньої нової версії. Справа в тому, що стара дозволяла адекватно виводити тури лише у форматі SWF. А, як відомо багато сучасних браузери відмовляються від підтримки небезпечної технології Flash і спрямовують свій погляд у бік HTML 5. Адже вона крім плюсів безпеки може адекватно відображати контент на мобільних пристроях. Тому ту екскурсію, яку ми з вами сьогодні створили, можна з легкістю подивитися на смартфоні або планшеті. Причому рахунок використання акселерометра виглядає тур у рази цікавіше. Повний інтерактив та занурення в атмосферу. Підтримка HTML 5 це незаперечний плюс Panotour 2 версії.

Взагалі, крім усього вищесказаного, програма дозволяє вставляти в тур свій авторський логотип з посиланням на сайт, додавати сонячні відблиски, компас, картинки, кнопки соціальних мереж і ще купу всього корисного і не дуже. Однією з класних функцій я вважаю вставку відео в екрани телевізорів. Виглядає дуже круто. Ви повертаєтеся до телика, а на ньому програється відео зі звуком. Відвертаєтеся, звук затихає. Просто супер фішка. Однак посилання на потокове відео з ютуба програма не підтримує, а дозволяє лише впровадити відеофайл формату MP4 з комп'ютера. Якщо врахувати, що основну масу таки цікавить не запис екскурсії на флешку, а публікація її в мережі інтернет, то пожвавлення телевізора можна назвати функцією тимчасово марною, але дуже перспективною.

Загалом, якщо захочете вивчити програму докладніше, то обов'язково зробіть це. Створення та продаж 3D турів навіть у великих містах все ще залишається досить прибутковим бізнесом. На сьогодні це все. Друзі, ви знаходитесь на блозі . Якщо стаття була корисною, то поділіться нею із друзями. Ну а якщо вона повний відстій і я даремно витратив 2 тижні на вивчення цієї теми, то не скупіться. Напишіть про це в коментарях, щоб я більше не пиляв подібну придатність. Бажаю всім ульотних вихідних і до зустрічі за тиждень. Як завжди. Кожну п'ятницю. Новий випуск. Не пропусти!

У krpano і тепер саме час розставити в ньому зв'язки між панорамами, зберегти стартові параметри проекцій, підписати сцени. Давайте приступимо. Але спочатку нам потрібно буде визначитися з деякими поняттями…

Віртуальним туромми будемо називати всю сукупність панорам, доданих krpano, пов'язаних переходами, з інтерфейсом управління і т.д.

Сценоюназиватимемо одну окрему панораму в рамках віртуального туру.

Хотспотом(hotspot) називатимемо стрілку-перехід, яка веде до наступної панорами, викликає підказку, відкриває зображення, і прив'язана до координат панорами. Хотспот "пов'язаний" з певним місцем у панорамі, він може вказувати на двері, вікно або будь-який інший об'єкт. Хотспотом може бути як стрілка, і будь-яке інше зображення.

Панель навігації- нижня панель з розміщеними на ній кнопками-стрілками, кнопкою повноекранного режиму, карти, превьюшек і т.д.

попередній перегляд(Preview, превьюшка) - зменшене зображення, що підказує глядачеві, до якої панорами буде здійснено перехід. Перев'язки створюються програмою за замовчуванням і відкриваються за допомогою кнопки, розташованої на панелі навігації. Прев'ю можуть викликатись і в інших частинах віртуального туру.

Проекція- Тип геометричного подання вашої панорами на екрані користувача. Найбільш широко відомі нормальна проекція, архітектурна та маленька планета.

Базовий віртуальний тур krpano

Якщо у вас поки що немає свого віртуального туру, а створити свій ви чомусь не можете або це просто незручно, можете скористатися готовим віртуальним туром (завантажити).

Після перетягування файлів панорам на дроплет (описано в ) ви отримали набір з декількох файлів у папці vtour\, і навіть встигли переконатися, що панорама відкривається:

Проте, нас тут не влаштовує низка моментів.

1. Панорами не пов'язані між собою стрілками-переходами (хотспотами)
2. Стартові параметри огляду більшості панорам нас не влаштовують, скрізь хочеться «повернути» огляд.

Редагування параметрів огляду

Відкрийте файл tour.xml у krpano tools, і побачите приблизно таке:

Тепер збережіть змінений tour.xml в папку з віртуальним туром, для цього натисніть кнопку save tour.xml, після чого вкажіть папку, де знаходиться ваш віртуальний тур. Якщо все нормально, ви повинні замінити старий файл tour.xml на новий. Обережно! Якщо помилитеся з папкою, можна випадково видалити найголовніший файл якогось іншого туру.

Після заміни tour.xml можете оновити сторінку з панорамою та переконатися, що нові параметри огляду збереглися.

Додаємо у віртуальний тур хотспоти

Щоб додати стрілку-перехід, поверніть панораму в потрібний бік і натисніть кнопку add hotspot. На екрані з'явиться стрілка, тепер її можна пересунути лівою кнопкою миші. Коли хотспот розташований на своєму місці, натисніть done. Якщо передумали, натисніть cancel.

Таким чином можете додати хотспоти у всі панорами або кілька, потім збережіть tour.xml з заміною.

Раджу називати файли панорам латиницею та коротко. Кирилічні символи в назвах файлів не використовуйте панорам, krpano їх не підтримує.Нічого жахливого не станеться, але імена ваших панорам у турі та структурі папок будуть виглядати приблизно так: _________

Якщо помилилисяз якимось хотспотом, натисніть нагорі delete hotspots і натисніть стрілки, які вам потрібно видалити. Також можете рухатихотспоти за допомогою кнопки move hotspots.

Віртуальний тур з переходами готовий (). У наступній статті ви дізнаєтесь, як додати свої підписи до панорам і внести зміни до інтерфейсу.