Pierwsze kroki z Geospatial Creator w wersji przedpremierowej Adobe Aero

1. Zanim zaczniesz

Geospatial Creator, oparty na ARCore i Google Maps Platform, umożliwia tworzenie projektów rzeczywistości rozszerzonej (AR) w wersji przedpremierowej Adobe Aero Geospatial. Korzysta z interfejsu Photorealistic 3D Tiles API od Google, aby wyświetlać podgląd tego, jak wygląda dane miejsce w rzeczywistości, bez konieczności fizycznego odwiedzania tej lokalizacji. Dzięki temu twórcy i deweloperzy mogą projektować środowiska 3D za pomocą pakietu aplikacji Adobe 3D i łatwo wyświetlać ich podgląd w cyfrowym bliźniaku świata.

W tym module dowiesz się, jak umieszczać treści 3D za pomocą edytora Adobe Aero. Skonfigurujesz środowisko, nauczysz się obsługiwać edytor, ulepszysz swoje wrażenia za pomocą wyzwalaczy i zachowań oraz wdrożysz treści w aplikacji Play Instant lub App Clip odtwarzacza Adobe, aby móc wyświetlać je w AR na urządzeniu z Androidem lub iOS obsługującym ARCore.

Wymagania wstępne

• Podstawowa wiedza na temat AR
• Podstawowa wiedza o interfejsie ARCore Geospatial API

Czego się nauczysz

• Jak korzystać z Geospatial Creator w Adobe Aero.
• Jak poruszać się po mapie 3D.
• Jak umieścić treści 3D w widocznym obszarze.
• Jak dodawać zachowania do komponentów 3D.
• Jak wyświetlić funkcję AR na urządzeniu.

Czego potrzebujesz

• Obsługiwane urządzenie z Androidem lub iOS z ARCore

2. Konfigurowanie środowiska

Aby użyć narzędzia Geospatial Creator w wersji przedpremierowej Adobe Aero Geospatial, wykonaj te czynności:

1. Zarejestruj się, aby utworzyć bezpłatne konto Adobe Creative Cloud.
2. Zarejestruj się, aby uzyskać dostęp do wersji przedpremierowej Adobe Aero Geospatial
3. Po zakończeniu rejestracji sprawdź pocztę. Znajdziesz tam szczegółowe instrukcje pobierania edytora. Postępuj zgodnie z nimi.

3. Nawigacja w Adobe Aero

W tym kroku zobaczysz trójwymiarową reprezentację obszaru wokół Ciebie.

Utwórz projekt

1. Otwórz aplikację Adobe Aero.
2. Kliknij Nowy plik.
3. Nazwij plik. Na przykład: Geospatial Creator codelab.
4. Aby utworzyć projekt, kliknij OK.

Wybierz lokalizację

Gdy utworzysz projekt w wersji przedpremierowej Geospatial, pojawi się okno Wybierz lokalizację. W tym oknie możesz określić, która część świata ma być wyświetlana w edytorze.

Aby wybrać lokalizację, wykonaj te czynności:

1. W polu tekstowym wyszukaj lokalizację w pobliżu.
2. Przeciągaj widok świata i używaj kółka przewijania, aby przybliżać i oddalać widok.
3. Kliknij lokalizację na mapie, a następnie naciśnij Wybierz, aby wyświetlić lokalizację w podglądzie sceny. W podglądzie sceny zobaczysz cyfrową reprezentację wybranej lokalizacji.

Sterowanie kamerą w obszarze widoku

1. Aby obrócić widok z kamery, kliknij  Orbit (Orbita).
2. Aby przeciągnąć widok w poziomie i pionie, kliknij  Przesuń.
3. Aby zmienić odległość między wybranym obiektem a kamerą, kliknij Dolly.

Zmiana wybranej lokalizacji

Jeśli nie odpowiada Ci wybrana lokalizacja, wykonaj te czynności:

1. W panelu hierarchii Scena upewnij się, że wybrany jest punkt zakotwiczenia. Jest to pierwszy element w panelu hierarchii Scena.
2. W panelu Właściwości w sekcji Lokalizacja kliknij  Zmień lokalizację, aby zmienić lokalizację.

4. Importowanie i umieszczanie zasobu 3D

Po wybraniu lokalizacji w pobliżu musisz zaimportować element, który będzie widoczny w rzeczywistości rozszerzonej i zakotwiczony w pobliżu wybranej lokalizacji.

Importowanie zasobu 3D

Aby ułatwić Ci wykonanie tego ćwiczenia, przygotowaliśmy przykładowy komponent, którego możesz użyć w swoim projekcie.

Aby zaimportować przykładowy komponent:

1. Pobierz komponent
2. W Adobe Aero kliknij Plik > Importuj, a następnie wybierz pobrany plik.

Zmienić rozmiar zasobu

Po dodaniu zasobu może się wydawać, że nic się nie zmieniło, ponieważ jest on zbyt mały, aby go zobaczyć.

