Jeffrey Cross
Jeffrey Cross

Layar Realitatea Augmented pentru MAKE vol 28 (și cum să-ți faci propriul)

[Video Link] Îmi place conținutul realității augmentate pe care Layar la creat pentru problema de jucării și jocuri MAKE. Și Gene Becker la Layar, care a condus acest proiect, a scris cu amabilitate un articol despre cum să creeze o acoperire a revistei de realitate augmentată. Citiți-o după salt.

Realitatea augmentată (AR) este o tehnologie distractivă care suprapune media digitală în lumea fizică. Dispozitivele mobile moderne, cum ar fi telefoanele iPhone și telefoanele Android, sunt încărcate cu senzori precum GPS, accelerometre și camere de luat vederi care fac AR posibilă. În acest proiect vom mări coperta revistei MAKE cu o imagine digitală și o vom conecta la un videoclip de pe web. Pentru a realiza acest lucru, vom învăța elementele de bază ale platformei Layar AR, vom crea un strat AR simplu și vom dezvolta un serviciu web de bază care să livreze stratul AR la telefonul smartphone.

Coperta Magazinei de Realitate Augmented

Creați materiale media digitale augmentate pe imaginile fizice pe care le poate vedea cineva cu un smartphone.

Realitatea augmentată (AR) este o tehnologie distractivă care suprapune media digitală în lumea fizică. Dispozitivele mobile moderne, cum ar fi telefoanele iPhone și telefoanele Android, sunt încărcate cu senzori precum GPS, accelerometre și camere de luat vederi care fac AR posibilă. În acest proiect vom mări coperta revistei MAKE cu o imagine digitală și o vom conecta la un videoclip de pe web. Pentru a realiza acest lucru, vom învăța elementele de bază ale platformei Layar AR, vom crea un strat AR simplu și vom dezvolta un serviciu web de bază care să livreze stratul AR la telefonul smartphone.

Ce veți avea nevoie: - o copie a revistei MAKE (sau a unei alte reviste pe care doriți să o adăugați) - acces la un server web găzduit care rulează PHP, pe care îl puteți încărca în - un iPhone 3Gs, 4 sau 4s sau un echivalent Telefon Android - aplicația Layar Reality Browser 6.0 (gratuită) instalată pe telefon - un cont de dezvoltator Layar (gratuit) la http://layar.com/publishing

Abilități utile: - o înțelegere minimă a HTML, PHP și JSON este utilă, dar nu este necesară

Pas cu pas: 1. Proiectați proiectul și pregătiți materialele media 2. Creați un serviciu web pentru stratul dvs. 3. Configurați-vă stratul pentru publicare 4. Testați-vă creația AR

1. Proiectați proiectul și pregătiți materialele media Când amplificați obiectele fizice utilizând o platformă software precum Layar, aveți nevoie de un plan de design pentru stratul dvs. care include aceste componente: obiecte țintă, imagini de referință, augmentări digitale și acțiunile care trebuie asociate fiecare augmentare. Pentru acest proiect, o vom păstra simplu și vom folosi un obiect, o imagine de referință, o singură augmentare și o singură acțiune după cum urmează:

- obiect țintă: problema magazinului MAKE # 28, obiectul fizic - imagine de referință: o imagine digitală de înaltă rezoluție a capacului revistei - Augment: o imagine digitală cu rezoluție redusă, vom folosi un cadru încă din trailer video pentru MAKE # 28 - Acțiune: atunci când spectatorul dă amprenta pe ecran, videoclipul MAKE # 28 va fi redat de pe YouTube.

Pentru o introducere super-rapidă a modului în care funcționează, urmăriți aceste două videoclipuri scurte: Introducerea Layar Vision Layar Vision Explained

Descărcați imaginea de referință pe calculatorul dvs. aici, o vom folosi mai târziu.

2. Creați un serviciu web pentru stratul dvs. Layar utilizează un API bazat pe web pentru a comunica între dispozitivele mobile și serviciile AR din cloud. Nu vă faceți griji cu privire la detaliile acestui lucru; vom folosi un serviciu web simplu, format din 3 fișiere simple PHP, un fișier text formatat (în format JSON) și activele media de la pasul 1.

Accesați-vă serverul web găzduit utilizând utilitarul FTP preferat, programul shell sau un editor Web precum Dreamweaver. Descărcați acest director de fișiere pe computer și apoi încărcați-le pe site-ul dvs. web, păstrând structura directorului intact. Ar trebui să explorați mai târziu aceste fișiere pentru a vedea cum funcționează, dar pentru moment acest lucru vă va oferi un serviciu minimal, funcțional.

