Augmented Reality App para sa Mga Nagsisimula: 8 Hakbang

2024 May -akda: John Day | [email protected]. Huling binago: 2024-01-30 13:14

Ipapakita sa iyo ng tutorial na ito kung paano gumawa ng isang augmented reality app para sa mga nagsisimula. Gagamitin namin ang pagtuklas ng ground plane ng Unity3D at Vuforia upang makagawa ng isang marker-less AR app para sa Android o IOS. Dadaan kami sa pagdaragdag ng isang 3D na modelo sa Unity at ilipat ito sa pamamagitan ng isang mobile joystick. Gagana rin ang pamamaraang ito sa anumang iba pang libreng modelo ng 3D na maaari mong makita.

Hakbang 1: Magagawa ba Ito sa Iyong Telepono?

Una sa lahat kailangan naming tiyakin na sinusuportahan ng iyong telepono ang pagtuklas ng eroplano ng Vuforia sa gayon siguraduhin na ang iyong telepono ay nasa listahan ng mga suportadong aparato.

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

Ang tanging bagay na kakailanganin mo hanggang sa software ay ang libreng bersyon ng Unity. Kung wala ka pa nito pumunta sa Unity3d.com at i-click ang kumuha Unity. Gumagamit ako ngayon ng bersyon 2018.2.0, kung ang bersyon na ito ay hindi na magagamit pumunta sa mas lumang mga bersyon ng Unity at i-download ang 2018.2.0.

Sa panahon ng proseso ng pag-install tiyaking i-install ang mga pakete para sa IOS o Android depende sa kung anong uri ng telepono ang mayroon ka at tiyaking mai-install ang suporta ng Vuforia.

Hakbang 2: Magsimula ng isang Bagong Proyekto ng Unity

Magsimula ng isang bagong proyekto ng Unity at tanggalin ang pangunahing camera. Sa tuktok na menu bar pumunta sa object ng laro, vuforia at magdagdag ng isang "ARCamera".

Bago magtrabaho ang anumang kailangan namin upang paganahin ang Vuforia kaya pumunta sa mga setting ng pagbuo ng file, palitan ang platform, mga setting ng XR, at paganahin ang suporta ng Vuforia Augmented reality.

Mag-click sa object ng laro na "ARCamera" at sa inspektor i-click ang pagsasaayos ng Vuforia. Sa ibaba, paganahin ang pagsubaybay sa aparato at baguhin ang mode ng pagsubaybay sa posisyonal.

Magdagdag ng isang yugto ng eroplano sa lupa at isang tagahanap ng eroplano mula sa parehong menu ng Vuforia kung saan mo nakuha ang camera.

Sa tagahanap ng eroplano palitan ang dropdown menu sa interactive, alisan ng tsek ang duplicate na yugto, at i-drag ang ground plane stage object sa walang laman na slot ng yugto ng anchor sa tagahanap ng eroplano.

Ngayon kailangan naming idagdag ang aming joystick kaya sa tuktok na menu pumunta sa mga assets, i-import ang package, i-input ng cross platform.

Sa bagong idinagdag na karaniwang folder ng mga assets, pumunta sa mga prefab, at i-drag ang prefab ng control ng solong mobile sa eksena.

Tanggalin ang jump button. Mag-right click sa hierarchy at magdagdag ng isang UI, system ng kaganapan.

Panghuli sa pag-click sa object ng laro ng ugat ng Joystick upang magdagdag ng isang bahagi, at magdagdag ng isang canvas scaler. Baguhin ang dropdown nito sa sukatan sa laki ng screen. Sa script ng Joystick baguhin ang saklaw ng paggalaw sa 25.

Hakbang 3: Lumikha ng isang Toggle

Ngayon ang default na pag-uugali ng pag-uugali ng pagpoposisyon ng nilalaman ay sa tuwing mag-click kami sa screen ang yugto ng eroplano sa lupa ay muling nai-posisyon. Kasama rito kapag nag-click kami sa mga bagay ng UI tulad ng mga pindutan o mga joystick upang hindi iyon ang gusto namin. Dahil kasalukuyang hindi pinapayagan ni Vuforia ang pag-edit ng pag-uugali ng pagpoposisyon ng nilalaman upang iwasto ang isyung ito maaari naming isulat ang aming sarili mula sa simula, o alang-alang sa tutorial na ito ay lilikha lamang kami ng isang toggle na binubuksan o naka-off ang pagpapaandar na ito.

Mag-right click sa joystick at lumikha ng isang UI, magpalipat-lipat. Palawakin ang lahat at baguhin ang mga kulay o teksto kung nais mo.

Sa seksyon ng binago ang halaga ng toggle idagdag ang tagahanap ng eroplano at gawin itong aktibo na object ng laro batay sa halaga ng toggle. Ngayon kapag inilagay ang bagay sa mundo dapat nating marahil ay patayin ang toggle upang pumunta sa pag-uugali ng pagpoposisyon ng nilalaman at i-drag ang toggle sa nilalamang inilagay kahit at itakda ang toggle upang patayin.

Hakbang 4: MONSTER

Pumunta sa window, pangkalahatan, at magdagdag ng window ng store ng asset.

Maghanap para sa "character monster" at pag-uri-uriin nang libre, kunin ang unang resulta at i-import ang isa.

I-drag ang halimaw na prefab sa ilalim ng yugto ng eroplano sa lupa na ginagawang isang bata. Itakda ang posisyon at pag-ikot nito sa zero. Itakda ang x y at z scale nito sa.1.

Pumunta sa animator at tanggalin ang lahat maliban sa entry. I-drag sa paglalakad at idle na mga animasyon mula sa mga folder ng mga animation ng halimaw.

Sa seksyon ng mga parameter i-click ang plus button at magdagdag ng dalawang nag-trigger na "lakad" at "idle".

