SlideShare uma empresa Scribd logo
1 de 10
Projeto de jogos RAD: 
GUI Texture e Menus 
Augusto Bülow
Unity 3D 
• GUITexture: imagens 2D renderizadas 
diretamente na tela 
• HUD: elementos de interface e display 
• Imagens: load, logos, cut-scenes, etc. 
• Botões / menus (2D)
Unity 3D 
• GUITexture: 
• Importar imagem 2D (BMAP) 
• Criar GUITexture 
• Propriedades básicas 
• posicionamento / escala 
• cor (adicional / tint) 
• PixelInSet (retangulo) 
• Posicao e tamanho em pixels 
• Bordas: protege bordas de escala
Unity 3D 
• Setar BMAP para tamanho da tela: 
• Classe Screen 
• Screen.width / Screen.height 
• Posição: Pivot = centro da imagem 
function Start () { 
var size_x = Screen.width; 
var size_y = Screen.height; 
var pos_x = -size_x /2; 
var pos_y = -size_y /2; 
guiTexture.pixelInset = Rect (pos_x, pos_y, size_x, size_y); 
}
Unity 3D 
• Criar efeito Tint / transparência no BMAP 
• Componente de Cor (0..1) 
• color.a = alpha / transparência 
var cor = 0.0; 
function Update () { 
if (cor < 0.5) { cor += 0.1 * Time.deltaTime; } 
guiTexture.color.r = cor; 
guiTexture.color.g = cor; 
guiTexture.color.b = cor; 
}
Unity 3D 
• Criar movimento nos bmaps 
• pelo retângulo ( guiTexture.pixelInset ) 
• pelo transform.position 
... 
if (cor < 0.5) { 
transform.position.y += 0.1 * Time.deltaTime; 
}
Unity 3D 
• Utilizando BMAPS como botões 
• Eventos do mouse (Functions / Messages) 
• OnMouseDown 
• OnMouseOver 
• OnMouseExit 
• OnMouseExit 
• Criar / Inserir script com código especifico para as 
chamadas
Unity 3D 
function OnMouseDown () { 
Application.LoadLevel (1); 
} 
function OnMouseOver () { 
guiTexture.color.r = 1; 
guiTexture.color.g = 0.1; 
guiTexture.color.b = 0.1; 
} 
function OnMouseExit () { 
guiTexture.color.r = 0.5; 
guiTexture.color.g = 0.5; 
guiTexture.color.b = 0.5; 
}
Unity 3D 
– Posição Z define ordem de renderização 
–(qual mais a frente)
Unity 3D 
– Usar mesmo script para componentes do menu 
– Checar nome / definir ação 
function OnMouseDown () { 
if (gameObject.name == "botao1") { 
Application.LoadLevel (1); 
} 
if (gameObject.name == "botao2") { 
Application.LoadLevel (2); 
} 
}

Mais conteúdo relacionado

Semelhante a Projeto RAD: GUI e Menus Unity

Semelhante a Projeto RAD: GUI e Menus Unity (20)

Aula gui
Aula guiAula gui
Aula gui
 
Minicurso pygame
Minicurso pygameMinicurso pygame
Minicurso pygame
 
Advanced topics for game developers
Advanced topics for game developersAdvanced topics for game developers
Advanced topics for game developers
 
Aula4 debug
Aula4   debugAula4   debug
Aula4 debug
 
Desenvolvimento de Jogos com Cocos2d - Apresentação Coderockr Jam
Desenvolvimento de Jogos com Cocos2d - Apresentação Coderockr JamDesenvolvimento de Jogos com Cocos2d - Apresentação Coderockr Jam
Desenvolvimento de Jogos com Cocos2d - Apresentação Coderockr Jam
 
Erick Zanardo - Desenvolvimento de Jogos em Flutter
Erick Zanardo - Desenvolvimento de Jogos em FlutterErick Zanardo - Desenvolvimento de Jogos em Flutter
Erick Zanardo - Desenvolvimento de Jogos em Flutter
 
Minicurso blender
Minicurso blenderMinicurso blender
Minicurso blender
 
Aula1 intro
Aula1  introAula1  intro
Aula1 intro
 
Júlio Pescuite - Advanced Topics for Game Developers
Júlio Pescuite - Advanced Topics for Game DevelopersJúlio Pescuite - Advanced Topics for Game Developers
Júlio Pescuite - Advanced Topics for Game Developers
 
