HeroQuest - Webgame em HTML5 e Javascript

36

Transcript of HeroQuest - Webgame em HTML5 e Javascript

Page 1: HeroQuest - Webgame em HTML5 e Javascript
Page 2: HeroQuest - Webgame em HTML5 e Javascript

Instituto Federal Sul Rio-GrandenseCampus Pelotas

Tecnólogo em Sistemas para Internet

Felipe Evangelista Pucinelli

Page 3: HeroQuest - Webgame em HTML5 e Javascript

O que é?Por que um jogo?

Análise de requisitosTecnologias

HistóriaAmbiente

NíveisPersonagens

Considerações finais

Page 4: HeroQuest - Webgame em HTML5 e Javascript

O que é?Por que um jogo?

Análise de requisitosTecnologias

HistóriaAmbiente

NíveisPersonagens

Considerações finais

Page 5: HeroQuest - Webgame em HTML5 e Javascript

Este projeto tem como objetivo principal a modelagem e implementação de um jogo que funciona diretamente no sistema do browser, sem a necessidade de instalação (Webgame). Do gênero Role-playing Game, também conhecido como RPG.

“ ”

Page 6: HeroQuest - Webgame em HTML5 e Javascript

Este projeto tem como objetivo principal a modelagem e implementação de um jogo que funciona diretamente no sistema do browser, sem a necessidade de instalação (Webgame). Do gênero Role-playing Game, também conhecido como RPG.

“ ”

Page 7: HeroQuest - Webgame em HTML5 e Javascript

Webgame

● São jogos que funcionam diretamente no seu Navegador Web, sem a necessidade de instalação física do jogo no disco rígido do computador.

● Alguns Webgames necessitam da instalação de alguns plugins para o seu funcionamento, como por exemplo o Adobe Flash Player.

Page 8: HeroQuest - Webgame em HTML5 e Javascript

Webgame em HTML5

● São jogos que funcionam diretamente no seu Navegador Web, sem a necessidade de instalação física do jogo no disco rígido do computador.

● Alguns Webgames necessitam da instalação de alguns plugins para o seu funcionamento, como por exemplo o Adobe Flash Player.

Page 9: HeroQuest - Webgame em HTML5 e Javascript

Jogos eletrônicos de RPG

● Podem ser caracterizados como um gênero similar ao dos jogos de aventura, porém possuem uma estrutura de mundo aberto, diferente dos mais clássicos jogos de aventura que apresentam uma estrutura linear e lateral (Sidescrollers). (Super Mario Bros, Sonic the Hedgehog)

Page 10: HeroQuest - Webgame em HTML5 e Javascript

Super Mario Bros (1985)

Page 11: HeroQuest - Webgame em HTML5 e Javascript

The Legend of Zelda (1986)

Page 12: HeroQuest - Webgame em HTML5 e Javascript

O que é?Por que um jogo?

Análise de requisitosTecnologias

HistóriaAmbiente

NíveisPersonagens

Considerações finais

Page 13: HeroQuest - Webgame em HTML5 e Javascript

A importância dos jogos no desenvolvimento cognitivo

Na concepção de Gros (1998), a utilização de videogames permite o desenvolvimento das capacidades de retenção de informações e o estímulo à criatividade. Também desencadeia o planejamento de situações, a formulação de hipóteses e a experimentação, além de obrigar à tomada de decisões e a consequente confirmação ou invalidação das hipóteses criadas pelo jogador à medida que o jogo se desenrola.

“ ”

Page 14: HeroQuest - Webgame em HTML5 e Javascript

Lei Rouanet de incentivo a cultura

● Desde dezembro de 2011 os jogos digitais foram incluídos para receber incentivos através da Lei Rouanet, que prevê estímulos, recursos e auxílio em investimentos para diversas formas de manifestações artísticas, culturais e para seus respectivos criadores.

Page 15: HeroQuest - Webgame em HTML5 e Javascript

A importância dos jogos para o mercado

Uma visão geral:

● O mercado de jogos eletrônicos já movimenta quase R$ 1 bilhão de reais por ano no Brasil;

● O Brasil é quarto maior consumidor e tem mais de 200 empresas especializadas;

Page 16: HeroQuest - Webgame em HTML5 e Javascript

O que é?Por que um jogo?

