Sådan opretter du en augmented reality-app på under 2 minutter uden kode

Jeg kede dig ikke med en intro. Du er her for at oprette en AR-app. Lad os komme igang.

Hvad du har brug for

  • Vuforia Studio - Tilmeld dig en gratis prøveperiode: https://studio.vuforia.com/
  • En 3D-model, du vil se i AR. Der er masser af fantastisk gratis indhold på GrabCAD, Turbosquid og Sketchfab.
  • En smartphone (iOS / Android) eller forskellige bærbare enheder, herunder Microsoft Hololens. Se den komplette liste her.
  • Vuforia View-appen (Android, iOS, Windows)

1) Installer og kør Vuforia Studio

Mens Vuforia Studio er installeret på din computer, og filerne til dine projekter gemmes på din computer, kører applikationen / editoren i din browser. Det skyldes, at det, du bygger, faktisk er en webapplikation, der bruger typiske webudviklingsrammer som AngularJS og CSS. Men det kommer vi ikke ind på nu.

Når Vuforia Studio er åbent på dit skrivebord, skal du klikke på "Åbn".

2) Opret et nyt projekt

Klik på den grønne "+" -knap i øverste højre hjørne for at oprette et nyt projekt. Indtast det ønskede navn på dit projekt på næste side, og lad de andre indstillinger være, som de er.

Klik på "Opret".

2a) Læring af redigeringsgrænsefladen

Før vi går videre, er det godt at være fortrolig med interface til Studio. Hvis du bare vil springe ind i tingene, skal du gå videre til næste trin.

Vuforia Studio består af 5 kolonner:

  • 1) Projekt - det er her du finder alt indhold og ressourcer i dine oplevelser.

I "Konfiguration" kan du indstille ting som oplevelsesnavnet, beskrivelsen, og om du vil have det adgangskodebeskyttet eller ej (mere om dette senere).

Under "Visninger" er en hierarkisk oversigt over alle de aktiver, der i øjeblikket bruges i din oplevelse (3D-modeller og 2D-elementer som skærmknapper og billeder). Du finder også noget, der hedder “Home.js” - sådan kan du give din oplevelse avanceret funktionalitet med Javascript.

Hvis du gerne vil tilpasse udseendet og følelsen af ​​din app, skal du gå til afsnittet "Styles", hvor du finder "Application" - dette er din .CSS-fil. Det fungerer som enhver anden CSS-fil i en webapplikation. Hvis du ikke er bekendt med CSS, skal du læse mere om det her. Det er OK, hvis du ikke er det, har du ikke brug for det her.

Nedenfor "Styles" er "Ressourcer" - her findes alle aktiver (2D-billeder, 3D-modeller) til din oplevelse. Vuforia Studio leveres med nogle standard 2D-billeder, som dette advarselsikon, som du kan bruge, men du kan uploade dit eget indhold ved at klikke på den grønne “+” -knap ved siden af ​​Ressourcer. Det bruger vi i trin 3.

  • 2) Widgets - Dette er de typer ting, du placerer i din oplevelse (3D-modeller, billeder, etiketter osv.), Samt hvordan du vælger hvilken AR-måltype du vil bruge (billede, model, rumlig, ThingMark ). Nederst på listen ser du "TML-tekst" - dette er til at gøre nogle meget avancerede ting som f.eks. Brugerdefinerede shaders.
  • 3) lærred - det er her al magi sker. Du trækker dine mål og forstørrelser hit og har en tredimensionel visning til opsætning af din oplevelse. Øverst har du grundlæggende funktioner som klippe, kopiere, indsætte og fortryde / forny. Du kan også skifte mellem 3D-visning og 2D-visning (for at opsætte layoutet på din brugergrænseflade på skærmen (knapper, et logo osv.).
  • 4) Detaljer / egenskaber - Når du vælger noget i din scene, som en 3D-model, kan dets egenskaber vises og redigeres her.
  • 5) Data - (Du ser ikke denne kolonne som standard; klik på ikonet i øverste højre hjørne af vinduet, set på billedet nedenfor, for at vise denne kolonne.) Det er her andre emner som IoT-data og tilsluttede produkter komme ind, hvilket kræver andre værktøjer som ThingWorx kommer ind. Da det ikke er vigtigt for at skabe en grundlæggende AR-oplevelse, dækker vi ikke det nu.

