SlideShare una empresa de Scribd logo
1 de 10
Breakeye

(Projeto de Jogo)
Aluno: Alisson Emanuel de Oliveira Alcântara Meireles (131739-3)

PROGRAMAÇÃO GRÁFICA
Cod. 2648 – MOA (1º. Semestre/2013)
Profa. MSc. Camila Hamdan
1. O Conceito do Jogo
• O jogo é no estilo Breakout, onde é preciso
rebater a bolinha nos blocos, coletando
power-ups (e se esquivando dos powerdowns) e passando os níveis. Alguns blocos
têm funções especiais no Game, controlando
a barra com os movimentos dos olhos
(eye
tracking), dentro do navegador padrão do
Samsung Galaxy S4.
2. Descrição do Jogo
• Gênero: ARCADE
• Elementos do Jogo: Blocos, Bola, Arena
• Temas: Retrô
3. Ambientes
O jogo se passa em arenas retangulares,
onde os blocos aparecem dispostos de
formas diferentes em cada fase,
aumentando a dificuldade para finalizar
cada nível em questão
4. Tecnologia (linguagem)
•
•
•
•
•
•

Técnica: Gráficos 2D
Visão: Topo
Plataforma : WEB
Motor de Jogo: Javascript
Dispositivo: PC / Android
Linguagens utilizadas: HTML5
5. Referências
•

O Breakout original é criação da dupla Nolan Bushnell e Steve Bristow, que tiveram
a ideia de seguir o sucesso do fenômeno Pong (também conhecido como Tênis
para Dois), mas criando uma experiência voltada para apenas um jogador.

•

Apesar da ideia ter nascido de Bushnell e Bristow, quem iniciou o trabalho em um
protótipo do game foi ninguém menos que Steve Jobs, conhecido por ser o cofundador da Apple e criador de aparelhos como iPhone e iPad. Na época, Jobs era
apenas um designer na Atari.

•

Ao lado de Steve Wozniak, parceiro de Jobs na criação da Apple, Breakout foi
criado em apenas quatro dias. Após algumas modificações, o jogo foi lançado nos
fliperamas em 1976, e meses depois no famoso console Atari 2600. Anos mais
tarde, Breakout inspirou inúmeros clones, entre eles Arkanoid e Alleyway.

•

http://www.techtudo.com.br/noticias/noticia/2013/05/breakout-classico-da-atarifaz-37-anos-com-jogo-escondido-no-google.html

•

http://pt.wikipedia.org/wiki/Breakout_(jogo_eletr%C3%B4nico)
5. Referências

Breakout Clássico
6. Pré-produção gráfica
BLOCOS

ESFERA

BARRA
ARENA
7. Layout da página do jogo

Más contenido relacionado

Más de Dra. Camila Hamdan

AULA IV: APRESENTAÇÃO DA INTERFACE GRÁFICA
AULA IV: APRESENTAÇÃO DA INTERFACE GRÁFICAAULA IV: APRESENTAÇÃO DA INTERFACE GRÁFICA
AULA IV: APRESENTAÇÃO DA INTERFACE GRÁFICADra. Camila Hamdan
 
Portal periódicos CAPES: Guia - Maio 2015
Portal periódicos CAPES: Guia - Maio 2015Portal periódicos CAPES: Guia - Maio 2015
Portal periódicos CAPES: Guia - Maio 2015Dra. Camila Hamdan
 
Ergonomia e Usabilidade AULA 6.
Ergonomia e Usabilidade AULA 6.Ergonomia e Usabilidade AULA 6.
Ergonomia e Usabilidade AULA 6.Dra. Camila Hamdan
 
Ergonomia e Usabilidade AULA 4: Erro
Ergonomia e Usabilidade AULA 4: ErroErgonomia e Usabilidade AULA 4: Erro
Ergonomia e Usabilidade AULA 4: ErroDra. Camila Hamdan
 
WebDesign AULA 2: Introdução a HTML
WebDesign AULA 2: Introdução a HTMLWebDesign AULA 2: Introdução a HTML
WebDesign AULA 2: Introdução a HTMLDra. Camila Hamdan
 
