Layar Augmented Reality dla MAKE Vol 28 (i jak zrobić własne) - 💡 Fix My Ideas

Layar Augmented Reality dla MAKE Vol 28 (i jak zrobić własne)

Layar Augmented Reality dla MAKE Vol 28 (i jak zrobić własne)


Autor: Ethan Holmes, 2019

[Link wideo] Uwielbiam treść rozszerzonej rzeczywistości, którą Layar stworzył dla wydania MAKE Toys and Games. Gene Becker z Layar, który kierował tym projektem, uprzejmie napisał artykuł na temat tworzenia okładki magazynu o rozszerzonej rzeczywistości. Przeczytaj to po skoku.

Rozszerzona rzeczywistość (AR) to zabawna technologia, która nakłada media cyfrowe na świat fizyczny. Nowoczesne urządzenia mobilne, takie jak iPhone i telefony z systemem Android, są wyposażone w czujniki takie jak GPS, akcelerometry i kamery, które umożliwiają AR. W tym projekcie poszerzymy okładkę magazynu MAKE o cyfrowy obraz i połączymy go z filmem w sieci. Aby to osiągnąć, poznamy podstawy platformy Layar AR, zaprojektujemy prostą warstwę AR i opracujemy bardzo prosty serwis internetowy, aby dostarczyć warstwę AR do twojego smartfona.

Okładka magazynu Augmented Reality

Twórz ulepszenia mediów cyfrowych na obrazach fizycznych, które widzi każdy ze smartfonem.

Rozszerzona rzeczywistość (AR) to zabawna technologia, która nakłada media cyfrowe na świat fizyczny. Nowoczesne urządzenia mobilne, takie jak iPhone i telefony z systemem Android, są wyposażone w czujniki takie jak GPS, akcelerometry i kamery, które umożliwiają AR. W tym projekcie poszerzymy okładkę magazynu MAKE o cyfrowy obraz i połączymy go z filmem w sieci. Aby to osiągnąć, poznamy podstawy platformy Layar AR, zaprojektujemy prostą warstwę AR i opracujemy bardzo prosty serwis internetowy, aby dostarczyć warstwę AR do twojego smartfona.

Czego będziesz potrzebować: - kopia magazynu MAKE (lub innego magazynu, który chcesz rozszerzyć) - dostęp do hostowanego serwera WWW, na którym działa PHP, do którego możesz przesyłać pliki - iPhone 3G, 4 lub 4 lub odpowiednik Telefon z Androidem - aplikacja Layar Reality Browser 6.0 (darmowa) zainstalowana w telefonie - konto deweloperskie Layar (bezpłatne) na http://layar.com/publishing

Pomocne umiejętności: - minimalne zrozumienie HTML, PHP i JSON jest przydatne, ale nie wymagane

Krok po kroku: 1. Zaprojektuj projekt i przygotuj zasoby multimedialne 2. Utwórz usługę internetową dla swojej warstwy 3. Skonfiguruj warstwę do publikacji 4. Przetestuj tworzenie AR

1. Zaprojektuj projekt i przygotuj aktywa medialne Gdy powiększysz obiekty fizyczne za pomocą platformy programowej, takiej jak Layar, potrzebujesz planu projektowego dla swojej warstwy, który zawiera te komponenty: obiekty docelowe, obrazy referencyjne, ulepszenia cyfrowe i działania, które mają być powiązane z każde powiększenie. Dla tego projektu utrzymamy go w prostocie i użyjemy jednego obiektu, jednego obrazu odniesienia, pojedynczego rozszerzenia i pojedynczego działania w następujący sposób:

- Obiekt docelowy: magazyn MAKE nr 28, obiekt fizyczny - Obraz referencyjny: cyfrowy obraz okładki magazynu o wysokiej rozdzielczości - Augment: obraz cyfrowy o niskiej rozdzielczości, użyjemy kadru z przyczepy wideo do MAKE # 28 - Działanie: gdy widz dotknie rozszerzenia na ekranie, zwiastun filmu MAKE # 28 będzie odtwarzany z YouTube.

Aby uzyskać super szybkie wprowadzenie do tego, jak to działa, obejrzyj dwa krótkie filmy: Wprowadzenie do Layar Vision Layar Vision Explained

Pobierz tutaj obraz referencyjny na swój komputer, użyjemy go później.

2. Utwórz usługę internetową dla swojej warstwy Layar korzysta z internetowego interfejsu API do komunikacji między urządzeniami mobilnymi a usługami AR w chmurze. Nie martw się o szczegóły; użyjemy bardzo prostej usługi internetowej składającej się z 3 prostych plików PHP, sformatowanego pliku tekstowego (w formacie JSON) i zasobów multimedialnych z kroku 1.

