Layar Augmented Reality for MAKE Vol 28 (en hoe je je eigen kunt maken) - 💡 Fix My Ideas

Layar Augmented Reality for MAKE Vol 28 (en hoe je je eigen kunt maken)

Layar Augmented Reality for MAKE Vol 28 (en hoe je je eigen kunt maken)


Auteur: Ethan Holmes, 2019

[Video Link] Ik ben dol op de augmented reality-content die Layar heeft gemaakt voor het probleem MAKE's Toys & Games. En Gene Becker van Layar, die dit project leidde, schreef vriendelijk een how-to-artikel over het maken van een augmented reality-tijdschriftomslag. Lees het na de sprong.

Augmented reality (AR) is een leuke technologie die digitale media op de fysieke wereld plaatst. Moderne mobiele apparaten zoals iPhones en Android-telefoons zijn geladen met sensoren zoals GPS, versnellingsmeters en camera's die AR mogelijk maken. In dit project zullen we de cover van MAKE magazine vergroten met een digitale afbeelding en koppelen aan een video op internet. Om dit te bereiken, zullen we de basis van het Layar AR-platform leren, een eenvoudige AR-laag ontwerpen en een zeer eenvoudige webservice ontwikkelen om de AR-laag naar uw smartphone te brengen.

Augmented Reality Magazine Cover

Maak digitale mediabeverkingen op fysieke afbeeldingen die iedereen met een smartphone kan zien.

Augmented reality (AR) is een leuke technologie die digitale media op de fysieke wereld plaatst. Moderne mobiele apparaten zoals iPhones en Android-telefoons zijn geladen met sensoren zoals GPS, versnellingsmeters en camera's die AR mogelijk maken. In dit project zullen we de cover van MAKE magazine vergroten met een digitale afbeelding en koppelen aan een video op internet. Om dit te bereiken, zullen we de basis van het Layar AR-platform leren, een eenvoudige AR-laag ontwerpen en een zeer eenvoudige webservice ontwikkelen om de AR-laag naar uw smartphone te brengen.

Wat heb je nodig: - een kopie van MAKE magazine (of een ander tijdschrift dat je wilt vergroten) - toegang tot een gehoste webserver waarop PHP wordt uitgevoerd, waar je bestanden naar kunt uploaden - een iPhone 3Gs, 4 of 4S, of een equivalent Android-telefoon - de Layar Reality Browser 6.0-app (gratis) op uw telefoon geïnstalleerd - een Layar-ontwikkelaarsaccount (gratis) op http://layar.com/publishing

Nuttige vaardigheden: - een minimale kennis van HTML, PHP en JSON is nuttig maar niet vereist

Stap voor stap: 1. Ontwerp het project en bereid media-items voor 2. Creëer een webservice voor je laag 3. Stel je laag in voor publicatie 4. Test je AR-creatie

1. Ontwerp het project en bereid media-assets voor Wanneer u fysieke objecten vergroot met behulp van een softwareplatform zoals Layar, hebt u een ontwerpplan nodig voor uw laag met deze componenten: doelobjecten, referentiebeelden, digitale augments en de acties waaraan u moet koppelen elke augment. Voor dit project houden we het simpel en gebruiken we één object, één referentiebeeld, één augment en één actie als volgt:

- Doelobject: MAAK tijdschriftnummer # 28, het fysieke object - Referentiebeeld: een hoge resolutie digitaal beeld van de tijdschriftomslag - Augment: een lage resolutie digitaal beeld, we zullen een stilstaand beeld uit de video-trailer gebruiken voor MAKE # 28 - Actie: wanneer de kijker de augment op hun scherm tikt, wordt de MAKE # 28-videotrailer afgespeeld op YouTube.

Voor een supersnelle kennismaking met hoe dit werkt, bekijk je deze twee korte video's: Introductie van Layar Vision Layar Vision Explained

Download hier de referentie afbeelding naar uw computer, we zullen deze later gebruiken.

2. Een webservice maken voor uw laag Layar gebruikt een webgebaseerde API voor communicatie tussen mobiele apparaten en AR-services in de cloud. Maak je geen zorgen over de details hiervan; we zullen een zeer eenvoudige webservice gebruiken die bestaat uit 3 eenvoudige PHP-bestanden, een geformatteerd tekstbestand (in JSON-indeling) en de media-items uit stap 1.

Toegang tot uw gehoste webserver met uw favoriete FTP-hulpprogramma, shell-programma of een webeditor zoals Dreamweaver. Download deze map met bestanden naar uw computer en upload ze naar uw website, waarbij de directorystructuur intact blijft. Je zou deze bestanden later moeten verkennen om te zien hoe ze werken, maar voor nu geeft dit je een minimale, functionele laagservice.