Aby zwiększyć rozmiar komponentu i uczynić go widocznym, wykonaj te czynności:

1. W panelu hierarchii Scena upewnij się, że wybrany jest komponent 3D.
2. W menu nawigacyjnym kliknij  Skalowanie.
3. W widocznym obszarze wybierz czerwony, niebieski lub zielony element sterujący, a następnie przeciągnij myszą, aby zwiększyć rozmiar komponentu.
4. W panelu Właściwości zobaczysz, że pola tekstowe Rozmiar i Skala zostały zaktualizowane i odzwierciedlają rozmiar komponentu. Możesz też bezpośrednio edytować te wartości. Możesz na przykład wypróbować wartość rozmiaru 300 cm.

Twój komponent jest teraz bardziej widoczny.

Ustawianie komponentu

Gdy dodasz zasób do sceny, jego punkt początkowy zostanie umieszczony w pozycji kotwicy.

Aby przenieść punkt zakotwiczenia w nowe miejsce w pobliżu ziemi i umieścić go w lokalizacji, którą będzie można później znaleźć, wykonaj te czynności:

1. W menu nawigacyjnym kliknij  Przenieś.
2. W obszarze widoku wybierz czerwone, niebieskie lub zielone elementy sterujące, a następnie przeciągnij myszą, aby zmienić położenie komponentu. Każdy kolorowy element sterujący blokuje określony wymiar i umożliwia przesuwanie obiektu wzdłuż tej osi.

5. Dodawanie interaktywności do komponentu

Edytor Adobe Aero umożliwia tworzenie zachowań i działań, które są wywoływane po spełnieniu określonych warunków. Dzięki temu możesz przekształcić statyczny obiekt 3D w interaktywną prezentację AR.

Dodawanie do komponentu działania

Zachowanie określa, kiedy powinny być wywoływane określone działania. Możesz na przykład określić działania, które mają być wykonywane, gdy użytkownik znajdzie się w pobliżu lub rozpocznie korzystanie z usługi.

Aby dodać do obiektu zachowanie, wykonaj te czynności:

1. Kliknij  Kreator zachowań, aby otworzyć panel Zachowania.
2. Po wybraniu obiektu kliknij Reguła, aby dodać regułę kliknięcia.

Dodawanie działania do zachowania

Czynności opisują, co się dzieje po rozpoczęciu działania. Działania mogą być wykonywane jednocześnie lub równolegle.

Aby dodać do komponentu 3D interaktywność za pomocą działań, wykonaj te czynności:

1. Kliknij Działanie > Odrzuć.
2. Zmodyfikuj właściwości działania. Możesz na przykład dodać odbicia, dzięki czemu obiekt będzie się odbijać po upadku.
3. Kliknij Odtwórz.

6. Wyświetlanie zasobu w AR

Na koniec możesz wyświetlić treści zakotwiczone geoprzestrzennie w rzeczywistości rozszerzonej.

Eksportowanie środowiska na urządzenie

Aby wyeksportować scenę do urządzenia z ARCore za pomocą kodu QR w Adobe Aero, wykonaj te czynności:

1. Kliknij Udostępnij, aby otworzyć okno Udostępnij jako AR.
2. W polu tekstowym Tytuł wpisz opisowy tytuł.
3. Jeśli akceptujesz warunki korzystania z usługi, zaznacz pole wyboru.
4. Aby utworzyć kod QR, kliknij Utwórz link.

Wyświetlanie treści na urządzeniu

Kod QR zawiera link, który otwiera odtwarzacz Adobe Aero jako aplikację błyskawiczną w Google Play na Androidzie i jako wycinek aplikacji na iOS. Dzięki aplikacjom błyskawicznym w Google Play i klipom aplikacji użytkownicy, którzy chcą wyświetlić Twoją aplikację i z niej korzystać, nie muszą pobierać żadnych osobnych aplikacji. Link wystarczy, aby uzyskać dostęp do środowiska.

Aby wyświetlić funkcję AR na urządzeniu inteligentnym, wykonaj te czynności:

1. Na urządzeniu obsługującym ARCore użyj wbudowanej aplikacji aparatu, aby zeskanować kod QR i otworzyć link.
2. W razie potrzeby zaakceptuj uprawnienia dostępu do aparatu i lokalizacji.
3. Przejdź do miejsca, w którym znajduje się komponent 3D, a następnie skieruj w jego stronę aparat. Aby znaleźć zasób, możesz skorzystać z funkcji nawigacji.
4. Kliknij komponent, aby go podskoczyć.

7. Podsumowanie

Gratulacje! Wiesz już, jak używać wersji przedpremierowej Adobe Aero Geospatial do tworzenia projektów AR z danymi geoprzestrzennymi.

Dodatkowe materiały

• Geospatial Creator w Adobe Aero w Google Developers
• Portal Geospatial Creator