Jak stworzyć wirtualny spacer 360° i udostępnić go klientom (krok po kroku)

Masz już panoramy. Może pochodzą z Insta360 z wizji lokalnej, może to panoramiczne eksporty z kamery w Lumionie albo Blenderze. Na razie leżą w folderze, a jedyne, co widzi klient, to płaski, powyginany obrazek w mailu — czyli dokładnie ten format, w którym panorama 360° wygląda gorzej niż zwykły render.

Zrobienie z nich wirtualnego spaceru to część, którą większość osób uważa za trudną. Nie jest. Poniżej znajdziesz cały proces, od początku do końca, w siedmiu krokach: utwórz spacer, dodaj każdą panoramę jako scenę, ustaw kamerę klienta tam, gdzie chcesz, połącz pomieszczenia, opisz to, co warto wskazać, umieść wszystko na rzucie, a na końcu opublikuj i wyślij jeden link. Jeśli wolisz najpierw pojęcia — czym jest scena, czym punkt aktywny, czym spacer różni się od filmu z przejściem — zacznij od naszego przystępnego przewodnika po tym, czym jest wirtualny spacer 360 i wróć tutaj, żeby go zbudować.

Każdy krok poniżej to rzeczywisty przebieg budowania spaceru 360 w 360° Tour Creatorze od Visiomake, z prawdziwymi nazwami przycisków, prawdziwymi limitami i trzema konkretnymi rzeczami, które zablokują publikację.

Czego potrzebujesz, żeby stworzyć wirtualny spacer

Właściwie jednej rzeczy: panoram równoodległościowych (equirectangular). Tego formatu oczekuje przeglądarka spaceru — pojedynczego obrazu, w którym pełne 360° w poziomie i 180° w pionie zostały spłaszczone do jednej klatki. Dlatego wygląda na rozciągnięty, kiedy otworzysz go w podglądzie zdjęć.

Zdobycie takiego pliku to zwykle jeden krok eksportu. Kamery Ricoh Theta zapisują pliki JPEG w formacie equirectangular prosto z aparatu; seria X od Insta360 zapisuje natomiast pliki .insp z podwójnym rybim okiem, które najpierw muszą przejść przez Insta360 Studio albo aplikację mobilną. Po stronie renderu 3ds Max, Lumion i Enscape oferują kamerę panoramiczną lub sferyczną, Blender również — ale zwróć uwagę, że jego panoramiczna kamera equirectangular to funkcja Cycles, więc scenę w EEVEE trzeba przełączyć albo wyrenderować inaczej. Rejestracja i eksport zasługują na osobny artykuł i taki powstanie; na razie zadziała wszystko, co wyjdzie jako obraz equirectangular.

Kilka praktycznych uwag przed wgraniem:

• Jedna panorama na scenę. „Scena” to jedno miejsce, w którym się stoi. Sześć panoram, sześć scen. Fotografuj albo renderuj z miejsc, w których człowiek naturalnie się zatrzyma, a nie z każdego rogu.
• Wybierz wyższą rozdzielczość, niż wydaje się potrzebna. Przeglądarka pokazuje naraz tylko wycinek obrazu, więc panorama ostra w miniaturze może wyglądać miękko, gdy klient przybliży dalszą ścianę. Z grubsza: 6000×3000 to dolna granica, a 8192×4096 to wygodny cel we wnętrzach, gdzie ludzie przybliżają stolarkę i wykończenia.
• Pliki mogą mieć do 50 MB. To górny limit wgrywania i jest na tyle pojemny, że nie musisz zmniejszać dobrej panoramy 8K, żeby się zmieściła.
• Obraz rzutu jest opcjonalny, ale warto go mieć. Każdy eksport rzutu się nada — użyjesz go jako minimapy, na której klient może kliknąć, żeby przeskoczyć między pomieszczeniami.

Poza tym panoram nie trzeba przygotowywać. Żadnego sklejania w narzędziu, żadnej reprojekcji, żadnej konwencji nazewnictwa.

Krok 1: Utwórz spacer