Jogos em Realidade Aumentada (Projeto PIBITI 2015-2016)
Jogos em Realidade Aumentada (Projeto PIBITI 2015-2016)Jogos em Realidade Aumentada (Projeto PIBITI 2015-2016)
Jogos em Realidade Aumentada (Projeto PIBITI 2015-2016)Dra. Camila Hamdan
 
Ergonomia e Usabilidade AULA 3:
Ergonomia e Usabilidade AULA 3:Ergonomia e Usabilidade AULA 3:
Ergonomia e Usabilidade AULA 3:Dra. Camila Hamdan
 
Jogos em Realidade Virtual e Aumentada- 3º Congresso de IC - UDF 2013
Jogos em Realidade Virtual e Aumentada- 3º Congresso de IC - UDF 2013Jogos em Realidade Virtual e Aumentada- 3º Congresso de IC - UDF 2013
Jogos em Realidade Virtual e Aumentada- 3º Congresso de IC - UDF 2013Dra. Camila Hamdan
 
Maquete Virtual - UDF/4R (Tour Virtual) - Jogos em Realidade Virtual e Aument...
Maquete Virtual - UDF/4R (Tour Virtual) - Jogos em Realidade Virtual e Aument...Maquete Virtual - UDF/4R (Tour Virtual) - Jogos em Realidade Virtual e Aument...
Maquete Virtual - UDF/4R (Tour Virtual) - Jogos em Realidade Virtual e Aument...Dra. Camila Hamdan
 
Projeto: Mergulhador (Modelagem Digital)
 Projeto: Mergulhador (Modelagem Digital) Projeto: Mergulhador (Modelagem Digital)
Projeto: Mergulhador (Modelagem Digital)Dra. Camila Hamdan
 
Discriplina: Ergonomia e Usabilidade - 2o. semestre 2015 Cronograma
Discriplina: Ergonomia e Usabilidade - 2o. semestre 2015 CronogramaDiscriplina: Ergonomia e Usabilidade - 2o. semestre 2015 Cronograma
Discriplina: Ergonomia e Usabilidade - 2o. semestre 2015 CronogramaDra. Camila Hamdan
 
Ergonomia e Usabilidade AULA 2: Conceitos, Engenharia de Usabilidade
Ergonomia e Usabilidade AULA 2: Conceitos, Engenharia de UsabilidadeErgonomia e Usabilidade AULA 2: Conceitos, Engenharia de Usabilidade
Ergonomia e Usabilidade AULA 2: Conceitos, Engenharia de UsabilidadeDra. Camila Hamdan
 
Animação Digital AULA 12: CONFIGURANDO UM PERSONAGEM PARA ANIMAÇÃO NO MAYA. R...
Animação Digital AULA 12: CONFIGURANDO UM PERSONAGEM PARA ANIMAÇÃO NO MAYA. R...Animação Digital AULA 12: CONFIGURANDO UM PERSONAGEM PARA ANIMAÇÃO NO MAYA. R...
Animação Digital AULA 12: CONFIGURANDO UM PERSONAGEM PARA ANIMAÇÃO NO MAYA. R...Dra. Camila Hamdan
 
Animação Digital AULA 10: CONFIGURANDO UM PERSONAGEM PARA ANIMAÇÃO NO MAYA. P...
Animação Digital AULA 10: CONFIGURANDO UM PERSONAGEM PARA ANIMAÇÃO NO MAYA. P...Animação Digital AULA 10: CONFIGURANDO UM PERSONAGEM PARA ANIMAÇÃO NO MAYA. P...
Animação Digital AULA 10: CONFIGURANDO UM PERSONAGEM PARA ANIMAÇÃO NO MAYA. P...Dra. Camila Hamdan
 
Modelo para Apresentação (Avaliacao 1): Modelagem 3D_1o. semestre 2015
Modelo para Apresentação (Avaliacao 1): Modelagem 3D_1o. semestre 2015Modelo para Apresentação (Avaliacao 1): Modelagem 3D_1o. semestre 2015
Modelo para Apresentação (Avaliacao 1): Modelagem 3D_1o. semestre 2015Dra. Camila Hamdan
 
