Садржај

1. Робот Карел - линијски програми и бројачка петља

2. Робот Карел - условна петља и гранање

3. Робот Карел - задаци за вежбање

4. Корњача графика - линијски програми и петље

5. Корњача графика - гранање, угнежђене петље, функције, торке и листе

6. Корњача графика - задаци за вежбање

7. Израчунавања - изрази, оператори, променљиве

8. Израчунавања - цели и реални бројеви, дељење

9. Израчунавања - коришћење и дефинисање функција

10. Израчунавања - задаци за вежбање

11. Гранање

12. Понављање - петље

13. Контрола тока - вежбање

14. Структуре података

15. Примена петље у структурама података

16. Откривање и исправљање грешака

17. Програмирање 2Д графике - Увод у Pygame

18. Увод у Pygame - Координатни систем и боје

19. Цртање основних облика

20. Напредне технике цртања

21. Цртање основних облика - утврђивање

22. Цртање правилних облика помоћу петљи

23. Гранање и угнежђене петље

24. Приказ слика и текста

25. Анимације

26. Анимације - задаци

27. Анимације кретања

28. Анимације сусрета објеката

29. Догађаји

30. Комбиновање догађаја и анимација

31. Пајгејм квиз

30.1. Комбиновање догађаја и анимација¶

У неким ситуацијама желимо да комбинујемо анимације и догађаје. На пример, желимо да мишем померамо анимиране ликове по екрану. То није тешко остварити коришћењем техника које смо већ објаснили у поглављима о анимацијама и догађајима. У наредним програмима обично ће корисник дефинисати три помоћне функције: crtaj, novi_frejm и obradi_dogadjaj и њихов ће задатак бити исти као и у програмима које смо до сада писали.

Коришћење библиотеке PyGameBg омогућава да се функцији frame_loop као трећи параметар зада и функција obradi_dogadjaj, чиме се постиже да се приликом преласка на сваки наредни фрејм обраде сви догађаји који су наступили између приказивања два фрејма.

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

Корачање до циља¶

Лик стоји на малој платформи која се мишем може померати лево-десно. Када се платформа помери, лик полако корача све док не стигне до ње.

# učitavamo u listu slike setanje1.png, setanje2.png, ..., setanje5.png
slike_unapred = []   # niz u koji dodajemo slike
slike_unazad = []   # niz u koji dodajemo slike
for i in range(1, 6):
    naziv_slike = "setanje" + str(i) + ".png"  # gradimo naziv slike od delova
    slika = pg.image.load(naziv_slike)
    slike_unapred.???
    slike_unazad.append(pg.transform.flip(slika, True, False))  # pravimo sliku u ogledalu
slike = slike_unapred

slika = 0   # indeks tekuće slike
x = 0       # x-koordinata leve ivice slike
cilj_x = 0  # x-koordinata do koje treba da stigne leva ivica slike

def crtaj():
    prozor.fill(pg.Color("white"))                          # bojimo pozadinu prozora u belo
    prozor.blit(slike[slika], (x, 0))                       # prikazujemo sliku
    # crtamo platformu
    cilj_sredina_x = ???                                   # x koordinata sredine slike - sredina platforme
    A = (cilj_sredina_x - 20, visina - 5)                  # krajnje tačke platforme
    B = (???, ???)
    pg.draw.line(prozor, pg.Color("black"), A, B, 10)

def novi_frejm():
    global slika, x
    # slučaj kada je lik levo od platforme
    if x < cilj_x:                        # ako je lik levo od platforme
        x += 4                            #   pomeramo ga 4 piksela nadesno
        slika = (slika + 1) % len(slike)  #   prelazimo na sledeću sliku
        crtaj()                           #   poovo crtamo
    # slučaj kada je lik desno od platforme
    ???

def obradi_dogadjaj(dogadjaj):
    global cilj_x, slike
    if dogadjaj.type == pg.KEYDOWN:                                  # taster na tastaturi
        if dogadjaj.key == pg.LEFT:                               # strelica na desno
            if cilj_x + slike[slika].get_width() <= sirina:   #   ako desna ivica slike ne ispada van desnog dela ekrana
                cilj_x += 20                                  #     pomeramo platformu 20 piksela nadesno
                slike = slike_unapred                         #     lik je okrenut nadesno
        # dodaj obradu srelice na desno
        ???

Коришћење тајмера¶

Још једно решење за прављење анимација je да се направи тајмер (енг. timer), који ће откуцавати у правилним временским интервалима. Тајмер почиње са откуцавањем позивом функције pg.time.set_timer. Сваки пут када откуца, генерише се догађај који смо навели као први аргумент у позиву функције pg.time.set_timer, док је други аргумент у позиву број милисекунди након којих поново откуцава. Програмер, дакле, одређује који ће догађај бити последица откуцаја тајмера (најчешће се користи догађај pg.USEREVENT, који се не догађа аутоматски, већ се управо користи за овакве сврхе).

Откуцај тајмера је догађај као и сваки други, па се и основна структура програма поклапа са оном коју смо користили у програмима у којима смо обрађивали догађаје.

Прегледности ради, догађај откуцаја тајмера можемо обрађивати у посебној помоћној функцији. Посматрајмо наредни кôд заснован на библиотеци PyGameBg.

Поновним позивом функције set_timer можемо променити интервал у ком ће тајмер откуцавати.

Ево неколико примера у којима се користи тајмер.

Померање анимираног лика¶

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

# učitavamo u listu slike setanje1.png, setanje2.png, ..., setanje5.png
slike = []   # niz u koji dodajemo slike
for i in range(5):
    naziv_slike = "setanje" + str(i + 1) + ".png"  # gradimo naziv slike od delova
    slike.append(pg.image.load(naziv_slike))   # učitavamo sliku i dodajemo je na kraj niza

slika = 0            # redni broj slike koja se prikazuje
(x, y) = (100, 100)  # polozaj slike

def crtaj():
    prozor.fill(pg.Color("white"))              # bojimo pozadinu prozora u belo
    ???                                         # prikazujemo trenutnu sliku

def obradi_otkucaj_tajmera():
    global slika
    slika = (slika + 1) % 5                    # prelazimo na narednu sliku
    return True

def obradi_dogadjaj(dogadjaj):
    global ???
    if dogadjaj.type == pg.USEREVENT:          # otkucaj tajmera
       return obradi_otkucaj_tajmera()
    elif dogadjaj.type == pg.KEYDOWN:          # pritisnut je taster na tastaturi
        ???                                    # obrađujemo četiri strelice
        return True

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

Претходна лекција Следећа лекција

Слова