Introdução a LÖVE - Parte 2

Transcrição

1 Introdução a LÖVE - Parte 2 INF1031 Introdução a Computação Waldemar Celes celes@inf.puc-rio.br Tecgraf, DI/PUC-Rio 10 de Abril de 2018 W. Celes Introdução a LÖVE - Parte 2 1

2 Sistemas de coordenadas Sistemas de coordenadas (transformações) Armazenadas em um modelo de pilha A transformação aplicada é sempre a do topo da pilha Funções love.graphics.push: duplica o topo love.graphics.pop: retira o topo, restaura transformação anterior W. Celes Introdução a LÖVE - Parte 2 2

3 Sistemas de coordenadas Sistemas de coordenadas (transformações) Armazenadas em um modelo de pilha A transformação aplicada é sempre a do topo da pilha Funções love.graphics.push: duplica o topo love.graphics.pop: retira o topo, restaura transformação anterior Modelo geral de especificação de transformações love. g r a p h i c s. push () -- salva estado c o m a n d o s de t r a n s f o r m a ç ~a o c o m a n d o s de d e s e n h o love. g r a p h i c s. pop () -- r e s t a u r a estado W. Celes Introdução a LÖVE - Parte 2 2

4 Exercício Programa que reproduza a imagem de um tabuleiro de damas, com as peças na posição inicial. W. Celes Introdução a LÖVE - Parte 2 3

5 Função de inicialização local D = 800 f u n c t i o n love. load () love. window. s e t T i t l e ( " T a b u l e i r o de damas " ) love. window. s e t M o d e (D, D ) love. g r a p h i c s. s e t B a c k g r o u n d C o l o r (255,255,255) W. Celes Introdução a LÖVE - Parte 2 4

6 Função de inicialização local D = 800 f u n c t i o n love. load () love. window. s e t T i t l e ( " T a b u l e i r o de damas " ) love. window. s e t M o d e (D, D ) love. g r a p h i c s. s e t B a c k g r o u n d C o l o r (255,255,255) Função de desenho f u n c t i o n love. draw () -- s i s t e m a n o r m a l i z a d o [0,1] love. g r a p h i c s. push () love. g r a p h i c s. t r a n s l a t e (0, D ) love. g r a p h i c s. scale (D, - D ) d e s e n h a _ t a b u l e i r o () d e s e n h a _ p e c a s _ b r a n c a s () d e s e n h a _ p e c a s _ p r e t a s () love. g r a p h i c s. pop () W. Celes Introdução a LÖVE - Parte 2 4

7 Função de desenho do tabuleiro f u n c t i o n d e s e n h a _ t a b u l e i r o () local x = 0. 1 for i = 1, 8 do local y = 0. 1 for j = 1, 8 do if ( i + j )%2 == 0 then love. g r a p h i c s. s e t C o l o r (200,170,140) else love. g r a p h i c s. s e t C o l o r (100,70,40) love. g r a p h i c s. r e c t a n g l e ( " fill ",x,y,0.1,0.1) y = y x = x W. Celes Introdução a LÖVE - Parte 2 5

8 Função de desenho das peças brancas f u n c t i o n d e s e n h a _ p e c a s _ b r a n c a s () love. g r a p h i c s. s e t C o l o r (255,255,255) love. g r a p h i c s. push () love. g r a p h i c s. t r a n s l a t e (0.15,0.0) for i = 1, 8 do love. g r a p h i c s. push () love. g r a p h i c s. t r a n s l a t e (0.0,0.15) for j = 1, 3 do if ( i + j )%2 == 1 then love. g r a p h i c s. circle ( " fill ",0,0,0.03,32) love. g r a p h i c s. t r a n s l a t e (0.0,0.10) love. g r a p h i c s. pop () love. g r a p h i c s. t r a n s l a t e (0.10,0.0) love. g r a p h i c s. pop () W. Celes Introdução a LÖVE - Parte 2 6

9 Função de desenho das peças pretas f u n c t i o n d e s e n h a _ p e c a s _ p r e t a s () love. g r a p h i c s. s e t C o l o r (0,0,0) love. g r a p h i c s. push () love. g r a p h i c s. t r a n s l a t e (0.15,0.0) for i = 1, 8 do love. g r a p h i c s. push () love. g r a p h i c s. t r a n s l a t e (0.0,0.65) for j = 6, 8 do if ( i + j )%2 == 1 then love. g r a p h i c s. circle ( " fill ",0,0,0.03,32) love. g r a p h i c s. t r a n s l a t e (0.0,0.10) love. g r a p h i c s. pop () love. g r a p h i c s. t r a n s l a t e (0.10,0.0) love. g r a p h i c s. pop () W. Celes Introdução a LÖVE - Parte 2 7