Uzyskaj dostęp do hostowanego serwera internetowego za pomocą ulubionego narzędzia FTP, programu powłoki lub edytora internetowego, takiego jak Dreamweaver. Pobierz ten katalog plików na swój komputer, a następnie prześlij go na swoją stronę, zachowując nienaruszoną strukturę katalogów. Powinieneś zbadać te pliki później, aby zobaczyć, jak działają, ale na razie zapewni to minimalną, funkcjonalną usługę warstwy.

Możesz przetestować swoją usługę, otwierając ten adres URL w przeglądarce (zastępując adres strony internetowej, na której znajduje się www.twojadomena.com/twoja-katalog-internetowy): http://www.twojadomena.com/twoja-debora-katalog/make /index.php. Po prawidłowym skonfigurowaniu usługi powinna pojawić się strona sformatowanego tekstu, która wygląda tak:

3. Skonfiguruj warstwę do publikacji Następnie zalogujemy się do usługi publikowania Layar, skonfigurujemy naszą warstwę i prześlemy nasz obraz referencyjny.

Przejdź do http://layar.com/publishing i utwórz konto programisty.

Po zalogowaniu się na konto powinieneś zobaczyć stronę wyglądającą mniej więcej tak:

Kliknij przycisk „Utwórz nową warstwę!”, A zobaczysz formularz, w którym możesz wprowadzić informacje o swoim projekcie. Na razie zróbmy minimum; możesz wrócić później, aby zbadać środowisko wydawnicze.

Dla „Nazwa warstwy” wprowadź unikalną nazwę tylko małymi literami i cyframi. Dla „Tytuł” ​​wpisz przyjazną nazwę swojej warstwy, która będzie wyświetlana w aplikacji. Dla „Nazwa wydawcy” wprowadź swoje imię lub pseudonim. W polu „Adres URL punktu końcowego API” wprowadź adres URL usługi warstwy z kroku 2; będzie wyglądać podobnie do http://www.twojadomena.com/twoja-katalog-www/make/index.php. „Typ warstwy” powinien być ustawiony na obiekty 3D i 2D w przestrzeni 3D. Zaznacz pole, aby włączyć „Layar Vision”. Kliknij przycisk „Utwórz warstwę”.

Na następnym ekranie możesz szczegółowo edytować nową warstwę. Na razie spójrz na lewy obszar nawigacji i znajdź i kliknij „Obrazy referencyjne”. Kliknij „Prześlij nowy obraz referencyjny”. W oknie dialogowym kliknij „Wybierz plik” i wybierz nasz obraz odniesienia z kroku 2, make-reference-image.jpg. Dla typu „Image key”: make28 Ustaw „Real world height” na 0,25 (wysokość fizycznego magazynu Make w metrach). Kliknij przycisk „Prześlij”, a po zakończeniu przesyłania kliknij przycisk „Skończyłem przesyłanie zdjęć”. Po zamknięciu okna dialogowego kliknij „Zapisz”.

4. Przetestuj tworzenie AR Na telefonie uruchom aplikację Layar. Po wejściu do aplikacji przejdź do Ustawienia> Konto i zaloguj się przy użyciu poświadczeń konta programisty Layar. Pozwoli to przetestować niepublikowaną warstwę. Przejdź z powrotem do warstw i powinieneś zobaczyć ekran z polecanymi, popularnymi, nowymi i testowymi. Kliknij Test, aby zobaczyć nową warstwę. Kliknij, aby uruchomić warstwę. Będziesz teraz w trybie wideo na żywo i powinieneś zobaczyć małą ikonę z numerem 1 (reprezentującym jeden obraz odniesienia przesłany w kroku 4).Oto chwila prawdy - zobacz okładkę swojej kopii Make # 28 za pomocą telefonu, aw ciągu kilku sekund powinieneś zobaczyć powiększony obraz! Teraz stuknij w powiększenie, a powinieneś zobaczyć film YouTube dla Make # 28, aby zacząć grać!

Gratulacje, jesteś deweloperem rzeczywistości rozszerzonej!

Oczywiście porysowaliśmy tylko powierzchnię, a do zbadania jest znacznie więcej terytorium. Oto kilka dobrych zasobów do głębszego nurkowania w AR:

Witryna deweloperska Layar zawiera obszerną dokumentację i samouczki dla początkujących programistów AR.

Dla mniej zaawansowanych technicznie twórców istnieje kilka łatwych w użyciu systemów zarządzania treścią, które pozwalają na tworzenie warstw AR opartych na lokalizacji bez konieczności programowania.

Otwarty serwer warstwowy Jens de Smit's PorPOIse to w pełni funkcjonalny framework do obsługi warstwy PHP dla programistów.



Możesz Być Zainteresowany

Tworzenie kłopotów - szaleństwo dla 3D CAD

Tworzenie kłopotów - szaleństwo dla 3D CAD


Make Free - Kto dzwonisz nieoryginalny?

Make Free - Kto dzwonisz nieoryginalny?


Podstępna duma państwowa

Podstępna duma państwowa


Made On Earth - Cranked-Up Creativity

Made On Earth - Cranked-Up Creativity