Otwórz Wirtualne spacery 360° w aplikacji. Wpisz nazwę w pole Nazwa spaceru i kliknij Utwórz. Nazwa jest głównie wewnętrzna — dzięki niej odnajdziesz spacer na liście, która pokazuje liczbę scen i to, czy spacer jest opublikowany — ale trafia też do klienta jako tytuł w przeglądarce spaceru, gdy scena nie ma własnego tytułu, więc niech będzie prezentowalna. Możesz użyć do 120 znaków, więc nazwij tak, żebyś rozpoznał to za pół roku: „Dom Kellermanów — parter, wariant B” bije „Spacer 4”.

To przenosi cię do edytora, który jest jednym ekranem, a nie kreatorem. Pasek u góry odpowiada za publikację. Kolumna po lewej to lista scen. Środek to panorama, którą właśnie edytujesz. Panel po prawej to inspektor, w którym zaznaczony element dostaje swoje ustawienia.

Krok 2: Dodaj panoramy jako sceny

W lewej kolumnie kliknij Dodaj panoramę i wybierz obraz. Powtórz dla każdego miejsca w przestrzeni. Każdy staje się sceną o nazwie Scena 1, Scena 2 i tak dalej, a zmienić nazwę warto od razu — zaznacz scenę i zmień Tytuł sceny w inspektorze po prawej. Te tytuły nie są dekoracją i nie są prywatne: klient widzi tytuł bieżącej sceny na ekranie, kiedy przechodzi przez spacer. „Scena 5” unosząca się nad prezentacją to drobne zażenowanie samo w sobie. Tytuły zasilają też listę wyboru, gdy w kolejnym kroku będziesz łączyć pomieszczenia — a „Scena 5” nie mówi nic o tym, dokąd prowadzą drzwi. Używaj nazw pomieszczeń, których używa klient.

Jedna scena musi być drzwiami wejściowymi spaceru. Wybierz tę, która robi najlepsze pierwsze wrażenie — zwykle najszersze albo najbardziej wykończone wnętrze, nie przedpokój — i kliknij Ustaw jako start. Dostanie plakietkę Start. To ta scena ładuje się, gdy klient otworzy twój link, i bez niej spacer się nie opublikuje.

Nie ma przycisku zapisu. Edytor zapisuje automatycznie 800 milisekund po tym, jak przestaniesz edytować. Jeśli zapis się nie powiedzie, zobaczysz komunikat, że zmiana zostanie ponowiona przy następnej edycji — nie znika po cichu.

Krok 3: Ustal, na co otwiera się każda scena

Domyślnie każda scena otwiera się w kierunku yaw 0 — przypadkowym, zależnym od tego, jak zarejestrowano panoramę, a bardzo często jest to ściana. Popraw to: przeciągnij wewnątrz panoramy, aż zobaczysz to, co klient ma zobaczyć jako pierwsze, a potem kliknij Ustaw widok początkowy.

To zapisuje kierunek, w którym patrzy kamera po wejściu — yaw i pitch, nic więcej. Powiększenie nie wchodzi w grę: każda scena otwiera się z domyślnym powiększeniem przeglądarki, a klient może swobodnie przybliżać i oddalać. Kompozycja oznacza tutaj celowanie, a nie kadrowanie. Zrób to dla każdej sceny. To najtańsza rzecz, jaką możesz zrobić, żeby spacer sprawiał wrażenie zaprojektowanego, a nie wysypanego, bo dzięki temu każde pomieszczenie wita klienta ujęciem, które wybrałbyś do statycznego renderu.

Krok 4: Połącz pomieszczenia przejściami

Przejście to punkt aktywny, który klient klika, żeby wejść do następnego pomieszczenia. Dodanie go to dwa kliknięcia: naciśnij Dodaj przejście, a potem kliknij miejsce na panoramie, do którego pasuje. Komunikat na dole przeglądarki potwierdza tryb umieszczania — Kliknij panoramę, aby umieścić element. Umieszczaj przejścia tam, gdzie oko się ich spodziewa: w otworze drzwiowym, na schodach, na progu. Przejście unoszące się na środku ściany wygląda jak błąd.

Przy zaznaczonym przejściu inspektor pyta o Prowadzi do — wybierz scenę docelową z listy. Tutaj zwracają się nazwy pomieszczeń z kroku 2. Możesz też dodać opcjonalny Opis przejścia do 120 znaków, co warto zrobić, gdy cel nie jest oczywisty od strony drzwi: „Sypialnia główna” na zamkniętych drzwiach oszczędza klientowi zgadywania.