Animação Digital (Aula 9): CONFIGURANDO UM PERSONAGEM PARA ANIMAÇÃO NO MAYA. ...
Animação Digital (Aula 9): CONFIGURANDO UM PERSONAGEM PARA ANIMAÇÃO NO MAYA. ...Animação Digital (Aula 9): CONFIGURANDO UM PERSONAGEM PARA ANIMAÇÃO NO MAYA. ...
Animação Digital (Aula 9): CONFIGURANDO UM PERSONAGEM PARA ANIMAÇÃO NO MAYA. ...Dra. Camila Hamdan
 
Animação Digital (Aula 8): CONFIGURANDO UM PERSONAGEM PARA ANIMAÇÃO NO MAYA. ...
Animação Digital (Aula 8): CONFIGURANDO UM PERSONAGEM PARA ANIMAÇÃO NO MAYA. ...Animação Digital (Aula 8): CONFIGURANDO UM PERSONAGEM PARA ANIMAÇÃO NO MAYA. ...
Animação Digital (Aula 8): CONFIGURANDO UM PERSONAGEM PARA ANIMAÇÃO NO MAYA. ...Dra. Camila Hamdan
 
Animação Digital (Aula 7): Animação de esfera stretch/squash
Animação Digital (Aula 7): Animação de esfera stretch/squashAnimação Digital (Aula 7): Animação de esfera stretch/squash
Animação Digital (Aula 7): Animação de esfera stretch/squashDra. Camila Hamdan
 
Animação Digital (Aula 6): Princípios para Animação no Maya 2015
Animação Digital (Aula 6): Princípios para Animação no Maya 2015Animação Digital (Aula 6): Princípios para Animação no Maya 2015
Animação Digital (Aula 6): Princípios para Animação no Maya 2015Dra. Camila Hamdan
 
MODELAGEM DIGITAL: AULA IV - Modelagem de Personagem usando Model Sheet
MODELAGEM DIGITAL: AULA IV - Modelagem de Personagem usando Model SheetMODELAGEM DIGITAL: AULA IV - Modelagem de Personagem usando Model Sheet
MODELAGEM DIGITAL: AULA IV - Modelagem de Personagem usando Model SheetDra. Camila Hamdan
 

Más de Dra. Camila Hamdan (20)

AULA IV: APRESENTAÇÃO DA INTERFACE GRÁFICA
AULA IV: APRESENTAÇÃO DA INTERFACE GRÁFICAAULA IV: APRESENTAÇÃO DA INTERFACE GRÁFICA
AULA IV: APRESENTAÇÃO DA INTERFACE GRÁFICA
 
Portal periódicos CAPES: Guia - Maio 2015
Portal periódicos CAPES: Guia - Maio 2015Portal periódicos CAPES: Guia - Maio 2015
Portal periódicos CAPES: Guia - Maio 2015
 
Ergonomia e Usabilidade AULA 6.
Ergonomia e Usabilidade AULA 6.Ergonomia e Usabilidade AULA 6.
Ergonomia e Usabilidade AULA 6.
 
Ergonomia e Usabilidade AULA 4: Erro
Ergonomia e Usabilidade AULA 4: ErroErgonomia e Usabilidade AULA 4: Erro
Ergonomia e Usabilidade AULA 4: Erro
 
WebDesign AULA 2: Introdução a HTML
WebDesign AULA 2: Introdução a HTMLWebDesign AULA 2: Introdução a HTML
WebDesign AULA 2: Introdução a HTML
 
Jogos em Realidade Aumentada (Projeto PIBITI 2015-2016)
Jogos em Realidade Aumentada (Projeto PIBITI 2015-2016)Jogos em Realidade Aumentada (Projeto PIBITI 2015-2016)
Jogos em Realidade Aumentada (Projeto PIBITI 2015-2016)
 
