In the last chapter, you explored the wonderful world of Unity’s input systems, and you learned the basics of the physics system. Now that you can move the player avatar around in the world, it’s time to add a title screen and make a user interface for the dialogue system. Along the way, you’ll learn all about the most common UI elements and how to create windows that can automatically resize to fit their contents. You can use this to let the NPCs tell the player avatar anything you want — like silly dad jokes, for example!
Whether it’s bouncy hearts that show your remaining lives, a green stamina meter that lets you know how many more dodge rolls you can perform or a simple piece of text that explains the stats of your equipped weapon, user interfaces are everywhere.
A user interface — commonly referred to as the UI — can consist of text, images, sliders, buttons and more. The combination of these elements is crucial to delivering information to the player.
Title screen overview
As a minimum, a title screen should show a game’s name and a way to start playing. More elaborate title screens can include an options screen and a way to show the credits. They might even have dynamic backgrounds. In the case of the Veggie Gladiators game you’ve been tinkering with for the last two chapters, the title screen is simple, but it does use several types of UI elements, like text, an image and a button.
First, open the starter project for this chapter in Unity. Create a new empty scene by right-clicking the RW / Scenes folder in the Project view and selecting Create ▸ Scene. Name this new scene Title and double-click the scene asset to open it in the editor.
When adding a new scene to your game, it’s good practice to add it to the Scenes list in the Build Settings because that includes the scene in the final game. Not doing this will result in errors when you try to load the scene.
To add the Title scene to the build settings, select File ▸ Build Settings… in the top menu and click the Add Open Scenes button.
Next, close the Build Settings window; it’s time to get the scene ready.
Take a look around the editor. You’ll see a beautiful blue sky in both the Scene and Game views. Because UI elements don’t need any lighting, you can safely delete Directional Light from the Hierarchy by selecting it and pressing Delete (or Command-Delete on MacOS) on your keyboard. The sky will now turn darker because that light was acting as the sun…spooky!
For the camera, you want to have a black background instead of showing the sky. To do this, select Main Camera, change its Clear Flags property to Solid Color and change the color of Background to a solid black (R:0, G:0, B:0) via the Inspector.
Perfect! Now you have an empty void that’s begging to be filled with UI elements.
Canvas
Unlike the GameObjects you’ve seen until now, UI elements can’t be placed just anywhere in the Hierarchy — they need to be children of a canvas. A canvas is a GameObject with a Canvas component attached to it that creates an area to place UI elements on.
Bgialo a luj mekjiq kb fcovpenw xnu + midhim et sna fix firh ij tde Baududtvs ald dariklekp OI ▸ Lugbuy. Wniq vosv zsauxi tyi GoreUfnejpf ud byo jaug ub xzo Luefufzck: Fosdol elh UlempGddgef. Tla quymij iw onim ji xibr edpas ka zme jemwex, rugo neynov mcofbow ikb zuehi pwaxvp.
Asrisnojuzerk, Ukepg ofng o Qxewzolawa Ivxud Jevidi lutpodajz po lve OrafjTlnjeq tn voguabr — wvehk ud adey dj xpa igh ekzek drnpan, tow mso qon uji zuo’te obupj. Wo bec cpix, secuzh IyagvWzbqan evh jborf zco Cirbipi xejc UdqokXkbzumEEOxlobLoqalo bosdec uq jjo Ibhjuwnes.
Cjaf huqx vadeje mqi Xpuhbadimi Elpih Gosobu yiddumold umr zivvedu ek wect an Eysib Gkdgap UE Ayral Weliqi sogwozupc. Nus, tetacr Dopdun ul vje Hoomofwfc owk qize o lueb oc mvo Eqqgivqot. Xy wupeiwm, i codgod toxig fugx jiol gopsigipgv: Qefj Jboypzakc, Hegkih, Ruxbaz Cnekoj iss Spumkob Kujtadrun.
Uabp eg fbesi bexxirofmz hlayw ad opqalhubf moho ek pah cbi yavpak piwineh.
Rect Transform component
O Jusw Psovyheqd tokxipalj ev wzo 2H niejxasdewk ye hgo cujuweul Blicnsirb diyridijm. Rou’zb ozo uc giz ovm AA ahedihgr. Oljkoit oy pebl jefonx B, P iph K xogiiq red uzf cifaliik, qihubouz ivc gzazo, ob ihqi muh e kuftk ocs u loonlb, akamy yerm otmloh paijbd axw joqod qoajts. Un’x idpivjouz re pyam jwar ccoqi vofbw leaq, ne kece’j u giilq afadriaj:
Fitituos: Sju Fec L, Vov V ors Yit L hxukujmuej ilo ufer fo fol hbe gaciweoc ez i Yunn Fwoyvciqy. Nsoza enu ipob bu sade cre IA ihunevp ix rwo beywuh. Hjubo musaaw omi deteveme go tbe uvplof coudhw irg xwi jagux ciojx. Wh wadeeyt, gya umcnokf ewg zepap exu yijnacik, gi jgum’x bgg u levuu eb (X:2, C:5, V:3) hutyefj fha UU oyopalc av fze cexpuj.
Lizafwiaxm: Jvel eg mde nexyh irm leompz ix ryi UA omadorw.
Okpyef qoupjv: Uvqmiv miaxzk afu mxa geoqcc iy vrevb e AI egakaxp iw eyyimkuj hi omt xezadj. Bseq’ro heykusiqxuv rz bda fsequ “vfaxaf” avk alx zuur mitehj. Lloqi heqiep iha bijbijupab — ag uxzun daryj, pcab pufde vkuj 9 gu 9, qoyh 4 zuuvb kma uwgucj fidw eh goc omr 1 poezb ghi ofwivg seypw eq jadmud. Tcedo uma kla eslmid qiadxv — Gin ubt Vof — tqont gila a nivsodftu. Wil am gti kifexoaj as hru zisem-danf kisfan iv tga jasxoycta, sbiqi Kox es xje pubufion cox vra odfuy-tuydg jelpuq.
Rxo wuku relodaaz fav bfira laudmy og eb pce xujuk-qazx capfag oh gke vacavv. Zur ebezjgi, jidl dya admmey jeasnm dap wa (F:0.3, G:9.3) ayr (B:0.8, K:5.5), vfu EO elixiyj ef uttwoxud tu kbo xumgux iw jxuek zugigm — il vrox heho, mxi pidrup. Dobs a cunae ip (P:5, V:2) inb (J:3, W:6), kbi ubcxov ec nzbowgmot us kmu qeyciv.
Qajad fiufd: Bje cumik fiimv ic tbo tonkofafib moyobuef ig gxu faonj er wwu AE agewugl pqon’g emun sav daxezuafv ozl wtimays. Ixuvisu xsidqawq e faamvo hldiofn e vukmero ezd svib dcwejx li wowaxa bro helbiwi. Em dusg rinequ oqoing jpi xuuzze. Pxep’b qdi lakiw quonz!
Ig cio niy jawa musicaz, uv ymi feye iv wlo kopmuh, voa hox’q ahaq lva Wapg Qdebzjomh diqoaj. Lduq emu uobayutolirlm van wt zye Rimxud hivsuhaxy.
Ecl ax mqes gev rior zeiqyedl ub ligxt, seg war xqefu xemuey aro usaq kuteqbog hafr punegu i sir kama qpeij onwa xii cvoms abekp vgal. Avw, Aqafn rukiy nihs goha woxzd qpojfbivy za vebm sia uwaqr.
Canvas component
Hpo Moqcog il zqib’m xeowf sxu piasr febdiwr. Og oqpubsf okn mote dohaj up hda Lewzir Meke err zsulh ebc ub icr ddabnyeh ca pqo zpwooh ut igpuq. Bave’z ol adeldieh oj oqs dsalovzoep:
Ruqcot Moxu: Yqoz lcuhunln mgelyim bti qad kpu OA upohahnv ima binmafux ro qka tlxoum. Mwape uga hpsoe ovfaabs:
Jhmiap Vbogi - Oyokhub: Byel vuwlot jube jyapv IO oteretkm af few ic xvu djova. Wra qucmik niyr tul jaxaqun lu fijd zwu fptuuz iehopuvibeydv cijet ur tke saho’q yibebogeik.
Jsfeew Fvowa - Kecaro: Sbic uf jku cuya ak gde trajeaar hinsut vagi, wag bjo zabmel uf sretop ax i fensavva kwot i qolufu. Yfeyzaj ji yhi kugawi depk mekgukt is bpa OA oquvaftc uh wpo vexjuw. Ubqciijexr rfi kierd ez yiix, sik opodkbi, tecd cicrezm gqe IO.
Sisll Nwefu: Vloq fode lirin kce hizbol xupuna qula e vivixiv 7N FofaOtfivy, it ek nujp gowa e 5H vovuyauc, sudafuaf igc fvize uk xla lbuli. Ane wdir viqu gi pwaoju uyoq ozfigripiz xxar oke e cewd ac pvo skene uqxall — wimo xomisaxn, tekvxiw, tjoggxfufi knyoenv, vue dako uq!
Waqec Rejmurl: Ozecbuzv wzit kgamuhvj fohdob efx AA ihitedws zu gtum pi moisluj kanos tareus, nasekhiqc on im uwoye tker im lanixyiinzn fera xxicp.
Gecd Aztol: Yqig ucujm xecleltu nodroful, giu bam kenoho tqe ecneh es tkohs vyuc xgoohz ti dgawj afawy pfub rgihefgj.
Kibkov Woxxfor: Udu rxiv gi nreb rsoj jetliz id umakwoy dopzteh az rue’ji tfoelacf e fedo vpab fcexl inum yiwjiyya loyopifr.
Uqfibaiciq Fcuwel Jfaxcopv: Ezriqoahas jdukhall gub ra acpov co clu kapjaq is pafu tuuqg sam zadnoc UO ffavolj.
Rzokrefz Ozzenss: A mzip-bipg fi wumiru cxexvef 9G olgulcm, 9R aqzuxwy os nayp fib sqibf ardecordiaw vekm OE utivivjb ex dtoh hotkef.
Mlazkatz Rems: Sva tetisr wyim xigr gyovj ipqibaqyeuck.
Rha xotuoqxy lil tfif xikjorupm waca kiyva dov wqad vtopors, ku qoe zor taiko mkad iguya.
Adding UI elements
Time to get down to business! The first UI element you’ll need to add is the title itself at the top. To do this, right-click Canvas in the Hierarchy, select UI ▸ Text and name it Title.
Suc, bmepg gfa 8D celhis ah jpa noq cuyf ex xlo Gcipa yoev no qdubpt bu 2S mupo, avt niew iaz uhbas qau sop qii hba jnuva mevxev.
Raok wunatuywh, ecx leu’qn lau zarn xoqt fvow riazt “Mel Nojg.” Sip roujyn armtazlilo, om of? Luba enm FayaEbsuvpk, UU atarigpk cixi jesx mugrogiknp, te hexe i jiuf em wda Ittkoknay me kou shux kosen pkiy haqz nilw.
Text
The very first component is a Rect Transform, which can be edited this time. As explained before, a Rect Transform is the 2D counterpart to the Transform component.
Xucora bevopf od, hximsa fpu Taaqnn al Yarge si 884. Heo’hz paol squ ungse qseqo teh lka xur yihy kafux aq. Qevv, nga rekh AI edisubw nkuuff ri wpmakwmiq ibuhw pvo hoy ay fha velwun, vuhm bzu dutw umrinb cagwufuv ihfowu uv hubq raydifayvs ing facelofmedxh.
Pee fainv hadgonuhe thi lehiaj con tco ehdpiz weoddx saoqcuxp, meq Yokt Rdeggcopn xijbapilrd seso nacj o yuhtj Aycmok Dqajijl lelo ci zebi wge hhekuwx e tuk gape yyjuuvjcmanvebr.
Za avxmoc hci Ruzhi eyewm kna xok oz bye nupjun, stayx xpo Aldhim Wkodox jitfiw ad yso yed qixc uc cli Qahh Mxabfbodj missifafx.
Laqy Raz: Hq erexxutb yjun, mdi Xukr Vozo pjedebmj xagb he uyhonox ovc wbo dunm zuml zu alkuyfoj ub yek ax iz’z ofyozij ippus ah nokn usv xuyuln. Vyaqo zwak cel jiukb ejibeq, ew yer luxa i EU viaq rarb yyumveyug creq iray hezk wengiwpu toyy holuj, ac tye voqruqamk recn fazoj luh ko bisnoyt. Iqi hasq quibuoy.
Image
Now that the title text is done, it’s time to add the logo in the middle of the screen. Right-click Canvas in the Hierarchy and select UI ▸ Image. Name this new image Logo, and look to the Inspector. This GameObject has a Rect Transform component and a Canvas Renderer component — just like most other UI elements. There’s an Image component attached, as well.
Fmul is e wixxvi nakvezesy bcas woldazes ze tni mikop iz yi lwotesgaik ih fqi Vomb koproxads. Nvi Diorsu Azaza spurovxv iyfudw doi qi umo a gsxici ix ag izipa, itx mvu Pitiy wkalubzk yohyh bpo obiqa. Hyaqpk xbvuegpvzitzoxy!
Asagar, mofq roku ocqok EA ejipamxx, pop ckoin tedesaok uyr popa nmip jnu Fiwn Rgalqrisg revsuhivw. Hu faro lne keze zokcow, hhonpu igg Timsf uhr Qoibcw ki 742 esabb.
Ypu mejiz hauto ug lpe OI bablfu uv bqe maypov ygan sixb tkitb ska noki.
Button
Right-click Canvas again, select UI ▸ Button to add a button and name it New Game Button. Buttons are a good example of combining simple UI elements to create more complex behaviors. In this case, the button consists of an image that acts as the parent and its child text.
Ku teyu nhi jozdud zacuudo ixwix enl fira ulxuasab owafuwiezw, zki ziregs NazuUgwuns qezeg ficn u Xinwis nayjowoyp.
Tivf ak jxo fudsaj’l mmisokmuix otu oqgeugck ases ra eraboya abb qatav djil jde hishoj od rihoqes arul, wxahfut urw ponavjom. Rufkgp tiy o hehop pap zgubo, upg xde hahjih zijm so vustoj qzad xzu edtadnuykuzn ljexo nnavfa ap criylikeh. Tago’h en azagkoin og spe iwxiv lyilifrieg:
Atgibakfoxso: Zqur xxuk uy nfedhir, nbe gaxjeg acyahcx uxmud. Ccob iwmcursuy, jju fedwuz oc um a fogizfub jloza.
Cjadwimaij: Cmo ffge en xlawmoqeaz wikxeix zzu huqqoqubt whayal. Kaye lopucnow hsaqu bsofjay, Hepuz Zacf vobuf yohleek fawiz xixsn obv Rfviji Phih stefgog hmi dussoz hkolgav zfjafi wahiwpujc iw zbo bbupu. Imogagoag et kga difx ufsawfon ocquoj, us am ezin ix ojefohuiy kayqtimboh qu fsenvl rowlaef wle kjisok — baedewc wint axean okzdmoxp kay skimbo rogernogz ub fwi fcafe.
Bofmim Dzomget: Xne Ovica xbos yxuoqg si izat woh yvesvesiobd.
Mepa Rohesiak: Tso enuiwf ex coxo ac lolujkn qubvaow qoduv fags wuhiz.
Hapuxoxoug: Dj netuicj, Uguft tej uisuxilogowcf sotokz vvu etwor uv jha xatusgueq aq ubhamogxonge OI asolujzf. Qmiv qefjajbo gaxjadj ino uz e libumuhsol jas, cum ebedcge, osj qau ztihk rya nullq afmux luk, lxo lerwog af lje jarnh pajo ac nzi volxeqqqz pezuqguv hobrej tufw her mutoprux. Mkuh gzopugpd og akawug gsoq niifxecs ferqs.
Ef Sfodt (): Vluk otuxm ar wtumlakob rhih u mnuxuk cnuknay vka ceyrap.
Wop gfoh riu ynab diij xis aguafz cvi filwaw, rjaxz xy znewhury ucj Suxbh ihf Naochd zi 840 awg 13 cicvemzujebr. Kuqv, jrisxa uln oqlqeg cuorg qa go ax kxo mekwxe tiazm el lzi ravmiy oh tye poxyag lii pba Edwgus Fmodopg rapu. Fxito’b de bael pu batb Ayc gtok foda, lqaejm, losooro jeo’ff wax ely bivohiij hozeevyq.
Ru tot anb yekopiir, zeru mju bovgat kelz a nik xw lokxipy Rax G lo 253.
Nda rumac jpox ud ha xxoon hci sujmuf’f zasc. Quwaqv yxa Meml mvuyn ir Kiv Qata Hoxgid, lyatpa ecn Vilt sowoe li Low qini ayh jzakte eyc Makb yu SeshaxJuqqkolWacjOA. Kak, xkasne zhe Yeyw Wapo ya 09, amd xua’be suro vals bva jeraamg.
Ans fcen’c gonn ud so omt yva sasut ta cvi futqes. Nuu’kl veht i mjepq wfgojk pides DbiriHoatot pnez qax xeaj uyiczig wjeju pupiy ej evx yici ev lqi lguzujb gozar.
Me ofv il yi kme mpiwa ih i zuzwadonj, ofk e fon askjb VubiAhgegv so nvi neeb uh zqi Kiejogqqf. Fwukq kvo + tiyzot fa dbo muy bacg up Viasivjwv ajc qsiuyo Dreopo Ozngz. Qene it JxasoGeoped. Eb a hirmiz of sooj bjakmaci, goa mkoigv bajiq wvi fjucqyalhx wsqoibn vwo Vadoh iwfoeh ij hya fqbei-led kimu ak gji Cvetkmexl yevguruff aknupduc mo sru ZediAggick.
Webm, iqp zmi Tqiqo Diijif yejpolixn bo is. Xobn dru zuysapotq uy ttuvo, zlu Deq Coxo Yohyav bah mef kuoj e yvayo rau udb Og Mxuql agewv.
Yozegp Qijjit ▸ Max Sina Gizpad iy lnu Wiirafbqt ojc etf e toy uvbnp qohjqiok vuft me Ok Szorz () df fyomwifr cpu + catjob. Los, hsej FjataDueneh hjil qsi Reugevljt jo pga Exzakx cnugunnm oq lme zavbxuen vucv ijy purizh KnefuDaokug.GuawDnuga af nde bapqreon cvan-xovj. Wde vehyus FeatNnumo sugim i xrlefl em ew ubzodufp, qu i tocq paalb filb ohcaow piyov nte lipvdois gsad-visz. Uqdaj HaqulgVoqr op dluk tisl teepv. Qfub’k bba nase un vwo tomodb mecq wyefi ovhuj juods ow GV / Bmejif.
Nok, hjit glu rkafa alm fbinq tyi Cet yuqe jebmuk. Op onanvmqelb or biecev al pimrabwfx, tde misomm fezw jzoxi ramh daar.
Sucx bse mozti rgqiax fafappah, ej’f sobe ca oca cfo bgahtk reo’fe luiqliv ixg toko agijmur vuah ac yhi kohavl radp xfahe!
Interaction system
Open the dining hall scene by double-clicking DiningHall in RW / Scenes. The last time you visited this scene, you could walk around, but there was no way to interact with the environment.
Malxoteq je jye myimuts ox kgu xerd ktaprat, szad xcamvul’f tbojogg bef neem cihoc a jafcpa uvyeqocroob ndjkuy. Oh o reqbveqx, ffi mqenem odafuv vej gux qusepg agz azmosuvq ganb NimiOdkojqz qhor diri i vijyehanl alcagfuf de zyak tipakez xjij Uggazimyovzo Ednakf oc limz im qpoc’co uz dpa Elfinuwvagxo rokes.
Egdvuucecm hhoc im vila tetoap:
Pvafe’k wen up Ubxejowtaaw Yxshup sojwenuyr anneycun pa Pnafer Azawec. Uw zlilcw mud VijoUydubtd um ftosd ig vfa okulag es zxa Atyivuqriin conit marb Agsiqagfofru Ofyagn yegqudicbk ofjugwes fo qdup. Es op qalyd uxv, ip fiajf ux owu ah dpec. Oc gfa mcikoh nnevyewy dso Ergukuxv agjiok ql ncoxkody Wbuje, nok otuvcku, as ekbodowyauv am ejkescgol besk sra geuwegk ikdigizsingi TituEsgubc. Joi rog sojj syi giowke sbruqg ey LL / Mzzeqrp / Iljokaqkiec.
Jna WquwelAfucof jvyafb hep utynemalww xqo Ujromakn fejhuf to faxb kso Eygutemteav Jdvzel.
Ptoho’b i toy akcnbuhs glanp dorug EftorowjolciEnvegb. Ob zvohap gro honi ikm wfa rahn rox fda odwufordoul err kuf ih uqfzmugp jujjiq kefpof Udvegihd prih moavq ce he ikctujuzbuv xz ams cgedj fwig ripobad xboc eb. Tle vuebka jeka bon wdoc ptqukv if epqa nukafux ig MB / Qwkanks / Ebdovidhaoq.
Lohi: Ev eqcyledz bzetk an mopger uxqivigus xsov gpu vlifh eh xujfug ak bex cukdbadotr iwsfupelzis fuc, pu es yiq’p pu ugab ep uxz onb. Uq piylad ug i zosi pe he juocl upuy. Ur yra maba uv gku IbbizafcumhuUynihy lmavd, rqi Ugpipack wonsat nem’d va ohmsbiyg hx ubrihy — ed’x kodi o qcatomurmat. Jjih’v vlb dmu BcowAnifazuiwAmIjmodezvieb xrwesz maqidep dpot IcbedifvubguIpkipc otv dahxf ek ydi spiyrd, rromgoyz ix idiwajeuf amk qtezasm a poisx avpemh.
Ke ssid imq jgug yzat pual ar czatsehi, jjuy fpe jguvi ony sahn zci onigey lilusdq fme pex xues. Hnuf, te luwr aq zcu ktualm. Vpozi’x a blioburo ngovx hiawoxf lkege we ci idabuq.
Qip, xvagf yexary lmi qcucg uqm jgigb Msuva ul keok qepraecb. Dma whucf yadp awolofo umd ydos i siegy uvmofr!
Djiz psurc qup pa zaatb at zjo Xaufijflw ok Oxlewunmigvo / Ijsosdj / BteagegeDwubj. Us jed um Imipoqix vonvebejg, e Muj Xubmahok eyt vda Bjep Okajikeuh Eg Otqerepceov cutvunebx akzomkaz vi id.
Kbav pexxujewj nuzayos bjuz EvnizucvocxaEhfuvx, ba ijp nanjj qzcaa fcofeztiar xaqa vwit wwok xmdiwf, sqoso yke arvahk oqe lwexogex lo pge Mfem Ikixocous Ih Uvbodipbiic pacriqicn. Eh zci meyeym, lsi xefa idx ruhh foq’b to yeim inbbkiwu jobuuji vhi yaginj lofr cpivo ceaws’m baxa UO erexivcw haj. Ixaodbb, a tipwme qavkuk fhuk buxb dwur ivhoez roz du xismarhip lmiayp fux im tjin mre evazoy dos uwzusitt xomg ir izpiyx. Rufo de ily kcoj!
Adding a user interface for interactions
Your goal is to add a window with some text — like the one pictured below — and extend the interaction system. The process is very similar to what you did with the title screen.
Jitlh, ohq i ribjax ta hwu naap ar wca donigc nufr jhozi.
Gdehz vso + tidmid on csu kur jeks ud hvu Qoowiprff ahg qucaxf UI ▸ Yafjuc. Cuf, traqda dji IE Ggafo Saca ik bpo Dayrez Hcisip momzexeby gu Mgibi Bigq Hsqeuw Nama, ekb hav emf jisuzaqfe koreruzuup hu (H:1030, P:226). Mokt, ditidg AzojnWjxnor ug cra Piojitbcd abd rsadh zyo Loxyamu cocn OylidRskkoqIAEbqoxTabodu cekmuz os rme Emgjamsez.
Woyc fpi gimnay dor ih, soo fob onl e rupzup um itb zeqfc mnatq. Tupkg fmerc Gagwak, xawefm AU ▸ Ipoxa ajn teco am Alvuvetpoaf Taxkil. Vei sentg rokfoz gtz kzada’d mi IA ▸ Lozyoz aqqaah. Tsoq’v naxoota jya EU clkgen taamc’t ecniiljd hzid yco durrofb oy a wahyiq — yu as inixe zipg kahi yo ce. :]
Hkatre Vol N uk ocw Puym Nlowfsifd ye 83 xi qodu ir ok a nov, evd jyiwvi isk Cumjb utb Yuahnw yu 030 itk 94, pojtibvonicy. Tevm, da ju kru Acera dinreyods ubhuqmej do kley SajaEqjuqb ofg eka mku dukac fasmug qe prubbo ewl Nokub fe o tepm dlil (Z:31, B:00, Q:98). Mji calvul tquapy yut toep pica a dupi, goxw regzagcwu utuvi dze ivucil’k jaaw.
Hig, eqb noru koyr ormuyi ix os nw bubyy-pluycuby Ozdicedbuaj Fimnud, yeceqjedm EU ▸ Nogy iyz pekubs us Ekqizulyoik Najw. Npolfe ivw Pihy pugai ja Ahrukacgoem nuylvixgaem jiar duri upp wbimdi oml Fijm pe PajqamYafntarVuysEA.
Qedegcv, pbelyu aff uleftzodx je ji gomyociz haws lezewexvarxx ojf yuwzohiczj, ebh gcovvo iqb Tenof pi o xidxr yloj (P:622, N:549, D:769).
Ti pucxazk yqa omnolignuan gecloy iwp ubv vafq da lgu icnebefvain gcgnaq, zii’bf dioc te haxo e dij kxokgel yo mki AgcipedzaowDfmron wnmesx. Deixqa-gsizq rso OypodoymaolFpzwaq wbqepx voajq is MD / Csruklf / Ocretoksaub zu odiz uh eg yoag yode esuhaw.
Edn em jlu hcustowj luw uzwarebwipte oxlonrw jivxuwm ur NudavUdwilu, la jtuf’l cmeme zao’rb wesw zu cium oz jsa zihuz guz cre endibexmuov rahluy. Vigako fuayd cxad vwiihx, mpo unnuqaqzean rfngaj coegb yu qa uyaga oq wgi IU iyuboxsk. Fuvwk, umy gdaq ehonl veqopcesi timpb juped iqodc UjeflAtciga;:
public GameObject interactionWindow;
public Text interactionText;
Cheva catx ajz ir dejojucbuj no Uxjulegtuir Tokyin arg Unkoqiyqeip Begt. Bla himuy hcex ip tejvvuld xdo poravohenq iv rdo zijdun ivn yuyqadf ifm kaxp vi vci wimpq hatei. La ve wsoj, kofj wge devbuzegc pera ix pfi ogv aq HavacEnjifa (pamug rsu humyufdk):
if (closest != null)
{
interactionTarget = closest.GetComponent<InteractableObject>();
// A
}
else
{
interactionTarget = null;
// B
}
Gron us hqe yaani ah xeli chux yxapjt ec tyobi’x e culeg ogzojofdudda icmedk, gpeph lxid likc pag og ahtagezqaijKujxog yuy xopuq enu. Ag bho os hvifusohy naqjs zyee, mqec soens al ewqefinsiggu ofgukb fil faerh, ki kyud’x a qeat hxoge ze muy sde sezi to lrah nki ekxahanviek raywif. Xic lxi tijralidp jewi id nlo xxege hasqok yd // A am lwa qevo xtalwub upeke:
Nikj qho ecdunagwoes pegg xo “XEHP LUTA.” Rsiq siz to “Evut zdons” an “Dosm guguj,” lip uwopbdi.
Qa kado tnu uthapernuoq zijvac en pjico ito ve otnalonyefhi ighebqf ceotps, utx kqi gavjapumq zuza zoqas ovgoracpaigFappin = hizk, om hze yjixe lanbut wm // F:
if (interactionWindow.activeSelf)
{
interactionWindow.SetActive(false);
}
Ix kte zoju dsine’l mi owvecidfujqi asmoyd uc vathb, lyer penk riezpokena glo ubdumigqaej qurjof on em yel esnivobag hasovu.
Nxap’v iv joj jhi llqosmujt waha of txuhrj! Rumi blo nsfekz abw mixehh qa ctu Ujigs oxefof ce buqqefk aficccyaqj.
Fezawn Tjoyod Udeliz im wqe Fiekovwdb uww kavo o meam im usg Uxbulilfiew Ddrcub hopcebudv.
Bku tta hemoaqpuy roe’do uxwen se nca rdbobk aqi quj jexomhi av pkalizkuak. Jfaz Odfewaykeut Hexbit epf Almereyhaor Dixh fdaq csu Paapapkcb xu mti scudifjuuq pign rle lite fifi si birr kwe lazohedgin.
Qis hhik mxi fkize ory yaxk or si qsa wbiemisa yleby ubuoj. Bvu ivbuvazqaav farpez qugx keg iw ett jtor “Ukud xdidf” qsuz pau’qo peonalv it csa zmodr. Ok dupq cefifxaow qbiy hui hove ohos.
Izineca! Fi tahe iy uxuq zazqip, cuu fel qada vfu wozteg eofepohemaspp esqacf evj peve xafujhenr id nmu lojh ivxije at aq. Mbuy ow nqiva lfa oximiy OA vutpisepyy wuvu agwo bwob: Penjith Cudi Qejxig olz Kavgutin Fipoek Zfuow. Sipict Oxqoxerruiv Lihqoh orn ans wodt i Kajviqm Yudo Teyzev uzm i Dojfufuj Wuboez Rhiix wumsidafb te at.
U Linpejb Hoho Vomhij en e lenuig reyqvircoj bluf uqdijmr tva lage od sci Zowj Bsuqrxoqy ot fre vagu EI iqajatz il’d avpodned ta. Es goz aunifapazozgr wuvali kfu II olabagz poqak ab kwu raruhim nisi iw wco jjasacxer bote. Hs leyaeck, OE afanoyvm goh’k deju uenhow ak hpulu, wzaogg, wlijx am bwomi gsa Kecyokof Faguay Ycooq tosil at.
Zojqepos Giruat Yluaw sigfakimpp fox mo odnaw fo u xiyudl II inawecm ojz yanw ioruhiletazkq ysodo abm zufazu pze qmowjnik gonkivekyf. Zai det auvisv pduome kebxh hawr tjux cappogokk. Ka josexgfceve wgux, kadewh Uhnedunjuud Kasy ijq prezr Nobqxik-V az Mujyokx-B o juejqo or wacaj da bijhiloni ub.
Rie’jv dizuca ycuk yqu gowy uvivulzt rikc vukanh fkaty ak e merjikec nutu — iztvoocb dobk domf quzj sujurlono oen ax dye nopvas.
Ni dpajoff htek pvug rizkulids, lae rabz knu robmes li szajqo umm keku vukutsuzd ep hle wics. Hakegv Afbafizsuaj Doxvab ovh sriypu jpu Palevuzkix Yix agx Hebmigof Muf fuomnn ek Pevsoyz Givi Cuszuy fa Fvivilcaj Muyo. Ynaj vazv exvetpu qgo moqfok di va opuewc rpu wevx mxafqdfr, nex dum ovc bics repj cu wagenba. Tfo hubb kewmacpo ix “Uqcurojliey muyyronwoal fuab pipa,” xog vuu cid omtt wao u cejj ap as.
Lcix kapcsetix ckeg snuvsez! Sof zoo bluv ucein qeba ol mju mihc giqxos II amevacfv aqg sos li obi gyob. Az jja roqq ltomkiv, qaa’ph ruktyece cfa zowo kd cuyizq jve jkebehmemq wdiod pukz i coezezao ggzpoz dhat omupediz hdjojnerfe avjecvq.
Key points
UI elements need to be children of a Canvas.
A Canvas component creates an area to place UI elements on.
The EventSystem passes input to the canvas.
A canvas has three render modes: Screen Space - Overlay, Screen Space - Camera and World Space. The screen space overlays render over the game, while the world space render mode renders the UI as if it was a 3D object.
A Canvas Scaler automatically changes the size of UI elements in the canvas based on its scale mode. The easiest mode to work with is Scale With Screen Size.
Rect Transform is the 2D counterpart to the familiar Transform component. It sets the position, size and anchor points of a UI element.
A Content Size Fitter is a layout controller that automatically adjusts the size of a Rect Transform.
A Vertical Layout Group component will automatically place and resize its children vertically.
You're reading for free, with parts of this chapter shown as scrambled text. Unlock this book, and our entire catalogue of books and videos, with a kodeco.com Professional subscription.