Estrutura de um programa gráfico

Transcrição

1 Módulo 2 Sistemas Gráficos e Interação Instituto Superior de Engenharia do Porto Filipe Pacheco ffp@isep.ipp.pt Estrutura de um programa gráfico SGRAI 2017/18 DEI-ISEP 22

2 Conteúdo Arquitetura de um programa gráfico GLUT SGRAI 2017/18 DEI-ISEP 23

3 Arquitetura SGRAI 2017/18 DEI-ISEP 24

4 Arquitetura simplificada SGRAI 2017/18 DEI-ISEP 25

5 Mantém ritmo da história independente do hardware Arquitetura simplificada Atualiza modelo Não faz desenho Eventos dos controladores de input Temporizadores Desenha modelo Garante que obtém o máximo de ciclos de execução Representação do mundo e dos jogadores (dados do programa) SGRAI 2017/18 DEI-ISEP 26

6 Arquitetura por eventos SGRAI 2017/18 DEI-ISEP 28

7 OpenGL e o sistema gestor de janelas O OpenGL é independente do sistema gestor de janelas Podemos Ou Utilizar a API do sistema gestor de janelas Utilizar GLUT (independente do SO) SGRAI 2017/18 DEI-ISEP 29

8 GLUT Biblioteca de abstração do sistema gestor de janelas Criação de janelas Eventos de teclado e rato Temporizadores Modelo de desenvolvimento por eventos (callbacks) SGRAI 2017/18 DEI-ISEP 30

9 Esqueleto programa GLUT #include <GL/glut.h> void init(); void display(); void main(int argc, char** argv) { } glutinit(&argc, argv); glutinitdisplaymode (GLUT_SINGLE GLUT_RGB); glutinitwindowsize (250, 250); glutinitwindowposition (100, 100); glutcreatewindow ("hello"); init (); glutdisplayfunc(display); glutmainloop(); Ciclo infinito de processamento dos eventos. SGRAI 2017/18 DEI-ISEP 31

10 Esqueleto programa GLUT void init() { glclearcolor (0.0, 0.0, 0.0, 0.0); glmatrixmode(gl_projection); glloadidentity(); glortho(0.0, 1.0, 0.0, 1.0, -1.0, 1.0); } void display() { glclear (GL_COLOR_BUFFER_BIT); glcolor3f (1.0, 1.0, 1.0); glbegin(gl_polygon); glvertex3f (0.25, 0.25, 0.0); glvertex3f (0.75, 0.25, 0.0); glvertex3f (0.75, 0.75, 0.0); glvertex3f (0.25, 0.75, 0.0); glend(); glflush(); } SGRAI 2017/18 DEI-ISEP 32

11 Inicialização glutinit(argc, argv) Inicializa a biblioteca GLUT glutinitdisplaymode(mode) Indica qual o modo de funcionamento a usar GLUT_SINGLE GLUT_RGB glutinitwindowsize(width, height) Indica tamanho inicial da janela glutinitwindowpos(x, y) Indica posição inicial da janela glutcreatewindow(titulo) Cria a janela da aplicação SGRAI 2017/18 DEI-ISEP 33

12 Ciclo principal glutmainloop Processa os eventos do sistema gestor de janelas (rato, teclado,...) e invoca as callbacks registadas SGRAI 2017/18 DEI-ISEP 34

13 Renderer glutdisplayfunc(callback) Indica qual a função a invocar sempre que for necessário desenhar o conteúdo da janela void display(void) { //forçar desenho glflush (); } Código de desenho SGRAI 2017/18 DEI-ISEP 35

14 Input glutkeyboardfunc(keyboard) void keyboard(unsigned char key, int x, int y) glutspecialfunc(special) void special(int key, int x, int y) glutmousefunc(mouse) void mouse(int button, int state, int x, int y) glutmotionfunc(motion) void motion(int x, int y) gluttimerfunc(unsigned int millis, ontimer, int value) void ontimer(int value) SGRAI 2017/18 DEI-ISEP 36

15 Outras callbacks GLUT glutreshapefunc(reshape) void reshape(int width, int height) glutidlefunc(idle) void idle(void) SGRAI 2017/18 DEI-ISEP 37

16 Esqueleto callbacks void reshape(int w, int h) { glviewport(0, 0, w, h); glmatrixmode(gl_projection); glloadidentity(); glortho(0.0, 1.0, 0.0, 1.0, -1.0, 1.0); glmatrixmode(gl_modelview); glloadidentity(); } void keyboard(unsigned char key, int x, int y) { switch (key) { case 27: // ESCAPE exit(0); break; case 'w': case 'W': g_conf.polygonwire =!g_conf.polygonwire; break; } glutpostredisplay(); Redesenhar a cena, assim que possível } SGRAI 2017/18 DEI-ISEP 38

17 Forçar redesenho glutpostredisplay() Indica ao glut que deve chamar o callback responsável pelo desenho (glutdisplayfunc) assim que possível SGRAI 2017/18 DEI-ISEP 39

18 Menus em GLUT #define MENU_EXIT 1 #define MENU_POLYGON_WIRE 2 #define MENU_POLYGON_SOLID 3 void init_menus() { int mnu, mnu1; mnu1 = glutcreatemenu(handle_menu); glutaddmenuentry("wireframe", MENU_POLYGON_WIRE); glutaddmenuentry("solid", MENU_POLYGON_SOLID); mnu = glutcreatemenu(handle_menu); glutaddsubmenu("glpolygonmode(mode)", mnu1); glutaddmenuentry("exit", MENU_EXIT); } glutattachmenu(glut_left_button); SGRAI 2017/18 DEI-ISEP 40

19 Menus em GLUT void handle_menu(int op) { switch (op) { case MENU_EXIT: exit(0); break; case MENU_POLYGON_WIRE: g_conf.polygonwire = GL_TRUE; break; case MENU_POLYGON_SOLID: g_conf.polygonwire = GL_FALSE; break; } glutpostredisplay(); } SGRAI 2017/18 DEI-ISEP 41

20 Menus em GLUT int glutcreatemenu(void(*)(int op)) glutsetmenu (int menu) glutdestroymenu( int menu) glutaddmenuentry(char *label, int value) glutchangetomenuentry(int entry, char *label, int value) glutaddsubmenu(char *label, int submenu) glutchangetosubmenu(int entry, char *label, int submenu) glutremovemenuitem(int entry) glutattachmenu(int button) glutmenustatusfunc(void (*func(int status, int x, int y)) SGRAI 2017/18 DEI-ISEP 42

21 Demo SGRAI 2017/18 DEI-ISEP 43