3) Importer dit 3D-indhold

For at komme i gang - har du brug for noget at se i AR!

Klik på “+” -ikonet ved siden af ​​Ressourcer i nederste venstre hjørne nederst i projektkolonnen. Klik på "Vælg filer" og vælg din 3D-model.

Se her for en liste over understøttede 3D-modeller. Bemærk, at der er et lidt andet supportniveau afhængigt af om du bruger en Windows- eller Mac-maskine.

Før du er færdig med at uploade din model, har du muligheden for "Kør CAD Optimizer". Klik på det afkrydsningsfelt.

CAD-optimizer er en fantastisk funktion, hvis du bruger store eller komplekse 3D-modeller. Det opretter automatisk 3 versioner af din fil i høje, mellemstore og lave kvaliteter, handelsdetaljer for filstørrelse på hvert niveau. En model af lavere kvalitet tillader din oplevelse at køre hurtigere, men du kan miste nogle vigtige detaljer! Jeg holder generelt med Medium output i de fleste tilfælde.

Klik på "Tilføj" for at begynde at uploade og optimere din model. Når den er færdig, finder du 4 versioner af din model, alle konverteret til. PVZ (PTC's filtype, der er designet til at arbejde på tværs af deres pakke med produkter - Vuforia, Creo osv.).

4) Føj din model til scenen

I kolonnen Widgets skal du klikke og trække elementet "Model" ind på lærredet (bemærk, ikke "Model Element", det er til noget andet). Du vil se en blå terning vises i scenen såvel som dens egenskaber til højre. I egenskaberne under Ressource skal du vælge din model i rullemenuen.

Nu skal du se din model på scenen!

5) Tilføj et AR-rumligt mål

R2D2, det er dig! Det er dig!

Nu har du brug for en måde, hvorpå din model vises i din virkelighed, og øger den (ehh, ehhhh? :)) Det er her, "målene" kommer i kolonnen Widgets. For den nemmeste, mest "bærbare" oplevelse bruger vi et rumligt mål (f.eks. "Jordplan", en.k.a "markørløs AR"). Dette betyder bare, at vi kan placere din model på enhver vandret overflade, som f.eks. Dit skrivebord eller gulv.

Klik og træk widgeten "Spatial Target" ind på lærredet, og sørg for, at den er centreret under din model.

6) Konfigurer dine egenskaber

Før vi går og offentliggør din oplevelse, er vi bare nødt til at sikre dig, at egenskaberne er indstillet korrekt.

Klik på Oplev i øverste venstre hjørne under Konfiguration.

  • Sæt ThinkMark Association til Ingen.
  • Tilføj din titel, som du gerne vil have den skal vises.
  • Efterlad den første visning derhjemme.
  • Du kan lade beskrivelsen være tom nu.

Klik derefter på Info under Oplevelser.

Lad alt være som standard undtagen for følgende:

  • Skift adgang til offentligheden.
  • Indstil Vis Navigationsmenu til Skjult.

7) Udgiv!

Fantastisk, du er færdig! Det er det! (Jeg ved, ikke?)

Gå og tryk på "Publicer" øverst. Du vil se en statuslinje, når din oplevelse er uploadet.

Når det er afsluttet, skal du klikke på Del> Del oplevelse.

Du vil se et par ting her, inklusive en QR-kode. Vi har brug for det næste.

8) Se din AR-oplevelse

Åbn Vuforia View-appen på din iOS-, Android- eller Windows-enhed.

Hjemmesiden til Vuforia View-appen.

Nederst til højre skal du trykke på Scan-ikonet. Dette åbner enhedens kamera.

Ret din enhed mod QR-koden, der vises på dit skrivebord, fra det foregående trin.

Din oplevelse vil starte - pege din enhed mod en overflade, og sørg for at bevæge dig side til side, op og ned osv., Så din enhed kan identificere, hvor overfladen er. Så snart en overflade er fundet, ser du en silhuet af din model. Tryk så bare for at placere det!

Tip: Stryg over skærmen med to fingre for at rotere din model. Tryk og træk med en finger for at flytte den rundt.

Tillykke, du har lige bygget din første AR-oplevelse!