Přepis řeči - Processing 3.0 a p5.js

0:00:15	takže
0:00:17	a
0:00:18	jenom úvodu tak se představíme je to volné pokračování přednášky která tady byla loni
0:00:23	takže to tady bylo tak je tedy si jsou nebo budou nové ojeté vy si
0:00:27	asi vynechám samozřejmě
0:00:29	máte tady nových vlastnosti processingu tři nula který vlastně visel někdy v září to riziko
0:00:34	že co má to na novýho
0:00:37	a tak dále proč procesy k jsme to říkali minule pro se svým zvykl proto
0:00:43	aby mohli umělci programovat
0:00:46	no proto plasticito z ikonami tu
0:00:49	americká programování pro děti a tak dále je tak vlastně to jsou něco podobnýho umělci
0:00:54	by chtěli programovat
0:00:55	a zase obráceně postup je to zygoty způsobem že se přilákat programátory k umění jsou
0:01:01	práci
0:01:02	hoře se by mi nabušený co tam je seškrtala jako nevím nebo bez a neumění
0:01:06	takovou colour that is
0:01:07	nějaké slajdy barevné jak je marný pro michala davida to jinak a revizora podívej se
0:01:13	tak spojí umělec až na ty technika nebo pořád ty data dat open hardvér a
0:01:17	co krásné věci
0:01:20	tak samozřejmě ani podepsanou potom pro je jo programátoři jak jsem říkala začal se používá
0:01:26	ve školách jako promoci jazyk
0:01:28	reálný tak jako první domácí jazyk
0:01:31	u budou tady ukázky a když máte těžko můžou privazi první program hello world že
0:01:38	ho koho to zajímá třeba hovořit o ztrátě čtyři řádky a mizel ten ale tady
0:01:42	třetina ukáže mysím si jedno do koho jde napiš velice a mám tam byly a
0:01:47	že to vidím a je to prostě vizuálně že se hezky
0:01:51	a bude sestavena tak ta knihovna pěkně se
0:01:54	a praktické ukázky a samozřejmě tady jsou můj tý já jsem atributy to zamezit obrany
0:02:00	je bylo řečeno fakulty fotky technologii ta teda komentářích vařit systému takže se mastit ajťák
0:02:07	jo současně spojař tak promíchané u nás
0:02:11	a kolega miroslava proto je na student je vždy
0:02:15	té se věnuje tomu simulátoru
0:02:19	docela mě jo
0:02:21	tady tam přidat na ty další věci takže on by to měl
0:02:25	rozvíjet v rámci ty piješ ty jako kdokoliv to udělal
0:02:29	kolega víš abych tátu suchaři magistři
0:02:33	toho routeru
0:02:35	tak jako jo
0:02:38	takže já tady muset to zvládnu profilu sám
0:02:41	tak super takže sem říkal je to pokračování přednášky selská pokud někdo se podívat na
0:02:47	samozřejmě na penaltu open a vrstev to nás tam jsou vlastně všechny ty přednášky zhoustlo
0:02:52	předloňského tak dál takže jsem se můžete podívat
0:02:56	taky jsem z nás tam bylo loni je jeďte smeť vezme čtyři o
0:03:06	tak procesing multiplatformní otevřený programovací jazyk
0:03:10	multiplatformní běží
0:03:12	na windows na linuxu hodně uměl sou za moře používáme typ ušetřil jablíčko trestány umělec
0:03:20	a prostě nějací současně to prostředí a současně je to komunita
0:03:26	razítko v roce tady se jedná námi tu hlavní vydaří studenti tenkrát studenti když a
0:03:33	my fraj ty silnic
0:03:36	tom jestli všechno řekli mohu dělat vizualizace animace a tak dále
0:03:43	to bylo třeba ti si na
0:03:45	dva tisíce a nás
0:03:48	zikova procesy všude jsem a nadace která vlastně zastřešuje ten vývoj a samozřejmě legálně tady
0:03:56	byla možnost získat nějaké sponzory stane ty peníze a nadobro to zaplatilo vývoje takže vás
0:04:01	je na ty prodej triček nějaké další věci konto na dekomprese když je potřeba omezovat
0:04:07	tak dělat toho vlastně
0:04:08	zastřešuje to nadace
0:04:10	a nadace
0:04:14	co je vlastně
0:04:16	jak to napsané ta tě umělců takže programování programátorů mění a pomocí tech těch třech
0:04:23	softwarových projektů a trosek procesing ty vlastně děláme ty lze minule co tati je tady
0:04:30	dost vydělávám vlastně už a televize teď
0:04:34	a pak aby uživatele nemuseli mít davu a pokud si něco pohyblivého na tomhle stránce
0:04:42	jo takže dyž si kdysi bylo pohodě pouze pluginy dala plug in hezké to prostě
0:04:47	problém nestalo si tam můžou bylo tam strašně hodně bezpečnostní problémů
0:04:52	některé to můžete sami tady u zakazují takže vlastně byla snaha udělat se svým italsky
0:04:58	o takže člověka zpět to co udělal k tý javě to processingu veme kolt trochu
0:05:04	to upraví a má
0:05:06	data vás krýt tady vlastně běží prohlížeč
0:05:10	je to kompatibilní
0:05:12	a pak se ozvi třetí projekt je procesy i třeba tě je zase pro programátoři
0:05:19	pipu a výplatě spartu boolova volat vlastně ty knihovny ty funkce processingu
0:05:25	takže pozadí u uživatel dělat python se cykly jak je zvyklej
0:05:29	a vlastně viděl jsem u koho co processingu
0:05:37	a proč pět je děs jen pro zajímavost proč ta knihovna menuje jedině se
0:05:43	tak vlastně zase když to začínalo doména processingu byla obsazená chtěli jako mít procesy tak
0:05:50	používali roce i je king
0:05:53	takže podle toho tu doménu a zpracovali to pak na pět je takže používali pět
0:05:57	litrů processing pět jednoduše
0:06:01	a pak to doménu nasadit získali časem a to pět je tedy zůstal je stále
0:06:05	vydat i ty staří programy pořádně tak ikonka pět
0:06:10	a potřeba ji pojmenovat two té lásky toho knihovnu o to vlastně za lípě je
0:06:14	děs
0:06:16	no to šlo to vzniklo
0:06:18	no pro zajímavost
0:06:21	a
0:06:23	by mě děsil není jediný povolit který se snažil prostě ten procesing hodit na net
0:06:30	co tady to budeš ty projekty a procesy mně se open procesy
0:06:36	oba dva se jakž takž vyvíjejí se díval opravdu sám sobě na githubu jsou tam
0:06:40	třetina té
0:06:42	nějaké změny ale souzeni není jich tolika pofky knihovně pět je děs a ta jasně
0:06:47	potom nadací a co tam nějaký peníze a vy tam je aby světě komunita
0:06:52	toho teda se dobrý na kanape processingu že má
0:06:56	takže to jistě to připadá komunita na cikána výuku do určitého si tam vytvořila těm
0:07:01	studentům účty a užívat úcty který studenti si dělaj ty projekty přímo na ty stránkách
0:07:07	takže musí z instalovat dělají to tam všechno může ta znehodnotit učitel se to může
0:07:13	podívat a tak dál
0:07:15	takže jasně jsou takové tři věci procesy děsil jak jede se teda ten kope procesy
0:07:21	a opět procesy zase se to různě vyvíjet postupně vy si měl jenom javu a
0:07:26	měl javu a proces vyděsil dneska s tam to tě je možností spustíte i tempa
0:07:32	pět je zcela
0:07:34	je tak jak je rozhraní
0:07:37	takže asi můj poslední slajd
0:07:41	a procesy tři volá no jak jsem říkal
0:07:46	tři za teho září
0:07:49	byl vydán
0:07:50	a
0:07:54	pelta nakonec technické hezké video zase když se tato pak zeptej se může podívat
0:07:58	cela prezentace dva dvacet minut
0:08:03	patrony
0:08:04	tři nula dneska oznamech ale tři nula jedna
0:08:08	já se bude klid deset
0:08:12	máme tři nula jedna
0:08:14	a ta mi zase změna
0:08:16	že poprvé voni vlastně dělali procesy k na proto valí na a
0:08:23	takže vy si čověk stáhnout také tam bylo windows linux ne je dneska u se
0:08:27	tam objevil to těch pár lišek
0:08:30	a proč vlastně na to běží na mi líbí
0:08:34	případně co vy si může stáhnout
0:08:37	si adresy a wiki stránce přímo raz by já se tě hotový to tě i
0:08:42	mít
0:08:44	přes debianu vlastně na
0:08:47	na marinu na to tedy ty nainstalovaný processingu je tak se to takle krásně funguje
0:08:53	jsme se to hodí na sd kartu a mu to jede problém je že samozřejmě
0:08:57	na tý raspberry pět ódy pomalý funguje to je to je použít
0:09:03	na ty voly se u
0:09:06	tohle
0:09:10	poslední ještě tady mám vlastně
0:09:13	procesy dva jedna co by dali voni processing tři nula jedna by se spustí poprvé
0:09:19	vypadat takhle
0:09:20	tady je rozdíl samozřejmě řádkování
0:09:23	tam nebyl jo
0:09:24	vyřešte kdysi dávno se hádali vývojáři tato zapojí tam dá nebo nedá
0:09:30	actor jako říkali řeknete to potopený nepoužije ústavní
0:09:35	máme řádkování
0:09:38	tak to tam slovo
0:09:42	takže
0:09:43	díky za slovo kolegovi
0:09:46	on už tady toto je matka začal kolega takže
0:09:49	proč vlastně vznikl open pět
0:09:51	takže
0:09:53	dostala se používané nemáme processing k na mne klasicky prosím kterékoli na počítač
0:10:00	a sme
0:10:01	vlastně svázáni konkrétní dědečkem potřebujeme stáhnout
0:10:06	balíček tedy později extrahujeme a
0:10:09	dodané
0:10:10	víceméně kouzla
0:10:11	ale nemůžeme to poslat třeba kamarádovi
0:10:15	a aniž bych se to nějak straně pustil můžeme to extrahovat
0:10:19	binární podoby ale pořád
0:10:21	se to musí spustil jako jaké tričko
0:10:24	a
0:10:25	pět je vlastně
0:10:28	plnohodnotná mutace
0:10:30	processingu potvrdila skript
0:10:34	to znamená že
0:10:36	vlastně webový prohlížeč
0:10:39	podporuje procesing
0:10:42	jak napsané to tak taková standalone verze nepotřebujeme stáhla žádné balíčky můžeme
0:10:49	si umístit na webový server například
0:10:54	dělá skripty které zmíním později a potom už jenom tady to ne
0:11:00	ten sketch který je taky ve formátu děs a kde vlastně píšu samotný kord
0:11:06	a
0:11:06	aby toho nebylo málo tak je pětka
0:11:09	eště navíc umí interakci takový objekty například letadla je to objekty takže nějaký jako
0:11:16	který prokážeme sme pět kol a
0:11:19	ten se může nějaký muslim zabere může se
0:11:22	vykreslovat různými křivkami nebo barvami
0:11:27	pětka se stále vy
0:11:28	vycházejí nové verze a
0:11:30	ty slovo obohaceny a další knihovny
0:11:38	jak to vlastně funguje takže jak jsem řekl
0:11:41	stáhneme si
0:11:44	je tenkrát si stáhne balíček kde sou
0:11:47	umístěny javaskriptu ne soubory
0:11:51	pět je respektive do děje s aplikace děs
0:11:56	a
0:11:57	po téhož jenom editujeme soubor sketch
0:12:00	děs
0:12:01	který následně na gymplu deme do tomu na stránky
0:12:06	poté ho šel sledujeme co sme vytvořené
0:12:16	abysme se teda
0:12:17	dokázali že pět je ta rotace processingu jo
0:12:22	tak si můžu předvést je trochu o ta ukázkou vykreslení elipsy
0:12:29	ciziny příkaz tady
0:12:31	s koordináty
0:12:33	spares jsem padesát znamená že
0:12:36	levého horního rohu od a velice bystrá padesát modul
0:12:42	jelikož
0:12:43	na
0:12:45	osumdesát
0:12:46	tak vlastně já se vytvoří kruh
0:12:50	takže to může ta konkrétně toho stránka kam
0:12:54	tam byl přidán
0:12:56	chtěla skript
0:12:58	je se podíváme na stroji kolovat
0:13:02	zdrojový kód z toho prvního příkladu
0:13:11	tak vlastně no asi nevidíme a
0:13:15	vidíme
0:13:17	vidíme konkrétní include pět javaskriptu a když si rozkmitejme
0:13:21	sketch ty s
0:13:26	už vlastně kostely
0:13:28	li co
0:13:31	z dalších ukázek
0:13:34	si můžeme ukazatel kreslení červa
0:13:42	a naživo ukázku
0:13:45	vlastně jenom děti pár řádků navíc
0:13:48	no a vznikne takový krásný příklad přide kreslení čar a je není to vás nic
0:13:53	jiného než
0:13:54	že se
0:13:56	velmi krátkou periodu za sebou vy proslovy
0:14:00	elipsy a vznikne takový
0:14:02	přide obrazec
0:14:08	a poslední ukázka aby jsme se dokázali že pět taky podporuje přidal ve které konkrétně
0:14:14	lepší l
0:14:16	tak
0:14:17	rotace prostoru
0:14:26	dokumentaci pepek stojí že
0:14:28	také ne nepodporuje přítel
0:14:31	dokumentace může mýlit jak na ne takže
0:14:35	takže lůžko pro minimálně večír l
0:14:39	od už je složitější ale
0:14:41	pokud před na chuť tak termín složité a
0:14:50	chovejme se základní rozdíly mezi pět a procesing
0:14:55	jak se mi zmínil tak dokumentaci je uvedeno že chyby při té
0:15:00	implementace datového typu píši nadefinovány to byla nula křivek a pí von na
0:15:06	definování von to
0:15:10	datové typy
0:15:12	které sou processingu definovány jak jste mohli integer float
0:15:16	sterling nebo kolej
0:15:19	nebo i víc napadení obrázku software pět se nahrazeny vidíme principem pár
0:15:26	proto si dvě třídy jsou nahrazeny dělá struktury prototypy kterými úplně stejnou funkci
0:15:34	také deklarace funkci
0:15:36	kdy máme funkci bez návratu z volitel přepis jsem na function
0:15:41	a název funkce
0:15:43	a poslední například
0:15:45	proces je stranám definuje velikost plátna které budem kreslit tak
0:15:51	se
0:15:52	zapisuje character nestrefil
0:15:55	proč si chtěli
0:15:56	více přiblížit jakoby
0:16:00	myšlenku že vykreslíme na plátno
0:16:03	to znamená kam vás nešel jsme na palubě definovali sites
0:16:11	ze praktická ukázka kódu s
0:16:16	s
0:16:19	pětky
0:16:24	je to vlastně okomentované kdy se co mění takže
0:16:28	funkce se zapisuje začátku function
0:16:32	kdy ten obraz nahrazuje science struktura obrysy zůstává stejně jako no fill zajistit že nebude
0:16:41	vyplní
0:16:43	program zůstal na
0:16:45	si zápis cyklu je stejný a dál už to taky stejné
0:16:50	mezilehlých funkce
0:16:55	společně jsme pětkou byla vytvořena
0:16:58	jde
0:17:00	které ale beta verzi
0:17:03	spustitelný soubor na se sem za megabajtů a počítači se spouštěla si
0:17:07	padesát vteřin to znamená
0:17:09	je ta nepohodlná nepoužívání
0:17:12	nicméně
0:17:14	dají se vtom napsat víceméně všechny kolik teda potřebujete
0:17:20	co vidíme tak levé části je nějaký strom rychlá orientace co bodovém systému
0:17:26	tak řádkování
0:17:29	barevné odlišení různých části kódu
0:17:34	a si nastavit rozložení oken velikost písma
0:17:38	nebo zalomení řádků
0:17:40	a také si chceme spouštět pětkové skripty interní prohlížeči které bylo vytvořeno třeba pro tebe
0:17:47	pět kol a nebo v našem defaultní prohlížeče
0:17:55	a předám slovo
0:17:57	děkuji té děkujem slovo
0:18:00	my se vrátíme zpátky processingu trojce ti streamu
0:18:03	a stručně si ukážeme
0:18:06	i praktický části před novinek co přibylo
0:18:10	nové verze processingu
0:18:12	ne úplně nejdůležitější
0:18:14	a nejlepší část co přibyla kdy bagr
0:18:18	řek jestli ste nikdo nikdy programoval předpokládá silně za ní seděli nebo jestli chcete programovat
0:18:24	tak dycky potřebujete odhalit chybu škodu
0:18:28	dva skoro se vyskytne dycky že běží kolo tím víc chyb
0:18:32	no a předchozí verzi processingu neboli s prostě ne bagr
0:18:36	abyste si chtěli jenom vypsat ono to nějaké proměnné
0:18:40	takže si museli nechat určitě vzadu konzole
0:18:43	což tak trochu otravoval o no to zdlouhavý a hledání chyb jako bylo před docela
0:18:47	peklo takže teďko je to s prosím kam to lidskou je to vyřešený na nekonečně
0:18:52	debuggery
0:18:54	další co přibylo wget výkonnost
0:18:58	to je funkce
0:19:00	která umožňuje že by si dokážete měnit proměnný prostředí processingu zabil aplikace
0:19:07	takže si můžete zkoušet nastavovat
0:19:11	velikost proměňuje tady ten pro čísla
0:19:14	je druhý a pro barvičky a můžete zkoušet
0:19:17	jak aplikace bri praxe vrchol a když budete dozor nižší hodnost
0:19:21	vaší novinka jako jsi měl
0:19:23	a dopřednou co krušnější zkratku byl to boj ale je to tam
0:19:28	to je dobře
0:19:31	další je varoval inspektore
0:19:34	to je součást debuggeru
0:19:36	kdy nám dycky funkci kterou zadáte ve který kroku je té tom sprostém dál
0:19:43	tak má zobrazit všechny pro něco ty funkci máte
0:19:45	a její hodnotu to však o
0:19:49	na odhalování chyb naprosto skvělá věc všude jinde prosím tu ještě nebylo neděli tom processingu
0:19:57	další
0:19:59	volte řeč
0:20:02	která slouží k tomu
0:20:05	když píšete to takhle špagety konat
0:20:08	máte provedení funkce a data předmět aby
0:20:13	tak si najdete na proměnnou dáte si sou show řeč a v sobě sám okno
0:20:19	zipy jsem kde přesně je té konkrétní proměnná použita
0:20:23	na konkrétní tabu a na konkrétní řádku takže můžete snadno dohledat že padni smazat vydala
0:20:28	bordel
0:20:31	na to se nahozena show řeč se nás na voze funkce rename
0:20:36	postupně tím jak vy děláte prvňáky projekt nich takže stále větší a větší
0:20:42	aby občas uvidíte nějaká proměnná nemá zrovna moc dobrý já ze
0:20:46	tak etapou ceny slouží přejmenování jak jinak
0:20:51	ale napsal inteligentně že vy označíme si proměnnou
0:20:54	já tedy nevím a hned prohledá všechny to všechny ta by
0:20:58	a ty mini kompletně kde když se to muselo dělat ručně že se do každýmu
0:21:03	s každým pavlem se museli dát
0:21:05	najít a nahradit
0:21:07	a to udělat že ne
0:21:09	a to se pražské skrýval ale úskalí
0:21:12	jednoho skutečně no řetězec
0:21:15	takže byste měli proměnnou název proměnný někde řetězci
0:21:19	nebo sou červenou často ještě se vo současně proměnný takový dobře plus přepsalo taky
0:21:24	takže jakoby při měla to pro proměnných předchozí verzi processingu
0:21:30	bylo občas takové
0:21:32	vlastně nepraktický protože samolibý call někde úplně jinde
0:21:37	další přena vlastnost je paní referenci to taky ukážeme
0:21:43	takže processingu na výborně zpracovaný
0:21:46	knihovny hlavně dokumentaci ke všemu
0:21:48	je super
0:21:50	je to ještě vylepšili je to tak a pomyslela třešnička na dortu
0:21:54	kde nám stačí myší kliknout na funkci
0:21:58	a ty funkce
0:21:59	a vybral si pan dereferenci s čeho se otevře
0:22:04	dokumentace to má tohoto mohl
0:22:06	s popisem ty funkce
0:22:07	řekni stej dycky museli ručně hledat vyšel teď ivan to najde rovnou
0:22:14	no a že při na vize automatická kontrola
0:22:16	kódu
0:22:17	že nejdůležitější asi pro většinu z vás i pro mě co chybí ti středníky
0:22:22	já přepíšeme píšeme rychle od nekoukáme koukám hlavně na to rozumím správně
0:22:28	straně fungovalo a přes prostě prostřední savci nezapomene
0:22:32	třetin to trvalo teprve když se to stane když by se to snažili spustit
0:22:36	takže toho jedno zpoždění chybí střední k dobrým naší jsme doplnili jsme dosud jsme znova
0:22:41	že jo chybí střední kde jinde
0:22:43	takže tam teďka nestane protože už to začne řvát
0:22:46	jakmile to napíšete
0:22:48	no ještě před námi že to měla ty duplicitní proměnný
0:22:52	a jaký další funkce prý ještě se nemáme prozkoumaný
0:22:58	a dal oddělat asi knihoven
0:23:03	path projektu že máte knihovnu
0:23:05	a když chcete zjistit tři byste chtěli zjistit jestli ta nová verze mu ste se
0:23:08	může podívat
0:23:11	na to stranky processingu jestli už vyšla nová knihovna ty víš tak on ten automaticky
0:23:15	dokonce se tam dá i přes nástroji stáhnout a novější verze za nepodařilo a jedny
0:23:21	a fungoval tak jenom některých ale věřim jako že si mi vychází mi verze tak
0:23:25	tak to vylepšili brzy
0:23:28	další novinkou je prezentační moct
0:23:31	dělám to aplikaci spustil plus kryl
0:23:34	takže ti nebylo
0:23:37	bysme byli nalezeny pusy
0:23:39	tak nějak s tím tam podařilo ztratil to stlačí to say
0:23:43	že když dáte projekt v existenci se měly
0:23:46	taťka zpožděním taťka zastaví aplikace
0:23:49	tlačítko na uvolnění projektu
0:23:51	a naiva chybí ale jako pořád funguje
0:23:54	hele ty menu pár se jich nebo kontrolér s ale to tlačítko se já jsem
0:23:58	silně byl zvyklej a zemi a zase
0:24:01	vozil tam doplní
0:24:04	další mínusko
0:24:06	je že
0:24:07	millimeters ais
0:24:09	tady hrozně okna musí by první
0:24:12	ona ta metoda stays
0:24:15	být první
0:24:16	byl doporučil aby byla první předchozí verzi processingu
0:24:21	ale nemusela být konkretistovo použil jasno používal
0:24:25	v případě jsem si zahrával konfiguraci aplikace si mysim spiny souboru
0:24:31	ve který se ne uloženy je rozměry okna například tak jsem se na tak ze
0:24:35	souboru a pak teprve se zavolám funkci size aby jste si okno podle velikosti ta
0:24:40	byla uložena konfigurační souboru
0:24:42	push prosím tě toliko nefunguje
0:24:44	poznat jsem se za na vykreslení okna a pak teprve můžete nahrávat konfiguraci
0:24:49	ze souboru
0:24:51	ale
0:24:53	naštěstí
0:24:55	je to proces jim takže funguje téměř že
0:24:57	dá se na to podepsala proces eyes
0:25:00	tak se dá zavolat další funkce která umí řekl si dockeru
0:25:03	že umí měnit velikost osoba ukážeme jak to vypadá
0:25:07	věta taky vlastnost araby sama hodit
0:25:14	takže pianista ten bagr
0:25:16	jak vypadá
0:25:19	aktivuje se nahoře
0:25:21	no to si řekneme na té metody back
0:25:28	a nebo zapne nehejbali bagr
0:25:31	a nebo si dodělej a to broučka
0:25:34	a trestány book the back no
0:25:41	tom
0:25:43	kdepak módu potom používali byly point
0:25:46	breakpointy to jsou zajímavý stav kódu
0:25:49	a teď bri tady poutech
0:25:52	potom se to provádí dockeru core zastavuje
0:25:59	samozřejmě bagr eště není úplně pak stopro zní funkčního čase z nepochopitelných důvodů
0:26:05	tak jest aplikace zobrazí ale jde
0:26:08	a co se vypozorovat tak je dobrý ne když máte vytvořený jaký objekt
0:26:12	po věta provede objektové tak mi dávat
0:26:16	ty breakpointy a když máte nějakým objektu metodu no to ste mě to genetický spole
0:26:21	nezamrzlo
0:26:24	taky byli kvůli tomu slouží
0:26:28	funkce kontejneru
0:26:30	která provádí krokování programu
0:26:33	ale právě krokování po break point tech
0:26:38	naší porážkou testované po šesté
0:26:42	která provádí krokování po řádcích
0:26:44	takže zajímá nás třeba kódu
0:26:47	a my je na padesátý nasranej break point a za zajímá nás se řádku po
0:26:51	tím tak by si můžeme dát na deset řádku breakpointy
0:26:55	takže jako
0:26:56	taky klikání navíc ale právě elegantnější je dát si to
0:27:00	na jeden řádek si dáme break point
0:27:02	a ty další při otrokem pomocí své
0:27:07	krokování
0:27:10	jak jsem říkal jako pro probíhat po řádcích ale nejste pro funkcí když se po
0:27:16	tvém pořád dost a dokonce přímo do těla
0:27:19	tak musíme zle tyhle nás menu zvolit
0:27:23	bylo poslední to a to se mnou uložíme se s tím parkováním
0:27:27	kdy konkrétní metody při popřípadě funkce co potřebujeme
0:27:32	sem se dostaneme
0:27:34	step out
0:27:41	takže tady divadla já byl inspektor
0:27:43	prej se nám zobrazí okamžitě potom co si za prvé
0:27:47	debugger
0:27:49	padesát za prvé takže neděste ho embrya inspektor takhle prázdnej
0:27:55	tam bude z nich neni jasne nebo prý tak se si myslel že nikdo mi
0:27:58	chyba tak znovu byla nakonec sem přišel na to
0:28:02	takže tam stopera
0:28:04	že se vy proměnný zobrazíte pravý se pustí ten je pustí vzorkování tady bagrování
0:28:12	to jsou můžete vidět zobrazení těch proměnných
0:28:15	dycky vidíte proměnných ty konkrétní funkci
0:28:20	a ten název hodnotu dole
0:28:24	pak je záložka procesing
0:28:26	pro palissy zarostly pět až pro zajímavost tak budete vidět
0:28:31	proměnný toho prostředí toho processingu ze kterou prostě jako velikost okna
0:28:36	a tak dále
0:28:40	tak teď trošku skočme priam se mu spíš
0:28:44	idnes něco o trik módu
0:28:46	že před praktickou ukázkou
0:28:50	ty vole ta je tak mě zajímalo že můžete ovlivňovat chování ty aplikace přímo zabijou
0:28:54	aplikace
0:28:56	protože tento můj
0:28:58	processingu interpretovali jazyk tak je docela zajímavý
0:29:04	a k tý veselce přes změnu sketch který k
0:29:07	to bez artikulovat
0:29:09	kdysi aplikaci může pustíte
0:29:12	a všude kde máte jak číselně zapsané nějakou hodnotu
0:29:16	tak se vám o není zobrazí podtržítko
0:29:23	naše proč tou proměnnou tu hodnotu se změnit tak nevím si rady she
0:29:29	a chytit myši jedno šipečku
0:29:32	a zatáhnout víme leva doprava a sparta hodnota podle toho mění
0:29:36	je to takový trošku
0:29:38	trošku podivný nastala za to myší
0:29:41	ale zatím za první verze takže
0:29:44	nebo ta místa se změní s tam prohledávat jiný
0:29:47	jiný hodnoty založení když to beta ta vyšší tak vás tam programy upozorní kdy překračuje
0:29:53	té povolenou hodnotu když budete chtít nacpat
0:29:57	do proměnný ty máte má jenom jsme obrazy
0:30:01	obrázkem bitová zobrazí na sebe stě padesát pět a vy tam vyšší natáhnete dvě stě
0:30:05	padesát šest tak vám to brno upozorní a chová se krevetama tady třeba za pět
0:30:11	velmi příjemné je to moje
0:30:14	pokaď
0:30:17	vítej ohledně ta barvou tak to prodám taky pozná konkrétně u té to potvrdil
0:30:22	která složit vyplňování barvou
0:30:24	tak vám muselo to prostředí processingu
0:30:28	vám tady zobrazí vzorek ty barvy kde ta barva bude vypadat
0:30:31	takže si můžete
0:30:33	jo tím taháním si můžete líbila tak jak to že byl je barevný samozřejmě to
0:30:38	změnu barvy okamžitě vidíte že tam korun
0:30:42	takže výlev to můžem jet a testovat
0:30:44	za provozu
0:30:46	a pohybujete mi nějakou funkci
0:30:49	ta bude vracet náhodný čísla
0:30:52	tak když máme takový došla že máme číslo štyři který bylo samozřejmě jo
0:30:57	do který sme dostali tím že jsme si hodili kostkou takže to prostě náhodný že
0:31:01	jo
0:31:02	a díky tomuto výboru
0:31:04	tak jo to je to číslo není moc měnit
0:31:11	tak a ty zkusíme
0:31:12	praktickou ukázkou
0:31:30	takhle jako processingu
0:31:35	a vybereme si
0:31:38	stránka po té strany zobrazili ne
0:31:48	takže jsme zaprodat bagr
0:31:51	takhle si
0:31:52	po dostane bakaly
0:31:54	je to debugger a nebo si kliknete myší a broučka tak si level broučka
0:32:00	zobrazena marja byl inspektor
0:32:03	než ssl zobrazíme vedle toho okna prostředí ale jak máme tady ve plochy tak se
0:32:07	obraz natively ploše
0:32:10	jo tak můžete si všimnout
0:32:12	že tam variabilní tak to r
0:32:15	je momentálně prázdnej to v pořádku tak to má byt
0:32:22	tak teďko si vyzkoušíme
0:32:25	krokování
0:32:27	takže break point byli prosím že vyrobit a výsledek nebo nějakou vyšší
0:32:32	a zobrazí se nám tam
0:32:35	koza štvereček iso vidíte zkusím to zakazovat
0:32:52	je to lepší pro vás takhle dělit
0:32:54	letos dostal to proto malý
0:32:56	vyspat to větší
0:32:58	tak si zkoušel řekneme si tady back
0:33:02	pixlu si konat
0:33:05	já už tam pustilo
0:33:08	a nechala proběhnout jeden cyklus takže si řekneme tak on ty jo
0:33:13	já už sem tam
0:33:15	vykresli tečky
0:33:16	a teď mi dyž si budeme je ta značka kontinuu
0:33:21	takže je to všimnout dědečky se pohybuju
0:33:25	úsek pořád krokovat
0:33:28	jak se ten program chová
0:33:30	je teprve dítku podívat
0:33:33	metro update nebo displej
0:33:36	tak půjdeme policisté
0:33:40	tak teď máme sme dostali na konci update zase pět dovnitř
0:33:45	tak the back s teplým to a silnice
0:33:49	no třeba v metodě a bejt
0:33:53	a se můžeme krokovat
0:33:55	jo všimněte si jak se neženil variabilní s protože starej a že by
0:33:59	není proměnný a to plnění peněz tady ty funkce
0:34:03	no metody
0:34:05	že se vrátí zpátky tak se debat jste po step out
0:34:11	a můžeme si dát
0:34:16	tak vypneme by back
0:34:20	podívám se nějakým linky
0:34:23	já jsem třeba kosinové nikdy sem tady nic nedělal
0:34:27	a zajímá mě
0:34:28	tady tou cenou know struk
0:34:31	co asi může bejt
0:34:33	tak bych pravým
0:34:35	a to yum sám fajn referencí
0:34:38	vypadá dobře
0:34:40	klikne
0:34:41	jo prostě se nám prohlížeč internetu stránek
0:34:45	a máme vyspat se dokumentaci
0:34:51	můžeme si přečíst se to funkce dělá
0:34:54	případně nějaký tomu ještě doplňkový
0:34:57	jo a
0:34:58	nebo ne jo je to lineární nebo se tedy připojí k internetu
0:35:02	do zrcátek a dokumentace je uloženo lokálně na vašem disku
0:35:06	takže můžete pracovat prosím tě tak ta kdekoliv vám máte k tomu sto zip ono
0:35:10	to dokumentaci
0:35:20	další věc o které jsem mluvil nepřímé daně
0:35:23	proměnných
0:35:29	tomu jsme tady měli by proměnná i
0:35:33	jako její název proměnný x toto je jsem já nevím
0:35:37	že si no tak to je doplněna změníme
0:35:41	number i nejen
0:35:44	řeknem si no tak
0:35:46	a zemi třeba
0:35:48	o je proměnná
0:35:56	a rameny
0:35:59	root
0:36:01	jo ty se přidali jsme proměnná
0:36:08	ou
0:36:09	takže jako břemeno všechno jinde než to sem chtěl
0:36:12	pak už je to znova
0:36:17	hlasoval nějakej back
0:36:31	je name
0:36:35	jo ale chybu
0:36:44	úplně nefunguje
0:36:46	my jsme to jinak
0:36:52	synovi okno
0:36:54	uložit ne
0:37:01	verzi plný nul jejichž podíváme se
0:37:03	show switch
0:37:06	já vidíme na kterých linkách
0:37:09	ne na zlato lidé tady vidíte když je použita
0:37:13	takže zkusím ještě jednou přejmenovat
0:37:17	tam jméno jiný teda
0:37:19	fu
0:37:21	jasně z mlhy
0:37:23	takže minim
0:37:28	jo
0:37:29	tak to se nepovedlo
0:37:32	přímého proměnnou od těch jednoslovný to asi nejde
0:37:39	no a se mi
0:37:41	lidé
0:37:59	no to je to celý spadlo
0:38:01	takže
0:38:02	asi vratiplachto stačila ty glosa neštítil ukázat
0:38:06	ale je to bohužel zamrznout je celý tady na tomhle systému takže
0:38:12	pro muže neukážeme ale můžete si vyzkoušet doma
0:38:17	že ukážu ještě poslední eště slajd ten jeden poslední za velikosti okna za běhu
0:38:23	vyřešenou že prosím o dva jsou funkci setup
0:38:29	já se za vytvořil objekt bylo bankl že když tam
0:38:33	přibylo byly kterým bylo uložena konfigurace tady aplikace konkrétně tam byla
0:38:37	uložena velikost okna
0:38:39	ne se pak zavolám funkci sites
0:38:42	se zavolá na ten oběd řekněme řek asi
0:38:45	sobě to konfigurace
0:38:47	mi řekni nedělají velkýho pro telefony máte prosím o tři nula
0:38:52	je to nejde
0:38:53	prostého bejt právě tím způsobem že se máte funkci sites
0:38:57	je víceméně jedno co to tady dáte za velikosti okna
0:39:03	hlasy prostředí jsou face a dáte mu nastaví to že může bejt měnila velikost prsou
0:39:09	face to je to okno
0:39:11	dataset nsa byl true
0:39:14	ale jistě můžete hrát je tedy si vytvořit ho konfiguraci
0:39:17	mýlíš
0:39:19	adresou face se zeiss
0:39:22	a to vám to okno překreslí
0:39:24	pak aby si možnost ale hejbal tak to se zakážete
0:39:28	aby ta naše řečové okno
0:39:30	je to za třetinu zabralo jde řádek
0:39:33	tak to nevím processingu
0:39:36	je bohužel a ty řádku trochu víc
0:39:38	ale vývojáři si projet aplikace by měla by stabilnější
0:39:42	takže budeme věřit že to dělají dobře
0:39:47	tak
0:39:48	povolení všeho kecá slovo
0:39:52	je drahý sme trošku rychlý ne
0:39:55	jo já mám ty pár slajdů mírně processingu létě vy
0:40:00	vlastně
0:40:02	proc processingu asi si napište jak někoho tak po cílový kód je inet konvertován přímo
0:40:10	dežaví
0:40:13	další procesy které už tady bylo řečeno na standardní portováno knihoven a nemusíte používat jenom
0:40:20	processingu vy knihovny dal bych se tam importovat pí
0:40:24	knihovny síťový de to vidět na obrázku
0:40:29	si imported a jakou knihovnu která se zajímá třeba zabývá nějakých dialogových oken nebo na
0:40:37	těch frameů tak starej a podobně
0:40:40	dále processingu
0:40:43	vlastně procesy mě podtřídou na a pleťovou vás sem pozval pak
0:40:49	aplet
0:40:50	a jenom vlastně nevýhoda teďkom
0:40:54	takže není to musí kompatibilní jsou to můžou
0:40:58	a chtěli ještě jsem řekl v mozille no knihoven radistovým proto taky v procesingu a
0:41:06	vlastně funkce těchto knihoven se dají pro vázat
0:41:10	z procesy mě
0:41:13	vlastně
0:41:15	těch daných tříd
0:41:22	vlastně můžete vkládat kolotoč a vyjdou přímo do processingu krátce to trošičku musí opravovat ale
0:41:30	jinak je to víceméně duchem klementa c
0:41:35	povolání knihoven křoví je třeba vím nainstalovanou javu
0:41:43	potom vlastně
0:41:46	na prom už to je zápisu semi komentoval
0:41:49	a dyž nějaký trvalý chtěli osoby více metod nebo u ní objektu dá se to
0:41:57	zapsat zkrácenou
0:42:00	razenu syntaxí import že v a teďka metr ta hvězdička
0:42:11	už jsi mluvil o to nestihnem processingu verze tři nula ještě nenastal veškeré všeckým knihovny
0:42:20	aktuální takže ty tohle stojí na vývojáři to že pokud byste no pokud se třeba
0:42:25	programoval i ve verzi dva s nějakou knihovnu tak to vice to nepůjde takže
0:42:31	borci počkáte na to nižší verzi nebo si nainstalujete stáhnete si procesy dva jedna
0:42:40	tady mám jen riziko pro využití
0:42:45	no call uzlu prostě
0:42:48	je to viděl scan aplikace
0:42:53	dyž například když něco procesy nemá tak si to můžete nikde najít na netu v
0:42:59	javě
0:43:00	a implementovat do processingu
0:43:03	kde to je to jednoduchá funkce která spouští druhý okno
0:43:10	důkazů
0:43:13	toto je jel dialogu jo pro přímo jovi
0:43:17	a zarovnání
0:43:19	je spuštěny processingu je okno není mi to přetáhnu na druhou stranu
0:43:25	takže hosty jediný co je tady s processingu tak je tady funkce se ta patro
0:43:31	je to té přes a ty sdělil jinak syntaxe to je furt to samý
0:43:37	to sem teďkom popsal další se dá využít další růst užitečný třídy jako
0:43:44	vyber souborů nějaký
0:43:47	jill jistým menu nějaký panely a podobně progress bary celé celý jednoduše implementovat do processingu
0:43:56	všecky strany na stránkách řečový dokumentech
0:44:01	akorát trošku se to musí upravovat protože místo zachovat určitou strukturu toho processingu protože je
0:44:07	to prostě je tam se to kvádro pekaři učinil víceméně z vás tady nějak i
0:44:14	pro vás jazyk si zkusil
0:44:18	třeba téčko podobně
0:44:20	se mít dobře víte že céčková jakými jiný procesy má se tam to se udělá
0:44:26	jednou a druhou prostě běží furt dokola
0:44:29	který se si připravil na ty porovnání syntaxe java
0:44:33	jelikož v objektově jo by to je programovací jazyk máte jakou třídu docela program která
0:44:40	má sobě jakými
0:44:41	provádí nějaký kohout procesy se tam bylo
0:44:45	a když jste sice implementovat jollu processingu
0:44:50	tak to že ty si na další třídu třeba displej frame
0:44:56	tato třída
0:44:58	když spustíte tento kout processingu nejenom že vám to udělá vlastní okno toho processingu viole
0:45:03	vytvoří vám to že housky okno
0:45:06	když třeba nechcete
0:45:09	to by vtom procesy byly okně
0:45:11	ty se spouští pokaždé hledá se jednoduchým příkazem schovat a pak si to všecko hledat
0:45:16	f
0:45:19	vtom pro cílovým vedra vtom dělo s kým okně
0:45:24	a je to i naopak když chcete implementovat dešťový ně procesy procitnutí knihovny
0:45:32	vyzval se k tomu ní třída vlastně co běží na tom tabletu
0:45:42	vlastně tam nějaká ta minulá taky mi a už tam vidět se to bordel že
0:45:48	když it tom jako vezmete a třeba si někdo máte zkušenosti jsme tým s tom
0:45:54	programu v javě třeba
0:45:55	takže tohle vezmete tak se vám to sprostí a girls teda tým postprocessingové a pojede
0:46:02	vám to
0:46:03	přes procesing mocnina že
0:46:08	číst a za si tedy takovou jednoduchou ukázku
0:46:12	prostě
0:46:16	určitě
0:46:18	raetie
0:46:20	se si řekli že blbe na prodej uráží víte chtěl jiné na když člověk máčel
0:46:28	kvůli tak si to vlastně už ho prodávat sám
0:46:30	já sem ten tady na ukázku pro byl ještěd je to verzi na nulama to
0:46:36	svoje mouchy
0:46:38	ale je tady ste kerej eště neřeším
0:46:43	chování řazení to promítlo rožkem takže to jenom
0:46:49	co vyhraje se souřadnice má tech
0:46:53	takhle mě všecko předávám slovo
0:46:57	a to stihneme tak asi akurát
0:47:04	lepší
0:47:07	ne ta literatura kdyby chtěl někdo
0:47:11	se vzdělávat samo že jsou maticích no processing core books desítky knihu processingu je to
0:47:18	faxem strašně hodně
0:47:21	co ale k čemu s
0:47:23	si vzít tady nějak češtině
0:47:26	pokud se někdo češtině
0:47:28	tak pak naklepe si akademie muzických umění umělci samozřejmě zase dělali procesy bylo to mám
0:47:35	dojem v rámci diplomové práce bakalářské ty přes ten tým tak je velmi volně ke
0:47:40	stažení moje volně ke stažení zavřu je to dvojka ty základy to bylo stejné
0:47:46	existuje řada vlivů kde ta čemu se mu se můžete vlastně učit že jo je
0:47:52	tady přímo procesy tak jo prosím o prostě přednáška veselá kráva
0:47:58	tam programing nebo tak někdy tresty tíží například našels kód tak zhruba kniha akceleraci na
0:48:06	webu a ty jednotlivé kódy jsou přímo mnoha to maloval deset o to přímo sahat
0:48:11	a zase se to spouštět takže nejenom listy papíru je to dobré si to prolistovat
0:48:16	a pak to lety jsem ho přímo vyzkoušet
0:48:18	je to dobře udělané že to asi provázané s týmem
0:48:22	a co doporučuji daň další pán
0:48:25	jak jsem říkal dva lidi to vy z ruku stáli u toho zrodu
0:48:29	ty se k nim přidá ten třetí mám takový veselý člověk na jeho kanál útok
0:48:35	on ju strašit na desítky hodin dobrou deseti hodin processingu a opět a peněz a
0:48:43	otevři procesy
0:48:45	tři a teď jede se vy dvojko tak dále o prověřit jestli stě hodin
0:48:50	doporučuji se podívat
0:48:51	např pokud to urči jo hrabou hrával forma prostě přilákat děti neboj studenty
0:48:57	k programování dělat moc dobře
0:49:00	a co zas doporučuji samozřejmě existují weby kde můžete si dát kurzy může se učit
0:49:06	pomocí nebo nebyly takový do školy že jo konzerva můžete si udělat koza pro se
0:49:10	sig proto jsem neabsolvoval
0:49:13	a pokud za sebe podívá na pitevně se aktuálně běží kurz úvod do programování a
0:49:19	zvaného měnných pět vyděsil když i toho třetího listopadu přihlásíte se vytvoří se nám účet
0:49:25	a každý týden matice denně několik videí kterým máte projít úkoly nějaké můžete mít že
0:49:31	jo
0:49:31	zase je to fakt tak to doporučuji jo
0:49:35	a jsem říkal jsou tři chlapy a tahleta který je jméno zase se věnuje tomu
0:49:41	p pět děsil datumu to samo pro podporu já to fakt ty bychom tak pak
0:49:45	skončili a je to přesně

Processing 3.0 a p5.js

Sobota 7.11.2015 - E112

Miroslav Lábr (Univerzita obrany), Ladislav Hagara (Univerzita obrany), Petr Hvižď (Univerzita obrany), Marek Brychta (Univerzita obrany)