0:00:15ta je dobře tak vás tady vítám dneska
0:00:19když už docela pozdní hodin tak zkusím to teda si trošku lekci se tam se
0:00:23na začátek
0:00:26takže sou
0:00:28jo
0:00:29takže tam se vás
0:00:34kdo z vás majáky zkušeností z vývojem
0:00:39schopen že jel nebo přijde aplikací zvedněte ruku
0:00:43no nebojte se nikdo jinej
0:00:47tak nový něj ve škole vůbec nevadí no a kdo z vás třeba
0:00:51píšeme vy jo dělat si to mohl a podobně
0:00:56no tak
0:00:58smeaton přesně naopak protože já teda ve bass přiznám se ačkoliv mám firefox na starosti
0:01:02tak vybafne jsem
0:01:04takže to není úplně moje parketa takže spíš sem tu přednášku pojmu jako takže
0:01:09člověk kterej zvyklej psát klasicky C plus
0:01:14a chci udělat něco pro
0:01:16von jako no pro nějakou dobu aplikaci obecně no
0:01:20no se to taky nějakou víme
0:01:22tak
0:01:24vůbec proč vlastně dělat hrej na webu
0:01:28jo
0:01:29v podstatě největší výhoda je že to spustíte všude jo tablety telefony
0:01:34kde co to dneska spustí jo ten prohlížeč
0:01:38a sou protože je docela dobrý nástroje můžete používat
0:01:41file back možná je takovej ten
0:01:44tu konzoly teďka ve své foxu jo ve chrome taky nějaká věc na to
0:01:48nevýhody jo ten že vlastně k té poměrně pomaleji
0:01:52a ještě k to není tomu to není moc typovaný jo takže a to nekontroluje
0:01:56může tam dělat čili kasárny
0:01:58neuvěřitelný zrůdnosti jo to je nic všecko jedno všecko to ze že
0:02:04vidíte že ta rychlost třeba ste plovoucí čárce není moc úžasná těch
0:02:08tisíc
0:02:09oproti čtyřiceti takže
0:02:11tom těla sektory spustíte chtěl si dělat K na
0:02:15neska nějakým I i sedum jo tak dneska s to máte sme pentium vtom
0:02:21dělat textu
0:02:22eště že máme ty grafický karty tento dokážou
0:02:26do školy kompenzovat
0:02:28tak jaksi webový aplikace neubec
0:02:32tehdy
0:02:33když už mluvíme jak je psát jo buďto můžete použít čísly těla skript a použít
0:02:39ten hotel opět kam do vás jo
0:02:43použít k tomu ještě T další knihovny jako to bylo na ty že kvéry
0:02:49dokonce to kubik je koukám
0:02:52nějaký předpřipravený
0:02:54určitě znáte takovýhle
0:02:57typy
0:02:58vydala musila tady ten
0:03:00brousek vést
0:03:02jo taková ta
0:03:04no myslela
0:03:07úplně řekl bych ta první
0:03:09co s co se viděla
0:03:12máte tady dokonce že zvukem
0:03:14naučte chodí s tím není no
0:03:16jo je to čistě jenom vjede
0:03:20nic
0:03:20nic jako zvláštního
0:03:23ta tě tady na tomhle není potřeba dělanej mega výkon jo
0:03:28taková jako unk tečka demo
0:03:31spoustu podobných věcí
0:03:42no ten ještě vidět
0:03:44slajdy který nachystala mluvila co příhodný
0:03:48tak další možnost je použít ten com pile C plus to vám tady ukazoval pavel
0:03:56dopoledne
0:03:59je to o něco rychlejší než ten že vlastně tím nativního vidíte desetkrát pomalejší nejš
0:04:04o tři optimalizovaný kvót svět se tečka
0:04:09dobrá zpráva je že obsahuje přímo wrapper pro S D L
0:04:13a vím že jo takže když tu aplikaci máte napsanou s C plus takový používala
0:04:17zde okolo tak nemusíte nic moc řešitelem u se nám to převede
0:04:21ten pana na té schopen tajfun to vám tady ukazoval nového to čipů nebudu říkat
0:04:26tak když píšeme tu aplikaci že jo tak je to
0:04:31musíme si uvědomit že to jeho to mohlo stránka není to prostě jako klasicky
0:04:35program že spustím postupně se to provádí jo musí nahrávat data pakáž kreslit jo tady
0:04:41to funguje naopak ani se nehni náhrada stránka
0:04:44a pak teprve můžu něco dělat jo takže
0:04:47proto aby
0:04:48vo něco dělat peněz mě ta stránka vůbec nahraje
0:04:51a pak teprve využiju tady tu metodu o nulou
0:04:55a spustím si tu svojí hru jo teprve a šije mě až celá ta stránka
0:05:00na hrana
0:05:02a k tomu ten základ toho je ten ta nová ste na to mohlo pět
0:05:06prvek
0:05:07do kterého se vykresluje lišky a tak jazyka
0:05:11tak můžeme použít buďto fire kreslení nebo to přijde kreslení přijde kreslení vozovka
0:05:18a
0:05:20je to v podstatě triviálního vidíte tady sinaji vezmu vyjde toho k toho
0:05:27prvků s toho do dokumentu jo načtu si s toho to metodou ten kontext jaké
0:05:31jsou buďto to dvě D nebo potom později to vím že jo to přijde
0:05:36a tady se dvě D luštím kreslí mnou používá se ve své vox na to
0:05:41knihovna kajo takže
0:05:43je to standardizovaným
0:05:46takhle jo když se podíváte tady ten úhel
0:05:49tady tohle vám to se jakési takové čtverce o nic moc zvláštního
0:05:53ale
0:05:55ano je to
0:05:57co to dělá no
0:05:58tak
0:06:00jo tady potom když byste se na to chtěli podívat třeba zkusit si to tak
0:06:04tady na těch slajdech mám přímo odkazy
0:06:07na specifikace a tutoriály takto nemuse nikde složitě hledat
0:06:12tak vyvíjel
0:06:13je to podobné zase načtu si ten
0:06:16načtu si ten objekt kam dva
0:06:19získám z něho ten jo kontext koše vlastně
0:06:22ten
0:06:24jako bývalo na jako je v céčku jo ten
0:06:29ten objekt tak tady to je to funguje jako dvě pí překladač mezi
0:06:34tím a prohlížečem a tím skupin želé S implementací já se používá zase jo tady
0:06:41jednoduché příklad nastavím akorát
0:06:43barvu a
0:06:46vymažu buffer mimochodem otázka do plena víte někdo jestli se
0:06:50ze ventil používá klipování nebude cluster explicitně slepovat synchronizovat
0:06:56s obrazovkou kreslení
0:06:59a tady
0:07:01no ze nemusíte jo dělá se to automaticky
0:07:05jako prostě magií každej firem kostí ale kam za vykresli jo to takže nemusíte řešit
0:07:11buffery
0:07:12a kam se teda řeší když vám to zmizí jo tak
0:07:16to trošku podobný jako semtex
0:07:19tak
0:07:20ten ta nová
0:07:22J defaultně jenom prostě ale menza to monstranci že jo není to žádnej full screen
0:07:27takže
0:07:28když se nepřejdu full screen aby tahle vypadala not aplikace jako normální teda
0:07:32tak to se dá použít
0:07:35zvětšení to kam hlasu takovej plus kterýmu tak olovnice třeba teďka jo že to je
0:07:40přes obraz budem prohlížeč
0:07:42anebo je tady nový full screen api který není eště úplně těch
0:07:47není úplně ještě dodělaný nicméně
0:07:50dá se použít
0:07:52pro kde co
0:07:53třeba pro přehrávání videí ho je to je to podstatě
0:07:59nula novinka
0:08:00jo texas zeptal zeptá jestli to chcete použít nebo ne protože tam se nějaký bezpečnostní
0:08:05problémy
0:08:07front aplikace ne nebo ta stránka nemohla prostě přepínat co chcete taky tam je problém
0:08:13sestupem kláves takže
0:08:15takže se tomu si
0:08:17explicitně povolit jaký klávesy chcete
0:08:20no ten do budoucna
0:08:21tak když máme tu naší aplikaci nebo tu hru tak že jo kromě toho že
0:08:27tu aplikaci vykreslíme tak ještě
0:08:29je potřeba
0:08:31v tom něco dělat že ho nějak tu
0:08:33stránku obnovovat
0:08:35zase tady sme jenom máte webové stránce takže to děláme takže si zaregistrujeme
0:08:41registrem S nějakou funkci kterou nám pak pravidelně volá časovač
0:08:45je tam problém s tím že na ten časovač by měl být
0:08:49je otázka jeho chceme moc přesný a potom chceme taky synchronizaci s obrazovku že on
0:08:54má jenom na tady se nám to vykreslí
0:08:56kamsi do bufferu a ta obrazovka to nestihne vykreslit jo prostě mineme se sou synchronizaci
0:09:03na ten mega kartě takže
0:09:05nejlepší je použít tady to vím že upil
0:09:10koše
0:09:11taková knihovnička u rote chrome
0:09:14a to mi ta metoda takle s daným frame a tady se za ni strupu
0:09:19svojí smyčku auto u tou potom k této potom tu aplikaci kreslil
0:09:25tak
0:09:26taky potřebu že jo vstup z klávesnice aby tahle aby ta aplikace bylo plně jakási
0:09:30ta mrtvola jo ležela tam a nemocnosti dělat takže
0:09:35zase velice jednoduše
0:09:37tady ten dokument
0:09:39čili ta vaše stránka to mohl máte ty metody když se tiskne klávesa se úvodní
0:09:46za registru si handle a pak to můžu porovnávat tady přes ty konstanty jo tady
0:09:51máte nahoře odkaz na specifikaci takže nejsilnějšího nejsi porovnat že tahle kláves oblasti smutná tahle
0:09:58nebyla
0:10:00no
0:10:01sumýši je podobnej když lehce komplikovanější
0:10:07tady
0:10:09může to je vlastně přímá stentu myš můžete načítat buďto s celé obrazovky to prohlížeče
0:10:15a nebo jenom s toho konkrétního elementu jo což je tady sme případě ten tam
0:10:20dva zase
0:10:23no
0:10:25to
0:10:27že to je to záleží to na vás jak si ty události zaregistruje se jo
0:10:32sou to sou to prostě události když se když stiskněte tlačítko voníte tlačítko když se
0:10:37myš pohne
0:10:39jo jsou tam můžete si načítat různý statusy temnější jestli je přitom stisknut i třeba
0:10:44cottrell a shift cokoliv
0:10:46jo jaký sou tlačítka stisknutí
0:10:49je trošku problém s takovým tím rolovacím té vyšší s tím
0:10:54s tím počít cam jo s tím prosím tatíkem protože to není standardizovaný takže
0:11:00je načítá se to trošku jiná chromé pro špinavé fajn foxu můžete použít nějakou knihovnu
0:11:06která vám to nějak zastřešit nebo třeba točit ve chátrá použít jo
0:11:11tady to teďka pro jednoduchost nebudu říká
0:11:16jo
0:11:18tak dál asi do té nepotřebujete dostat nějaký data že jo to že si tam
0:11:23něco vykreslíte nepěkný ale většinou je potřeba
0:11:27nahrát nějaký že objekty nějaký třeba úrovně do tehdy jo
0:11:32cokoli
0:11:35teďka se hodně používáte ten že jsem
0:11:39no co šíje
0:11:41řeší jako kdyby textový vyjádření struktur že vlastně to když to řeknu takhle jednoduše
0:11:47jo bohužel to není nějak komprimovaný je to prostě úplně mi čínskej tech
0:11:53no
0:11:54takže jediná možnost taková poměrně výhodná je zapnout řešit zatlouci kombinaci a to web serveru
0:12:02pomocí tobě zipu troše nějakej standard to tehoto toto komprese
0:12:09no a tady s tím objektem se práce velice dobře protože vlastně že vlastně nabízí
0:12:15ten zabudované jenže jsem oběh tady tento že se on
0:12:19a velice jednoduše pomocí to metody pomocí té metody pár
0:12:24si prostě ty textový data předžvýkávat a rovno vám to vrátí objekt
0:12:29tady se chová jako typicky dělat tak to je objekt takže to můžete mít úplně
0:12:32cokoliv jo pole struktury úplně kde co
0:12:36jo ten zápisu formátuje
0:12:40je poměrně snadný proč u odkaz tady na to že jsem or
0:12:44tady to je popsáno
0:12:46tak
0:12:48no to že máme ty data někde na disku jo naserou to ještě neznamená že
0:12:52se nám tam dostanu jo
0:12:54zase nemůže to načíst nějak
0:12:56nějak synchronně že by mě ten prohlížeč
0:12:59prostě čekal a čekal očekávej unicity data nahrajte by asi uživatelem a zakousni za takovou
0:13:05hru
0:13:06že třeba file format nevýhodu že dělat běží jenom v jednom threadu a to ještě
0:13:11k tomu tom hlavním takže chvíli dívám nějaká stránka zablokuje
0:13:15vytížit prostě ten že vlastně takle brouse prostě stojí jo
0:13:20ten toto takle se dá se různě použít synchronně ale
0:13:25je to takový no je to takový na zlost jo
0:13:29částečně taky tou nečte von implementaci podívat textu F foxu
0:13:33tak
0:13:35jednoduchý způsob jak toho s toho jak ty data do toho pro když se dostanu
0:13:41vytvořím si ten jak vést
0:13:43jo což nějak jeden objekt dělat textu kterej poskytuje ty metody
0:13:48jo nastavím si co vlastně chcu tady to mají data file to je prostě jak
0:13:52a
0:13:53to je prostě adresa
0:13:55jo internetová nebo klidně lokál host nějakej to je jedno
0:13:59jako když zadáte do prohlížeče
0:14:02tady tím ale
0:14:06tady si za registrace vlastně tu funkci
0:14:09která se má zavolat
0:14:11až se s tím
0:14:13objektem něco stane se konkrétně si počkám natoč disku což znamená že se to vyřídilo
0:14:19že mě to všecky data přišli
0:14:21no a nakonec ten požadavek tady pošlu jo a
0:14:26ten M neklesl obsahuje
0:14:29sobě různý způsoby můžete nechat být hodně druhu
0:14:35jo může to být X N L může to být kde co sme nina zajímá
0:14:39ten plaintext troše vtom J snu
0:14:42a proženeme tuto metodu pár zatímco ten objekt že vlastně toto je pak normálně použijeme
0:14:49tak
0:14:49kromě toho že ty data dělá hraju tak ještě většinou co nějak vložit jo nějak
0:14:54tu
0:14:55třeba uložím si stav tehdy jo
0:14:58skóre co sem rád dosáhlo
0:15:01moc já bych si určitě na kešování jaký data u toho klienta
0:15:04třeba byste úsov roztáhla znova a znova a znova jo celý ty všecky ty úrovně
0:15:09je to trošku nešťastný to ukládání protože
0:15:14jak jsem tady mluvil o tom že jícnu jo tak v podstatě neexistuje nějakej elegantní
0:15:18způsob jak třeba nahrát jo řekněme vezmu nějakej z i soubor ten prostě pošlu do
0:15:25prohlížeče
0:15:26a ten prohlížeči tenzi opakuje a použije jo dá se to použít ale sou a
0:15:31to různý pro takový obezličky
0:15:34jo a není to elegantní nefunguje to všude myslím že zrovna tohle po pro jenom
0:15:38chrome
0:15:39nějakým takovým způsobem
0:15:43pěkným
0:15:45no takže když už ty data nahraju
0:15:48tak já mám a to jo než kdybyste na lokus to je však vidíte kdy
0:15:53byl většího nejenom pět mega jo tak by to bylo bezvadný ale
0:15:57takhle prostě mám svůj tady nicméně
0:16:00koupí starší metoda jo uložím to do toho dokumentů T
0:16:06nějakej textový řetězec
0:16:08uloží se mně to na ten server nemusím se o to starat
0:16:13ale to malýho pár kilobytů záleží na implementaci na tom jak máte nastavený
0:16:20lokus to H
0:16:23to tam si můžete dávat data jaký chcete je to jako asociativní pole tady ten
0:16:27klíč může být kde co jo řetězec číslo
0:16:31ty data může být binární
0:16:34a ukládá se to přímo na tom lokálností na tom počítači a má to nevýhodu
0:16:39nebo nevýhodu jako můžete osy data kdykoliv přijít takže jsem to nedá spolíhat
0:16:44taky to nemusí podporovaný jo že se
0:16:48většinou když to používáte tak prvně do tady toho testovat jestli to bez dispozici
0:16:52když to není k dispozici budete do to psát takto bude
0:16:55vyplývá na konzoli různý hlášky oni to
0:16:59není to prostě
0:17:01jo že log o strašný k dispozici a podobně
0:17:04že
0:17:06takže todleto možnosti jaksi uložit nějaký data na tom se
0:17:11tak taková speciální ve speciální případ
0:17:16sou obrázky textury
0:17:18pokuď používáme na dvě D kreslení tak tady tahle kováč a
0:17:22tady tohle celý není potřeba L normálně si jenom nahé u normálně synům
0:17:29ten obraz nahraju atomům o nulou té funkci musím krást může pracovat
0:17:35jo
0:17:36ten Í ničím tak pro zajímavost ten imič objekt
0:17:39to je prostě objekt A ten obrázek jako dyby obsahuje když jak by si dáte
0:17:43na té potom ale stránce tak ten také o to
0:17:47to
0:17:48závorky imag o něco tak to je
0:17:52fyzický umístění toho graf pro stránky ale každý tady ten víme byl tak má tady
0:17:57přiřazeny u místo prohlížeče tady ten svojí jiných objektech ten obrázek jako fyzicky obsahuje že
0:18:04tím že unáhlen tady tak
0:18:06ten obrázek mně je někde v tom prohlížeči ale těsně nezobrazuje protože není zařazeno ste
0:18:10domu struktury a nevykresluje se
0:18:14takže tady tímhle
0:18:16jo všimněte si že samotný nahrávání to obrázku se spustí tím že do toho image
0:18:21se C
0:18:23zapíšu adresou zase toho
0:18:26toho souboru tech nahrát jo a musí sto definovat cache potom si nadefinuju tu o
0:18:32nulou funkci G nakto
0:18:34natáhnout se mně nespustili který by se to je napíšete do to se na co
0:18:38tak už se spustí nahrávání a už to nic neřeší
0:18:42tak tady neska vidíme jednoduchý způsob jak si vytvořit nějakou úplně nějakou tu ventil texturu
0:18:48jo je zase přes ten že jo kontexty to sem si
0:18:52ten objekt textury na bandu si ho je to stejně jako zásadě ta práce stejná
0:18:57jako u první jel
0:18:59s tím že používám takže objekt a ty jména těch funkcí se podobný
0:19:03jo takže syntaxe syna baňku ju
0:19:06a pak jsou tam
0:19:08X pak sou nahraj
0:19:10jo
0:19:12tak
0:19:14tak tady ten útěk tady to textures tady ten objekt se pak užívala
0:19:18používá při vykreslování ho ten vlastně obsahuje kdyby
0:19:21tu text rovnat E nebo odkazuje na to texturu
0:19:25které uložená tech grafické kartě pokud teda máme štěstí
0:19:29tak
0:19:30to toto vím přijel je
0:19:33vlastně
0:19:34to by přijel je
0:19:37vlastně druh tou ponížil asi co to s
0:19:41a skupin že les je odlehčená verze
0:19:45která je určena tady pro tyhle
0:19:47platformy které jsou plně výkonný jo
0:19:52oproti klasickým o pindi jel nemá tu pevnou renderovací pipelinu jo tak nemůžete tam už
0:20:00se všecko kreslit cesty řešej tady
0:20:04nepoužívají se vůbec žádný takový to begin N jo naposled detekci nic takovýho
0:20:10jo všecko přes pole se kreslí
0:20:13musíte mít nějaký ty minimální šejkr nastavený
0:20:17zase výhoda že se vyhodilo tady ty starý věci který se ani v podstatě moc
0:20:22nepoužívali
0:20:23že to není žádná velká škoda
0:20:25tak jak ty jak
0:20:28ta vaše aplikace bude fungovat nebo bude kreslit jo je to tak že máte ty
0:20:33přijde data
0:20:35velice zjednodušeně to ty sme data
0:20:39nacpete tady do těch dvou šejkr u ten vertex přijde pixlech nejde
0:20:43a pak sám tolik S jenom prvku
0:20:46ten letech přijde to je
0:20:49procesor
0:20:50který vám dělat transformace
0:20:53těch vertexů uvést přijde nebo čtyři de jo
0:20:57víte někdo pro čtyři de
0:20:59o tato len
0:21:02no neslyším
0:21:05eště no
0:21:09ne
0:21:10že moc
0:21:12cože
0:21:14no tak ne
0:21:16to bych lehce musí den
0:21:19ne
0:21:24tak tady of a já jsme není jo
0:21:26revise si pozdil ten sme oblast taktu
0:21:29no
0:21:30že moc bodě programátorem zama není no takhle podívat totiž homogenní souřadnice
0:21:36pro ty transformace takže ta poslední transformace je poslední sazenice je většinou jedna
0:21:42tak to používá
0:21:44připravit tři
0:21:46projekčním promítání vlastně při proč matice takže
0:21:50je to všechny souřadnice se vlastně zadaný čtyři dá syntaxí matice co čtyřrozměrný že jo
0:21:55suma čtyři na čtyři tím že spodní řádek je vlastně příkaz nula jednu jedničkami sto
0:22:02převedlo tak jak to tam přišlo tak aby to nešlo
0:22:05tak výsledkem to vertex větru sou vede souřadnice jo takže když máte nějakej přijde oběh
0:22:11tak se vám to budete přijdu ztransformuje tak jak vidíte na obrazovce
0:22:17no a ten pixel šejdrem
0:22:20to je prachsprostě rasterizer sem sám to je na pouze vykreslí
0:22:25výplní vám ty vede oblasti na té obrazovce tou texturou
0:22:30mimochodem
0:22:32není to úplně až tak pravda není to úplně čistě dvě D stejné protože když
0:22:37akce které se pro uranití tak ten ste použít jo
0:22:40používá se samozřejmě perspektivní konexe textury na existence knihovny hybridy
0:22:46jo
0:22:47takže když máte třeba tech pro složenou třeba nějakou ze kuželový strojníku tak
0:22:51tam potom dochází k takovým zkreslení no ale
0:22:54tuším takovej detail
0:22:56což je v tom rasterizéru
0:22:58taky aplikujete že osvětlení
0:23:02a podobně
0:23:03takový defekty bump mapping a
0:23:06a to data do
0:23:07tak vertex jeden to je ten co vám transformuje to přijde nám jede
0:23:16tady
0:23:18tohle
0:23:20možný ten že vatry je to ten bylo zcela čili
0:23:24opengl šedinka pak which
0:23:27což jako kdyby vyšší forma zápisu těch ignoruju normálně řešej tady
0:23:32se
0:23:34sepíšou jako s takovým asembleru jako kdyby jo
0:23:38co na toho nějaký op jenže lexém ze kterým a to tam nacpete do té
0:23:41karty
0:23:42méně není to úplně nějak úžasně zábavný a
0:23:46a rychlý takže jako je si myslím na vývoj jo
0:23:50takže vzniklo tady ten vyšší asi něco jako céčko vidíte
0:23:55aby se o trošku urychlilo a zjednodušilo
0:23:59ten
0:24:01vertex
0:24:02tady máte atributy znamenáte něco co tam dostanete zvenku
0:24:07a mění se toto jsou třeba ty pole těch vertexů které vám definuje ty přijedeš
0:24:10přijde objekty s ne tak jako tady máte pole těch X pro výkony na tu
0:24:16uniforem to znamená že je to
0:24:19nějaká konstanta která se nemění během běhu toho programu
0:24:25a varying to je něco co se pak bude poskládala bude sto štěkl interpolovat mezi
0:24:31tím a
0:24:33my s těma vertex sama
0:24:35vidíte sou tady ty dvě matice model výlupek šum
0:24:39eště bych řekl že
0:24:41je výhodný si těch matic tam dat více spíš ten spíš ten výpočet tlačit na
0:24:45tu kartu protože tady ten program s vám provádí
0:24:49na té přijde kartě takže když máme fakt pomaleji ten že vlastně taky lepší co
0:24:55nejvíc těch per těch výpočtu napsat na tu zde kartu nevýhoda je že tady vtom
0:25:02vertex větru sedí vertex už nezbavíte všecky mexická tam přídou tak mu se dál poslat
0:25:07toto rasterizer takže tady bohužel nemůže se dělat takové věci jako vyhoví hození objektu který
0:25:13nejsou vidět a podobně jo je to tak lásku no výhoda nevýhoda je to prostě
0:25:17tak
0:25:18bys tady v podstatě nedalo nějak
0:25:20udělat to že nepozná že jo vyšší reprezentace scény
0:25:25vidíte výslednej výsledná pozice a dvě D je zapsaná rozhodil poziční soše nějaký zabudovaný objekt
0:25:31který obsahuje tu dvě D pozici toho vertexu tady akorát překopíruje metru
0:25:38koordinátor té textury tady mimochodem vidíte
0:25:41rozšíření toho přijde vertex na to čtyři de jo tady tohle s všecko to ve
0:25:47maps čtyři ve to sou nějaký zabudovaný typy tedy znamená jest trojrozměrnej vektor matice čtyř
0:25:53rozměrná ten
0:25:55tak tady ten pixl šejdrem ten
0:25:58řídí už to samotný vyplňování těch vede oblastí a ste obrazovce
0:26:04tady se prvně nastaví
0:26:06jak moc
0:26:08jak nastavit pracovní
0:26:10je to takovýto odpovídá to možná nevím takym tomu starýmu jak se nastavuje je jakoukoli
0:26:17toto mám
0:26:18vykreslování
0:26:20tady získáme
0:26:21tu texturou koordinátů to jsme získali toho vertex chytrou tady už interpolovaná mezi ty jednotlivý
0:26:28vertex i
0:26:30ten sampler dvě D to je nějaké objekty vám v podstatě odpovídá se textuře
0:26:35no a na color
0:26:38to je v podstatě už ten
0:26:40už ta barva kterou tam chceme proc pátého to už je toto s vámi ke
0:26:44si obsahuje to zase to čtyřrozměrný
0:26:47je to rgb a poslední eof
0:26:51jo
0:26:53ta
0:26:54jo vidíte tady ten objekt že
0:26:57času texturu kterou má použít a potom tu
0:27:00rodina
0:27:01tak
0:27:02jaké jsou extra kroky oproti o poničil
0:27:06to vím že jo tady musíte
0:27:08sestavy
0:27:09ten program pro ten vertex přijde pixel že jde
0:27:14musíte načíst nějak ty
0:27:17musíte data nějak tam dostat jo do těch do toho program takže já to se
0:27:22používá tady ty funkce jo s tím si
0:27:26si s tím si ten atribut a nastavím ty data
0:27:30no
0:27:31tak
0:27:32tady mám nějaký dvěma
0:27:35ukážu
0:27:37tak tady takový
0:27:40vidíte tady na to se používá tedy ten vršek je vtom jake vedení
0:27:45toto je nějaký frames or
0:27:48jo tady máte nastavit tady máte
0:27:51jednotlivý ty šijte jo ten vertex ten M ale že jo protože ten takova
0:27:56vide placka
0:27:57méně tady ten pixl šijte
0:27:59ten ještě větší
0:28:02jo techto mají si to můžete si nadefinovat a
0:28:05jo fakule když to se na kole
0:28:08čtení tam třeba není
0:28:10jo
0:28:12samý jedničky
0:28:14bude akorát D
0:28:31no
0:28:33jo ten
0:28:35více prostě bílýho přepsal sem ten
0:28:38snad color
0:28:39ať to počítal to počítalo tak prostě to je na konci sem tam tíhu
0:28:43že jo to jeho
0:28:44tady tu bílou
0:28:46jako jinou
0:28:48to
0:28:49tak
0:28:52no
0:28:53stejně tak tady mám takový
0:28:56demo
0:28:58ví
0:29:00který zruš obsahuje celou tu
0:29:03cenu
0:29:05když to nějaká
0:29:06ta úroveň tedy
0:29:12jo
0:29:14tady už to mail o co je ten že jsme objekt
0:29:17kreslil o se to
0:29:20ale to je ten vstup ste klávesnice myši
0:29:27ta
0:29:28jak pomoc tomu javaskriptu aby nebyl taková ale milína jo jak to trošku popohnat
0:29:34dá se využít tady těch
0:29:37typu
0:29:38jo sou to zabudování typy floating říct že
0:29:42je to
0:29:43asi pětkrát rychlejší takový ty interní typ jo takovej ten
0:29:47co se používá default nějaký ten
0:29:50nechcete double meat takovýho jo
0:29:52pak taky se snažíme ten pod napsat tak aby se dá přeložit tím šťastným tankům
0:29:57kilem
0:29:58takže nepoužívá tu funkci EVAL
0:30:02ta se nedá přeloží tím kontrole nebo to
0:30:05nepožadují miki
0:30:07takže značce vyhnout automatickým konverzím york za přeteče nějakej říct že X automaticky konvertuje na
0:30:13double
0:30:14jo na ten s formátu plovoucí desetinnou čárkou dělat to pomocí
0:30:19pomocí binárního operátoru jinak doporučuju tady tu přednášku
0:30:24o toho nykolase
0:30:26je rovna který měl mimochodem na most kam to velice dobrou a to má spoustu
0:30:32typů jak ten že vlastně
0:30:34udělat tak
0:30:36aby se dál a byl co nejrychleji
0:30:38tak
0:30:40no jak ty webový aplikace platí jo jak na to
0:30:44to máme štěstí protože to poměrně snadný
0:30:48a sice jana top udělám ten chleba
0:30:52takovýhle těžko nějak šíření když píšete weby tak to určitě
0:30:56proti těm ste znát
0:30:57takových
0:30:59toto je kus
0:31:13ke dvanáctku to nahodit
0:31:28tady
0:31:30stavy jo
0:31:31ty úplně
0:31:32klasický debatovat to jako prostě kdybyste tam někdo kdo bylo někde
0:31:37v céčku
0:31:39to ví
0:31:40externí šikovná
0:31:45kajaku plním že jo
0:31:50no význam načli verzím firefoxu
0:32:05dám ještě šanci
0:32:13tak
0:32:15no
0:32:16a to je podstatně konec přátelé
0:32:18takže
0:32:20co dál
0:32:21budu já pokuď
0:32:23si třeba zvolíte nějakou webovou hrou nebo aplikaci jako ať už vede bod nebo tři
0:32:29kde ste si vybrat samozřejmě jako třeba diplomku nebo bakalářku pak to můžete
0:32:36zveřejnit
0:32:37jsem to povede na mořila
0:32:39market play suše
0:32:41taková nic jako máte kojence nám projdu jo tak podobný připravím uživatel ty webový aplikace
0:32:48jo
0:32:51to je asi všetko tak nějaký otázky
0:32:57no
0:33:02a
0:33:09no tak to nevím protože jak říkám nejsem úplně ve base ale
0:33:13nevím fakt nevím bikes ale to vím tak sem se ještě v za problémy no
0:33:18možna
0:33:19samostudium no nějaký další dotazy
0:33:25tak jestli jsou tak děkuju za pozornost a díky