Jeffrey Cross
Jeffrey Cross

Layar razširjena resničnost za MAKE Vol 28 (in kako narediti svoje)

[Video Link] Všeč mi je vsebina razširjene resničnosti, ki jo je Layar ustvaril za MAKE's Toys & Games. In Gene Becker iz Layarja, ki je vodil ta projekt, je prijazno napisal članek o ustvarjanju kritja revij z razširjeno resničnostjo. Preberite ga po skoku.

Razširjena resničnost (AR) je zabavna tehnologija, ki digitalne medije prekriva v fizični svet. Sodobne mobilne naprave, kot so telefoni iPhone in telefoni Android, so naložene s senzorji, kot so GPS, merilniki pospeška in kamere, ki omogočajo AR. V tem projektu bomo z digitalno sliko dopolnili naslovnico revije MAKE in jo povezali z videom na spletu. Da bi to dosegli, se bomo naučili osnov platforme Layar AR, oblikovali preprost sloj AR in razvili zelo osnovno spletno storitev za dostavo sloja AR na pametni telefon.

Povečana Reality Magazine Cover

Ustvarite digitalne medijske dodatke na fizičnih slikah, ki jih lahko vidi vsak s pametnim telefonom.

Razširjena resničnost (AR) je zabavna tehnologija, ki digitalne medije prekriva v fizični svet. Sodobne mobilne naprave, kot so telefoni iPhone in telefoni Android, so naložene s senzorji, kot so GPS, merilniki pospeška in kamere, ki omogočajo AR. V tem projektu bomo z digitalno sliko dopolnili naslovnico revije MAKE in jo povezali z videom na spletu. Da bi to dosegli, se bomo naučili osnov platforme Layar AR, oblikovali preprost sloj AR in razvili zelo osnovno spletno storitev za dostavo sloja AR na pametni telefon.

Kaj potrebujete: - kopijo revije MAKE (ali druge revije, ki jo želite razširiti) - dostop do gostujočega spletnega strežnika, ki upravlja PHP, v katerega lahko naložite datoteke - iPhone 3Gs, 4 ali 4s ali enakovredno Telefon Android - aplikacija Layar Reality Browser 6.0 (brezplačno), nameščena na vašem telefonu - račun razvijalca Layar (brezplačno) na naslovu http://layar.com/publishing

Koristne spretnosti: - minimalno razumevanje HTML, PHP in JSON je koristno, vendar ni potrebno

Korak za korakom: 1. Oblikujte projekt in pripravite sredstva za medije 2. Ustvarite spletno storitev za vašo plast 3. Nastavite vašo plast za objavo 4. Preverite ustvarjanje AR-ja

1. Oblikujte projekt in pripravite sredstva medija Ko razširjate fizične objekte s programsko platformo, kot je Layar, potrebujete načrt načrta za vašo plast, ki vključuje te komponente: ciljne objekte, referenčne slike, digitalne razširitve in dejanja, ki so povezana z vsako povečanje. Za ta projekt bomo ohranili preprosto uporabo in uporabili en predmet, eno referenčno sliko, eno povečavo in eno dejanje, kot sledi:

- Ciljni predmet: revija MAKE # 28, fizični predmet - Referenčna slika: digitalna slika visoke ločljivosti revije za revijo - Augment: digitalna slika z nizko ločljivostjo, uporabili bomo še vedno okvir iz videoposnetka za MAKE # 28 - Akcija: ko gledalec pritisne na povečavo na svojem zaslonu, bo video posnetek MAKE # 28 predvajal iz YouTuba.

Za hiter uvod v to, kako deluje, si oglejte ta dva kratka videa: Predstavitev Layar Vision Layar Vision

Tukaj prenesite referenčno sliko v računalnik, kasneje jo bomo uporabili.

2. Ustvarite spletno storitev za vašo plast Layar uporablja spletni API za komunikacijo med mobilnimi napravami in storitvami AR v oblaku. Ne skrbite za podrobnosti tega; uporabljali bomo zelo preprosto spletno storitev, sestavljeno iz 3 preprostih datotek PHP, oblikovane besedilne datoteke (v obliki JSON) in medijskih sredstev iz prvega koraka.