Aula anima1
Aula anima1Aula anima1
Aula anima1
 
2896 autocad 2006
2896 autocad 20062896 autocad 2006
2896 autocad 2006
 
Java ME - Game API
Java ME - Game APIJava ME - Game API
Java ME - Game API
 
Desenvolvendo GUI com GTK+ - Frederico Schardong
Desenvolvendo GUI com GTK+ - Frederico SchardongDesenvolvendo GUI com GTK+ - Frederico Schardong
Desenvolvendo GUI com GTK+ - Frederico Schardong
 
Aula maps
Aula mapsAula maps
Aula maps
 
Manual multi bim
Manual multi bimManual multi bim
Manual multi bim
 
Ambiente de trabalho 3ds Max
Ambiente de trabalho 3ds MaxAmbiente de trabalho 3ds Max
Ambiente de trabalho 3ds Max
 
curso-promob
curso-promobcurso-promob
curso-promob
 
Intel Perceptual Computing SDK
Intel Perceptual Computing SDKIntel Perceptual Computing SDK
Intel Perceptual Computing SDK
 
Desenvolvendo Jogos com pygame.
Desenvolvendo Jogos com pygame.Desenvolvendo Jogos com pygame.
Desenvolvendo Jogos com pygame.
 
Matlab (guide)
Matlab (guide)Matlab (guide)
Matlab (guide)
 

Mais de Marcos Batista (17)

Aula terrain
Aula terrainAula terrain
Aula terrain
 
Aula som
Aula somAula som
Aula som
 
Aula sky
Aula skyAula sky
Aula sky
 
Aula particulas
Aula particulasAula particulas
Aula particulas
 
Aula modelos
Aula modelosAula modelos
Aula modelos
 
Aula ia2
Aula ia2Aula ia2
Aula ia2
 
Aula ia
Aula iaAula ia
Aula ia
 
Aula disparos
Aula disparosAula disparos
Aula disparos
 
Aula disparos
Aula disparosAula disparos
Aula disparos
 
Aula cameras
Aula camerasAula cameras
Aula cameras
 
Aula anima-modelos
Aula anima-modelosAula anima-modelos
Aula anima-modelos
 
Aula9 material
Aula9 materialAula9 material
Aula9 material
 
Aula8 instancias
Aula8 instanciasAula8 instancias
Aula8 instancias
 
Aula7 velocidade
Aula7 velocidadeAula7 velocidade
Aula7 velocidade
 
Aula6 colisao2
Aula6 colisao2Aula6 colisao2
Aula6 colisao2
 
Aula5 colisao1
Aula5 colisao1Aula5 colisao1
Aula5 colisao1
 
Aula2 intro2
Aula2   intro2Aula2   intro2
Aula2 intro2
 

Último

Aula - 1º Ano - Émile Durkheim - Um dos clássicos da sociologia
Aula - 1º Ano - Émile Durkheim - Um dos clássicos da sociologiaAula - 1º Ano - Émile Durkheim - Um dos clássicos da sociologia
Aula - 1º Ano - Émile Durkheim - Um dos clássicos da sociologiaaulasgege
 
HORA DO CONTO4_BECRE D. CARLOS I_2023_2024
HORA DO CONTO4_BECRE D. CARLOS I_2023_2024HORA DO CONTO4_BECRE D. CARLOS I_2023_2024
HORA DO CONTO4_BECRE D. CARLOS I_2023_2024Sandra Pratas
 
Apresentação | Eleições Europeias 2024-2029
Apresentação | Eleições Europeias 2024-2029Apresentação | Eleições Europeias 2024-2029
Apresentação | Eleições Europeias 2024-2029Centro Jacques Delors
 
DIA DO INDIO - FLIPBOOK PARA IMPRIMIR.pdf
DIA DO INDIO - FLIPBOOK PARA IMPRIMIR.pdfDIA DO INDIO - FLIPBOOK PARA IMPRIMIR.pdf
DIA DO INDIO - FLIPBOOK PARA IMPRIMIR.pdfIedaGoethe
 
Gerenciando a Aprendizagem Organizacional
Gerenciando a Aprendizagem OrganizacionalGerenciando a Aprendizagem Organizacional
Gerenciando a Aprendizagem OrganizacionalJacqueline Cerqueira
 
