1.
Processing.org: Programovanie a digitálne umenie, Arduino

2.
Úvod <ul><li>Processing.org </li><ul><li>Otvorené prostredie pre digitálnych umelcov

3.
Vzniklo v r. 2001 na MIT (Media Lab)

4.
GNU GPL, knižnice (core.jar) pod GNU LGPL

5.
Založené na Jave

6.
Množstvo knižníc (priamo pre Processing alebo pre jazyk Java) </li></ul><li>Arduino.cc </li><ul><li>Podobné prostredie pre programovanie HW </li></ul></ul>

7.
Processing.org <ul><li>Prostredie </li><ul><li>Používajú aj iné projekty (napr. Arduino) </li></ul><li>Jazyk

8.
Runtime </li><ul><li>Možnosť exportu do Java Appletov </li><ul><li>(a teda vloženie na web stránku) </li></ul><li>Možnosť použitia aj v iných Java aplikáciách (keď sa z prototypu stáva aplikácia) </li><ul><li>(pre pokročilých) </li></ul></ul></ul>

9.
,,Zjednodušená” Java <ul><li>Netreba poznať triedy (ale ak ich chcete, idú použiť)

10.
Netreba sa starať o výnimky

11.
Exportovateľné do Java Appletov a publikovateľné na webe

12.
Portabilné prostredie, stabilné API

13.
Netreba sa učiť nový jazyk

14.
Znalosti sú priamo použiteľné pri robení Java programov </li></ul>

15.
Minimalizmus <ul><li>Myšlienka sketchu (náčrtu) </li><ul><li>Maliar svoj nápad nakreslí na zdrap papiera

16.
Programátor keď dostane nápad, mal by ho začať realizovať, nie rozmýšľať, ako načíta konfiguračný súbor, ako vytvorí hlavné okno </li></ul><li>Začať sa dá s dvomi metódami (procedúrami): setup() a draw() </li></ul>

18.
Komunita <ul><li>Veľmi živá komunita

19.
Niekoľko kníh

20.
openprocessing.org

21.
processing.org/exhibition

22.
processing.org/learn </li><ul><li>Podrobná referenčná dokumentácia </li></ul><li>Fóra

23.
Knižnice </li></ul>

24.
Použiteľnosť <ul><li>2D a 3D grafika

25.
Audio

26.
Video

27.
Komunikácia so zariadeniami (Arduino)

28.
Sieť

29.
Súbory </li></ul>

30.
Arduino <ul><li>Otvorený HW </li><ul><li>Môžete si postaviť

31.
Kúpiť kit a zletovať

32.
Kúpiť postavené (aj u nás) </li></ul><li>Prostredie pre programovanie tohto HW

33.
Množstvo rozšírení </li><ul><li>Bluetooth

34.
Ethernet

35.
Wifi

36.
Senzory </li></ul></ul>

37.
Podobné projekty <ul><li>Založené na processingu </li><ul><li>Processing.js

38.
Arduino </li></ul><li>Iné prostredia pre dig. umelcov </li><ul><li>Pure Data

39.
OpenFrameworks

40.
Lily

41.
Field </li></ul></ul>

42.
Poďme na to! Úvod pre neprogramátorov <ul><li>Ľudia, ktorí zvládajú cykly, premenné, metódy a podmienky => začnite sa pozerať do príkladov (keyword: openprocessing)

43.
Program je “recept”, ktorý sa vykonáva. Je to textový súbor, v ktorom sú napísané postupnosti úkonov. </li></ul>

46.
Metódy (procedúry, funkcie) <ul><li>Pre zjednodušenie v tejto fáze: </li><ul><li>Pomenované miesta, odkiaľ sa vykonávajú inštrukcie receptu

47.
Špeciálna metóda setup(), ktorá sa zavolá raz pri spustení

48.
Špeciálna metóda draw(), ktorá sa zavolá vždy, keď je treba znova prekresliť obrazovku. Kód v draw() sa teda za normálnych okolností volá stále dookola

