Antes de começarmos este tutorial estou partindo do suposto que todos conseguiram instalar e rodar o software com sucesso. Caso tenha havido alguma dificuldade na instalação deixe um comentário no respectivo post e lá abriremos um canal de discussão e dúvidas.
Iniciaremos aqui um tutorial que dividi em 3 partes para facilitar o acompanhamento de todos e, se necessário, eu conseguir dar algum feedback em casos de dúvida.Observações: Não estarei ensinando programação em C#, apesar de que caso se tenha pouco ou nenhum conhecimento sobre a linguagem também é possivel acompanhar o tutorial sem nenhum problema mas para se aprofundar em desenvolvimento de jogos utilizando o XNA Game Studio é necessário se familiarizar com a linguagem. Para que tudo funcione corretamente é necessário que seu computador atenda aos pré-requisitos para rodar jogos usando o XNA Game Studio onde um deles é que a sua placa de vídeo tenha suporte para o Shader Model 1.1(2.0 recomendado) e directX 9.0c.Neste tutorial desenvolveremos a nossa primeira aplicação no XNA Game Studio, desde a criação de um novo projeto e alguma familiarização com o Visual C# Express Edition(primeira parte do tutorial), passando por uma breve explicação sobre código e finalmente adicionando uma imagem ao projeto(segunda parte) e interagindo com ela, dando movimento a ela e aplicando algum princípio de colisão(terceira parte).Criando um Novo ProjetoVamos abrir o XNA Game Studio (provavelmente acessando no menu Iniciar->Todos os programas->Microsoft XNA Game Studio 2.0->Microsoft Visual C# 2005 Express Edition).
Podemos ver um menu muito parecido com o da maioria dos programas windows, uma barra de ferramentas também muito semelhante a de outros aplicativos windows, mas também vemos duas outras partes que devemos prestar bastante atenção. Á direita, temos o Solution Explorer, que é onde visualizaremos nosso projeto e tudo que estiver incluído nele. Á esquerda do Solution Explorer, ocupando uma grande parte central e esquerda temos uma abinha escrito Start Page e uma grande área exibindo a Start Page, nessa área póderemos visualizar e editar o código dos arquivos de nossos jogos. Na Start Page podemos ver nossos projetos mais recentes e abri-los diretamente dessa pagina.
Agora clicaremos em File->New Project ou apenas o atalho Ctrl+Shift+N. Aparecerá uma caixa de diálogo onde podemos selecionar o tipo do projeto que queremos criar, os templates que queremos usar nos nossos projetos, onde daremos o nome ao nosso projeto e diremos onde ele ficará lcalizado.
Selecionaremos como tipo de projeto
XNA Game Studio 2.0 e como template
Windows Game(2.0) . Mudaremos o nome do nosso projeto para
MeuProjeto e selecionaremos o local onde queremos que nossos arquivos de projetos fiquem armazenados, eu costumo deixar selecionada a opção de
Create directory for solution para que o Visual C# já crie um diretório para conter meus arquivos. O
Solution Name deixaremos com o mesmo nome do projeto. Clique em
OK.
O arquivo
Game1.cs será aberto e exibido. No Solution Explorer aparecerá o conteúdo do nosso projeto.
E sem fazer nenhuma alteração no código vamos clicar em
Start Debugging(a setinha verde que está circulada de vermelho na imagem), ou em
Debug->Start Debugging ou simplesmente
F5.
Deverá abrir uma nova janela com o título
MeuProjeto e a cor do fundo
azul como mostrado na figura abaixo.
ResumoNesta primeira parte do nosso tutorial conhecemos um pouquinho sobre o Visual C# 2005 Express Edition, criamos o projeto MeuProjeto em que trabalharemos tembém nas próximas duas partes e aprendemos a rodar um projeto.
Salve o projeto e aguarde a proxima parte do nosso tutorial.
Por isso ao inicializarmos nossa variável planePosition como um vetor Zero, ou seja, um vetor que tem 0 como coordenada X e 0 como coordenada Y, nosso aviãozinho apareceu lá na parte superior esquerda da tela.
No caso, fiz com que planePosition = planePosition + (1.0, 0.0), o que faz com que a cada quadro a posição do aviãozinho aumente 1 pixel em X.
Se rodarmos nosso projeto, ou na setinha verde de Start Debugging, ou em menu Debug->Start Debugging ou em F5, e tivermos feito as modificações exatamente como as mostradas, nosso aviãozinho irá se movimentar para a direita... direita... direita... até que sai da nossa janela de visualização.
Agora, se nosso aviãozinho chegar em qualquer extremidade da tela, faremos com que planeVelocity = -planeVelocity, o que inverterá a direção do vôo. Em C#, assim como em outras linguagens, realizamos testes usando o comando if(checagem){faça algo}.
Agora no método Draw(), verificamos através do planeFlip como devemos desenhar a nossa imagem. O spriteBatch.Draw() tem um overload que nos permite aplicar efeitos a imagem que estamos desenhando e um desses efeitos é o flip horizontal que dará o efeito que desejamos. Sempre que o aviãozinho bater na direita devemos desenhar ele flipado até bater na direita quando o desenhamos normal.
Então, finalmente, rodando nossa aplicação veremos que nosso aviãozinho voa para um lado e para o outroda maneira que esperavamos.
Vamos nos focar nos métodos da classe Game1. Ao programarmos um jogo qualquer temos que inicializar tudo que iremos usar no nosso jogo e implementar o game loop que irá desenhar na tela, atualizar e interagir com a nossa lógica. O XNA Game Studio já nos fornece métodos de inicialização, de carregamento de conteúdo, de atualização e de desenho (protected override void Initialize(), protected override void LoadContent(), protected override void Update(GameTime gameTime), protected override void Draw(GameTime gameTime)).
LoadContent()
Update()
Draw()
Cliquem na imagem acima e quando ela abrir na janela do seu browser salve ela com o nome "plane.png" em algum lugar do seu computador que você se lembre de onde ela estará.
Clicaremos com o botão direito em Content depois clicaremos em Add->Existing Item..., vamos até onde salvamos a imagem do nosso aviãozinho, caso esteja no lugar onde salvou o arquivo mas não esteja conseguindo ver o arquivo mude o Files of Type para Texture Files, clique no arquivo do nosso avião e clique Add.
Ao adicionarmos um arquivo gráfico ele é automáticamente adicionado ao Content Pipeline do XNA Framework o que permite um carregamento rápido e fácil do gráfico em nosso jogo. Agora devemos conseguir visualizar o arquivo adicionado também no Solution Explorer.
Agora vamos ao método LoadContent() onde iremos inicializar a nossa variável "myPlane" com a imagem do nosso aviãozinho. Abaixo da atribuição feita a spriteBatch iremos chamar o método Content.Load passando o nome do nosso arquivo com a imagem que iremos exibir, no caso o "plane". Este código irá carregar e preparar o nosso gráfico para ser desenhado, além de recarregar nosso gráfico caso haja necessidade. Acompanhe melhor abaixo.
Agora vamos ao método Draw(). Nele iniciaremos o spriteBatch e através dele desenharemos nosso aviãozinho na posição zero da tela. Depois disso temos que terminar o spriteBatch. Esse código desenha nossa imagem a cada quadro.
Agora, se não tivermos feito nada de errado nem esquecido de implementar nenhuma etapa, ao rodarmos nosso programa, tanto na setinha verde de Start Debugging, ou com o F5 ou no menu Debug->Start Debugging aparecerá uma tela como a mostrada abaixo.
Pronto!
Podemos ver um menu muito parecido com o da maioria dos programas windows, uma barra de ferramentas também muito semelhante a de outros aplicativos windows, mas também vemos duas outras partes que devemos prestar bastante atenção. Á direita, temos o Solution Explorer, que é onde visualizaremos nosso projeto e tudo que estiver incluído nele. Á esquerda do Solution Explorer, ocupando uma grande parte central e esquerda temos uma abinha escrito Start Page e uma grande área exibindo a Start Page, nessa área póderemos visualizar e editar o código dos arquivos de nossos jogos. Na Start Page podemos ver nossos projetos mais recentes e abri-los diretamente dessa pagina.
Selecionaremos como tipo de projeto XNA Game Studio 2.0 e como template Windows Game(2.0) . Mudaremos o nome do nosso projeto para MeuProjeto e selecionaremos o local onde queremos que nossos arquivos de projetos fiquem armazenados, eu costumo deixar selecionada a opção de Create directory for solution para que o Visual C# já crie um diretório para conter meus arquivos. O Solution Name deixaremos com o mesmo nome do projeto. Clique em OK.
E sem fazer nenhuma alteração no código vamos clicar em Start Debugging(a setinha verde que está circulada de vermelho na imagem), ou em Debug->Start Debugging ou simplesmente F5.
Permite criar jogos usando o XNA framework, que facilita o acesso a graficos, audio, entrada, armazenamento, e a linguagem gerenciada C#, que torna o desenvolvimento muito mais simples.
