SlideShare una empresa de 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); 
} 
}

Más contenido relacionado

Similar a Projeto RAD: GUI e Menus Unity

Similar 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)
 

Más 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

BNCC Geografia.docx objeto de conhecimento
BNCC Geografia.docx objeto de conhecimentoBNCC Geografia.docx objeto de conhecimento
BNCC Geografia.docx objeto de conhecimentoGentil Eronides
 
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 2Maria Teresa Thomaz
 
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdfPROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdfHELENO FAVACHO
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...azulassessoria9
 
Urso Castanho, Urso Castanho, o que vês aqui?
Urso Castanho, Urso Castanho, o que vês aqui?Urso Castanho, Urso Castanho, o que vês aqui?
Urso Castanho, Urso Castanho, o que vês aqui?AnabelaGuerreiro7
 
COMPETÊNCIA 2 da redação do enem prodção textual professora vanessa cavalcante
COMPETÊNCIA 2 da redação do enem prodção textual professora vanessa cavalcanteCOMPETÊNCIA 2 da redação do enem prodção textual professora vanessa cavalcante
COMPETÊNCIA 2 da redação do enem prodção textual professora vanessa cavalcanteVanessaCavalcante37
 
Currículo - Ícaro Kleisson - Tutor acadêmico.pdf
Currículo - Ícaro Kleisson - Tutor acadêmico.pdfCurrículo - Ícaro Kleisson - Tutor acadêmico.pdf
Currículo - Ícaro Kleisson - Tutor acadêmico.pdfTutor de matemática Ícaro
 
2° ANO - ENSINO FUNDAMENTAL ENSINO RELIGIOSO
2° ANO - ENSINO FUNDAMENTAL ENSINO RELIGIOSO2° ANO - ENSINO FUNDAMENTAL ENSINO RELIGIOSO
2° ANO - ENSINO FUNDAMENTAL ENSINO RELIGIOSOLeloIurk1
 
Análise poema país de abril (Mauel alegre)
Análise poema país de abril (Mauel alegre)Análise poema país de abril (Mauel alegre)
Análise poema país de abril (Mauel alegre)ElliotFerreira
 
DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...
DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...
DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...IsabelPereira2010
 
ENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdf
ENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdfENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdf
ENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdfLeloIurk1
 
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 atividadesFabianeMartins35
 
Araribá slides 9ano.pdf para os alunos do medio
Araribá slides 9ano.pdf para os alunos do medioAraribá slides 9ano.pdf para os alunos do medio
Araribá slides 9ano.pdf para os alunos do medioDomingasMariaRomao
 
o ciclo do contato Jorge Ponciano Ribeiro.pdf
o ciclo do contato Jorge Ponciano Ribeiro.pdfo ciclo do contato Jorge Ponciano Ribeiro.pdf
o ciclo do contato Jorge Ponciano Ribeiro.pdfCamillaBrito19
 
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.Mary Alvarenga
 
Construção (C)erta - Nós Propomos! Sertã
Construção (C)erta - Nós Propomos! SertãConstrução (C)erta - Nós Propomos! Sertã
Construção (C)erta - Nós Propomos! SertãIlda Bicacro
 
Introdução a Caminhada do Interior......
Introdução a Caminhada do Interior......Introdução a Caminhada do Interior......
Introdução a Caminhada do Interior......suporte24hcamin
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...azulassessoria9
 
"É melhor praticar para a nota" - Como avaliar comportamentos em contextos de...
"É melhor praticar para a nota" - Como avaliar comportamentos em contextos de..."É melhor praticar para a nota" - Como avaliar comportamentos em contextos de...
"É melhor praticar para a nota" - Como avaliar comportamentos em contextos de...Rosalina Simão Nunes
 

Último (20)

BNCC Geografia.docx objeto de conhecimento
BNCC Geografia.docx objeto de conhecimentoBNCC Geografia.docx objeto de conhecimento
BNCC Geografia.docx objeto de conhecimento
 
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
 
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdfPROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
 
Urso Castanho, Urso Castanho, o que vês aqui?
Urso Castanho, Urso Castanho, o que vês aqui?Urso Castanho, Urso Castanho, o que vês aqui?
Urso Castanho, Urso Castanho, o que vês aqui?
 
COMPETÊNCIA 2 da redação do enem prodção textual professora vanessa cavalcante
COMPETÊNCIA 2 da redação do enem prodção textual professora vanessa cavalcanteCOMPETÊNCIA 2 da redação do enem prodção textual professora vanessa cavalcante
COMPETÊNCIA 2 da redação do enem prodção textual professora vanessa cavalcante
 
Currículo - Ícaro Kleisson - Tutor acadêmico.pdf
Currículo - Ícaro Kleisson - Tutor acadêmico.pdfCurrículo - Ícaro Kleisson - Tutor acadêmico.pdf
Currículo - Ícaro Kleisson - Tutor acadêmico.pdf
 
2° ANO - ENSINO FUNDAMENTAL ENSINO RELIGIOSO
2° ANO - ENSINO FUNDAMENTAL ENSINO RELIGIOSO2° ANO - ENSINO FUNDAMENTAL ENSINO RELIGIOSO
2° ANO - ENSINO FUNDAMENTAL ENSINO RELIGIOSO
 
Análise poema país de abril (Mauel alegre)
Análise poema país de abril (Mauel alegre)Análise poema país de abril (Mauel alegre)
Análise poema país de abril (Mauel alegre)
 
DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...
DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...
DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...
 
ENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdf
ENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdfENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdf
ENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdf
 
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
 
Araribá slides 9ano.pdf para os alunos do medio
Araribá slides 9ano.pdf para os alunos do medioAraribá slides 9ano.pdf para os alunos do medio
Araribá slides 9ano.pdf para os alunos do medio
 
o ciclo do contato Jorge Ponciano Ribeiro.pdf
o ciclo do contato Jorge Ponciano Ribeiro.pdfo ciclo do contato Jorge Ponciano Ribeiro.pdf
o ciclo do contato Jorge Ponciano Ribeiro.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.
 
Construção (C)erta - Nós Propomos! Sertã
Construção (C)erta - Nós Propomos! SertãConstrução (C)erta - Nós Propomos! Sertã
Construção (C)erta - Nós Propomos! Sertã
 
Introdução a Caminhada do Interior......
Introdução a Caminhada do Interior......Introdução a Caminhada do Interior......
Introdução a Caminhada do Interior......
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
 
Aula sobre o Imperialismo Europeu no século XIX
Aula sobre o Imperialismo Europeu no século XIXAula sobre o Imperialismo Europeu no século XIX
Aula sobre o Imperialismo Europeu no século XIX
 
"É melhor praticar para a nota" - Como avaliar comportamentos em contextos de...
"É melhor praticar para a nota" - Como avaliar comportamentos em contextos de..."É melhor praticar para a nota" - Como avaliar comportamentos em contextos de...
"É melhor praticar para a nota" - Como avaliar comportamentos em contextos de...
 

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