Ergonomia e Usabilidade AULA 3:
Ergonomia e Usabilidade AULA 3:Ergonomia e Usabilidade AULA 3:
Ergonomia e Usabilidade AULA 3:
 
Jogos em Realidade Virtual e Aumentada- 3º Congresso de IC - UDF 2013
Jogos em Realidade Virtual e Aumentada- 3º Congresso de IC - UDF 2013Jogos em Realidade Virtual e Aumentada- 3º Congresso de IC - UDF 2013
Jogos em Realidade Virtual e Aumentada- 3º Congresso de IC - UDF 2013
 
Maquete Virtual - UDF/4R (Tour Virtual) - Jogos em Realidade Virtual e Aument...
Maquete Virtual - UDF/4R (Tour Virtual) - Jogos em Realidade Virtual e Aument...Maquete Virtual - UDF/4R (Tour Virtual) - Jogos em Realidade Virtual e Aument...
Maquete Virtual - UDF/4R (Tour Virtual) - Jogos em Realidade Virtual e Aument...
 
Projeto: Mergulhador (Modelagem Digital)
 Projeto: Mergulhador (Modelagem Digital) Projeto: Mergulhador (Modelagem Digital)
Projeto: Mergulhador (Modelagem Digital)
 
Discriplina: Ergonomia e Usabilidade - 2o. semestre 2015 Cronograma
Discriplina: Ergonomia e Usabilidade - 2o. semestre 2015 CronogramaDiscriplina: Ergonomia e Usabilidade - 2o. semestre 2015 Cronograma
Discriplina: Ergonomia e Usabilidade - 2o. semestre 2015 Cronograma
 
Ergonomia e Usabilidade AULA 2: Conceitos, Engenharia de Usabilidade
Ergonomia e Usabilidade AULA 2: Conceitos, Engenharia de UsabilidadeErgonomia e Usabilidade AULA 2: Conceitos, Engenharia de Usabilidade
Ergonomia e Usabilidade AULA 2: Conceitos, Engenharia de Usabilidade
 
Animação Digital AULA 12: CONFIGURANDO UM PERSONAGEM PARA ANIMAÇÃO NO MAYA. R...
Animação Digital AULA 12: CONFIGURANDO UM PERSONAGEM PARA ANIMAÇÃO NO MAYA. R...Animação Digital AULA 12: CONFIGURANDO UM PERSONAGEM PARA ANIMAÇÃO NO MAYA. R...
Animação Digital AULA 12: CONFIGURANDO UM PERSONAGEM PARA ANIMAÇÃO NO MAYA. R...
 
Animação Digital AULA 10: CONFIGURANDO UM PERSONAGEM PARA ANIMAÇÃO NO MAYA. P...
Animação Digital AULA 10: CONFIGURANDO UM PERSONAGEM PARA ANIMAÇÃO NO MAYA. P...Animação Digital AULA 10: CONFIGURANDO UM PERSONAGEM PARA ANIMAÇÃO NO MAYA. P...
Animação Digital AULA 10: CONFIGURANDO UM PERSONAGEM PARA ANIMAÇÃO NO MAYA. P...
 
Modelo para Apresentação (Avaliacao 1): Modelagem 3D_1o. semestre 2015
Modelo para Apresentação (Avaliacao 1): Modelagem 3D_1o. semestre 2015Modelo para Apresentação (Avaliacao 1): Modelagem 3D_1o. semestre 2015
Modelo para Apresentação (Avaliacao 1): Modelagem 3D_1o. semestre 2015
 
Animação Digital (Aula 9): CONFIGURANDO UM PERSONAGEM PARA ANIMAÇÃO NO MAYA. ...
Animação Digital (Aula 9): CONFIGURANDO UM PERSONAGEM PARA ANIMAÇÃO NO MAYA. ...Animação Digital (Aula 9): CONFIGURANDO UM PERSONAGEM PARA ANIMAÇÃO NO MAYA. ...
Animação Digital (Aula 9): CONFIGURANDO UM PERSONAGEM PARA ANIMAÇÃO NO MAYA. ...
 
