Цртање квадрата и правоугаоника¶

У библиотеци Пајгејм можемо једноставно цртати квадрате и правоугаонике. За то користимо следећу функцију са параметрима наведеним у загради, где је rect скраћено од енглеске речи rectangle што значи правоугаоник:

pg.draw.rect(prozor, boja, (x, y, a, b), debljina_linije)

Параметри функције су редом:

• прозор на коме се црта,

• боја,

• уређена четворка бројева чија прва два броја представљају координате горњег левог темена правоугаоника, а друга два представљају редом његову ширину и висину.

Прво се црта црни правоугаоник чије се горње лево теме налази на координатама \((50, 50)\) (прва је координата \(x\) која одређује удаљеност тог темена од леве ивице прозора, а друга је координата \(y\) која одређује удаљеност тог темена од горње ивице прозора), чија је ширина 200 пиксела, а висина 100 пиксела. Затим се црта црвени правоугаоник чије се горње лево теме налази на координатама \((75, 75)\), чија је ширина 150, а висина 50 пиксела. Први позив функције pg.draw.rect садржи и четврти параметар - број 1, који представља дебљину оквира правоугаоника у пикселима. Када се овај параметар изостави (као у другом позиву), добија се правоугаоник попуњен бојом.

Нагласимо да се на овај начин могу цртати само правоугаоници и квадрати који су постављени тако да су им странице паралелне ивицама прозора, тј. који су постављени хоризонтално или вертикално и који не могу бити искошени.

Кроз наредних неколико задатака увежбај цртање правоугаоника и квадрата.

Пет квадрата у пет боја¶

Напиши програм који исцртава редом црвени, зелени, плави, црни и бели квадрат димензија 50 пута 50 пиксела, постављен хоризонтално један до другог.

Пошто су сви квадрати димензије 50 пута 50 пиксела, правимо прозор чија је димензија 250 пута 50 пиксела. Координата сваког горњег левог темена квадрата је 0 (пошто се та темена налазе на горњој ивици прозора). Координата \(x\) сваког наредног темена је 50 пиксела већа од претходне. Дакле, горња лева темена тих пет квадрата редом имају координате \((0, 0)\), \((50, 0)\), \((100, 0)\), \((150, 0)\) и \((200, 0)\). Упиши ове координате и димензије правоугаоника на одговарајућа места у програму, а затим покрени програм и провери да ли је твоје решење исправно.

# crtamo 5 kvadrata # crveni pg.draw.rect(prozor, pg.Color("red"), (0, 0, 50, 50)) # zeleni pg.draw.rect(prozor, pg.Color("green"), (???, ???, 50, 50)) # plavi pg.draw.rect(???) # crni # beli

Решење:

pg.draw.rect(prozor, pg.Color("red"), (0, 0, 50, 50)) pg.draw.rect(prozor, pg.Color("green"), (50, 0, 50, 50)) pg.draw.rect(prozor, pg.Color("blue"), (100, 0, 50, 50)) pg.draw.rect(prozor, pg.Color("black"), (150, 0, 50, 50)) pg.draw.rect(prozor, pg.Color("white"), (200, 0, 50, 50))

Глава робота¶

Нацртај наранџасту главу робота квадратног облика, која има црне очи и уста квадратног облика. Док помераш миша по покренутом примеру, координате можеш да очитаваш у наслову прозора (координате свих темена на нашој слици су дељиве са 10).

# glava # oci # usta

Решење:

prozor.fill(pg.Color("white")) pg.draw.rect(prozor, pg.Color("orange"), (50, 50, 200, 200)) # glava pg.draw.rect(prozor, pg.Color("black"), (90, 90, 40, 40)) # levo oko pg.draw.rect(prozor, pg.Color("black"), (170, 90, 40, 40)) # desno oko pg.draw.rect(prozor, pg.Color("black"), (110, 190, 80, 40)) # usta

Цртање елипси¶

Библиотека Пајгејм нам омогућава и да цртамо елипсе коришћењем функције pg.draw.ellipse. Елипса се црта тако што се зада описани правоугаоник око ње и то помоћу истих параметара као у случају цртања правоугаоника функцијом pg.draw.rect. У специјалном случају када је описани правоугаоник око елипсе квадрат (када су му ширина и дужина једнаке), елипса је кружног облика.

Дакле, елипса се црта помоћу функције:

pg.draw.ellipse(prozor, boja, (x, y, a, b), debljina_linije)

Параметри функције су редом:

• прозор у ком се црта,

• боја којом се црта,

• уређена четворка којом се представља правоугаоник у који је елипса уписана (задају се прво координате горњег левог темена правоугаоника, затим његова ширина и висина).

Као четврти аргумент, опционо, може се задати дебљина елипсе. Ако се дебљина изостави или ако се наведе нула, елипса се цела испуњава бојом.

Илуструјмо цртање елипсе наредним примером.

Ако обратите пажњу, видећете да је око сваке од три нацртане елипсе нацртан и њен описани правоугаоник и да се у свим случајевима аргументи функције pg.draw.ellipse потпуно поклапају са аргументима функције pg.draw.rect.

Користећи ово што си научио о елипсама, покушај да решиш следећи задатак.

Нацртај три елипсе тако да је прва плаве боје и да је попуњена, а правоугаоник који је око ње описан има горње лево теме у тачки (50, 50), ширина му је 50, а висина 80. Друга није попуњена, већ је исцртана линијом жуте боје и дебљине пет пиксела, истих је димензија као и плава, а правоугаоник у који је уписана има горње лево теме у тачки (125, 50). На крају, трећа елипса је попуњена жутом бојом, а правоугаоник који је око ње описан има горње лево теме у тачки (65, 150), ширину 100 и висину 50.