Jogos Modulo2

  • View
    7

  • Download
    2

Embed Size (px)

DESCRIPTION

fd ad

Text of Jogos Modulo2

  • Desenvolvimento de jogos com HTML5

    O HTML 5 uma nova plataforma para o desenvolvimento de jogos

    online e com potencial para ser uma das mais utilizadas para o

    desenvolvimento de jogos, pois esta linguagem compatvel com a

    maioria dos browsers existentes em computadores, tablets e

    smartphones, incluindo iPads e iPhones.

    Utilizando o HTML 5 juntamente com as folhas de estilos CSS e

    o JavaScript possvel desenvolver jogos de uma forma rpida,

    compatvel com diversas plataformas, incluindo dispositivos mveis

    (como j descrito acima), o que no possvel com plataformas como

    Adobe Flash, onde necessrio realizar adaptaes para que o

    mesmo jogo seja executado em diferentes dispositivos.

    Mais antes de iniciar a aprendizagem do HTML 5 importante

    saber quais so os profissionais envolvidos no desenvolvimento de

    jogos e quais as etapas presentes neste desenvolvimento.

    O que um Jogo?

    Um jogo uma atividade ldica (toda e qualquer ao que tem

    como objetivo produzir prazer quando executada) composta por

    uma srie de aes e decises, limitado por regras e pelo universo

    do jogo, que resultam em uma condio final. J os jogos digitais,

    as regras e o universo do jogo so m apresentados por meios

    eletrnicos e controlados por um programa digital. As aes do

    jogador, suas decises, escolhas e oportunidades compem a

    "alma do jogo".

  • Antes de iniciar o desenvolvimento de um jogo, vamos conhecer

    quais so os profissionais envolvidos neste desenvolvimento.

    Profissionais envolvidos na criao de jogos

    Alm de uma plataforma de desenvolvimento de jogos so

    necessrios profissionais de vrias reas para a criao do jogo.

    Entre eles podemos destacar:

    Produtores: so os responsveis por supervisionar o

    desenvolvimento de um jogo. Os produtores so responsveis em dar vida ideia inicial de um jogo.

    Game Designers: Os profissionais responsveis desta rea

    so os responsveis pela criao e participam da concepo de ideias para o desenvolvimento. Dentro da criao de um jogo existem vrios tipos de Designers, como por exemplo:

    Character Designer: Responsvel pela criao dos personagens do jogo.

    Game Designer: o responsvel pela jogabilidade, ambiente e histria durante a produo do jogo.

    Object Designer: o responsvel pela criao dos elementos do cenrio, personagens e como eles iro se interagir entre si.

    Level Designer: o responsvel pela criao dos desafios, puzzles (quebra-cabeas) e claro o desenvolvimento das fases do jogo.

    Sound Designer: o responsvel pela criao dos sons e as msicas executadas no jogo.

    Modeladores 3D: Criam e modelam em 3D todos os personagens do cenrio, da animao, criam texturas, iluminao, dentre tantas outras que envolvam imagem. Neste curso apenas criaremos jogos utilizando imagens em 2 dimenses, no sendo necessrio conhecimento de

    ferramentas 3D. Programadores: so os responsveis por desenvolver toda a

    lgica do jogo e criar o cdigo que ir fazer funcionar a fsica do jogo.

    Programador de fsica do jogo: dedica-se ao

    desenvolvimento da fsica que o jogo ir utilizar, estabelecendo regras que simularo a gravidade.

    Programador de inteligncia artificial: So os responsveis por desenvolver toda a lgica existente por detrs de cada ao que feita durante o jogo.

  • Programadores de grficos: So os responsveis por no deixar jogo lento quando, por exemplo, h muitos inimigos na tela, o que exige uma grande capacidade de processamento, s vezes superior ao que o console ou computador suportam. So os responsveis por otimizar a maneira como os grficos sero apresentados na tela.

    Testadores: so os responsveis por analisar tecnicamente o jogo com o objetivo de indicar falhas em seu desenvolvimento.

    O foco deste curso o desenvolvimento de jogos em HTML5, sendo assim, iremos focar o curso no conhecimento da linguagem HTML5. As imagens, o roteiro do jogo e os demais elementos presentes no jogo j esto prontos, bastando apenas desenvolver, ou seja, entraremos na fase de produo do jogo.

    Vamos ento conhecer quais so as fases de desenvolvimento de um jogo.

    Etapas na produo de um jogo

    Agora que voc j conhece os profissionais envolvidos na criao de um jogo, vamos agora conhecer as etapas da produo de um jogo.

    Pr-produo: A pr-produo de um jogo envolve

    elementos de concepo de ideia, regras de negcios e documentao do projeto. Para que um jogo comece a ser produzido, as ideias precisam ser criadas e aprovadas pelos editores e desenvolvedores da empresa.

    Produo: Nesse estgio de produo os programadores trabalham para desenvolver a lgica do jogo, bem como os sistemas de clculo, de fsica etc. Os artistas se concentram na produo de personagens, hoje em dia todos modelados em 3D. Engenheiros de som desenvolvem os efeitos sonoros e os compositores a trilha sonora do jogo.

    Ps-Produo: nesta fase em que os testadores trabalham

    testando o jogo busca no s de bugs (erros), mas tambm testando a jogabilidade, desempenho computacional das plataformas com o jogo e tudo o mais. Aps a realizao de todos os testes e a obteno de garantia que o jogo est

  • totalmente pronto, a logstica de distribuio e venda acionada para que o jogo seja vendido.

    Ambiente de trabalho

    Agora que conhecemos as etapas na produo de um jogo, vamos preparar o ambiente de trabalho para a produo de um jogo emHTML5.

    Para a criao de cdigos HTML5, CSS e JavaScript no so necessrios instalao de nenhum aplicativo especfico, pode-se at utilizar o bloco de notas do Windows, mas para um desenvolvimento mais preciso, e para que se possa realizar testes de maneira mais confivel, iremos utilizar neste curso os seguintes aplicativos.

    Notepad++

    Notepad++ um software livre (como em "liberdade de

    expresso" e tambm como em "cerveja grtis") editor de cdigo fonte e substituio bloco de notas que suporta vrias lnguas. Em execuo no ambiente MS Windows, o seu uso regido pela licena GPL.

    Com base na poderosa edio componente Scintilla, Notepad++ escrito em C++ e usa puro Win32 API eSTL, que garante uma maior velocidade de execuo e menor tamanho do programa.

    Para abrir o programa, clique no menu Iniciar, escolha Todos os Programas, selecione a pasta Notepad++ e por fim clique sobre Notepad++.

    Editor Notepad++ aparece na tela.

  • Caso seu computador no possua o Notepad ++, voc pode baix-lo

    a partir da URL: http://notepad-plus-plus.org

    Google Chrome Canary e Mozilla Firefox

    O Google Chrome Canary um browser que tem como finalidade

    funcionar como teste de desenvolvimento, pois ele apresenta

    funcionalidades que ainda no foram aplicadas na verso estvel

    para o pblico geral. Em outras palavras, ele uma verso para

    desenvolvedores, ele hoje uma verso que ser estvel num

    futuro prximo (dias ou meses). A diferena dessa verso em

    relao verso estvel (pblica) o maior suporte s APIs e

    funcionalidades do HTML5.

    Voc pode baixa-lo a partir

    desta URL:https://tools.google.com/dlpage/chromesxs/

    O Mozilla Firefox, ao lado do Chrome, um dos navegadores

    mais populares da internet e tambm totalmente compatvel com

    os principais recursos do CSS3.

  • Voc pode baixa-lo a partir desta URL:http://www.mozilla.org/pt-

    BR/firefox/fx/

    Agora que j temos os programas necessrios, vamos conhecer os

    conceitos bsicos da linguagem HTML5.

    Conhecimentos bsicos sobre HTML5, CSS e JavaScript

    No desenvolvimento de jogos ou qualquer aplicativo utilizando

    o HTML5, alguns mitos de desenvolvimento devem ser explicados.

    A estrutura de desenvolvimento de um aplicativoHTML5 segue as

    seguintes caractersticas:

    HTML5 - Marcao. CSS - Formatao. JavaScript - Comportamento.

    O que isso quer dizer? Ao se criar um jogo ou aplicativo

    utilizando HTML5, o HTML5 somente ser responsvel pela

    exibio dos elementos no browser, como imagens, textos,

    execuo de sons, exibio de vdeos etc.

    Para realizar a formatao desses objetos iremos utilizar o CSS e

    para criar comportamentos e funes, ou seja, a programao do

    aplicativo, utilizaremos o Java Script. O HTML5 no apresenta

    mtodos e funes para deteco de comportamentos, isso deve

    ser feito em JavaScript.

    O que o HTML5 trouxe de novo so as novas possibilidades para

    que o Javascript controle os elementos criados no cdigo. Ento

    vamos agora conhecer um pouco de cada uma dessas linguagens.

    Vamos agora relembrar os conceitos bsicos de cada uma das

    linguagens que sero utilizadas neste curso.

    HTML 5

    O HTML5 o novo padro da linguagem de marcao de

    hipertextos (HTML). Apesar de o HTML5 ainda estar em fase de

    desenvolvimento, a maioria de seus novos recursos j podem ser

  • utilizados em browsers modernos como o Google Chrome, Mozilla

    Firefox, Safari etc.

    O que h de novo no HTML5 e quais as vantagens de sua

    utilizao:

    Elemento para desenho 2D. Elementos < audio > e < video > para reproduo de mdias.

    Suporte para armazenamento local. Novos elementos semnticos: < article >,

    < header >, < foot >, < section >, etc. Novos controles de formulrios, como calendrios, data, hora,

    pesquisa, telefone etc.

    Vamos agora criar uma estrutura bsica de um

    cdigoHTML5 no Notepad++ instalado anteriormente. Abra-o, caso

    ainda no esteja.

    Clique no menu Arquivo e depois em Novo:

    Como vamos trabalhar com a linguagem HTML, precisamos

    informar ao Notepad++, a linguagem que irem