Investimentos. EDUCAÇÃO FINANCEIRA 8º ANO
Investimentos. EDUCAÇÃO FINANCEIRA 8º ANOInvestimentos. EDUCAÇÃO FINANCEIRA 8º ANO
Investimentos. EDUCAÇÃO FINANCEIRA 8º ANOMarcosViniciusLemesL
 
Aula 1, 2 Bacterias Características e Morfologia.pptx
Aula 1, 2  Bacterias Características e Morfologia.pptxAula 1, 2  Bacterias Características e Morfologia.pptx
Aula 1, 2 Bacterias Características e Morfologia.pptxpamelacastro71
 
activIDADES CUENTO lobo esta CUENTO CUARTO GRADO
activIDADES CUENTO  lobo esta  CUENTO CUARTO GRADOactivIDADES CUENTO  lobo esta  CUENTO CUARTO GRADO
activIDADES CUENTO lobo esta CUENTO CUARTO GRADOcarolinacespedes23
 
HORA DO CONTO3_BECRE D. CARLOS I_2023_2024
HORA DO CONTO3_BECRE D. CARLOS I_2023_2024HORA DO CONTO3_BECRE D. CARLOS I_2023_2024
HORA DO CONTO3_BECRE D. CARLOS I_2023_2024Sandra Pratas
 
A Arte de Escrever Poemas - Dia das Mães
A Arte de Escrever Poemas - Dia das MãesA Arte de Escrever Poemas - Dia das Mães
A Arte de Escrever Poemas - Dia das MãesMary Alvarenga
 
Simulado 1 Etapa - 2024 Proximo Passo.pdf
Simulado 1 Etapa - 2024 Proximo Passo.pdfSimulado 1 Etapa - 2024 Proximo Passo.pdf
Simulado 1 Etapa - 2024 Proximo Passo.pdfEditoraEnovus
 
Apostila da CONQUISTA_ para o 6ANO_LP_UNI1.pptx
Apostila da CONQUISTA_ para o 6ANO_LP_UNI1.pptxApostila da CONQUISTA_ para o 6ANO_LP_UNI1.pptx
Apostila da CONQUISTA_ para o 6ANO_LP_UNI1.pptxIsabelaRafael2
 
cartilha-pdi-plano-de-desenvolvimento-individual-do-estudante.pdf
cartilha-pdi-plano-de-desenvolvimento-individual-do-estudante.pdfcartilha-pdi-plano-de-desenvolvimento-individual-do-estudante.pdf
cartilha-pdi-plano-de-desenvolvimento-individual-do-estudante.pdfIedaGoethe
 
ABRIL VERDE.pptx Slide sobre abril ver 2024
ABRIL VERDE.pptx Slide sobre abril ver 2024ABRIL VERDE.pptx Slide sobre abril ver 2024
ABRIL VERDE.pptx Slide sobre abril ver 2024Jeanoliveira597523
 
Prática de interpretação de imagens de satélite no QGIS
Prática de interpretação de imagens de satélite no QGISPrática de interpretação de imagens de satélite no QGIS
Prática de interpretação de imagens de satélite no QGISVitor Vieira Vasconcelos
 
UFCD_10392_Intervenção em populações de risco_índice .pdf
UFCD_10392_Intervenção em populações de risco_índice .pdfUFCD_10392_Intervenção em populações de risco_índice .pdf
UFCD_10392_Intervenção em populações de risco_índice .pdfManuais Formação
 
ALMANANHE DE BRINCADEIRAS - 500 atividades escolares
ALMANANHE DE BRINCADEIRAS - 500 atividades escolaresALMANANHE DE BRINCADEIRAS - 500 atividades escolares
ALMANANHE DE BRINCADEIRAS - 500 atividades escolaresLilianPiola
 
Sociologia Contemporânea - Uma Abordagem dos principais autores
Sociologia Contemporânea - Uma Abordagem dos principais autoresSociologia Contemporânea - Uma Abordagem dos principais autores
Sociologia Contemporânea - Uma Abordagem dos principais autoresaulasgege
 
Slides Lição 4, Betel, Ordenança quanto à contribuição financeira, 2Tr24.pptx
Slides Lição 4, Betel, Ordenança quanto à contribuição financeira, 2Tr24.pptxSlides Lição 4, Betel, Ordenança quanto à contribuição financeira, 2Tr24.pptx
Slides Lição 4, Betel, Ordenança quanto à contribuição financeira, 2Tr24.pptxLuizHenriquedeAlmeid6
 

