Основна структура PyGame програма¶

Сви PyGame програми имају неколико незаобилазних корака. Програм садржи део кода који отвара прозор у ком се програм извршава (задају се његове димензије и наслов), део кода у којем се исцртава неки садржај на прозору, део кода који анализира и реагује на акције које корисник извршава (мишем или тастатуром) и део кода који на крају програма искључује прозор.

Пошто ће у великом броју почетних примера почетни и завршни делови кода (у којима се отвара прозор, чека да корисник искључи прозор и на крају затвара прозор) бити увек исти, у наредним програмима ћемо се фокусирати само на централни део кода у коме се врши цртање. Ако радиш на Петљи, ти помоћни делови кода ће бити унапред припремљени, биће приказани сивом бојом и ти не треба ни да их анализираш, нити да их мењаш. Ако радиш на свом локалном рачунару (на пример, у окружењу Python IDLE), тада не мораш да крећеш од празног програма, већ нови програм можеш започети тако што са Петље ископираш наредни програм и онда измениш само његов централни („бели”) део (који тренутно садржи само наредбе prozor.fill и pg.draw.line).

import pygame as pg

​

# uključivanje rada biblioteke PyGame

pg.init()

​

# postavljamo naslov prozora

pg.display.set_caption("Pygame")

# određujemo dimenzije prozora

(sirina, visina) = (400, 400)

# prikazujemo prozor tih dimenzija

prozor = pg.display.set_mode((sirina, visina))

​

# bojimo pozadinu prozora u belo

prozor.fill(pg.Color("white"))

​

# crtamo crnu duž od tačke (100, 100) do tačke (300, 300) debljine 5

pg.draw.line(prozor, pg.Color("black"), (100, 100), (300, 300), 5)

​

# osvežavamo sadržaj prozora i tako prikazujemo ono što smo nacrtali

pg.display.update()

​

# petlja obrade događaja - čekamo dok korisnik ne isključi prozor

while pg.event.wait().type != pg.QUIT:

    pass

​

# isključivanje rada biblioteke PyGame

pg.quit()

​

Ако ипак желиш да научиш шта значе наредбе у помоћном („сивом”) делу кода, онда ти саветујемо да прочиташ овај текст.

Координатни систем¶

Положај свих објеката (тачака, дужи, кругова и слично) на прозору одређује се њиховим координатама у координатом систему прозора, који је сличан, али ипак мало другачији у односу на онај са којим си се срео/срела у математици. Положај тачке је и у овом случају одређен уређеним паром њених координата (координатом x тј. апсцисом и координатом y тј. oрдинатом). Јединица мере је један пиксел. Координатни почетак је овде постављен у горњем левом углу прозора. Координата $x$ и овде расте када се крећемо на десно, али координата $y$ опада када се крећемо на горе, односно повећава се када се крећемо на доле, што је другачије у односу на координатни систем који нам је познат од раније. Нека је дата тачка $A(5, 3)$. Ако бисмо подигли (транслирали) ову тачку за 1 на горе и задржали њену $x$ координату, тада би нове координате тачке $A$ биле $A(5, 2)$. Ако бисмо тачку $A$ са тренутне позиције померили (транслирали) на доле за 2 нове координате би јој биле $A(5, 4)$. Дакле, прва координата тачке одређује колико је тачка удаљена од леве ивице прозора, а друга координата колико је тачка удаљена од горње ивице прозора.

Наредни програм ће ти олакшати да схватиш координате. Померај миша и прати пажљиво како се координате мењају. Прозор по ком се миш креће је димензије 300 пута 300 пискела. У наслову прозора пише колико је x и колико је y, а изнад миша пише уређен пар координата (у загради су уписане обе координате и то прво координата x, а онда y). Покрени програм дугметом „Прикажи пример”.

​

Провери своје знање о координатама кроз наредних неколико питања.

У програмском језику Пајтон уређен пар координата тачке можемо представити било двочланом торком (3, 5) било двочланом листом [3, 5]. У наредном примеру две крајње тачке дужи задате су помоћу две двочлане торке ((100, 100) и (300, 300)).

pg.draw.line(prozor, pg.Color("black"), (100, 100), (300, 300), 5)

​

Координате су нам веома важан појам и са њима ћемо се сусретати буквално у сваком PyGame програму.

Задавање боја¶

Све облике можеш цртати у различитим бојама. Боју можеш добити на основу имена које се наводи као параметар функције pg.Color. Moжеш користити већ готове боје навођењем одговарајуће ниске: 'black' за црну, 'white' за белу, 'gray' за сиву, 'blue' за плаву, 'green' за зелену, 'orange' за наранџасту, 'yellow' за жуту и слично. Подсетимо се, ниске се наводе било између једноструких, било између двоструких наводника (равноправно се, на пример, могу користити 'blue' и "blue"). На пример, ако позовеш функцију py.draw.line(prozor, pg.Color('blue'), (0, 0), (200, 200), 3) на прозору ће се приказати дуж плаве боје чија су темена тачке са координатама $(0, 0)$ и $(200, 200)$ дебљине 3 пиксела.