U kunt uw service testen door deze URL in een browser te openen (waarbij u uw websiteadres vervangt waar staat www.yourdomain.com/your-web-directory): http://www.yourdomain.com/your-web-directory/make /index.php. Wanneer de service correct is ingesteld, ziet u een pagina met opgemaakte tekst die er als volgt uitziet:

3. Stel uw laag in voor het publiceren van Volgende, we loggen in bij de Layar-publicatieservice, stellen onze laag in en uploaden onze referentie-afbeelding.

Ga naar http://layar.com/publishing en maak een ontwikkelaarsaccount.

Nadat u bent ingelogd op uw account, ziet u een pagina die er ongeveer zo uitziet:

Klik op de knop "Een nieuwe laag maken!" En je ziet een formulier waarin je informatie over je project kunt invoeren. Laten we nu het noodzakelijke minimum doen; je kunt later terugkomen om de publicatieomgeving te verkennen.

Voer voor 'Naam laag' een unieke naam in alleen kleine letters en cijfers in. Voer bij 'Titel' een gebruiksvriendelijke naam in voor uw laag die in de app wordt weergegeven. Vul bij 'Naam uitgever' uw naam of een pseudoniem in. Voer in het veld 'API-eindpunt-URL' de URL in voor uw lagenservice uit stap 2; het zal er ongeveer zo uitzien als http://www.yourdomain.com/your-web-directory/make/index.php. 'Laagtype' moet worden ingesteld op 3D- en 2D-objecten in de 3D-ruimte. Vink het vakje aan om 'Layar Vision' in te schakelen. Klik op de knop 'Laag maken'.

Op het volgende scherm kun je je nieuwe laag in detail bewerken. Kijk voor nu naar het navigatiegebied aan de linkerkant en zoek en klik op 'Referentie-afbeeldingen'. Klik op 'Een nieuwe referentie-afbeelding uploaden'. Klik in het dialoogvenster op 'Bestand kiezen' en selecteer onze referentie-afbeelding uit stap 2, make-reference-image.jpg. Voor 'Image key' type: make28 Stel 'Real world height' in op 0,25 (de hoogte van het fysieke Make-magazine in meter). Klik op 'Verzenden' en nadat de afbeelding is voltooid, klik je op 'Ik ben klaar met het uploaden van afbeeldingen'. Nadat het dialoogvenster is gesloten, klikt u op 'Opslaan'.

4. Test uw AR-creatie Start de Layar-app op uw telefoon. Navigeer in de app naar Instellingen> Account en log in met de inloggegevens van uw Layar-ontwikkelaarsaccount. Hiermee kunt u uw niet-gepubliceerde laag testen. Navigeer terug naar Lagen en je zou een scherm moeten zien met Aanbevolen, Populair, Nieuw en Test. Klik op Test en je zou je nieuwe laag in de lijst moeten zien. Klik om je laag te lanceren. U bevindt zich nu in de live videomodus en u ziet een klein pictogram met het cijfer 1 erop (dat is de enige referentieafbeelding die u in stap 4 hebt geüpload).Dit is het moment van de waarheid - bekijk de cover van je exemplaar van Make # 28 met je telefoon en binnen een paar seconden zou je de vergrote afbeelding moeten zien verschijnen! Tik nu op de augment en je zou de YouTube-video voor Make # 28 moeten zien spelen!

Gefeliciteerd, je bent een augmented reality-ontwikkelaar!

Natuurlijk hebben we alleen de oppervlakte bekrast en er is veel meer grondgebied om te verkennen. Hier zijn een paar goede bronnen voor een diepere duik in AR:

De Layar-ontwikkelaarssite heeft uitgebreide documentatie en tutorials voor ambitieuze AR-ontwikkelaars.

Voor minder technisch ingestelde makers zijn er enkele gebruiksvriendelijke content management-systemen waarmee je locatiegebaseerde AR-lagen kunt bouwen zonder programmeerwerk.

De PorPOIse Open Source Layer-server van Jens de Smit is een full-featured PHP layer-servicekader voor ontwikkelaars.



U Bent Wellicht Geïnteresseerd Zijn

Melissa Sixma's Needlework Memes

Melissa Sixma's Needlework Memes


Hoe Jenny Hart van Sublime Stitching haar borduurgaren organiseert

Hoe Jenny Hart van Sublime Stitching haar borduurgaren organiseert


Humble Makers Against Crowdfunding Scams (HMACS)

Humble Makers Against Crowdfunding Scams (HMACS)


Mentoring FIRST Lego League

Mentoring FIRST Lego League