10 LÖVE Trabalhando com imagens Função para criar uma imagem love. g r a p h i c s. n e w I m a g e ( f i l e n a m e ) -- > o b j _ i m a g e m Função para desenhar uma imagem love. g r a p h i c s. draw ( o b j _ i m a g e m ) W. Celes Introdução a LÖVE - Parte 2 8

11 LOVE Exerc ıcio: tabuleiro como imagem W. Celes Introdu c ao a LOVE - Parte 2 9

12 Tabuleiro como imagem Função de inicialização local t a b u l e i r o f u n c t i o n love. load () love. window. s e t T i t l e ( " T a b u l e i r o de damas " ) love. window. s e t M o d e (D, D ) love. g r a p h i c s. s e t B a c k g r o u n d C o l o r (255,255,255) t a b u l e i r o = love. g r a p h i c s. n e w I m a g e ( " t a b u l e i r o. png " ) W. Celes Introdução a LÖVE - Parte 2 10

13 Tabuleiro como imagem Função de inicialização local t a b u l e i r o f u n c t i o n love. load () love. window. s e t T i t l e ( " T a b u l e i r o de damas " ) love. window. s e t M o d e (D, D ) love. g r a p h i c s. s e t B a c k g r o u n d C o l o r (255,255,255) t a b u l e i r o = love. g r a p h i c s. n e w I m a g e ( " t a b u l e i r o. png " ) Função para desenhar o tabuleiro f u n c t i o n d e s e n h a _ t a b u l e i r o () local sx = 0.8 / t a b u l e i r o : g e t W i d t h () local sy = 0.8 / t a b u l e i r o : g e t H e i g h t () love. g r a p h i c s. s e t C o l o r (255,255,255) -- cor de m o d u l a ç ~a o love. g r a p h i c s. draw ( tabuleiro,0.1,0.1,0, sx, sy ) W. Celes Introdução a LÖVE - Parte 2 10

14 LOVE Exerc ıcio: tabuleiro como imagem W. Celes Introdu c ao a LOVE - Parte 2 11

15 LÖVE Trabalhando com atlas e sprites Imagem passa a ser uma textura de quads W. Celes Introdução a LÖVE - Parte 2 12

16 LÖVE Trabalhando com atlas e sprites Imagem passa a ser uma textura de quads Exemplo: desenhar as peças do jogo de damas com imagens Procedimento de criação Criar imagem pecas = love. g r a p h i c s. n e w I m a g e ( " damas. png " ) Criar quadrilátero mapeado na imagem p e c a _ p r e t a = love. g r a p h i c s. n e w Q u a d ( 100,0,100,98, pecas : g e t D i m e n s i o n s ()) Função de desenho love. g r a p h i c s. draw ( pecas, peca_preta,0,0,0.08/100,0.08/98) W. Celes Introdução a LÖVE - Parte 2 12

17 Tabuleiro e peças como imagens Função de inicialização local t a b u l e i r o local pecas local p e c a _ b r a n c a local p e c a _ p r e t a f u n c t i o n love. load () love. window. s e t T i t l e ( " T a b u l e i r o de damas " ) love. window. s e t M o d e (D, D ) love. g r a p h i c s. s e t B a c k g r o u n d C o l o r (255,255,255) t a b u l e i r o = love. g r a p h i c s. n e w I m a g e ( " t a b u l e i r o. png " ) pecas = love. g r a p h i c s. n e w I m a g e ( " damas. png " ) p e c a _ b r a n c a = love. g r a p h i c s. n e w Q u a d (300,0,100,98, pecas : g e t p e c a _ p r e t a = love. g r a p h i c s. n e w Q u a d (100,0,100,98, pecas : g e t D W. Celes Introdução a LÖVE - Parte 2 13

18 Tabuleiro e peças como imagens Função de desenho das peças brancas f u n c t i o n d e s e n h a _ p e c a s _ b r a n c a s () love. g r a p h i c s. s e t C o l o r (255,255,255) love. g r a p h i c s. push () love. g r a p h i c s. t r a n s l a t e (0.11,0.0) for i = 1, 8 do love. g r a p h i c s. push () love. g r a p h i c s. t r a n s l a t e (0.0,0.11) for j = 1, 3 do if ( i + j )%2 == 1 then love. g r a p h i c s. draw ( pecas, peca_branca, 0,0,0.08/100,0.08/98) love. g r a p h i c s. t r a n s l a t e (0.0,0.10) love. g r a p h i c s. pop () love. g r a p h i c s. t r a n s l a t e (0.10,0.0) love. g r a p h i c s. pop () W. Celes Introdução a LÖVE - Parte 2 14

19 LOVE Exerc ıcio: tabuleiro e pe cas como imagens W. Celes Introdu c ao a LOVE - Parte 2 15