Layar Augmented Reality for MAKE FULL 28 (og hvordan du lager din egen) - 💡 Fix My Ideas

Layar Augmented Reality for MAKE FULL 28 (og hvordan du lager din egen)

Layar Augmented Reality for MAKE FULL 28 (og hvordan du lager din egen)


Forfatter: Ethan Holmes, 2019

[Video Link] Jeg elsker det utvidede reality-innholdet som Layar er laget for MAKE's Toys & Games-problem. Og Gene Becker på Layar, som ledet dette prosjektet, skrev vennlig en veiledende artikkel om å skape et forstørret reality magazine-cover. Les det etter hoppet.

Augmented reality (AR) er en morsom teknologi som overlays digitale medier til den fysiske verden. Moderne mobile enheter som iPhones og Android-telefoner er lastet med sensorer som GPS, akselerometre og kameraer som gjør AR mulig. I dette prosjektet vil vi øke omslaget til MAKE magazine med et digitalt bilde og knytte det til en video på nettet. For å oppnå dette lærer vi grunnleggende om Layar AR-plattformen, utformer et enkelt AR-lag, og utvikler en svært grunnleggende webtjeneste for å levere AR-laget til smarttelefonen.

Augmented Reality Magazine Cover

Opprett digitale medier på fysiske bilder, som alle med en smarttelefon kan se.

Augmented reality (AR) er en morsom teknologi som overlays digitale medier til den fysiske verden. Moderne mobile enheter som iPhones og Android-telefoner er lastet med sensorer som GPS, akselerometre og kameraer som gjør AR mulig. I dette prosjektet vil vi øke omslaget til MAKE magazine med et digitalt bilde og knytte det til en video på nettet. For å oppnå dette lærer vi grunnleggende om Layar AR-plattformen, utformer et enkelt AR-lag, og utvikler en svært grunnleggende webtjeneste for å levere AR-laget til smarttelefonen.

Det du trenger: - En kopi av MAKE Magazine (eller et annet magasin du vil utvide) - Tilgang til en vert webserver som kjører PHP, som du kan laste opp filer til - en iPhone 3G, 4 eller 4, eller en tilsvarende Android-telefon - Layar Reality Browser 6.0-appen (gratis) installert på telefonen din - en Layar-utvikler-konto (gratis) på http://layar.com/publishing

Nyttige ferdigheter: - En minimal forståelse av HTML, PHP og JSON er nyttig, men ikke nødvendig

Trinn for trinn: 1. Design prosjektet og lag medieegenskaper 2. Lag en webtjeneste for laget ditt 3. Sett opp laget ditt for publisering 4. Test din AR-opprettelse

1. Utforme prosjektet og utarbeide medieegenskaper Når du forstørrer fysiske gjenstander ved hjelp av en programvareplattform som Layar, trenger du en designplan for laget ditt som inneholder disse komponentene: målobjekter, referansebilder, digitale forstørrelser og handlingene som skal knyttes til hver økning. For dette prosjektet vil vi holde det enkelt og bruke ett objekt, ett referansebilde, en enkelt utvidelse og en enkelt handling som følger:

- Målobjekt: MAKE magazine issue # 28, det fysiske objektet - Referansebilde: Et høyoppløselig digitalt bilde av magasindekselet - Augment: Et lavoppløselig digitalt bilde, vi bruker en stillbilde fra video trailer for MAKE # 28 - Handling: Når seeren taper forstørrelsen på skjermen, vil MAKE # 28 video trailer spille av YouTube.

For en super rask introduksjon til hvordan dette virker, se disse to korte videoene: Introduksjon Layar Vision Layar Vision Forklaret

Last ned referansebildet til datamaskinen din her, vi bruker det senere.

2. Lag en webtjeneste for laget ditt Layar bruker en nettbasert API for kommunikasjon mellom mobilenheter og AR-tjenester i skyen. Ikke bekymre deg for detaljene i dette; Vi bruker en veldig enkel webtjeneste som består av 3 enkle PHP-filer, en formatert tekstfil (i JSON-format) og medieverdiene fra trinn 1.

Få tilgang til den vertsbaserte webserveren din med ditt favorittfTP-verktøy, shell-program eller en webredaktør som Dreamweaver. Last ned denne katalogen med filer til datamaskinen din, og last deretter opp dem til nettstedet ditt, og hold katalogstrukturen intakt. Du bør utforske disse filene senere for å se hvordan de fungerer, men for nå gir dette deg en minimal, funksjonell lagertjeneste.

