Python → Processing → Prvi sketch
Prvi sketch — crtanje i koordinatni sistem
Python Processing početna: Povratak na hub | Sledeća lekcija: Osnovni oblici i boje
Šta je sketch?
U Processing okruženju svaki program naziva se sketch. To je mali grafički program koji crta oblike u prozoru.
Sketch obično ima dve glavne funkcije:
setup()— izvršava se jednom na početkudraw()— izvršava se više puta u sekundi
Na taj način možemo praviti animacije i interaktivne grafike.
U Processing-u se program stalno ponovo crta. Zato većina grafičkih programa koristi funkciju
draw() koja
se izvršava više puta u sekundi.
Ovo omogućava pravljenje animacija i interaktivnih programa.
Ako još nisi instalirao Processing sa Python Mode dodatkom, pogledaj lekciju:
Instalacija Processing 4 i Python Mode
Minimalni Processing program
def setup():
size(600, 400)
def draw():
background(220)
Ovaj program radi sledeće:
- otvara prozor veličine 600 × 400 piksela
- boji pozadinu svetlo sivom bojom
- funkcija
draw()se izvršava više puta u sekundi
Svaki put kada se draw() ponovi,
prozor se ponovo iscrta.
Promeni veličinu prozora u funkciji
size().
Na primer:
size(800, 500)
Koordinatni sistem u Processing-u
Da bismo crtali oblike moramo znati gde se nalaze na ekranu. Processing koristi koordinatni sistem zasnovan na pikselima.
- (0, 0) — gornji levi ugao prozora
- x osa ide ulevo → udesno
- y osa ide odozgo → nadole
To je drugačije od matematike gde je početak koordinatnog sistema u centru.
Na primer, u prozoru veličine 600 × 400 tačka:
- (300, 200) nalazi se približno u centru
Promeni koordinate kruga. Na primer:
ellipse(100, 100, 100, 100)ellipse(500, 300, 100, 100)
Crtanje kruga
def setup():
size(600, 400)
def draw():
background(240)
ellipse(300, 200, 100, 100)
Funkcija ellipse() crta krug ili elipsu.
Parametri funkcije:
- x — horizontalna pozicija
- y — vertikalna pozicija
- širina — širina oblika
- visina — visina oblika
Ako su širina i visina iste — dobijamo krug.
Crtanje pravougaonika
def setup():
size(600, 400)
def draw():
background(240)
rect(250, 150, 100, 80)
Funkcija rect() crta pravougaonik počevši od tačke (x, y).
Crtanje linije
def setup():
size(600, 400)
def draw():
background(240)
line(0, 0, 600, 400)
Funkcija line(x1, y1, x2, y2)
crta liniju između dve tačke.
Kombinovanje više oblika
U istom programu možemo nacrtati više oblika.
def setup():
size(600, 400)
def draw():
background(240)
ellipse(300, 120, 80, 80)
rect(260, 200, 80, 80)
line(0, 300, 600, 300)
Processing crta oblike redom — od vrha prema dnu koda.
Eksperiment
Pokušaj sledeće promene:
- Promeni vrednosti koordinata.
- Povećaj ili smanji veličinu prozora.
- Dodaj još oblika u
draw().
Eksperimentisanje je najbolji način da razumeš koordinatni sistem.