Łącz w obie strony. Narzędzie nie utworzy przejścia powrotnego za ciebie. Jeśli salon ma przejście do kuchni, stań w kuchni i umieść przejście z powrotem. Spacer, w którym klient wchodzi i nie może wyjść, to najczęstsza rzecz wychwytywana przy sprawdzaniu.

Krok 5: Dodaj etykiety do tego, co warto wskazać

Drugi typ punktu aktywnego to etykieta i to ją projektanci wykorzystują najrzadziej. Naciśnij Dodaj etykietę, kliknij miejsce, a inspektor da ci trzy pola:

• Tytuł — wymagany, do 120 znaków. Krótko; to jest to, co unosi się w przestrzeni.
• Opis — opcjonalny, do 1000 znaków. Miejsce na jedno–dwa prawdziwe zdania, nie tylko nazwę.
• Link — opcjonalny i musi być pełnym, poprawnym adresem URL.

To moment, w którym spacer przestaje być tylko miłym doświadczeniem, a zaczyna pracować za ciebie. Przypnij etykietę do stolarki z wykończeniem i dostawcą. Przypnij inną do oprawy oświetleniowej z odnośnikiem do karty produktu, żeby klient, który ją specyfikuje, mógł kliknąć od razu. Przypnij kolejną do ściany, o którą na pewno zapytają, odpowiadając, zanim zapytają. Każda etykieta to wiadomość, której nie będziesz musiał wysłać później.

Wszystko, na co nie odpowiesz z wyprzedzeniem, i tak wróci jako pytanie w mailu — to ta sama dynamika, która stoi za większością rund poprawek renderów. Jeśli twoje prezentacje zwykle wracają z listą, warto przeczytać obok tego dlaczego rendery architektoniczne wciąż są odrzucane; na wiele z tych zastrzeżeń da się odpowiedzieć etykietą.

Krok 6: Umieść sceny na rzucie

Otwórz panel Rzut pomieszczeń, kliknij Dodaj rzut i wgraj dowolny obraz rzutu. Teraz zaznacz scenę w lewej kolumnie i kliknij miejsce, w którym leży na rzucie — podpowiedź na ekranie mówi dokładnie to samo: Wybierz scenę, a następnie kliknij plan, aby ustawić jej znacznik. Powtórz dla każdej sceny.

To opcjonalne i przy spacerze po dwóch pomieszczeniach możesz to pominąć. Przy czymkolwiek większym — nie pomijaj. Rzut staje się minimapą w opublikowanej przeglądarce, którą klienci mogą rozwinąć, i rozwiązuje jedyną prawdziwą słabość spacerów 360°: ludzie tracą orientację. Daje im też sposób, żeby przeskoczyć wprost do pomieszczenia, zamiast znów przechodzić całą trasę. Później możesz go usunąć przyciskiem Usuń.

Krok 7: Opublikuj i udostępnij link do wirtualnego spaceru

Żeby udostępnić wirtualny spacer klientom, publikujesz go raz i przekazujesz adres URL — nie ma eksportu, wgrywania do zewnętrznego serwisu ani pliku do wysłania mailem. Kliknij Opublikuj na górnym pasku. Spacer dostaje token udostępniania i adres w formie /tour/<token>; Kopiuj link umieszcza go w schowku i na chwilę potwierdza komunikatem Skopiowano!. Ten link to cały mechanizm dostarczenia. Wklej go w mail, wiadomość na WhatsAppie, PDF z ofertą, kod QR na tablicy budowy.

Publikacja może się nie udać i nie udaje się z dokładnie trzech powodów — wszystkie sprawdzane po stronie serwera, więc nie wyślesz zepsutego spaceru przez przypadek:

Co dostają klienci, gdy udostępnisz link do wirtualnego spaceru