I-click ang bawat animasyon at magdagdag ng paglipat sa isa pa.

I-click ang bawat paglipat at magdagdag ng isang kundisyon, ilagay sa paglalakad para sa una at idle para sa pangalawa. Ang pag-uncheck ay mayroong oras ng paglabas at i-drag ang lahat ng mga slider sa 0 sa bawat isa.

Ngayon nais namin ang bawat animation na mag-loop kaya mag-click sa bawat animasyon at mag-navigate sa clip nito. I-click ang i-edit sa bawat isa at suriin ang oras ng loop.

Hakbang 5: Pagkontrol sa Aming Katangian

Mag-right click sa folder ng mga assets at lumikha ng isang C # script na tinatawag na "CharacterController" at idagdag ito:

gamit ang System. Collection;

gamit ang System. Collection. Generic; gamit ang UnityEngine; gamit ang UnityStandardAssets. CrossPlatformInput; pampublikong klase CharacterController: MonoBehaviour {pribadong Const float speed =.1f; pribadong Animator anim; // Use this for initialization void Start () {anim = GetComponent (); } // Update ay tinatawag na isang beses bawat frame na walang bisa Update () {// ilipat ang character mula sa joystick input float x = CrossPlatformInputManager. GetAxis ("Pahalang"); float y = CrossPlatformInputManager. GetAxis ("Vertical"); kung (! x. Equals (0) &&! y. Equals (0)) {transform.eulerAngles = bagong Vector3 (transform.eulerAngles.x, Mathf. Atan2 (x, y) * Mathf. Rad2Deg, transform.eulerAngles.z); } kung (! x. Equals (0) ||! y. Equals (0)) {transform.position + = transform.forward * Time.deltaTime * bilis; anim. SetTrigger ("lakad"); } iba pa {anim. SetTrigger ("idle"); }} public void PlaceCharacter () {transform.localPosition = Vector3.zero; }}

Hakbang 6: Hayaang Ipaliwanag Ko

Una sa lahat mayroon kaming isang pare-pareho na float na tinukoy sa tuktok, kaya kung nais mong lumipat ang iyong halimaw nang mas mabilis o mas mabagal baguhin lamang ang halagang iyon.

Ang script na ito ay idaragdag sa aming halimaw upang makagawa kami ng isang bagay tulad ng "GetComponent ()" upang makakuha ng isang sanggunian sa halimaw na ito Animator (sa ganoong paraan maaari naming i-play ang mga animasyon mula sa code).

Nakuha namin pagkatapos ang x at y kilusan ng joystick mula sa cross platform input manager at i-save ang bawat isa sa isang variable.

Pagkatapos ay ginagamit namin ang dalawang variable na iyon upang i-on at ilipat ang halimaw ayon sa input ng joystick.

Kung gumagalaw ang halimaw ay i-play namin ang paglalakad ng animasyon at kung hindi ito gumagalaw nilalaro namin ang idle na animasyon.

Ang huling pag-andar na mayroon kami ay upang maitakda namin ang mga lokal na posisyon ng mga halimaw pabalik sa zero sa tuwing ang lupa ng eroplano ay muling nai-posisyon. Kaya sa paraan ng pag-set up ng aming app ngayon, muling ipoposisyon ni Vuforia ang yugto ng ground plane tuwing nai-click namin ang screen. Ang aming halimaw ay maaaring ilipat sa paligid ng entablado kaya dapat naming itakda ang posisyon nito pabalik sa zero, na may kaugnayan sa entablado sa tuwing ito ay muling inilalagay.

Hakbang 7: Pagtatapos ng Mga Touch

Sa wakas kailangan lang naming idagdag ang aming CharacterController.cs sa aming halimaw. Kaya pumunta sa root transform ng monster prefab sa hierarchy at mag-click dito. Hilahin ito sa inspektor sa kanan. I-click ang magdagdag ng sangkap at hanapin ang script ng character controller. Idagdag mo yan

Kailangan din nating tiyakin na ang aming pag-andar ng PlaceCharacter ay talagang tinawag, kaya pumunta sa object ng laro ng tagahanap ng eroplano at mag-click dito.

Sa inspektor dapat mayroong isang advanced na seksyon na maaari mong i-click upang mapalawak. Mayroong isang kaganapan sa Unity doon na tinatawag na "OnContentPlaced." Magdagdag ng isang pagpapaandar sa na sa pamamagitan ng pag-click sa plus button. I-drag ang halimaw sa walang laman na puwang doon, piliin ang script ng character controller, at sa wakas piliin ang pagpapaandar na "PlaceCharacter".

Hakbang 8: Kunin Natin Ito sa Iyong Telepono

Kung ikaw ay nasa file ng pag-click sa Android o IOS, bumuo ng mga setting, at pumunta sa mga setting ng manlalaro para sa iyong kaukulang platform. Sa parehong mga kaso siguraduhing maglagay ng isang bagay para sa tagatukoy ng bundle (sa form na "com. YourName. YourAppName"). Tiyaking din na mayroon kang ilang mensahe sa patlang ng paglalarawan ng paggamit ng camera.

Kung ang iyong sa Android alisan ng check ang pagiging tugma ng Android TV at binago ang iyong minimum na target na build sa Nougat.

Alinman sa hit build at run, o hit build at i-install ang.apk gamit ang ADB o Android Studio.

Kung ang iyong sa IOS ay nag-hit build at pagkatapos ay buksan ang nagresultang folder sa XCode. Mag-sign up para sa isang libreng account ng developer ng Apple (kung wala kaming mayroon) piliin ang iyong koponan at pindutin ang pindutan ng pag-play upang makuha ito sa iyong telepono!

Ipaalam sa akin sa mga komento kung mayroon kayong mga katanungan!