Puteți testa serviciul dvs. prin deschiderea acestei adrese URL într-un browser (înlocuind adresa dvs. de pe site-ul dvs. cu adresa www.yourdomain.com/your-web-directory): http://www.yourdomain.com/your-web-directory/make /index.php. Când serviciul este configurat corect, ar trebui să vedeți o pagină cu text formatat care arată astfel:

3. Configurați-vă stratul pentru publicare În continuare ne vom conecta la serviciul de publicare Layar, vom configura stratul și vom încărca imaginea de referință.

Accesați http://layar.com/publishing și creați un cont de dezvoltator.

După ce v-ați conectat la contul dvs., ar trebui să vedeți o pagină care arată astfel:

Faceți clic pe butonul "Creați un nou strat!" Și veți vedea un formular în care puteți introduce informații despre proiectul dvs. Pentru moment, să facem un minim necesar; vă puteți întoarce mai târziu pentru a explora mediul de publicare.

Pentru "Nume strat" ​​introduceți un nume unic numai cu litere mici și numere. Pentru "Titlu" introduceți un nume ușor de utilizat pentru stratul dvs. care va fi afișat în aplicație. Pentru "Numele editorului" introduceți numele dvs. sau un pseudonim. În câmpul "Adresa URL a parametrului API", introduceți adresa URL a serviciului pentru straturi de la pasul 2; va arata ceva de genul http://www.yourdomain.com/your-web-directory/make/index.php. Tipul de strat trebuie să fie setat la obiecte 3D și 2D în spațiul 3D. Bifați caseta pentru a permite "Layar Vision". Dați clic pe butonul "Creați un strat".

În ecranul următor, puteți să vă editați în detaliu noul strat. Pentru moment, uitați-vă la zona de navigare din partea stângă și găsiți și faceți clic pe "Imagini de referință". Faceți clic pe "Încărcați o imagine de referință nouă". În caseta de dialog, faceți clic pe "Alegeți fișierul" și selectați imaginea de referință de la pasul 2, make-reference-image.jpg. Pentru tipul "imagine cheie": make28 Setați "Înălțimea reală a lumii" la 0,25 (înălțimea revistei fizice Make în metri). Faceți clic pe "Trimiteți" și, după ce imaginea este terminată, faceți clic pe "Am terminat încărcarea imaginilor". După ce caseta de dialog se închide, faceți clic pe "Salvați".

4. Testați-vă creația AR Pe telefon, porniți aplicația Layar. Odată ce ați accesat aplicația, navigați la Setări> Cont și conectați-vă utilizând datele dvs. de identificare pentru contul dezvoltatorului Layar. Acest lucru vă va permite să vă testați stratul nepublicat. Navigați înapoi la Layere și ar trebui să vedeți un ecran cu funcții Featured, Popular, New și Test. Faceți clic pe Test și ar trebui să vedeți noul dvs. nivel afișat. Faceți clic pentru a lansa stratul. Veți fi acum în modul video live și ar trebui să vedeți o mică pictogramă cu numărul 1 pe ea (reprezentând o imagine de referință pe care ați încărcat-o în pasul 4).Iată momentul adevărului - vedeți coperta copiei dvs. de Make # 28 cu telefonul dvs. și în câteva secunde ar trebui să vedeți imaginea augmentată care apare! Acum, atingeți mărimea și ar trebui să vedeți videoclipul YouTube pentru a începe să jucați!

Felicitări, sunteți un dezvoltator de realitate augmentat!

Bineînțeles, am zgâriat doar suprafața și există mult mai mult teritoriu de explorat. Iată câteva resurse bune pentru o scufundare mai profundă în AR:

Site-ul pentru dezvoltatori Layar dispune de documentație extensivă și tutoriale pentru dezvoltatorii AR care aspiră.

Pentru creatorii mai puțin înclinați din punct de vedere tehnic, există câteva sisteme de gestionare a conținutului ușor de utilizat, care vă permit să construiți straturi AR bazate pe locație fără a fi nevoie de programare.

Serverul de straturi open source PorPOIse al serverului Jens de Smit este un cadru complet de servicii pentru nivelurile PHP pentru dezvoltatori.

Acțiune

Lasa Un Comentariu