Наведимо имена основних боја које ћемо користити у нашим програмима.

Поиграј се мало са бојама у наредном програму и покушај да обојиш прозор у све ове боје. Прозор се боји коришћењем функције prozor.fill чији је једини параметар боја.

import pygame as pg

​

# uključivanje rada biblioteke PyGame

pg.init()

​

# postavljamo naslov prozora

pg.display.set_caption("Боје - називи")

# određujemo dimenzije prozora

(sirina, visina) = (400, 400)

# prikazujemo prozor tih dimenzija

prozor = pg.display.set_mode((sirina, visina))

​

# bojimo pozadinu prozora

prozor.fill(pg.Color("???"))

​

# osvežavamo sadržaj prozora i tako prikazujemo ono što smo nacrtali

pg.display.update()

​

# petlja obrade događaja - čekamo dok korisnik ne isključi prozor

while pg.event.wait().type != pg.QUIT:

    pass

​

# isključivanje rada biblioteke PyGame

pg.quit()

​

Једна грешка коју можеш направити приликом задавања боје је да уместо да pg.Color напишеш великим словом, напишеш pg.color малим словом. Тада ће ти се приказати грешка AttributeError: '' object has no attribute 'color'. Још једна грешка је да назив боје не наведеш под наводницима (на пример, да наведеш pg.Color(white)). Тада ће ти се приказати порука NameError: name 'white' is not defined on line 8.

Можда ћеш пожелети да поред основних боја које се могу добити на основу њиховог имена, самостално дефинишеш неку своју боју тј. нијансу. То можеш најлакше урадити коришћењем модела боје RGB (енгл. red-green-blue). Светло било које боје се може добити комбиновањем светла црвене (Red), зелене (Green) и плаве (Blue) боје. На пример, комбиновањем црвеног и зеленог светла добија се жуто светло, комбиновањем црвеног и плавог љубичасто, а комбиновањем плавог и зеленог резеда. Комбиновањем светла све три основне боје добија се бело светло док се црно светло добија када се сва три светла искључе. Сиво светло се добија када се измеша подједнака количина, црвеног, зеленог и плавог светла.

Боју тако можемо описати наводећи три броја (у овом случају то су бројеви од 0 до 255), који редом представљају количину црвене, зелене и плаве компоненте у боји коју дефинишемо. У програмском језику Python боју, дакле, можеш представити и тројком бројева и то у облику трочлане уређене торке (нпр. (123, 80, 56)) или трочлане листе (нпр. [123, 80, 56]). Торку или листу можеш навести директно као аргумент функције који одговара боји, а можеш је упамтити у променљивој и касније користити више пута. На пример, доделом REZEDA = (0, 255, 255) дефинишемо резеда боју (каже се и тиркизна или цијан) наводећи одговарајуће количине црвене, зелене и плаве светлости коју ова боја садржи (пошто је то мешавина плаве и зелене боје у њој нема нимало црвене, а плава и зелена компонента су на максимуму). Након тога, ту боју можемо употребити и у позиву функције (нпр. prozor.fill(REZEDA)). Имена тих променљивих не морају бити написана великим словима, али то је добар обичај.

Резимирајмо сада RGB вредности неких карактеристичних боја.

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

Поиграј се мало са бојама наведним у RGB облику у наредном програму и покушај да обојиш прозор у све ове боје. Пробај да уносиш и друге комбинације вредности између 0 и 255.

import pygame as pg

​

# uključivanje rada biblioteke PyGame

pg.init()

​

# postavljamo naslov prozora

pg.display.set_caption("Боје - RGB")

# određujemo dimenzije prozora

(sirina, visina) = (400, 400)

# prikazujemo prozor tih dimenzija

prozor = pg.display.set_mode((sirina, visina))

​

# bojimo pozadinu prozora

prozor.fill([???, ???, ???])

​

# osvežavamo sadržaj prozora i tako prikazujemo ono što smo nacrtali

pg.display.update()

​

# petlja obrade događaja - čekamo dok korisnik ne isključi prozor

while pg.event.wait().type != pg.QUIT:

    pass

​

# isključivanje rada biblioteke PyGame

pg.quit()

​

Утврди своје знање о бојама тако што ћеш одговорити на наредних неколико питања.

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

Цртање дужи¶

