Python → Processing → Osnovni oblici i boje
Osnovni oblici i boje u Processing-u (Python Mode)
Lekcija 4 od 14
Navigacija lekcija: ⬅ Prethodna lekcija | Hub | Sledeća lekcija ➜
Podsećanje: crtanje oblika
U prethodnoj lekciji Prvi sketch — crtanje i koordinatni sistem naučili smo kako da crtamo osnovne oblike:
ellipse()rect()line()
Sada ćemo naučiti kako da kontrolišemo njihove boje i stil.
Napomena:
Processing koristi RGB model boja. Svaka boja se sastoji od tri komponente:
Processing koristi RGB model boja. Svaka boja se sastoji od tri komponente:
- R — crvena
- G — zelena
- B — plava
Boja popunjavanja — fill()
def setup():
size(600, 400)
def draw():
background(255)
fill(255, 0, 0)
ellipse(300, 200, 120, 120)
Rezultat
Na ekranu će se pojaviti crveni krug u centru prozora.
Rezultat
Funkcija fill(r, g, b) određuje boju unutrašnjosti oblika.
Savet:
Ako želiš da brzo pronađeš boje, koristi online RGB color picker.
Eksperiment:
Promeni vrednosti boje:
Promeni vrednosti boje:
fill(0, 255, 0)fill(0, 0, 255)fill(255, 255, 0)
Boja ivice — stroke()
def setup():
size(600, 400)
def draw():
background(255)
stroke(0, 0, 255)
fill(255, 200, 0)
rect(250, 150, 120, 100)
stroke() određuje boju ivice oblika.
Debljina linije — strokeWeight()
strokeWeight(5)
line(50, 50, 550, 350)
Rezultat
Dijagonalna linija od gornjeg levog do donjeg desnog ugla prozora.
Veća vrednost znači deblju liniju.
Isključivanje ivice — noStroke()
noStroke()
fill(0, 200, 150)
ellipse(300, 200, 150, 150)
Ova funkcija uklanja ivicu oblika.
Važno pravilo
Boja i stil koji postaviš primenjuju se na sve oblike koji se crtaju nakon toga.
fill(255, 0, 0)
ellipse(150, 200, 100, 100)
fill(0, 0, 255)
ellipse(450, 200, 100, 100)
Prvi krug je crven, a drugi plav.
Mini projekat: semafor
Poređenje sa Java verzijom
Isti primeri postoje i u Java verziji Processing-a:
Processing sa Javom — osnove crtanja
Funkcije su identične — razlika je samo u sintaksi jezika.