Animação Digital (Aula 8): CONFIGURANDO UM PERSONAGEM PARA ANIMAÇÃO NO MAYA. ...
Animação Digital (Aula 8): CONFIGURANDO UM PERSONAGEM PARA ANIMAÇÃO NO MAYA. ...Animação Digital (Aula 8): CONFIGURANDO UM PERSONAGEM PARA ANIMAÇÃO NO MAYA. ...
Animação Digital (Aula 8): CONFIGURANDO UM PERSONAGEM PARA ANIMAÇÃO NO MAYA. ...
 
Animação Digital (Aula 7): Animação de esfera stretch/squash
Animação Digital (Aula 7): Animação de esfera stretch/squashAnimação Digital (Aula 7): Animação de esfera stretch/squash
Animação Digital (Aula 7): Animação de esfera stretch/squash
 
Animação Digital (Aula 6): Princípios para Animação no Maya 2015
Animação Digital (Aula 6): Princípios para Animação no Maya 2015Animação Digital (Aula 6): Princípios para Animação no Maya 2015
Animação Digital (Aula 6): Princípios para Animação no Maya 2015
 
MODELAGEM DIGITAL: AULA IV - Modelagem de Personagem usando Model Sheet
MODELAGEM DIGITAL: AULA IV - Modelagem de Personagem usando Model SheetMODELAGEM DIGITAL: AULA IV - Modelagem de Personagem usando Model Sheet
MODELAGEM DIGITAL: AULA IV - Modelagem de Personagem usando Model Sheet
 

Breakeye - Apresentação - Programação Gráfica - Jogos Digitais UDF 1º Semestre 2013

  • 1. Breakeye (Projeto de Jogo) Aluno: Alisson Emanuel de Oliveira Alcântara Meireles (131739-3) PROGRAMAÇÃO GRÁFICA Cod. 2648 – MOA (1º. Semestre/2013) Profa. MSc. Camila Hamdan
  • 2. 1. O Conceito do Jogo • O jogo é no estilo Breakout, onde é preciso rebater a bolinha nos blocos, coletando power-ups (e se esquivando dos powerdowns) e passando os níveis. Alguns blocos têm funções especiais no Game, controlando a barra com os movimentos dos olhos (eye tracking), dentro do navegador padrão do Samsung Galaxy S4.
  • 3. 2. Descrição do Jogo • Gênero: ARCADE • Elementos do Jogo: Blocos, Bola, Arena • Temas: Retrô
  • 4. 3. Ambientes O jogo se passa em arenas retangulares, onde os blocos aparecem dispostos de formas diferentes em cada fase, aumentando a dificuldade para finalizar cada nível em questão
  • 5. 4. Tecnologia (linguagem) • • • • • • Técnica: Gráficos 2D Visão: Topo Plataforma : WEB Motor de Jogo: Javascript Dispositivo: PC / Android Linguagens utilizadas: HTML5
  • 6. 5. Referências • O Breakout original é criação da dupla Nolan Bushnell e Steve Bristow, que tiveram a ideia de seguir o sucesso do fenômeno Pong (também conhecido como Tênis para Dois), mas criando uma experiência voltada para apenas um jogador. • Apesar da ideia ter nascido de Bushnell e Bristow, quem iniciou o trabalho em um protótipo do game foi ninguém menos que Steve Jobs, conhecido por ser o cofundador da Apple e criador de aparelhos como iPhone e iPad. Na época, Jobs era apenas um designer na Atari. • Ao lado de Steve Wozniak, parceiro de Jobs na criação da Apple, Breakout foi criado em apenas quatro dias. Após algumas modificações, o jogo foi lançado nos fliperamas em 1976, e meses depois no famoso console Atari 2600. Anos mais tarde, Breakout inspirou inúmeros clones, entre eles Arkanoid e Alleyway. • http://www.techtudo.com.br/noticias/noticia/2013/05/breakout-classico-da-atarifaz-37-anos-com-jogo-escondido-no-google.html • http://pt.wikipedia.org/wiki/Breakout_(jogo_eletr%C3%B4nico)
  • 8.
  • 10. 7. Layout da página do jogo