Último (20)

Aula - 1º Ano - Émile Durkheim - Um dos clássicos da sociologia
Aula - 1º Ano - Émile Durkheim - Um dos clássicos da sociologiaAula - 1º Ano - Émile Durkheim - Um dos clássicos da sociologia
Aula - 1º Ano - Émile Durkheim - Um dos clássicos da sociologia
 
HORA DO CONTO4_BECRE D. CARLOS I_2023_2024
HORA DO CONTO4_BECRE D. CARLOS I_2023_2024HORA DO CONTO4_BECRE D. CARLOS I_2023_2024
HORA DO CONTO4_BECRE D. CARLOS I_2023_2024
 
Apresentação | Eleições Europeias 2024-2029
Apresentação | Eleições Europeias 2024-2029Apresentação | Eleições Europeias 2024-2029
Apresentação | Eleições Europeias 2024-2029
 
DIA DO INDIO - FLIPBOOK PARA IMPRIMIR.pdf
DIA DO INDIO - FLIPBOOK PARA IMPRIMIR.pdfDIA DO INDIO - FLIPBOOK PARA IMPRIMIR.pdf
DIA DO INDIO - FLIPBOOK PARA IMPRIMIR.pdf
 
Orientação Técnico-Pedagógica EMBcae Nº 001, de 16 de abril de 2024
Orientação Técnico-Pedagógica EMBcae Nº 001, de 16 de abril de 2024Orientação Técnico-Pedagógica EMBcae Nº 001, de 16 de abril de 2024
Orientação Técnico-Pedagógica EMBcae Nº 001, de 16 de abril de 2024
 
Gerenciando a Aprendizagem Organizacional
Gerenciando a Aprendizagem OrganizacionalGerenciando a Aprendizagem Organizacional
Gerenciando a Aprendizagem Organizacional
 
Investimentos. EDUCAÇÃO FINANCEIRA 8º ANO
Investimentos. EDUCAÇÃO FINANCEIRA 8º ANOInvestimentos. EDUCAÇÃO FINANCEIRA 8º ANO
Investimentos. EDUCAÇÃO FINANCEIRA 8º ANO
 
Aula 1, 2 Bacterias Características e Morfologia.pptx
Aula 1, 2  Bacterias Características e Morfologia.pptxAula 1, 2  Bacterias Características e Morfologia.pptx
Aula 1, 2 Bacterias Características e Morfologia.pptx
 
activIDADES CUENTO lobo esta CUENTO CUARTO GRADO
activIDADES CUENTO  lobo esta  CUENTO CUARTO GRADOactivIDADES CUENTO  lobo esta  CUENTO CUARTO GRADO
activIDADES CUENTO lobo esta CUENTO CUARTO GRADO
 
HORA DO CONTO3_BECRE D. CARLOS I_2023_2024
HORA DO CONTO3_BECRE D. CARLOS I_2023_2024HORA DO CONTO3_BECRE D. CARLOS I_2023_2024
HORA DO CONTO3_BECRE D. CARLOS I_2023_2024
 
A Arte de Escrever Poemas - Dia das Mães
A Arte de Escrever Poemas - Dia das MãesA Arte de Escrever Poemas - Dia das Mães
A Arte de Escrever Poemas - Dia das Mães
 
Simulado 1 Etapa - 2024 Proximo Passo.pdf
Simulado 1 Etapa - 2024 Proximo Passo.pdfSimulado 1 Etapa - 2024 Proximo Passo.pdf
Simulado 1 Etapa - 2024 Proximo Passo.pdf
 
Apostila da CONQUISTA_ para o 6ANO_LP_UNI1.pptx
Apostila da CONQUISTA_ para o 6ANO_LP_UNI1.pptxApostila da CONQUISTA_ para o 6ANO_LP_UNI1.pptx
Apostila da CONQUISTA_ para o 6ANO_LP_UNI1.pptx
 
cartilha-pdi-plano-de-desenvolvimento-individual-do-estudante.pdf
cartilha-pdi-plano-de-desenvolvimento-individual-do-estudante.pdfcartilha-pdi-plano-de-desenvolvimento-individual-do-estudante.pdf
cartilha-pdi-plano-de-desenvolvimento-individual-do-estudante.pdf
 