49.
Setup: Príprava zariadení na výrobu pizze (rúra, vybratie riadu, ...). Draw: Robím pizzu. Keď dorobím, robím ďalšiu... </li></ul></ul>

50.
Premenné <ul><li>Pomenované pamäťové miesta, v Processingu majú vždy typ.

51.
int i; // vytvorím pamäťové miesto, celé číslo

52.
i=2; // vložím do tohto miesta číslo 2

53.
i=i*4; // vložím do tohto miesta to, čo je v mieste

54.
// i prenásobené štyrmi </li></ul>

55.
Spojenie metód a premenných (jednoduché) <ul><li>Pomocou metód môžeme robiť rôzne užitočné veci, napríklad kresliť alebo písať na obrazovku. Je to to, čo mnohí nazývajú “príkazmi”. Nakresli! Zmaž obrazovku! ... </li></ul>

56.
Príklad

57.
Súradnice <ul><li>Máme okno 300 x 300

58.
Ľavý horný roh je 0 (X), 0 (Y)

59.
Pravý horný roh je 299 (X), 0(Y)

60.
Pravý dolný roh je 299 (X), 299(Y) </li></ul>

61.
Podmienky <ul><li>Ak => tak / inak

62.
if ( (i % 2) == 0) { </li><ul><ul><li>textColor(0); </li></ul></ul></ul>} else { textColor(255); }

64.
Cykly <ul><li>10x zopakuj

65.
Prejdi všetky nádoby na vajíčka a z každej vyber dva kusy

66.
for (int i = 0; // Pred prvým vykonaním

67.
i < 3; // Môžem vykonať krok?

68.
i++) { // Čo po vykonaní kroku?

69.
println(i);

70.
} </li></ul>

71.
Skúste naprogramovať hodinky <ul><li>rect(x, y, šírka, výška)

72.
height

73.
width

74.
hour(), minute(), second()

75.
fill(0) výplň čiernou (nulová svetlosť)

76.
background(255) biele pozadie (najvyššia svetlosť)

77.
size(400, 400) </li></ul>

78.
Ďalší program -- súradnice <ul><li>Skúste naprogramovať sketch, ktorý pri každom prekreslení zvolí náhodný bod a napíše naň jeho súradnice

79.
text(“[“ + x + “,” + y + “]”)

80.
random(max) vráti číslo od 0 po max (ale okrem max)

81.
(int) random(max) vráti iba celé číslo od 0 po max </li></ul>

82.
Ďalší program -- krúžky <ul><li>Skúste naprogramovať sketch, ktorý pri každom prekreslení zvolí náhodný bod a nakreslí naň krúžok náhodnej veľkosti (prípadne dorobte pôvodný sketch aj so súradnicami) a dajte rôzne farby

83.
ellipse(x, y, šírka, výška) </li></ul>

84.
Ďalší program – pohyb za myšou <ul><li>Skúste naprogramovať sketch, ktorý bude pohybovať krúžkom po obrazovke za myšou

85.
mouseX – súradnica X myši

86.
mouseY – súradnica Y myši </li></ul>

87.
Ďalší program -- pohyb <ul><li>Skúste naprogramovať sketch, ktorý bude náhodne pohybovať krúžkom po obrazovke </li></ul>

88.
Ďalší program -- kvietky <ul><li>Skúste naprogramovať sketch, ktorý po kliku na dané miesto nakreslí kvietok

89.
void mouseClicked() {

90.
}

91.
Spraviť metódu na kvietky

92.
void nakresliKvietok(int x, int y) {

93.
// v x, y sú súradnice, kam chceme nakresliť

94.
// kvietok

95.
} </li></ul>

96.
Pre Java gurus <ul><li>Sketch je vlastne potomok triedy PApplet

97.
Zabalenie do class {} vyrieši prostredie pred kompiláciou (s tým, že importy nechá mimo)

98.
Všetky ostatné naše triedy sú inner classes

99.
Všetky metódy sú vlastne metódami PApplet , preto ich magicky vidíme </li></ul>

100.
Poďme programovať :) <ul><li>http://processing.org/learning/basics/

101.
http://processing.org/reference/ </li></ul>