Unreal Engine 4 intro + Blueprints intro

Založení projektu

V Epic Store klikněte na launch u své nainstalované verze. Vyskočí na vás okno s výběrem možných kategorií. Vybereme si kategorii Games.

Template si vebreme First Person. To nám vytvoří ovládání hráče/kamery z prvního pohledu a rovnou zařídí nějakou fyziku abychom se nepropadali podlahou.

Project settings projedeme po sloupcích. projekt si dáme blueprint-maximu quality-raytracing disabled-desktop/console-no starter content a vyberem složku ve které chceme projekt vytvořit.

Přehled GUI

Po spuštění projektu byste měli vidět něco takového:

Dole je browser ve kterém budete mít všechny assety (kódy, zvuky, grafiku…​ všechno), vlevo máte nějaký primitivní build in věci, odsud budete v životě potřebovat asi jenom světla a možná nějaké zdroje zvuku ale spíš jenom ty světla. Napravo nahoře vidíte co ve scéně všechno máte a nemusíte to hledat kamerou a složitě naklikávat. Když si něco nakliknete tak vpravo v detailech vidíte různý vlastnosti objektů. Teď jsem si nakliknul kostku, jednak můžete vidět že se mi objevilo gizmo za kterou jí můžu tahat, fungují klasický grafický zkratky W/E/R (posunutí, rotace, škálování) a jednak vidíte že se mi v details něco objevilo.

Z vlastní zkušenosti čím hlouběji skrolujete v details tak tím míň důležitý jsou a tím míň jim rozumím. Důležitý je že můžete klasicky měnit pozici, rotaci a scale. Můžete měnit materiál, můžete měnit mesh. Objekty v UE fungují většinou trošku jako třída, není to jen ten 3D model co vidíte na obrazovce. Většinou ty objekty na sobě mají nalepenou nějakou funkcionalitu v podobě blueprintů, nějaký zvukový zdroj třebas, možná světlo, něco co řídí animace atd. vůbec nemusejí mít komponent s 3D modelem. My si jeden takový zkusíme vyrobit. Další důležitou věcí je že ve scéně se můžete pohybovat, když podržíte pravé tlačítko myši začnete se rozhlížet, když k tomu přidáte WASD můžete se pohybovat, QE vás posouvá nahoru/dolu. V horní liště na právé straně je další důležité tlačítko a to PLAY. Když na něj kliknu a kliknu do scény, spustí se mi simulace hry, pomocí Esc ji lze vypnout. V horní liště ještě můžete najít tlačítko build, to je někdy potřeba zmáčknout, UE vás na to případně upozorní. Většinou v případě když zapékáte světlo.

Tvorba materiálů

Rychlá odbočka ale bude se to hodit, pravým v browseru→Material. Dvojklikem otevřete už něco co se podobá blueprintům.

Vidíte že tam můžete nacpat PBR (physical-based-rendering) textury jako je albedo/diffuse + mettalic + roughness + normal atd. Textury tam můžete přidat tak že je v UE naimportujete drag’n drop do browseru a potom drag’n drop do materiálu, Vytvoří se jim vlastní node a vy to jenom propojíte na správný místo. My si teď vyzkoušíme vytvořit materiál jen z barvy. Když přejedete nad vstupní konektor/kolečko tak se vám kurzor změní v kříž, zmáčkněte levé tlačítko, začněte táhnout doleva šňůru a pusťte. vyskočí na vás tabulka co tam chcete připojit/vytvořit. Klávecnicí zadejte "Constant3Vector", dvojklikem si ten nový node rozklikněte, vyberte si barvu, zavřete a vlevo nahoře dejte apply. Měli byste býti ve stejném stavu jako já:

Teď to můžete zavřít, a pomocí drag’n drop z browseru na objekt ve scéně ho použít (nebo si rozkliknout details objektu a tam to nastavit). Měli byste vidět, že se to skutečně aplikovalo:

Co jsou blueprinty?

Teď se už se konečně dostáváme k tomu co jsou to ty dříve zmiňované blueprinty. Blueprints jsou vizuální programovací jazyk na jehož pozadí běží opravdové C++ funkce. Pokud nevěříte dvojklikem se dají rozkliknout a otevřít ve Visual Studiu, tedy alespoň ty custom které jste si napsali sami, lze totiž přidávat nové uzly s vlastním kódem, i když to je momentálně nad naše síly, víme alespoň, že to jde.

Nyní si zkusíme vytvořit světlo na pohybový senzor jako actor blueprint.

Na youtube jsou tutoriály jak to udělat v globálním level blueprintu ale my nejsme řepové a zvládneme to udělat v actor blueprintu. Jednak je to hnus podobně jako glovální proměnný, ale hlavně nám to dovolí si dát takových světel do scény několik bez toho abychom "kopírovali kód" v našem level blueprintu a pro každý světlo všechno pořád nastavovali dokola. V našem případě to bude zkrátka jako bychom si udělali classu a potom už jen vytvářeli její objekty.

Pravým v browseru → Blueprint class → Actor → vhodně pojmenujte → dvojklikem otevřte. Měli byste vidět něco čemu vůbec nerozumíte (:D mistr humorník). Červeně jsem označil místa který nás zajímají. Vlevo nahoře je hierarchie komponentů ze kterých se ten actor skládá většinou je to nějaký 3D model, třeba nějaký zdroj zvuku atd. Potom tam jsou 3 karty, nás zajímá jenom viewport kde to poskládáme a potom event graph kde těm komponentům dáme logiku jako takovou v podobě blueprintu. Je tam samozřejmě ještě tlačítko compile aby to fungovalo.