Све функције за цртање у библиотеци Pygame почињу са py.draw. Прво ћемо се позабавити цртањем дужи. Дуж $AB$ се црта позивом функције pg.draw.line. Већ смо видели пример позива pg.draw.line(prozor, pg.Color("black"), (100, 100), (300, 300), 5). Дакле, врши се позив облика pg.draw.line(prozor, boja, teme1, teme2, debljina). Ова функција има пет параметара који се наводе у загради. Први параметар је прозор на коме желимо да нацртамо дуж (он се подешава унутар „сивог” кода и увек ће се звати баш prozor). Други параметар је боја. Наредни параметри су координате почетног темена дужи (на слици је то тачка $А$) и крајњег темена дужи (тачка $B$). Последњи параметар је дебљина линије којом се исцртава дуж, задата у пикселима.

Редослед аргумената наведених у позиву функције је важан. Провери да ли тај редослед знаш.

Провежбајмо сада цртање дужи кроз неколико задатака. Ови задаци ће ти помоћи да боље упознаш координатни систем који користимо за позиционирање тачака на прозору.

Слово А¶

Напиши програм који помоћу три дужи исцртава слово A.

Циљ овог задатка је да утврдимо наше сналажење у координатном систему. За цртање слова $A$ потребно је исцртати три дужи (леву косу линију, десну косу линију и хоризонталну црту). Величина прозора је $200 \times 200$ и о овоме би требало водити рачуна приликом одређивања координата тачака које представљају темена дужи. Спајањем одговарајућих тачака, формирају се дужи.

Приметимо да смо у решењу увели променљиву debljina да бисмо дебљину обе линије могли да контролишемо само на једном месту. Ова променљива је постављена (иницијализована) на почетку на 10 (наредбом доделе debljina = 10) и променом вредности ове променљиве мења се дебљина све три дужи које чине наше слово. И у наредним програмима ћемо уводити помоћне променљиве које ће нам помоћи да лакше пишемо и прилагођавамо наше програме.

На слици можеш видети координате тачака. Тачка $A$ је $50$ пиксела удаљена по оси $x$, и $150$ на ниже по оси $y$, зато су координате тачке $A$ $= (50, 150)$. На исти начин ћеш одредити координате осталих тачака. Упиши их у програм уместо упитника, а затим покрени програм и провери да ли се добија слово А (једну линију смо већ уцртали).

Покрени програмПрикажи примерИскопирај

32

 

1

import pygame as pg

2

3

# uključivanje rada biblioteke PyGame

4

pg.init()

5

​

6

# podešavamo naslov prozora

7

pg.display.set_caption("Slovo A")

8

# uključujemo prozor dimenzije 200x200 piksela

9

(sirina, visina) = (200, 200)

10

prozor = pg.display.set_mode((sirina, visina))

11

​

12

# bojimo pozadinu prozora u sivo

13

prozor.fill(pg.Color("gray"))

14

​

15

# debljina linije

16

debljina = 10

17

# leva kosa linija

18

pg.draw.line(prozor, pg.Color("white"), (50, 150), (100, 50), debljina)

19

# desna kosa linija

20

pg.draw.line(prozor, pg.Color("white"), ???, ???, debljina)

21

# horizontalna linija po sredini

22

pg.draw.line(prozor, pg.Color("white"), ???, ???, debljina)

23

# prikazujemo nacrtano na prozoru

24

pg.display.update()

25

26

# petlja obrade događaja - čekamo dok korisnik ne isključi prozor

27

while pg.event.wait().type != pg.QUIT:

28

    pass

29

30

# isključivanje rada biblioteke PyGame

31

pg.quit()

32

​

(slovoA)

import pygame as pg

# uključivanje rada biblioteke PyGame

pg.init()

# podešavamo naslov prozora

pg.display.set_caption("Симбол плус")

# uključujemo prozor dimenzije 200x200 piksela

(sirina, visina) = (200, 200)

prozor = pg.display.set_mode((sirina, visina))

# bojimo pozadinu u belo

prozor.fill(pg.Color("white"))

# debljina linija je 10 piksela

debljina = 10

# vertikalna crna linija dužine 100 piksela

pg.draw.line(prozor, pg.Color("black"), (100, 50), (100, 150), debljina)

# horizontalna crna linija dužine 100 piksela

pg.draw.line(prozor, pg.Color("black"), (???, ???), (???, ???), debljina)

# osvežavamo prikaz sadržaja prozora

pg.display.update()   

# petlja obrade događaja - čekamo dok korisnik ne isključi prozor

while pg.event.wait().type != pg.QUIT:

    pass

# isključivanje rada biblioteke PyGame

pg.quit()

​

import pygame as pg

# uključivanje rada biblioteke PyGame

pg.init()

# podešavamo naslov prozora

pg.display.set_caption("Обојени симбол плус")

# uključujemo prozor dimenzije 200x200 piksela

(sirina, visina) = (200, 200)

prozor = pg.display.set_mode((sirina, visina))

# bojimo pozadinu u žuto

prozor.fill(???)

# debljina linija je 10 piksela

debljina = 10

