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 Aula menus

Advanced topics for game developers
Advanced topics for game developersAdvanced topics for game developers
Advanced topics for game developers
juliocoopergames
 
Ambiente de trabalho 3ds Max
Ambiente de trabalho 3ds MaxAmbiente de trabalho 3ds Max
Ambiente de trabalho 3ds Max
Pedro Costa
 

Semelhante a Aula menus (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

Os editoriais, reportagens e entrevistas.pptx
Os editoriais, reportagens e entrevistas.pptxOs editoriais, reportagens e entrevistas.pptx
Os editoriais, reportagens e entrevistas.pptx
TailsonSantos1
 
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
HELENO FAVACHO
 
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdfReta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
WagnerCamposCEA
 
matematica aula didatica prática e tecni
matematica aula didatica prática e tecnimatematica aula didatica prática e tecni
matematica aula didatica prática e tecni
CleidianeCarvalhoPer
 
Revolução russa e mexicana. Slides explicativos e atividades
Revolução russa e mexicana. Slides explicativos e atividadesRevolução russa e mexicana. Slides explicativos e atividades
Revolução russa e mexicana. Slides explicativos e atividades
FabianeMartins35
 
SSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffff
SSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffffSSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffff
SSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffff
NarlaAquino
 
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptxTeoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
TailsonSantos1
 
2° ANO - ENSINO FUNDAMENTAL ENSINO RELIGIOSO
2° ANO - ENSINO FUNDAMENTAL ENSINO RELIGIOSO2° ANO - ENSINO FUNDAMENTAL ENSINO RELIGIOSO
2° ANO - ENSINO FUNDAMENTAL ENSINO RELIGIOSO
LeloIurk1
 
19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf
marlene54545
 

Último (20)

PROJETO DE EXTENSÃO I - AGRONOMIA.pdf AGRONOMIAAGRONOMIA
PROJETO DE EXTENSÃO I - AGRONOMIA.pdf AGRONOMIAAGRONOMIAPROJETO DE EXTENSÃO I - AGRONOMIA.pdf AGRONOMIAAGRONOMIA
PROJETO DE EXTENSÃO I - AGRONOMIA.pdf AGRONOMIAAGRONOMIA
 
Estudar, para quê? Ciência, para quê? Parte 1 e Parte 2
Estudar, para quê?  Ciência, para quê? Parte 1 e Parte 2Estudar, para quê?  Ciência, para quê? Parte 1 e Parte 2
Estudar, para quê? Ciência, para quê? Parte 1 e Parte 2
 
Os editoriais, reportagens e entrevistas.pptx
Os editoriais, reportagens e entrevistas.pptxOs editoriais, reportagens e entrevistas.pptx
Os editoriais, reportagens e entrevistas.pptx
 
Modelo de Plano Plano semanal Educação Infantil 5 anossemanal Educação Infant...
Modelo de Plano Plano semanal Educação Infantil 5 anossemanal Educação Infant...Modelo de Plano Plano semanal Educação Infantil 5 anossemanal Educação Infant...
Modelo de Plano Plano semanal Educação Infantil 5 anossemanal Educação Infant...
 
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
 
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdf
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdfPROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdf
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdf
 
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdfReta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
 
Atividade - Letra da música Esperando na Janela.
Atividade -  Letra da música Esperando na Janela.Atividade -  Letra da música Esperando na Janela.
Atividade - Letra da música Esperando na Janela.
 
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdfPROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
 
LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...
LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...
LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...
 
Camadas da terra -Litosfera conteúdo 6º ano
Camadas da terra -Litosfera  conteúdo 6º anoCamadas da terra -Litosfera  conteúdo 6º ano
Camadas da terra -Litosfera conteúdo 6º ano
 
matematica aula didatica prática e tecni
matematica aula didatica prática e tecnimatematica aula didatica prática e tecni
matematica aula didatica prática e tecni
 
Revolução russa e mexicana. Slides explicativos e atividades
Revolução russa e mexicana. Slides explicativos e atividadesRevolução russa e mexicana. Slides explicativos e atividades
Revolução russa e mexicana. Slides explicativos e atividades
 
migração e trabalho 2º ano.pptx fenomenos
migração e trabalho 2º ano.pptx fenomenosmigração e trabalho 2º ano.pptx fenomenos
migração e trabalho 2º ano.pptx fenomenos
 
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdfProjeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
 
SSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffff
SSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffffSSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffff
SSE_BQ_Matematica_4A_SR.pdfffffffffffffffffffffffffffffffffff
 
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptxTeoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
 
2° ANO - ENSINO FUNDAMENTAL ENSINO RELIGIOSO
2° ANO - ENSINO FUNDAMENTAL ENSINO RELIGIOSO2° ANO - ENSINO FUNDAMENTAL ENSINO RELIGIOSO
2° ANO - ENSINO FUNDAMENTAL ENSINO RELIGIOSO
 
Slides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptx
Slides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptxSlides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptx
Slides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptx
 
19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf
 

Aula menus

  • 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); } }