Při práci ve 3D prostoru pracuje Unity s kartézskou soustavou souřadnic, kde každá pozice je definována jako struktura Vector3 se třemi osami (X,Y,Z). Globální vs. Lokální prostor (World vs. Local Space) V 3D grafice je kritické rozlišovat mezi dvěma orientacemi: Meshes a Materials Mesh Filter a Mesh Renderer Materials a Shaders Samotný model je jednobarevný…

Při zakládání nového projektu v Unity Hubu dostanete na výběr z několika šablon. Volba 2D šablony automaticky přepne editor do režimu, který usnadňuje práci s plochou grafikou. Hlavní rozdíly mezi 2D a 3D režimem v Unity zahrnují: Sprite Základní grafický prvek 2D hry.V Unity je reprezentován komponentou Sprite Renderer. Pokud importujete jeden soubor (např. arch…

GameObject je sám o sobě pouze prázdnou schránkou. Aby se z něj stal skutečný herní prvek, musíme do něj vložit konkrétní vlastnosti. V Unity to děláme pomocí komponent (Components). Co je to komponenta? Komponenta je samostatný funkční modul (skript), který lze připojit k GameObjectu. Jeden GameObject na sobě může mít libovolné množství různých komponent, ale…

Tato třída reprezentuje jakýkoliv objekt, který může existovat ve scéně a její hierarchii. GameObject v sobě obsahuje kolekci komponent (Components), které definují jeho skutečné chování, vzhled a funkčnost. V C# kódu se třída GameObject používá k vytváření nových objektů za běhu hry, k vyhledávání existujících objektů ve scéně, k aktivaci/deaktivaci objektů nebo k přístupu ke…

Bootstrap je nejpopulárnější open-source front-end framework pro rychlý vývoj responzivních webových stránek zaměřených na mobilní zařízení. Obsahuje připravené šablony návrhů založené na HTML, CSS a JavaScriptu pro typografii, formuláře, tlačítka, navigace a další komponenty. web: https://getbootstrap.com/docs/5.0/ front-end – část webových stránek, kterou vidí návštěvník back-end – administrátorská část webových stránek Instalace Bootstrap připojíme v headu…

p5.js je JavaScriptová knihovna zaměřená na kreativní kódování (creative coding). JVychází z jazyka Processing, ale je plně přizpůsobena pro webový prohlížeč. Webová stránka: https://p5js.org/ Sketch – další název pro p5.js Základní struktura kódu Sketch se skládá z dvou hlavních funkcí: setup(): Spustí se pouze jednou na startu aplikace. Používá se pro počáteční vytvoření canvasu (kreslícího…

Document object model – DOM = jednotný zápis objektů, jak se budou řadit a jmenovat – nezávislé na volbě prohlížeče Základní objekty Window Aktuální čas a datum aktualizované pomocí location.reload: Location se skládá z: protocol://hostname:port/pathname/?search#hash Window history Window navigator Dialogová okna Upozornění nebo chybová hláška, která se otevře v novém oznamovacím okně: Dialogové okno s…

Události Dokáží zachytit určité chování objektů. Události se zapisují takto: Typy událostí: příklad: příklad: Jiný typ zápisu události pomocí „bind“: Můžeme adresovat objekt pomocí „this“. příklad: Další typy událostí: Adresování událostí bind – umožní registrovat různé typy událostí – dva parametry – even type (String) – jaký typ události se má registrovat, + funkce, která se…

Můžeme ovládat zobrazování a pohyb vybraných objektů Efekty se vykonají pokaždé, kdy jsou spuštěné – pokud je zrovna vykonáván jiný efekt, další se zařadí do pořadí a efekty jsou vykonány postupně v řadě za sebou. Určujeme u nich délku trvání animace (v milisekundách) příklad: Metoda Animate I kaskádové styly se dají měnit skrz efekty, k…