Dostają adres URL. Tyle — bez konta, bez rejestracji, bez aplikacji, bez wtyczki. Opublikowany spacer to publiczna strona: klikają na laptopie, telefonie albo tablecie i są w środku przestrzeni. Przeglądarka spaceru opiera się na WebGL, co w praktyce oznacza każdą popularną przeglądarkę z mniej więcej ostatniej dekady — istotne jest to, że klient bez zaplecza technicznego albo członek komisji na zablokowanym komputerze biurowym nie ma nic do instalowania i nie trzeba go przez nic prowadzić.

Wewnątrz mogą rozglądać się przeciągając, przechodzić między pomieszczeniami przez twoje przejścia, otwierać twoje etykiety i otwierać każdy dołączony odnośnik przyciskiem Otwórz link. Na wierzchu są trzy przyciski: Resetuj widok przywraca ich do twojego widoku początkowego, kiedy się pogubią, Pełny ekran oddaje przestrzeni cały ekran, a jeśli dodałeś rzut, Pokaż mapę i Ukryj mapę przełączają minimapę. Tytuł bieżącej sceny jest widoczny na ekranie, a niewielki znak Visiomake prowadzi do visiomake.com — warto o tym wiedzieć, jeśli wysyłasz link na formalną prezentację dla klienta.

W praktyce zastępuje to teczkę z renderami. Zamiast wybierać sześć ujęć i liczyć, że pokryją pytania, oddajesz pomieszczenie i pozwalasz klientowi znaleźć własne odpowiedzi — a w odróżnieniu od renderowanego przelotu to on kontroluje tempo i może się zatrzymać przy tym, co go interesuje. Spacer i film portfoliowy zbudowany z twoich renderów robią różne rzeczy i większość pracowni używa obu: filmu, żeby wygrać zlecenie, spaceru, żeby domknąć akceptację.

Po udostępnieniu

Możesz dalej edytować. Opublikowany spacer pozostaje aktywny, kiedy go zmieniasz — dodaj scenę, przesuń przejście, popraw literówkę w etykiecie, a autozapis wypchnie zmianę. Link się nie zmienia, więc wersja w skrzynce klienta zawsze jest aktualna. To naprawdę przydatne, gdy klient zauważy coś podczas rozmowy: poprawiasz w trakcie i prosisz go o odświeżenie.

Widzisz, czy trafiło. Otwórz Statystyki na górnym pasku, żeby zobaczyć Otwarcia, Odwiedzających i Wyświetlenia scen. To liczniki wejść, a nie czas spędzony — nic nie mierzy, jak długo ktoś się zatrzymał. Mimo to najciekawszy jest podział na sceny: pokazuje, do których pomieszczeń klienci faktycznie weszli, a których nigdy nie otworzyli, co warto wiedzieć przed kolejną prezentacją i warto na niej poruszyć. Jedna osobliwość, którą trzeba znać, żeby nie odczytać tego źle: twoja scena startowa pokaże zero wyświetleń. Wejście do niej liczy się jako Otwarcie, a Wyświetlenia scen liczą tylko pomieszczenia, do których odwiedzający przeszedł.

Możesz to wycofać. Cofnij publikację unieważnia link — kto otworzy go później, zobaczy stronę „Nie znaleziono spaceru” — a panoramy przestają być serwowane publicznie. Jedynym wyjątkiem jest obraz, którego używasz też w innym, wciąż opublikowanym spacerze; ten pozostaje dostępny, bo wycofanie go zepsułoby tamten spacer. Warto o tym wiedzieć, jeśli używasz tych samych panoram w kilku wariantach dla tego samego klienta.

Wersja skrócona

1. Utwórz spacer i nazwij go tak, żebyś go rozpoznał.
2. Dodaj panoramę dla każdego miejsca, zmień nazwę każdej sceny na prawdziwą nazwę pomieszczenia i użyj Ustaw jako start na najlepszym pomieszczeniu.
3. Wyceluj każdą scenę i kliknij Ustaw widok początkowy.
4. Dodaj przejście w każdych drzwiach — w obie strony.
5. Dodaj etykietę na wszystkim, o co klient zapyta.
6. Dodaj rzut i umieść na nim sceny.
7. Opublikuj, Kopiuj link, wyślij.

Większość czasu przy pierwszym spacerze pochłania decydowanie o widokach początkowych, a nie mechanika. Kiedy złapiesz do tego wyczucie, samo budowanie jest szybkie — panoramy pozostają wolną częścią.