Análise de requisitosTecnologias

HistóriaAmbiente

NíveisPersonagens

Considerações finais

Page 17: HeroQuest - Webgame em HTML5 e Javascript

Levantamento de dados e análise de requisitos

● Pesquisa

● Questionário

Page 18: HeroQuest - Webgame em HTML5 e Javascript

O que é?Por que um jogo?

Análise de requisitosTecnologias

HistóriaAmbiente

NíveisPersonagens

Considerações finais

Page 19: HeroQuest - Webgame em HTML5 e Javascript

HeroQuest em dados

Page 20: HeroQuest - Webgame em HTML5 e Javascript

O que é?Por que um jogo?

Análise de requisitosTecnologias

HistóriaAmbiente

NíveisPersonagens

Considerações finais

Page 21: HeroQuest - Webgame em HTML5 e Javascript

Sinopse do jogo

● O jogo conta a história de um jovem órfão que ao completar 18 anos de idade decide deixar sua cidade natal para desbravar o mundo e seus perigos, e assim tornar-se um herói.

● Porém logo descobre que a filha do rei está desaparecida e sai em sua busca.

Page 22: HeroQuest - Webgame em HTML5 e Javascript

O que é?Por que um jogo?

Análise de requisitosTecnologias

HistóriaAmbiente

NíveisPersonagens

Considerações finais

Page 23: HeroQuest - Webgame em HTML5 e Javascript

Ambiente

● O ambiente do jogo corresponde a um típico cenário medieval/mitológico, muito popular nos jogos do gênero RPG.

● As áreas do jogo podem ser divididos em áreas habitadas e não habitadas.

Page 24: HeroQuest - Webgame em HTML5 e Javascript
Page 25: HeroQuest - Webgame em HTML5 e Javascript
Page 26: HeroQuest - Webgame em HTML5 e Javascript
Page 27: HeroQuest - Webgame em HTML5 e Javascript
Page 28: HeroQuest - Webgame em HTML5 e Javascript

O que é?Por que um jogo?

Análise de requisitosTecnologias

HistóriaAmbiente

NíveisPersonagens

Considerações finais

Page 29: HeroQuest - Webgame em HTML5 e Javascript

Níveis

● Os níveis do jogo não possuem uma estrutura linear, o personagem principal pode percorrer livremente pelos cenários e combater os inimigos que aparecerem pelo caminho.

● Porém, para desenvolver o andamento da história e consequentemente do jogo, uma série de objetivos (Quests), devem ser completadas.

Page 30: HeroQuest - Webgame em HTML5 e Javascript

O que é?Por que um jogo?

Análise de requisitosTecnologias

HistóriaAmbiente

NíveisPersonagens

Considerações finais

Page 31: HeroQuest - Webgame em HTML5 e Javascript

Personagens

● Personagens jogáveis (Principal)

● Personagens não jogáveis (NPC’s)

Page 32: HeroQuest - Webgame em HTML5 e Javascript

O que é?Por que um jogo?

Análise de requisitosTecnologias

HistóriaAmbiente

NíveisPersonagens

Considerações finais

Page 33: HeroQuest - Webgame em HTML5 e Javascript

Considerações Finais

● O desenvolvimento de jogos em HTML5 hoje

● Vantagens● Desvantagens● Um presente e futuro promissor

Page 34: HeroQuest - Webgame em HTML5 e Javascript

Demonstração● Novas features● Jogabilidade● Dúvidas

Page 35: HeroQuest - Webgame em HTML5 e Javascript

http://felipepucinelli.github.io/heroquest/

Obrigado.

Page 36: HeroQuest - Webgame em HTML5 e Javascript

Referências

● STEFANOV, Stoyan. Padrões JavaScript. O’Reilly Media/Yahoo Press, 2010.

● CROCKFORD, Douglas. JavaScript: The Good Parts. O’Reilly Media/Yahoo Press, May 2008.

● SAMPAIO, Henrique. (2011) Jogos casuais tomam conta da indústria. http://jogos.uol.com.br/reportagens/ultnot/2008/06/24/ult2240u131.jhtm. Acesso em Maio de 2013.

● HOUSE, Richard. Game Design: Theory and Practice (2nd Edition) (Wordware Game Developer's Library), 2004.