Dotychczas paczki zdjęć sferycznych umieszczałem w chmurze Google, a na stronie tylko link do nich. Google wyświetlało zdjęcia sferyczne w taki sposób, że można było sterować, jaki odcinek sfery zdjęcia chce się oglądać. Obecnie zauważyłem, że Google wyświetla jedno całe zdjęcie bardzo długo. Są to raczej minuty, a nie sekundy. Postanowiłem więc umieścić zdjęcia na własnym serwerze WWW i stworzyć własne narzędzie do wyświetlania zdjęć sferycznych.
Podobnie jak Google, ja też wyświetlam na początku galerię miniaturek zdjęć sferycznych w formacie equirectangular. Format ten wyświetla zdjęcie zniekształcone, nie nadające się do oglądania, ale pozwalający zorientować się co jest na zdjęciu. Kliknięcie na miniaturkę powoduje wyświetlenie zdjęcia na całym ekranie wyświetlacza, w formie interakywnej. Umożliwia ona przesuwanie widocznego na ekranie obrazu w poziomie i pionie za pomocą myszy (komputer), lub dotyku (smartfon). Przy dolnej krawędzi ekranu, na środku znajduje się pasek przycisków sterujący wyświetlaniem.
Przycisk poprzednie zdjęcie. Wyświetla zdjęcie o numerze mniejszym o 1 od aktualnie wyśwetlanego zdjęcia.
Przy pierwszym zdjęciu przycisku nie będzie.
Nr aktualnie wyświetlanego zdjęcia
Przycisk następne zdjęcie. Wyświetla zdjęcie o numerze większym o 1 od aktualnie wyśwetlanego zdjęcia.
Przy ostatnim zdjęciu przycisku nie będzie.
Za pomocą przycisków poprzednie/następne można obejrzeć całą paczkę zdjęć sferycznych, bez powrotu do galerii miniaturek. Większość parametrów ustawionych za pomocą paska przycisków, pozostaje nie zmieniona, nezależnie, czy zmiana nastąpiła przy pomocy przycisków, czy powrotu do galerii. Można więc ustawić na początku najlepsze parametry i oglądać całą paczkę bez ich zmiany.
Przycisk pomniejsz/oddal. Zwiększa poziomy kąt widzenia o 5 stopni
Górna liczba: aktualny, poziomy kąt widzenia.Dolna liczba: domyślny, poziomy kąt widzenia.
Przycisk powiększ/przybliż. Zmniejsza poziomy kąt widzenia o 5 stopni
Stopień powiększenia/pomniejszenia (inaczej: przybliżenia/oddalenia) jest definiowany przez poziomy kąt widzenia. Jest to poziomy kąt sfery zdjęcia, jaki jest zobrazowany na etranie, czyli jest to kąt sfery między lewą a prawą granicą obrazu na ekranie. Kąt ten możemy zmieniać o 5 stopni przyciskami, ale także kółkiem myszy na komputerze, lub szczypaniem ekranu na smartfonie. Uwaga: naciśnięcie przycisku + powoduje zwiększenie powiększenia, czyli zmniejszenie kąta widzenia. Jest to najważnieszy parametr wyświetlania zdjęcia sferycznego. Zbyt duże oddalenie (pomniejszenie) powoduje zniekształcenia obrazu, spowodowane wyświetlaniem sfery na płaskim ekranie, zbyt duże przybliżenie (powiększenie) powoduje nieostrość obrazu. Ustwiłem ograniczenia kąta dla ekranu poziomego na 25 - 110 stopni. Dla pionowego są odpowiednio przeliczane i zależne od proporcji ekranu (patrz niżej).
Liczby między przyciskami pokazują aktualną i domyślną wartość kąta widzenia. Domyślna wartość jest wykorzystywana zawsze przy automatycznym obrocie obrazu. Ustalana jest przy wczytywaniu nowego zdjęcia. Przyjmuje wartość wartości aktualnej poprzedniego zdjęcia. Jeżeli jest to pierwsze zdjęcie od wczytania lub restartu strony z miniaturami przyjmuje wartość ustaloną przeze mnie. Możliwe jest także ręczne ustalenie wartości domyślnej przez kliknięcie na tę parę liczb. Wtedy wartość domyślna przyjmuje wartość aktualną, którą można wcześniej ustawić.
Istnieje problem z obracaniem ekranów smartfonów pionowo i poziomo. Ponieważ miernikiem powiękrzenia jest kąt poziomy, po obróceniu, przy tym samym powiększeniu kąt ten będzie inny. Dlatego przy odbracaniu ekranu kąty się zmieniają.
Przycisk sterowania automatycznym obrotem. Cyfra w środku wskazuje aktualną prędkość obrotu.
Kliknięcia przycisku zmienia prądkość automatycznego obrotu w sekwencji: 0 → 1 → 2 → 3 → 0. Cyfry
oznaczają:
0 - brak obrotu
1 - obrót 2 stopnie na sek.
2 - obrót 8 stopni na sek.
3 - obrót 30 stopni na sek.
Przerwanie obrotu następuje także:
- Na komputerze: kliknięcie na zdjęcie, lub ruszenie kółkiem myszy.
- Na smartfonie: dotknięcie ekranu.
Nie dotyczy to przycisków na pasku. Tak więc można powiększać i pomniejszać obraz i zmieniać zdjęcia
w trakcie automatycznego obracania.
Automatyczny obrót zaczyna się od płynnego przesunięcia widoku w pionie na 0 stopni (widok poziomy), oraz ustawienia poziomego kątu widzenia na wartość domyślną. Następnie następuje obrót z zadaną prędkością, zgodnie z ruchem wskazówek zegara. Stan ustawienia obrotu jest pamiętany i przenosi się na następne zdjęcie.
Włączenie/wyłączenie sterowania obrazem przez żyroskop.
Przycisk nie pojawi się, jeżeli urządzenie wyświetlające nie posiada żyroskopu, lub przeglądarka nie ma do niego dostępu. AI uprzedziła mnie, że przeglądarki najnowszych Androidów domyślnie nie mają tego dostępu i trzeda go ręcznie przydzielać. Ja w swoim Androidzie 14 nie miałem tego problemu. Kiedy działa sterowanie żyroskopem przycisk zmienia kolor na błękitny. Sterowanie żyroskopem polega na tym, że obraz jest wyświetlany w zależności od położenia smartfonu. Można więc usiąść na obrotowym fotelu i obracając się wraz ze smartfonem przeglądać sferę dookoła. Stan steowania żyroskopem jest pamiętany i przenosi się na następne zdjęcie. Włączenie żyroskopu w czasie autoobrotu spowoduje zawieszenie obrotu. Będzie ono kontynuowane po wyłączeniu żyroskopu przyciskiem. Dotknięcie ekrany wyłącza zarówno żyroskop, jak i obrót.
Przycisk zakończenia wyświetlania danego zdjęcia i powrót do galerii miniaturek.
Wyjście do galerii nie kasuje parametrów wyświetlania ostatniego zdjęcia. Następne będzie otworzone z tymi samymi parametrami. Innym sposobem powrotu do galerii jest przycisk ESC. Aby skasować parametry, czyli przejść do domyślnych, trzeba odświerzyć stronę miniaturek.