Час 2 - кругови, правоугаоници, елипсе¶
Цртање кругова¶
Библиотека PyGame омогућава и једноставно цртање кругова, коришћењем
функције pg.draw.circle. Параметри функције су редом:
прозор на коме се црта,
боја којом се црта,
уређени пар (обавезно целих бројева) којим се задају координате центра круга,
полупречник круга (обавезно цео број).
Након полупречника је могуће задати и дебљину круга у пикселима (у том случају се црта само кружна линија, као што је урађено у случају црвеног круга). Ако се тај параметар изостави, онда се црта круг који је испуњен бојом (као што је урађено у случају плавог круга).
Илуструјмо цртање кругова наредним примером (наведен је само његов централни део, а да би он могао да функционише ван прегледача веба, потребно је да се наведе цео програм укључујући и почетни и завршни део, који је идентичан у свим програмима у овом поглављу).
Цртање кругова
# bojimo pozadinu u beloprozor.fill(pg.Color("white"))# crtamo crveni krugpg.draw.circle(prozor, pg.Color("red"), (50, 50), 30, 2)# crtamo plavi krugpg.draw.circle(prozor, pg.Color("blue"), (150, 150), 30)(krugovi)
Првим позивом функције pg.draw.circle нацртана је црвена кружница
дебљине 2, са центром у тачки (50,50), полупречника 30, док је другим
позивом нацртан плави круг са центром у тачки (150,150), полупречника
50 пиксела.
Провери своје знање о цртању кругова тако што ћеш одговорити на наредних неколико питања.
Q-14: Шта се задаје приликом цртања круга?
Q-15: Да би се нацртао круг са центром у тачки (100,100), полупречника 30 пиксела, дебљине 5 пиксела, потребно је извршити позив функције:
Q-16: Разлика између pg.draw.circle(prozor, boja, (cx, cy), r) и pg.draw.circle(prozor, boja, (cx, cy), r, 1) је то што се:
Кроз наредни задатак увежбај цртање кругова.
Три круга¶
Напиши програм који исцртава три круга чији је центар у центру екрана. Највећи треба да буде црвен и да има полупречник 100 и да буде црвен, средњи полупречник 75 и да буде плав, а најмањи полупречник 50 и да буде зелен.
У програм смо ставили наредбу за цртање црвеног круга, а твој задатак је да додаш наредбе за цртање плавог и зеленог круга.
import pygame as pgimport pygamebg# otvaramo prozor(sirina, visina) = (200, 200)prozor = pygamebg.open_window(sirina, visina, "Три круга")# bojimo pozadinu u beloprozor.fill(pg.Color("white"))# crveni krugpg.draw.circle(prozor, pg.Color("red"), (100, 100), 100)# plavi krugpg.draw.circle(prozor, ???, (???, ???), ???)# zeleni krug???# prikazujemo prozor i čekamo da ga korisnik isključipygamebg.wait_loop()(tri_kruga_crtez)
Цртање квадрата и правоугаоника¶
У библиотеци PyGame можемо једноставно цртати квадрате и
правоугаонике. За то користимо функцију pg.draw.rect. Параметри
функције су редом:
прозор на коме се црта,
боја,
уређена четворка бројева чија прва два броја представљају координате горњег левог темена правоугаоника, а друга два представљају редом његову ширину и висину.
Прво се црта црни правоугаоник чије се горње лево теме налази на
координатама (50,50) (прва је координата x која одређује
удаљеност тог темена од леве ивице прозора, а друга је координата y
која одређује удаљеност тог темена од горње ивице прозора), чија је
ширина 200 пиксела, а висина 100 пиксела. Затим се црта црвени
правоугаоник чије се горње лево теме налази на координатама
(75,75), чија је ширина 150, а висина 50 пиксела. Први позив
функције pg.draw.rect садржи и четврти параметар - број 1, који
представља дебљину оквира правоугаоника у пикселима.
Нагласимо да се на овај начин могу цртати само правоугаоници и квадрати који су постављени тако да су им странице паралелне ивицама прозора тј. који су постављени хоризонтално или вертикално и који не могу бити искошени.
Провери своје знање о цртању правоугаоника тако што ћеш одговорити на наредних неколико питања.
Q-17: Шта се НЕ задаје приликом цртања правоугаоника?
Q-18: Да би се нацртао правоугаоник чије је горње лево теме у тачки (100,100), чија је ширина 30, а висина 50 пиксела, потребно је извршити позив функције:
Q-19: Да би се нацртао правоугаоник чије је горње лево теме у тачки (80,80), а доње десно теме у тачки (130,160), потребно је извршити позив функције:
Кроз наредних неколико задатака увежбај цртање правоугаоника и квадрата.
Пет квадрата у пет боја¶
Напиши програм који исцртава редом црвени, зелени, плави, црни и бели квадрат димензије 50 пута 50 пиксела, постављене хоризонтално једног до другог.
Пошто су сви квадрати димензије 50 пута 50 пиксела, правимо прозор чија је димензија 250 пута 50 пиксела. Координата сваког горњег левог темена квадрата је 0 (пошто се та темена налазе на горњој ивици екрана). Координата x сваког наредног темена је 50 пиксела већа од претходне. Дакле, горња лева темена тих пет квадрата редом имају координате (0,0), (50,0), (100,0), (150,0) и (200,0). Упиши ове координате и димензије правоугаоника на одговарајућа места у програму, а затим покрени програм и провери да ли је твоје решење исправно.
import pygame as pgimport pygamebg(sirina, visina) = (250, 50) # otvaramo prozorprozor = pygamebg.open_window(sirina, visina, "Пет квадрата у пет боја")# crtamo 5 kvadrata# crvenipg.draw.rect(prozor, pg.Color("red"), (0, 0, 50, 50))# zelenipg.draw.rect(prozor, pg.Color("green"), (???, ???, 50, 50))# plavipg.draw.rect(???)# crni# beli# prikazujemo prozor i čekamo da ga korisnik isključipygamebg.wait_loop()(pet_kvadrata_u_pet_boja)
Глава робота¶
Нацртај наранџасту главу робота квадратног облика, која има црне очи и уста квадратног облика. Док помераш миша, координате можеш да очитаваш у наслову прозора (координате свих темена и димензије свих квадрата су дељиве са 10).
import mathimport pygame as pgimport pygamebg(sirina, visina) = (300, 300) # otvaramo prozorprozor = pygamebg.open_window(sirina, visina, "Глава робота")# glava# oci# usta# prikazujemo prozor i čekamo da ga korisnik isključipygamebg.wait_loop()(glava_robota_pomoc)
Цртање елипси¶
Библиотека PyGame нам омогућава и да цртамо елипсе коришћењем функције
pg.draw.ellipse. Елипса се црта тако што се зада описани
правоугаоник око ње и то помоћу истих параметара као у случају цртања
правоугаоника функцијом pg.draw.rect. У специјалном случају када
је описани правоугаоник око елипсе квадрат (када су му ширина и дужина
једнаке), тада је елипса кружног облика.
Дакле, елипса се црта помоћу функције pg.draw.ellipse, чији су
параметри редом:
прозор у ком се црта
боја којом се црта,
уређена четворка којом се представља правоугаоник у који је елипса уписана (задају се прво координате горњег левог темена правоугаоника, затим његова ширина и висина).
Као четврти аргумент, опционо, се може задати дебљина елипсе. Ако се дебљина изостави или ако се наведе нула, тада се елипса цела испуњава бојом.
Илуструјмо цртање елипсе наредним примером.
Елипсе
# bojimo pozadinu u beloprozor.fill(pg.Color("white"))# crtamo crvenu elipsupg.draw.ellipse(prozor, pg.Color("red"), (0, 0, 100, 150), 2)# crtamo opisani pravougaonikpg.draw.rect(prozor, pg.Color("red"), (0, 0, 100, 150), 1)# crtamo plavu elipsupg.draw.ellipse(prozor, pg.Color("blue"), (100, 0, 100, 100), 2)# crtamo opisani pravougaonikpg.draw.rect(prozor, pg.Color("blue"), (100, 0, 100, 100), 1)# crtamo zelenu elipsupg.draw.ellipse(prozor, pg.Color("green"), (0, 150, 200, 50))# crtamo opisani pravougaonikpg.draw.rect(prozor, pg.Color("green"), (0, 150, 200, 50), 1)(elipse)
Примети да је око сваке од три нацртане елипсе нацртан и њен описани
правоугаоник и да се у свим случајевима аргументи функције
pg.draw.ellipse потпуно поклапају са аргументима функције
pg.draw.rect.
Провери своје знање о цртању елипси тако што ћеш одговорити на наредних неколико питања.
Наведи уређени пар координата центра елипсе нацртане са
pg.draw.ellipse(50, 60, 70, 80).
Q-20: Круг има свој полупречник, а елипсе имају своје полуосе. Мала полуоса је најмање растојање од центра до линије елипсе, а велика полуоса је највеће растојање од центра до линије елипсе. Које од наредних елипси имају малу полуосу 30, а велику 40 пиксела?
Q-21: Којом наредбом се исцртава кружна линија?
Провежбај цртање елипси тако што ћеш решити наредни задатак.
Домаћи задатак - Паткица¶
Напиши програм који исцртава паткицу, каква се добије када притиснеш дугме „Прикажи пример”. Очитај координате са тог цртежа имајући у виду да су све значајне координате дељиве са 10.
Пробај да погодиш бројеве у наредном програму, тако да се исцрта једна лепа паткица (као што је речено у тексту задатка, сви аргументи позива функције за цртање елипси су дељиви са 10). Очи паткице су кружног облика, али и оне се могу нацртати функцијом за цртање елипсе. Глава и уста су елипсе које су уоквирене црном линијом. То се постиже тако што прво нацртамо обојену попуњену елипсу, а затим нацртамо елипсоидну линију танком црном бојом.
import mathimport pygame as pgimport pygamebg(sirina, visina) = (400, 400) # otvaramo prozorprozor = pygamebg.open_window(sirina, visina, "Паткица")# bojimo pozadinu u zelenoprozor.fill(pg.Color("green"))# crtamo glavupg.draw.ellipse(prozor, pg.Color("yellow"), (???, ???, ???, ???))pg.draw.ellipse(prozor, pg.Color("black"), (???, ???, ???, ???), 1)# crtamo ustapg.draw.ellipse(prozor, pg.Color("red"), (???, ???, ???, ???))pg.draw.ellipse(prozor, pg.Color("black"), (???, ???, ???, ???), 1)# crtamo oči# prikazujemo prozor i čekamo da ga korisnik isključipygamebg.wait_loop()(patkica)