Dostopajte do vašega gostujočega spletnega strežnika s pomočjo priljubljenih pripomočkov FTP, lupine ali spletnega urejevalnika, kot je Dreamweaver. Prenesite ta imenik datotek v računalnik in jih naložite na svoje spletno mesto, pri čemer ohrani strukturo imenika nedotaknjeno. Te datoteke bi morali raziskati pozneje, da vidite, kako delujejo, toda za zdaj vam bo to omogočilo minimalno, funkcionalno plastno storitev.

Svojo storitev lahko preizkusite tako, da odprete ta URL v brskalniku (ki nadomesti naslov spletnega mesta, kjer piše www.yourdomain.com/your-web-directory): http://www.yourdomain.com/your-web-directory/make /index.php. Ko je storitev nastavljena pravilno, bi morali videti stran oblikovanega besedila, ki izgleda takole:

3. Nastavitev plasti za objavo Nato se bomo prijavili v storitev objavljanja Layar, nastavili naš sloj in naložili našo referenčno sliko.

Obiščite http://layar.com/publishing in ustvarite račun razvijalca.

Ko se prijavite v svoj račun, boste videli stran, ki izgleda približno takole:

Kliknite na gumb »Ustvari nov sloj!« In videli boste obrazec, kjer lahko vnesete informacije o vašem projektu. Zdaj pa naredimo nujno potrebno; kasneje se lahko vrnete in raziščete okolje za objavljanje.

Za »Ime sloja« vnesite edinstveno ime samo z malimi črkami in številkami. Za »Naslov« vnesite uporabniku prijazno ime za vašo plast, ki bo prikazana v aplikaciji. Za »Ime založnika« vnesite svoje ime ali psevdonim. V polje »URL končne točke API« vnesite URL za storitev sloja od 2. koraka; izgledal bo nekaj podobnega: http://www.yourdomain.com/your-web-directory/make/index.php. "Vrsta sloja" mora biti nastavljena na 3D in 2D predmete v 3D prostoru. Potrdite polje, da omogočite »Layar Vision«. Kliknite gumb »Ustvari plast«.

Na naslednjem zaslonu lahko podrobno uredite novo plast. Za zdaj si oglejte navigacijsko območje na levi strani in poiščite ter kliknite »Referenčne slike«. Kliknite »Prenesi novo referenčno sliko«. V pogovornem oknu kliknite »Izberi datoteko« in izberite našo referenčno sliko iz 2. koraka, make-reference-image.jpg. Za vrsto »slikovnega ključa«: make28 Nastavite »Real world height« na 0,25 (višina fizične revije Make v metrih). Kliknite »Pošlji« in po končanem prenosu kliknite »Prenešam nalagati slike«. Ko se pogovorno okno zapre, kliknite »Shrani«.

4. Preverite ustvarjanje AR V telefonu zaženite aplikacijo Layar. Ko ste v aplikaciji, pojdite na Nastavitve> Račun in se prijavite s poverilnicami računa razvijalca Layar. Tako boste lahko preizkusili neobjavljeno plast. Pomaknite se nazaj do slojev in videli boste zaslon s predstavitvami, priljubljenimi, novimi in testnimi. Kliknite Test in videli boste svoj novi sloj. Kliknite za začetek vaše plasti. Sedaj boste v živo video načinu in videli boste majhno ikono s številko 1 na njej (ki predstavlja eno referenčno sliko, ki ste jo naložili v 4. koraku). Tukaj je trenutek resnice - si oglejte naslovnico svoje kopije Make # 28 s telefonom in v nekaj sekundah boste videli povečano sliko! Sedaj se dotaknite dodatka in videli boste YouTube video za Make # 28, ki se bo začel igrati!

Čestitamo, razvijalec razširjene resničnosti!

Seveda smo samo opraskali površino in veliko je prostora za raziskovanje. Tukaj je nekaj dobrih virov za globlje potapljanje v AR:

Spletno mesto razvijalca Layar ima obsežno dokumentacijo in vadnice za ambiciozne razvijalce AR.

Za ustvarjalce, ki so manj tehnično nagnjeni, obstaja nekaj enostavnih sistemov za upravljanje vsebin, ki vam omogočajo, da izdelate AR sloje, ki temeljijo na lokaciji in ne zahtevajo programiranja.

JPS de Smitov PorPOIse odprtokodni strežnik za sloj je poln izrazni PHP servisni okvir za razvijalce.

Delež

Pustite Komentar