Nejdřív si tam vytvoříme komponenty který budeme potřebovat. Čili bodové světlo a colider do kterého když vstoupíme tak ono světlo zapneme, když z něho vystoupíme tak se zase vypne. To uděláme tak že vpravo nahoře klikneme na zelený tlačítko "Add component" a do vyhledávání napíšeme light.

Analogicky to uděláme pro ten collider. Akorát do vyhledávání napíšeme "Collison".

Potom si ten sphere collider naklikneme a napravo v details tomu dáme scale asi tak 8, jinak by to bylo moc prťavý.

OK, máme to připravený, teď půjdeme udělat blueprint. Nahoře jak jsou ty 3 záložky se z viewport překlikneme do event graph

Tady jsou 3 triggery které při určitém okamžiku spouští signál. Můžeme si představit, že v blueprintech jezdí signál zleva doprava. Vlastně to se dá i vizualizovat když si nahoře kliknete na simulate tak vám tam budou jezdit kuličky po drátech a vy uvidíte co se v tom blueprintu zrovna děje, můžete si to později vyzkoušet, dát si blueprint na bok monitoru a na zbytku si pustit hru, teď to dělat nebudeme, ještě ani nic nemáme.

Ten prostřední moc zajímavý není, ten první je důležitý, spouští něco při startu hry. Ten poslední je zajímavý a někdy ho určitě využijete jen ne teď. Pamatujte ale že existuje, spouští něco při každém snímku hry.

Všechny označíme a smažeme pomocí delete. Začneme od nuly. Potřebujeme trigger který nám pošle signál když vstoupíme do collideru, do té naší koule. Pravým na collider → add event → add onComponentBeginOverlap

Měli bychom mít červenou bublinu která posílá signál když něco koliduje s naši kolizní koulí. teď musíme říct co s ní má kolidovat. Teď přijde trochu magic který by mě nenapadl kdybych to někde neviděl. Blueprinty většinou fungují tak že si najdete tutoriál na to co chcete udělat a když už máte nějaký zkušenosti tak to zvládáte kombinovat a víte co a jak. Vytáhneme špagát z hlavního konektoru který je bíly, ostatní jsou barevný a většinou to jsou nějaké proměnné nebo tak něco, bílé jsou vždy jediné a ty hlavní co posílají signál dál. Vytáhneme a pustíme, vyskočí nabídka co tam chceme vytvořit, do hledání napíšeme "castToFirstPersonCharacter", bacha možná si v rohu nabídky musíte zaškrtnout aby to nebylo context sensitive a dovolilo vám to nějaké chyby.

potom ještě připojíme other actor na object

teď si tam pomocí drag’n drop natáhneme uzel našeho komponentu světla

nakonec potřebujeme uzel který nám to světlo vypíná, takže pravým do volného místa v blueprintu a najdeme si funkci "set visibility", vybereme tu v kategorii rendering.

pak tomu nastavíme New visibility na True (prostě to zaškrtněte na fajfku) a zadrátujeme to tak aby to ovlivňovalo stvětlo tohle naše světlo právě když se zaregistruje kolize s hráčem.

teď máme udělaný zapínání světla když hráč vejde do našeho colideru, laskavý čtenář si jako cvičení udělá vypínání. Jsou to skoro stejné kroky, jen na začátku je endOverlap a na konci není zaškrtnutá fajfka, já jen přidám obrázek do kterého se máte dostat.

Teď se jako Láďa zeptám, "Tak to vypadá že to funguje?" a ano funguje, až na to že světlo nyní začíná defaultně zapnuté takže vejdu dovnitř, nic se nestane a až potom co vejdu ven se vypne, potom čeká nežli vejdu aby se mohlo opět zapnout. To je nechtěné chování, radši bychom kdyby světlo bylo od začátku vypnuté a zapnulo se jen tehdy kdy se k němu přiblížím. To by se ale dalo udělat přes ten trigger který posílá signál se spuštěním hry který jsem zmiňoval dříve ne? No jasně takže pravým→eventBeginPlay a přidám set visbility funkci nastavenou na False.

Tohle je náš finální blueprint:

Každý uzel set visiblity může mít klidně pro přehlednost vlastní uzel s tím point light abychom tam neměli troj-nohou chobotnici, to nechám na vás jak se rozhodnete to udělat.

Teď nahoře hitněte compile, zavřete to a drag’n dropněte to z browseru do scény, doporučuju někam na ten tmavě šedý kvádr abyste věděli kde to najít když je to na začátku hry zhasnutý.

Můžete si to pustit nahoře pomocí play a vyzkoušet jestli to opravdu funguje, případně si s tím zkuste pohrát, můžete si třeba změnit barvu světla, ale na to už určitě příjdete sami jak se to dělá.

Tohle by vám mělo dát solidní základ aby to pro vás všechno nebyla taková magie. Snad jsem vám pomohl a zakceleroval váš start v UE4. Měli byste být minimálně schopní se orientovat při vašem dalším rozvoji. Hodně štěstí

Lukáš Marek