ABRIL VERDE.pptx Slide sobre abril ver 2024
ABRIL VERDE.pptx Slide sobre abril ver 2024ABRIL VERDE.pptx Slide sobre abril ver 2024
ABRIL VERDE.pptx Slide sobre abril ver 2024
 
Prática de interpretação de imagens de satélite no QGIS
Prática de interpretação de imagens de satélite no QGISPrática de interpretação de imagens de satélite no QGIS
Prática de interpretação de imagens de satélite no QGIS
 
UFCD_10392_Intervenção em populações de risco_índice .pdf
UFCD_10392_Intervenção em populações de risco_índice .pdfUFCD_10392_Intervenção em populações de risco_índice .pdf
UFCD_10392_Intervenção em populações de risco_índice .pdf
 
ALMANANHE DE BRINCADEIRAS - 500 atividades escolares
ALMANANHE DE BRINCADEIRAS - 500 atividades escolaresALMANANHE DE BRINCADEIRAS - 500 atividades escolares
ALMANANHE DE BRINCADEIRAS - 500 atividades escolares
 
Sociologia Contemporânea - Uma Abordagem dos principais autores
Sociologia Contemporânea - Uma Abordagem dos principais autoresSociologia Contemporânea - Uma Abordagem dos principais autores
Sociologia Contemporânea - Uma Abordagem dos principais autores
 
Slides Lição 4, Betel, Ordenança quanto à contribuição financeira, 2Tr24.pptx
Slides Lição 4, Betel, Ordenança quanto à contribuição financeira, 2Tr24.pptxSlides Lição 4, Betel, Ordenança quanto à contribuição financeira, 2Tr24.pptx
Slides Lição 4, Betel, Ordenança quanto à contribuição financeira, 2Tr24.pptx
 

Projeto RAD: GUI e Menus Unity

  • 1. Projeto de jogos RAD: GUI Texture e Menus Augusto Bülow
  • 2. Unity 3D • GUITexture: imagens 2D renderizadas diretamente na tela • HUD: elementos de interface e display • Imagens: load, logos, cut-scenes, etc. • Botões / menus (2D)
  • 3. Unity 3D • GUITexture: • Importar imagem 2D (BMAP) • Criar GUITexture • Propriedades básicas • posicionamento / escala • cor (adicional / tint) • PixelInSet (retangulo) • Posicao e tamanho em pixels • Bordas: protege bordas de escala
  • 4. Unity 3D • Setar BMAP para tamanho da tela: • Classe Screen • Screen.width / Screen.height • Posição: Pivot = centro da imagem function Start () { var size_x = Screen.width; var size_y = Screen.height; var pos_x = -size_x /2; var pos_y = -size_y /2; guiTexture.pixelInset = Rect (pos_x, pos_y, size_x, size_y); }
  • 5. Unity 3D • Criar efeito Tint / transparência no BMAP • Componente de Cor (0..1) • color.a = alpha / transparência var cor = 0.0; function Update () { if (cor < 0.5) { cor += 0.1 * Time.deltaTime; } guiTexture.color.r = cor; guiTexture.color.g = cor; guiTexture.color.b = cor; }
  • 6. Unity 3D • Criar movimento nos bmaps • pelo retângulo ( guiTexture.pixelInset ) • pelo transform.position ... if (cor < 0.5) { transform.position.y += 0.1 * Time.deltaTime; }
  • 7. Unity 3D • Utilizando BMAPS como botões • Eventos do mouse (Functions / Messages) • OnMouseDown • OnMouseOver • OnMouseExit • OnMouseExit • Criar / Inserir script com código especifico para as chamadas
  • 8. Unity 3D function OnMouseDown () { Application.LoadLevel (1); } function OnMouseOver () { guiTexture.color.r = 1; guiTexture.color.g = 0.1; guiTexture.color.b = 0.1; } function OnMouseExit () { guiTexture.color.r = 0.5; guiTexture.color.g = 0.5; guiTexture.color.b = 0.5; }
  • 9. Unity 3D – Posição Z define ordem de renderização –(qual mais a frente)
  • 10. Unity 3D – Usar mesmo script para componentes do menu – Checar nome / definir ação function OnMouseDown () { if (gameObject.name == "botao1") { Application.LoadLevel (1); } if (gameObject.name == "botao2") { Application.LoadLevel (2); } }