Jeffrey Cross
Jeffrey Cross

Layar-laajennettu todellisuus MAKE Vol 28: lle (ja omien luominen)

[Video Link] Rakastan laajennetun todellisuuden sisältöä, jonka Layar on luonut MAKE: n Toys & Games -ongelmalle. Ja Gene Becker Layarissa, joka johti tätä projektia, kirjoitti ystävällisesti artikkelin siitä, miten luodaan lisätty todellisuuslehden kansi. Lue se hypyn jälkeen.

Lisätty todellisuus (AR) on hauska teknologia, joka peittää digitaalisen median fyysiseen maailmaan. Nykyaikaisissa mobiililaitteissa, kuten iPhonesissa ja Android-puhelimissa, on ladattavissa antureita, kuten GPS, kiihtyvyysmittarit ja kamerat, jotka mahdollistavat AR: n. Tässä projektissa me laajennamme MAKE-lehden kansiota digitaalisella kuvalla ja yhdistämme sen web-videoon. Tämän saavuttamiseksi opimme Layar AR -alustan perusteet, suunnittelemme yksinkertaisen AR-kerroksen ja kehitämme hyvin perustason verkkopalvelun AR-kerroksen toimittamiseksi älypuhelimellesi.

Laajennettu todellisuuslehden kansi

Luo digitaalinen media, joka lisää fyysisiä kuvia, että kuka tahansa, jolla on älypuhelin, voi nähdä.

Lisätty todellisuus (AR) on hauska teknologia, joka peittää digitaalisen median fyysiseen maailmaan. Nykyaikaisissa mobiililaitteissa, kuten iPhonesissa ja Android-puhelimissa, on ladattavissa antureita, kuten GPS, kiihtyvyysmittarit ja kamerat, jotka mahdollistavat AR: n. Tässä projektissa me laajennamme MAKE-lehden kansiota digitaalisella kuvalla ja yhdistämme sen web-videoon. Tämän saavuttamiseksi opimme Layar AR -alustan perusteet, suunnittelemme yksinkertaisen AR-kerroksen ja kehitämme hyvin perustason verkkopalvelun AR-kerroksen toimittamiseksi älypuhelimellesi.

Mitä tarvitset: - kopio MAKE-lehdestä (tai toisesta lehdestä, jota haluat lisätä) - pääsy isännöityyn WWW-palvelimeen, joka käyttää PHP-tiedostoa, johon voit ladata tiedostoja - iPhone 3Gs, 4 tai 4s tai vastaava Android-puhelin - Layar Reality Browser 6.0 -sovellus (ilmainen), joka on asennettu puhelimeesi - Layar-kehittäjän tili (ilmainen) osoitteessa http://layar.com/publishing

Hyödyllisiä taitoja: - HTML: n, PHP: n ja JSON: n vähäinen ymmärtäminen on hyödyllistä, mutta sitä ei tarvitse

Askel askeleelta: 1. Suunnittele hanke ja valmistele mediasisältöä 2. Luo verkkopalvelu kerroksellesi 3. Määritä kerros julkaisemista varten 4. Testaa AR-luomistasi

1. Suunnittele projekti ja valmistele mediasisältöä Kun lisäät fyysisiä objekteja käyttämällä Layar-ohjelmistoalustaa, tarvitset oman kerroksen suunnittelusuunnitelman, joka sisältää nämä komponentit: kohdeobjektit, referenssikuvat, digitaaliset lisäykset ja toimet, jotka liittyvät kukin lisää. Tätä hanketta varten pidämme sitä yksinkertaisena ja käytämme yhtä kohdetta, yhtä referenssikuvaa, yksittäistä lisäystä ja yksittäistä toimintoa seuraavasti:

- Kohdeobjekti: MAKE-lehden numero # 28, fyysinen kohde - Referenssikuva: korkean resoluution digitaalinen kuva lehden kannesta - Augment: matalan tarkkuuden digitaalinen kuva, käytämme still-kehystä videon perävaunusta MAKE # 28: lle - Toimi: kun katsoja napauttaa näytön laajennusta, MAKE # 28 videon perävaunu toistetaan YouTubesta.

Saat nopean esittelyn siitä, miten tämä toimii, katso nämä kaksi lyhyttä videota: Esittelyssä Layar Vision Layar Vision Explained

Lataa referenssikuva tietokoneeseesi täällä, käytämme sitä myöhemmin.

2. Luo verkkopalvelu kerrokselle Layar käyttää web-pohjaista API: ta viestintään mobiililaitteiden ja AR-palvelujen välillä pilvessä. Älä huoli tämän yksityiskohdista; Käytämme hyvin yksinkertaista verkkopalvelua, joka koostuu kolmesta yksinkertaisesta PHP-tiedostosta, alustetusta tekstitiedostosta (JSON-muodossa) ja median ominaisuuksista vaiheessa 1.