Du kan teste din tjeneste ved å åpne denne nettadressen i en nettleser (erstatter webadressen din der den står www.yourdomain.com/your-web-directory): http://www.yourdomain.com/your-web-directory/make /index.php. Når tjenesten er riktig konfigurert, bør du se en side med formatert tekst som ser slik ut:

3. Sett opp laget ditt for publisering Neste, logger du på Layar Publishing-tjenesten, konfigurerer laget vårt og laster opp vårt referansebilde.

Gå til http://layar.com/publishing og opprett en utviklerkonto.

Når du har logget på kontoen din, bør du se en side som ser noe ut som dette:

Klikk på "Opprett et nytt lag!" -Knappen, og du vil se et skjema hvor du kan legge inn informasjon om prosjektet ditt. For nå la oss gjøre det minste som er nødvendig; Du kan komme tilbake senere for å utforske publiseringsmiljøet.

For 'Lagnavn' oppgir du et unikt navn i små bokstaver og tall. For 'Tittel' angi et brukervennlig navn for laget ditt som vil bli vist i appen. For 'Utgivernavn' skriv inn navnet ditt eller et pseudonym. I feltet 'API Endpoint-URL' skriver du inn nettadressen for lagtjenesten fra trinn 2; det vil se ut som http://www.yourdomain.com/your-web-directory/make/index.php. 'Lagtype' bør settes til 3D- og 2D-objekter i 3D-plass. Merk av i boksen for å aktivere 'Layar Vision'. Klikk på "Lag lag" -knappen.

På neste skjerm kan du redigere det nye laget i detalj. For nå, se på navigasjonsområdet til venstre og finn og klikk på 'Referansebilder'. Klikk på "Last opp et nytt referansebilde". I dialogboksen klikker du 'Velg fil' og velg vårt referansebilde fra trinn 2, make-reference-image.jpg. For 'Image key' type: make28 Sett 'Real world height' til 0.25 (høyden på det fysiske lagmagasinet i meter). Klikk på 'Send', og etter at bildet er ferdig opplasting, klikk 'Jeg er ferdig med å laste opp bilder'. Når dialogboksen lukkes, klikker du på "Lagre".

4. Test din AR-opprettelse På telefonen din, start Layar-appen. Når du er en gang i appen, naviger til Innstillinger> Konto og logg inn ved hjelp av legitimasjonsinformasjon for Layar Developer-konto. Dette vil tillate deg å teste ditt upubliserte lag. Naviger tilbake til Lag, og du bør se en skjerm med Utvalgte, Populære, Nye og Test. Klikk på Test, og du bør se det nye laget som er oppført. Klikk for å starte laget ditt. Du vil nå være i live video-modus, og du bør se et lite ikon med nummer 1 på den (som representerer det ene referansebilde du lastet opp i trinn 4).Her er sannhetens øyeblikk - se på forsiden av din kopi av Make # 28 med telefonen din, og om noen få sekunder skal du se det forstørrede bildet vises! Klikk nå på utvidelsen, og du bør se YouTube-videoen for Make # 28 begynner å spille!

Gratulerer, du er en forstørret virkelighetsutvikler!

Selvfølgelig har vi bare riper overflaten og det er mye mer territorium å utforske. Her er noen gode ressurser for en dypere dykk i AR:

Layar-utvikler siden har omfattende dokumentasjon og veiledning for aspirerende AR-utviklere.

For mindre teknisk tilbøyelige skapere er det noen enkle å bruke innholdshåndteringssystemer som lar deg bygge plasseringsbaserte AR-lag uten programmering som kreves.

Jens de Smits PorPOIse åpen kildekode lag server er en fullverdig PHP lag service rammeverk for utviklere.



Du Kan Være Interessert

MAKE & CRAFT Halloween konkurransevinnerne

MAKE & CRAFT Halloween konkurransevinnerne


Ta gresskar til liv med mekaniske bevegelser

Ta gresskar til liv med mekaniske bevegelser


Hvordan-Å: Krympe dine Arduino-prosjekter

Hvordan-Å: Krympe dine Arduino-prosjekter


Lær forskjellen: Gass og diode lasere

Lær forskjellen: Gass og diode lasere






Siste Innlegg