Obsah:

Aplikácia rozšírenej reality pre začiatočníkov: 8 krokov
Aplikácia rozšírenej reality pre začiatočníkov: 8 krokov

Video: Aplikácia rozšírenej reality pre začiatočníkov: 8 krokov

Video: Aplikácia rozšírenej reality pre začiatočníkov: 8 krokov
Video: Полный курс React Query за час | TanStack Query v4 для начинающих 2024, December
Anonim
Aplikácia rozšírenej reality pre začiatočníkov
Aplikácia rozšírenej reality pre začiatočníkov
Aplikácia rozšírenej reality pre začiatočníkov
Aplikácia rozšírenej reality pre začiatočníkov

Tento tutoriál vám ukáže, ako vytvoriť aplikáciu pre rozšírenú realitu pre začiatočníkov. Na vytvorenie aplikácie AR bez markerov pre Android alebo IOS použijeme pozemnú rovinu Unity3D a Vuforia. Prejdeme sa pridaním 3D modelu do Unity a jeho pohybom pomocou mobilného joysticku. Táto metóda bude fungovať aj s akýmkoľvek iným bezplatným 3D modelom, ktorý nájdete.

Krok 1: Bude to fungovať vo vašom telefóne?

Bude to fungovať na vašom telefóne?
Bude to fungovať na vašom telefóne?

V prvom rade sa musíme uistiť, že váš telefón podporuje detekciu základnej roviny Vuforia, takže sa uistite, že je váš telefón v zozname podporovaných zariadení.

library.vuforia.com/articles/Solution/Vufo…

Jediné, čo budete k softvéru potrebovať, je bezplatná verzia Unity. Ak ho ešte nemáte, choďte na Unity3d.com a kliknite na položku získať Unity. Teraz používam verziu 2018.2.0, ak táto verzia už nie je k dispozícii, prejdite na staršie verzie Unity a stiahnite si 2018.2.0.

Počas procesu inštalácie nainštalujte balíky pre IOS alebo Android podľa toho, aký typ telefónu máte, a nainštalujte si podporu Vuforia.

Krok 2: Začnite nový projekt Unity

Začnite nový projekt Unity
Začnite nový projekt Unity

Spustite nový projekt Unity a odstráňte hlavný fotoaparát. V hornom paneli s ponukami prejdite na herný objekt, vuforia a pridajte „ARCameru“.

Predtým, ako bude čokoľvek fungovať, musíme povoliť Vuforiu, takže prejdite na nastavenia zostavovania súborov, prepnite platformu, nastavenia XR a povoľte podporu rozšírenej reality Vuforia.

Kliknite na herný objekt „ARCamera“a v inšpektorovi kliknite na konfiguráciu Vuforia. V spodnej časti povoľte sledovanie zariadenia a zmeňte režim sledovania na polohové.

Pridajte stupeň pozemnej roviny a vyhľadávač lietadiel z rovnakého menu Vuforia, z ktorého ste získali fotoaparát.

Na vyhľadávači lietadiel zmeňte rozbaľovaciu ponuku na interaktívnu, zrušte začiarknutie políčka duplicitnej fázy a presuňte objekt zeme na úrovni roviny do prázdneho otvoru kotevného stupňa na vyhľadávači rovín.

Teraz musíme pridať joystick, aby sme v hornej ponuke prešli na položky, importný balík a vstup pre rôzne platformy.

V novo pridanom priečinku so štandardnými položkami prejdite na paneláky a myšou presuňte ovládací panel s jednou páčkou do scény.

Odstráňte tlačidlo skoku. Kliknite pravým tlačidlom myši v hierarchii a pridajte používateľské rozhranie, systém udalostí.

Nakoniec na koreňový objekt joysticku kliknutím na položku pridajte komponent a pridajte škálovač plátna. Zmeňte jeho rozbaľovací zoznam na mierku podľa veľkosti obrazovky. V skripte Joystick zmeňte rozsah pohybu na 25.

Krok 3: Vytvorte prepínač

Vytvorte prepínač
Vytvorte prepínač

Teraz je predvolené správanie pri určovaní polohy obsahu vždy, keď klikneme na obrazovku, pričom sa zmení poloha stupňa pozemnej roviny. To zahŕňa, keď klikneme na objekty používateľského rozhrania, ako sú tlačidlá alebo joysticky, aby to nebolo to, čo chceme. Pretože Vuforia v súčasnosti neumožňuje úpravu správania pri určovaní polohy obsahu na vyriešenie tohto problému, mohli by sme buď napísať vlastný od začiatku, alebo v záujme tohto tutoriálu len vytvoríme prepínač, ktorý túto funkciu zapne alebo vypne.

Kliknite pravým tlačidlom na joystick a vytvorte používateľské rozhranie, prepnite ho. Rozviňte všetko a podľa potreby zmeňte farby alebo text.

V sekcii prepínača na zmene hodnoty pridajte vyhľadávač rovín a nastavte ho tak, aby bol herný objekt aktívny na základe hodnoty prepínača. Akonáhle je objekt umiestnený na svete, pravdepodobne by sme mali vypnúť prepínač, takže prejdite na správanie pri určovaní polohy obsahu a ťahaním prepínača prepnite na zapnutý rovnomerný obsah a prepínač vypnite.

Krok 4: MONSTER

MONSTER!
MONSTER!

Prejdite na okno, všeobecné a pridajte okno obchodu s aktívami.

Vyhľadajte „charakterové monštrum“a bezplatne ho zoraďte, uchopte prvý výsledok a importujte ho.

Pretiahnite montovanú príšeru pod pódium a urobte z nej dieťa. Nastavte jeho polohu a rotáciu na nulu. Nastavte jeho mierku x y a z na.1.