Siirry isännöityyn verkkopalvelimeen käyttämällä suosikki FTP-apuohjelmaa, shell-ohjelmaa tai Dreamweaverin kaltaista web-editoria. Lataa tiedosto hakemistosta tietokoneellesi ja lataa ne sitten sivustoosi pitämällä hakemistorakenne ehjänä. Sinun pitäisi tutkia nämä tiedostot myöhemmin nähdäksesi, miten ne toimivat, mutta nyt tämä antaa sinulle minimaalisen, toiminnallisen kerroksen palvelun.

Voit testata palveluasi avaamalla tämän URL-osoitteen selaimessa (korvaa verkkosivustosi osoitteen osoitteessa www.yourdomain.com/your-web-directory): http://www.yourdomain.com/your-web-directory/make /index.php. Kun palvelu on määritetty oikein, sinun pitäisi nähdä sellainen muotoiltu teksti, joka näyttää tältä:

3. Määritä julkaistava kerros Seuraavaksi kirjaudumme Layar-julkaisupalveluun, asetamme kerroksemme ja lataamme referenssikuvamme.

Siirry osoitteeseen http://layar.com/publishing ja luo kehittäjän tili.

Kun olet kirjautunut tiliisi, näet sivun, joka näyttää tältä:

Napsauta ”Luo ​​uusi kerros!” -Painiketta ja näet lomakkeen, jossa voit syöttää tietoja projektistasi. Jotta nyt toteutetaan mahdollisimman vähän; voit palata myöhemmin tutustumaan julkaisutoimintaan.

Anna Kerrosnimi-kohdassa yksilöllinen nimi vain pienillä kirjaimilla ja numeroilla. Syötä otsikko ”käyttäjäystävällinen nimi” kerrokselle, joka näkyy sovelluksessa. Anna julkaisijan nimi tai nimi. Kirjoita API-päätepiste-URL-kenttään kerrospalvelun URL-osoite vaiheessa 2; se näyttää jotain http://www.yourdomain.com/your-web-directory/make/index.php. ”Tasotyyppi” on asetettava 3D- ja 2D-kohteiksi 3D-tilassa. Ota valintaruutu käyttöön ottamalla Layar Vision käyttöön. Napsauta Luo kerros -painiketta.

Seuraavassa näytössä voit muokata uutta kerrosta yksityiskohtaisesti. Katsokaa nyt vasemmalla puolella olevaa navigointialuetta ja etsi ja napsauta ”Referenssikuvat”. Napsauta ”Lataa uusi referenssikuva”. Napsauta valintaikkunassa Valitse tiedosto ja valitse vertailukuva vaiheessa 2, make-reference-image.jpg. ”Image key” -tyypille: make28 Aseta ”Real world height” -arvoksi 0,25 (fyysisen Make-lehden korkeus metreinä). Napsauta Lähetä-painiketta ja sen jälkeen, kun kuva on lähetetty, napsauta ”Olen ladannut kuvia”. Kun valintaikkuna on suljettu, napsauta Tallenna.

4. Testaa AR: n luominen Käynnistä Layar-sovellus puhelimessasi. Kun olet sovelluksessa, siirry kohtaan Asetukset> Tili ja kirjaudu sisään käyttämällä Layar-kehittäjän tilitietoja. Tämän avulla voit testata julkaisematonta kerrosta. Siirry takaisin tasoille, ja sinun pitäisi nähdä näyttö, jossa on suositut, suosittu, uusi ja testattava. Napsauta Testaa ja sinun pitäisi nähdä uusi kerrossi. Käynnistä kerros napsauttamalla. Olet nyt suorassa videotilassa, ja sinun pitäisi nähdä pieni kuvake, jossa on numero 1 (edustaa yhtä referenssikuvaa, jonka lähetit vaiheessa 4).Tässä on totuuden hetki - katsele puhelimesi kanssa Make # 28: n kopion kansi, ja muutaman sekunnin kuluttua saat näkyviin lisäkuvan. Napauta nyt laajennusta, ja sinun pitäisi nähdä YouTube-videon Make # 28: lle alkavan pelata!

Onnittelut, olet lisännyt todellisuuden kehittäjä!

Olemme tietysti vain naarmuttaneet pinnan ja siellä on paljon enemmän tutkittavaa aluetta. Seuraavassa on muutamia hyviä resursseja syvempään sukellukseen AR: ään:

Layar-kehittäjä-sivustolla on kattavat dokumentaatiot ja opetusohjelmat kehittäjille, jotka pyrkivät AR-kehitykseen.

Vähemmän teknisesti taipuvaisille tekijöille on olemassa helppokäyttöisiä sisällönhallintajärjestelmiä, joiden avulla voit rakentaa sijaintikohtaisia ​​AR-kerroksia ilman ohjelmointia.

Jens de Smitin PorPOIse-avoimen lähdekoodin palvelin on täysimittainen PHP-tason palvelurakenne kehittäjille.

Osake

Jättänyt Kommenttia