# vertikalna plava linija dužine 100 piksela

pg.draw.line(???)

# horizontalna crvena linija dužine 100 piksela

pg.draw.line(???)

# osvežavamo prikaz sadržaja prozora

pg.display.update()   

# petlja obrade događaja - čekamo dok korisnik ne isključi prozor

while pg.event.wait().type != pg.QUIT:

    pass

# isključivanje rada biblioteke PyGame

pg.quit()

​

# bojimo pozadinu u belo

prozor.fill(pg.Color("yellow"))

# debljina linija je 10 piksela

debljina = 10

# vertikalna plava linija dužine 100 piksela

pg.draw.line(prozor, pg.Color("blue"), (100, 50), (100, 150), debljina)

# horizontalna crvena linija dužine 100 piksela

pg.draw.line(prozor, pg.Color("red"), (50, 100), (150, 100), debljina)

​

# bojimo pozadinu u belo

prozor.fill([255, 255, 0])

# debljina linija je 10 piksela

debljina = 10

# vertikalna plava linija dužine 100 piksela

pg.draw.line(prozor, [0, 0, 255], (100, 50), (100, 150), debljina)

# horizontalna crvena linija dužine 100 piksela

pg.draw.line(prozor, [255, 0, 0], (50, 100), (150, 100), debljina)

​

import math

import pygame as pg

​

# uključivanje rada biblioteke PyGame

pg.init()

​

# postavljamo naslov prozora

pg.display.set_caption("Pygame")

# određujemo dimenzije prozora

(sirina, visina) = (300, 300)

# prikazujemo prozor tih dimenzija

prozor = pg.display.set_mode((sirina, visina))

​

def jednakostranicni(cx, cy, h, boja):

    a = int(h * 2 / math.sqrt(3))

    A = (cx - a//2, cy + h//3)

    B = (cx + a//2, cy + h//3)

    C = (cx, cy - 2*h//3)

    pg.draw.polygon(prozor, boja, [A, B, C])

​

prozor.fill(pg.Color("white"))

(cx, cy) = (sirina // 2, 2 *  visina // 3)

jednakostranicni(cx, cy, round(0.8*visina), pg.Color("red"))

jednakostranicni(cx, cy, round(0.55*visina), pg.Color("yellow"))

​

​

# osvežavamo sadržaj prozora i tako prikazujemo ono što smo nacrtali

pg.display.update()

​

# petlja obrade događaja - čekamo dok korisnik ne isključi prozor

while pg.event.wait().type != pg.QUIT:

    pass

​

# isključivanje rada biblioteke PyGame

pg.quit()

​

pg.draw.line(prozor, pg.Color("black"), (???, ???), (???, ???), 20)

pg.draw.line(prozor, pg.Color("black"), (???, ???), (???, ???), 20)

​

import pygame as pg, random

​

pg.init()   # uključujemo rad biblioteke PyGame

​

pg.display.set_caption("Пример") 

​

# otvaramo prozor

(sirina, visina) = (300, 300)

prozor = pg.display.set_mode((sirina, visina))

​

prozor.fill(???)

# uspravna linija

pg.draw.line(prozor, ???, (150, ???), (150, ???), 4)

# 6 vodoravnih linija

???

pg.display.update()   # prikazujemo nacrtano na ekranu

​

# petlja obrade događaja - čekamo dok korisnik ne isključi prozor

while pg.event.wait().type != pg.QUIT:

    pass

​

# isključivanje rada biblioteke PyGame

pg.quit()

​

import pygame as pg

​

pg.init()                          # uključivanje rada biblioteke PyGame

pg.display.set_caption("Антена")   # podešavamo naslov prozora

(sirina, visina) = (300, 300)      # otvaramo prozor dimenzije 300x300

prozor = pg.display.set_mode((sirina, visina))

​

prozor.fill(pg.Color("skyblue")) # bojimo pozadinu ekrana u nebo-plavo

​

pg.draw.line(prozor, pg.Color('black'), (150,  50), (150, 250), 4)

pg.draw.line(prozor, pg.Color('black'), (120,  75), (180,  75), 1)

pg.draw.line(prozor, pg.Color('black'), (110, 100), (190, 100), 1)

pg.draw.line(prozor, pg.Color('black'), (100, 125), (200, 125), 2)

pg.draw.line(prozor, pg.Color('black'), ( 90, 150), (210, 150), 2)

pg.draw.line(prozor, pg.Color('black'), ( 80, 175), (220, 175), 3)

pg.draw.line(prozor, pg.Color('black'), ( 70, 200), (230, 200), 3)

​

pg.display.update()   # prikazujemo nacrtano na ekranu

​

# petlja obrade događaja - čekamo dok korisnik ne isključi prozor

while pg.event.wait().type != pg.QUIT:

    pass

​

# isključivanje rada biblioteke PyGame

pg.quit()

​