Prejdite na animátora a odstráňte všetko okrem záznamu. Pretiahnite animácie prechádzky a nečinnosti z priečinka animácií monštra.

V sekcii parametrov kliknite na tlačidlo plus a pridajte dva spúšťače „chôdza“a „nečinnosť“.

Kliknite na každú animáciu a pridajte prechod na druhú.

Kliknite na každý prechod a pridajte podmienku, pri prvom vykonajte prechádzku a pri druhom pokračujte v nečinnosti. Zrušte začiarknutie políčka má výstupný čas a na každom z nich potiahnite všetky posúvače na 0.

Teraz chceme, aby sa každá animácia opakovala, takže kliknite na každú animáciu a prejdite na jej klip. Na každom kliknite na položku Upraviť a skontrolujte čas cyklu.

Krok 5: Ovládanie našej postavy

Ovládanie našej postavy
Ovládanie našej postavy

Kliknite pravým tlačidlom myši na priečinok s aktívami a vytvorte skript C# s názvom „CharacterController“a pridajte toto:

pomocou System. Collections;

pomocou System. Collections. Generic; pomocou UnityEngine; pomocou UnityStandardAssets. CrossPlatformInput; verejná trieda CharacterController: MonoBehaviour {private const float speed =.1f; súkromný animátor Anim; // Použite to na inicializáciu neplatné Start () {anim = GetComponent (); } // Aktualizácia sa volá raz za snímku prázdne Update () {// presun znaku zo vstupu joysticku float x = CrossPlatformInputManager. GetAxis ("Horizontal"); float y = CrossPlatformInputManager. GetAxis ("vertikálne"); if (! x. Equals (0) &&! y. Equals (0)) {transform.eulerAngles = new Vector3 (transform.eulerAngles.x, Mathf. Atan2 (x, y) * Mathf. Rad2Deg, transform.eulerAngles.z); } if (! x. Equals (0) ||! y. Equals (0)) {transform.position += transform.forward * Time.deltaTime * speed; anim. SetTrigger („prechádzka“); } else {anim. SetTrigger ("idle"); }} public neplatné PlaceCharacter () {transform.localPosition = Vector3.zero; }}

Krok 6: Dovoľte mi to vysvetliť

Nechaj ma vysvetliť
Nechaj ma vysvetliť

V prvom rade máme v hornej časti definovaný konštantný plavák, takže ak chcete, aby sa vaše monštrum pohybovalo rýchlejšie alebo pomalšie, jednoducho zmeňte túto hodnotu.

Tento skript bude pridaný do našej príšery, aby sme mohli urobiť niečo ako „GetComponent ()“, aby sme získali odkaz na tohto Animátora príšer (týmto spôsobom môžeme prehrávať animácie z kódu).

Potom pomocou joysticku vstupu pre viacero platforiem získame pohyb joysticku x a y a každý z nich uložíme do premennej.

Potom pomocou týchto dvoch premenných otočíme a presunieme monštrum podľa vstupu joysticku.

Ak sa netvor pohybuje, pustíme si animáciu prechádzky a ak sa nepohybuje, pustíme animáciu nečinnosti.

Posledná funkcia, ktorú máme, je, že nastavíme miestnu polohu príšer späť na nulu zakaždým, keď sa zmení poloha základnej roviny. Takže vzhľadom na to, ako je naša aplikácia teraz nastavená, Vuforia zmení polohu základného stupňa vždy, keď klikneme na obrazovku. Naše monštrum sa môže pohybovať po javisku, takže musíme nastaviť jeho polohu späť na nulu vzhľadom na fázu vždy, keď je premiestnená.

Krok 7: Dokončenie dotykov

Dokončovacie dotyky!
Dokončovacie dotyky!

Nakoniec stačí pridať nášho CharacterController.cs do nášho monštra. Prejdite teda v hierarchii na koreňovú transformáciu montovaného monštra a kliknite na ňu. To to vytiahne hore na inšpektora doprava. Kliknite na pridať komponent a vyhľadajte skript radiča znakov. Pridajte to.

Musíme sa tiež uistiť, že sa nám skutočne volá funkcia PlaceCharacter, takže choďte na herný objekt vyhľadávača lietadiel a kliknite naň.

V inšpektorovi by mala byť rozšírená časť, na ktorú môžete kliknutím rozbaliť. Existuje udalosť Unity s názvom „OnContentPlaced“. Pridajte k tomu funkciu kliknutím na tlačidlo plus. Potiahnite monštrum do prázdneho slotu tam, zvoľte skript ovládača znakov a nakoniec zvoľte funkciu „PlaceCharacter“.

Krok 8: Zoberme si to do telefónu

Zoberme si to do telefónu
Zoberme si to do telefónu

Ak používate systém Android alebo IOS, kliknite na súbor, vytvorte nastavenia a prejdite na nastavenia prehrávača pre svoju príslušnú platformu. V oboch prípadoch nezabudnite vložiť niečo pre identifikátor balíka (vo forme „com. YourName. YourAppName“). Tiež sa uistite, že máte v poli popisu použitia fotoaparátu nejakú správu.

Ak v systéme Android zrušíte začiarknutie políčka kompatibilita so systémom Android TV a zmeníte minimálny cieľ zostavenia na Nougat.

Buď kliknite na zostavenie a spustenie, alebo kliknite na položku zostaviť a nainštalovať.apk s ADB alebo Android Studio.

Ak máte systém iOS, kliknite na položku Build a potom otvorte výsledný priečinok v XCode. Zaregistrujte si bezplatný účet vývojára Apple (ak ho ešte nemáme), vyberte svoj tím a kliknutím na tlačidlo prehrávania ho získate do telefónu!

Dajte mi vedieť v komentároch, ak máte nejaké otázky!

Odporúča: