Criando seus próprios jogos para XBox 360

Criando seus próprios jogos para XBox 360
Escrito por Alexandre Lobão

Quando a Microsoft anunciou, pouco mais de um ano atrás, que estava oferecendo gratuitamente as ferramentas para qualquer um poder criar jogos para o XBox 360, muita gente achou que era boato - afinal, o desenvolvimento de jogos para consoles sempre foi restrito a grandes companhias.

Mas não era boato: era mais um passo da empresa visionária para ampliar seu espaço do mercado de videogames. Com mais de 10 milhões de potenciais desenvolvedores de jogos, o LIVE! agora está a um passo de se tornar o “You Tube” para jogos.

Como leitor do Ponto V, você não pode ficar fora desta, então, preparamos uma série de artigos para ajudá-lo nos primeiros passos com o XNA – a tecnologia da Microsoft que permite criar jogos para XBox 360, Windows e, brevemente, para o Zune (o concorrente do iPod criado pela Microsoft).

Antes de começar, baixe – gratuitamente! – o XNA e o Visual C# Express (o ambiente de desenvolvimento para escrita dos programas) do site da Microsoft. Os links podem ser encontrados no endereço http://www.microsoft.com/XNA. Você poderá encontrar tutoriais, exemplos e muito conteúdo de apoio para se aprofundar no assunto no site XNA Creator’s Club, em http://creators.XNA.com.

Para este artigo, preparamos um exemplo muito simples, justamente para mostrar o grande segredo por trás do sucesso do XNA: a sua facilidade! O jogo que desenvolveremos – “Tennis for one” – é uma brincadeira com um dos primeiros jogos de computador, “Tennis for two”, sendo que a principal diferença é que este será um jogo de tênis onde você jogará dos dois lados da tela!

Então vamos lá!

Com o Visual C# Express e o XNA instalado, crie um novo projeto de jogo clicando no menu “File”, “New Project”, e selecionando um projeto do tipo “Windows Game”. Vamos criar um jogo para Windows para facilitar os testes, e quando nosso jogo estiver completo criaremos uma versão para XBox 360.

Você verá que alguns arquivos já foram criados para você, incluindo o arquivo Game1.cs, que contém os métodos principais onde poderemos incluir nosso código – e que iremos explicando no correr desta coluna.

Para iniciar, vamos adicionar as imagens que precisamos para nosso jogo: uma para a bola e uma para os bastões. Para nosso exemplo, basta criar uma imagem branca, de tamanho 16x16, para a bola; e uma imagem branca de largura 16 e altura 96 para os bastões. Para inserir imagens no projeto, na janela “Project Explorer” clique no botão da direita no diretório “Content” e selecione a opção “Add Existing Item” no menu de contexto. Na janela de escolha de arquivo, escolha os arquivos criados anteriormente.

Para carregar as imagens em nosso jogo, precisaremos declarar variáveis do tipo Texture2 e carregar as imagens para estas variáveis. Para isso, inclua no início da classe Game1 a declaração das variáveis:

// Imagens dos objetos do jogo

Texture2D texBastaoDireita;
Texture2D texBastaoEsquerda;
Texture2D texBola;

E, no método “Initialize” desta classe, adicione as linhas que carregam as imagens para o jogo:

// Carrega as texturas dos bastões e da bola
texBastaoEsquerda = Content.Load<Texture2D>("bastao");
texBastaoDireita = Content.Load<Texture2D>("bastao");
texBola = Content.Load<Texture2D>("bola");

Estas linhas carregam as texturas usando a “content pipeline”, o gerenciador que facilita o tratamento de imagens, modelos 3D e outros conteúdos para os programas XNA.

Para desenhar as imagens, agora, basta alterar o método “Draw” desta classe para incluir as linhas a seguir:

// Pinta o fundo da tela de preto
graphics.GraphicsDevice.Clear(Color.Black);

// Desenha as texturas na tela
spriteBatch.Begin();
spriteBatch.Draw(texBastaoEsquerda, new Vector2(20f, 320f), Color.White);
spriteBatch.Draw(texBastaoDireita, new Vector2(764f, 320f), Color.White);
spriteBatch.Draw(texBola, new Vector2(400f, 300f), Color.White);
spriteBatch.End();

O objeto spriteBatch é oferecido pelo XNA para desenhar imagens e textos na tela. Neste caso, estamos desenhando os bastões e a bola indicando a textura a ser usada, a posição da tela (usando um objeto do tipo Vector2) e uma cor a ser usada sobre a imagem.

Se rodarmos nosso programa agora, veremos uma imagem semelhante à figura que ilustra esta coluna. Note que não precisamos realizar nenhuma rotina complicada para inicializar a placa gráfica ou coisa parecida: o XNA realiza todo o trabalho complexo por nós!

Na próxima semana, veremos como usar o GamePad para alterar a posição dos bastões e como fazer a bola se mover na tela, rebatendo nos bastões. Até lá, brinque com este código inicial, descubra o resultado de variar os parâmetros das funções, e nos envie seus comentários e sugestões para próximas colunas!

O download dos arquivos de exemplo pode ser feito neste link.

Adicionar novo

Comentários (45)

25/09/2010 17:16:44 |187.5.144.xxx| Lucas - Muito Legal

Nossa... muito legal mesmo veluw :

Responder Citar

25/09/2010 17:25:40 |187.5.144.xxx| Luiz - Legal

Maneiro

Responder Citar

25/10/2010 13:38:56 |201.80.29.xxx| Anônimo

Como se chama o profissional que cria jogos de video games e de xbox?

Responder Citar

25/10/2010 13:51:30 | Vinícius Godoy de Mendonça - Profissionais de jogos.

Não existe um, mas vários profissionais para criar um game. Quem idealiza o game, em geral, é o game designer. Quem faz os desenhos para dar uma visão geral de como o jogo será é o concept artist.

Depois, modelistas e desenhistas efetivamente passam para o computador o universo do jogo, enquanto programadores usam uma linguagem de programação ou biblioteca (como o XNA) para fazer tudo isso funcionar.

Quem comanda o time de programadores e decide que tecnologias utilizar, em conjunto com o game designer, é o lead developer.

Finalmente, existe um pessoal que precisa testar tudo e garantir que está funcionando. Esses são os testadores.

Em jogos pequenos, é comum que uma pessoa assuma mais de um papel. Uma pessoa com bons conhecimentos de programação e desenho pode fazer, sozinha, um jogo mais simples, como o apresentado pelo Lobão nesse artigo.

Responder Citar

22/01/2011 15:01:33 |186.235.141.xxx| Anônimo

mais ou menos, bom porque eu quero criar um jogo grande como o gta!!!

Responder Citar

22/01/2011 15:03:26 |186.235.141.xxx| Anônimo - re:

Anônimo Escreveu:
Como se chama o profissional que cria jogos de video games e de xbox?
se-chama gamedesigner

Responder Citar

22/01/2011 16:10:05 | Bruno Crivelari Sanches

gamedesigner não é exclusividade do XBox, trabalham em praticamente todos projetos de jogo, assim como o Vinícius explicou.

Responder Citar

27/01/2011 21:21:27 |189.81.10.xxx| willian bonner

legau mais eu quero saber como criar um jogo grande como gta!

Responder Citar

28/01/2011 08:03:31 | Vinícius Godoy de Mendonça

Dê uma lida nesse artigo:
Como criar jogos eletrônicos

Responder Citar

07/02/2011 21:53:56 |187.116.200.xxx| João claudio

Queria primeiro dizer que o site tá de parabéns e q todo material que estou vendo aki está me ajudando muito.
eu estou tendo problemas com as linhas

// Carrega as texturas dos bastões e da bolatexBastaoEsquerda = Content.Load("bastao";texBastaoDireita = Content.Load("bastao";texBola = Content.Load("bola";

as palavras entre parenteses ( bola e bastao ficam vermelhas n azuis.)
eu sigo o tutorial a risca desde o começo e quando coloco em debugg fala que o arkivo n pode ser encontrado. como se o bastao e a bola n existissem. me ajudem por favor, e obg desde há.!

Responder Citar

07/02/2011 21:58:15 | Bruno Crivelari Sanches

Não conheco muito XNA, mas verifique se você seguiu corretamente os passos:

Citou:
Para iniciar, vamos adicionar as imagens que precisamos para nosso jogo: uma para a bola e uma para os bastões. Para nosso exemplo, basta criar uma imagem branca, de tamanho 16x16, para a bola; e uma imagem branca de largura 16 e altura 96 para os bastões. Para inserir imagens no projeto, na janela “Project Explorer” clique no botão da direita no diretório “Content” e selecione a opção “Add Existing Item” no menu de contexto. Na janela de escolha de arquivo, escolha os arquivos criados anteriormente.

Responder Citar

07/02/2011 22:11:24 |201.68.157.xxx| Anônimo - re:

Bruno Crivelari Sanches Escreveu:
Não conheco muito XNA, mas verifique se você seguiu corretamente os passos:
Citou:
Para iniciar, vamos adicionar as imagens que precisamos para nosso jogo: uma para a bola e uma para os bastões. Para nosso exemplo, basta criar uma imagem branca, de tamanho 16x16, para a bola; e uma imagem branca de largura 16 e altura 96 para os bastões. Para inserir imagens no projeto, na janela “Project Explorer” clique no botão da direita no diretório “Content” e selecione a opção “Add Existing Item” no menu de contexto. Na janela de escolha de arquivo, escolha os arquivos criados anteriormente.
Conforme o Bruno comentou, verifique os passos. Certifique também se as usings do seu projeto estão todas declaradas e também verifique se esta usando a versão 3.1 ou 4.0 pois aconteceram pequenas mudanças nas versões. A do tutorial é 3.1.

Abraços,

Responder Citar

08/02/2011 20:30:00 |187.90.140.xxx| João Claudio

Fiz conforme o tutorial, C# 2010 express, só que XNA é 4.0 será que é por isso, se for alguem pode me ajudar por favor?! obg.

Responder Citar

08/02/2011 20:36:29 | Kleber Andrade - re:

João Claudio Escreveu:
Fiz conforme o tutorial, C# 2010 express, só que XNA é 4.0 será que é por isso, se for alguem pode me ajudar por favor?! obg.
Amigo, não acredito que seja a versão pois é um comando que se manteve no XNA 4.0,.. certifique-se de ter importado as imagens existentes para a pasta Content no Solution Explorer de seu projeto e não, somente copiar para dentro da pasta. (Conforme o Bruno Sanches comentou)

"Para inserir imagens no projeto, na janela “Project Explorer” clique no botão da direita no diretório “Content” e selecione a opção “Add Existing Item” no menu de contexto."

Qualquer coisa, reporte-nos o log de erro que aparece na sua lista de erros de sua IDE para tentarmos descobrir o que possa ser.

Abraços,

Responder Citar

08/02/2011 20:52:52 |187.90.140.xxx| João Claudio

Segue foto com as imagens na pasta Content no solution Explorer ( Acredito que esteja certo)
View image
Segue foto com o erro que aparece ao tentar executar no modo debugging
View image
Agradeço a ajuda a todos vcs.!

Responder Citar

08/02/2011 21:05:45 | Bruno Crivelari Sanches

Você adicionou os arquivos diretamente no projeto e não dentro da pasta Content como esta descrito no tutorial, por isso que não funciona.

Mova bastao.bmp e bola.bmp para dentro de Content que deve funcionar .

T+

Responder Citar

08/02/2011 21:32:07 |187.90.140.xxx| João Claudio

Movi os dois para a pasta
WindowsGame1Content (Content)
References
ai deu tudo certo, Obg pela ajuda amigo, sou novo e estou aprendendo agora por isso me enrola com algumas coisas, mas vlw mesmo a todos ai que me ajudaram.!!!

Responder Citar

04/04/2011 22:09:02 |189.76.5.xxx| Anônimo

TEEM COMO FAZSER O JOGO GRATIS PRA X BOX ?

Responder Citar

05/04/2011 08:26:50 | Vinícius Godoy de Mendonça

Você pode com o XNA desenvolver de graça e testar os jogos em casa, se tiver um X-Box. Entretanto, se for distribuir, aí existe um precinho sim. Você deve ser membro da app hub, comunidade da Microsoft.

Totalmente de graça não é, mas o preço usando o XNA é incrivelmente barato. São apenas U$99,00 por ano. Existe uma taxa um pouco maior se você quiser desenvolver para Windows Phone. As 100 primeiras aplicações já estão incluídas nos R$99,00, mas cada aplicação adicional terá um custo de U$20,00.

Mais informações:
http://create.msdn.com/en-us/home/membership

Responder Citar

05/04/2011 12:51:26 |189.14.31.xxx| Anônimo

muuitoo obrigado , mais então eu quero faze um pra joga só ake em casa mesmo dae eu nao preciso paga nada ?

Responder Citar

05/04/2011 14:06:54 | Vinícius Godoy de Mendonça

Nadinha de nada.

Responder Citar

05/04/2011 14:16:03 |189.14.31.xxx| Anônimo

nooossaaa mt boom esse programa então , muito obrigado pela ajuda abraços

Responder Citar

06/04/2011 12:01:20 |189.27.16.xxx| jorge luis - isso e injusto

por que a primeira versão do jogo naruto storm só saiu pro Playstation 3 ao invés de sair pro xbox também ,lançaram outro com o gráfico muito ruin comparado com o que só saiu pro Playstation 3,quer dizer que os jogos com os melhores gráficos só são lançados para o Playstation 3 sendo que são praticamente iguais .

Responder Citar

06/04/2011 13:33:58 | Vinícius Godoy de Mendonça

Infelizmente, exclusividade de títulos é uma das estratégias de vendas mais comuns na indústria. Certa vez, a EA chegou a mencionar a criação de uma plataforma comum de jogos, mas foi duramente criticada pela indústria.

Portanto, não creio que esse quadro também vá mudar tão cedo.

Responder Citar

20/04/2011 03:34:10 |201.92.94.xxx| Luis Eduardo Nery Santos - Não mostra as imagens

Olá pessoal, fiz a primeira parte desse tutorial mas quando compilo o game, só exibe o fundo preto, mas as imagens não aparecem, fiz tudo certinho, só as cores dos objetos que eu mudei e salvei como bmp, sera esse o problema, estou usando visual studio 2010 e cna 4.0.

Responder Citar

20/04/2011 09:00:47 | Bruno Crivelari Sanches

Ali nos comentários o João Claudio teve problemas similares, você chegou a seguir os passos de inserir as imagens no projeto conforme é explicado no tutorial?

Responder Citar

20/04/2011 15:06:19 |189.63.197.xxx| Luis Eduardo Nery Santos

Então Bruno, eu não achei essa pasta content, no meu visual studio só tem a WindowsGame1Content (Content) ai coloquei dentro dela, e tbm nas pastas do projeto e coloquei as imagens dentro da pasta content, e notei outra coisa qnd eu compilo o game mudando a cor de fundo ela nao muda, continua a mesma. o.O

Obrigado por responder!

Responder Citar

20/04/2011 15:18:03 | Kleber Andrade

Olá amigo, não funciona somente colocar as imagens na pasta.
Você deve clicar com o botão direito na pasta Content (WindowsGame1Content) e selecionar Add Existent Item, ai sim você seleciona as imagens e automaticamente elas vão para seu projeto.

Responder Citar

20/04/2011 15:29:00 |189.63.197.xxx| Luis Eduardo

Então eu fiz isso Kleber! Mas ai nao apareceu as imagens, nem da erro nem nada, ai eu apaguei as imagens q estavam em jpg, salvei em bmp, coloquei na pasta Content dentro das pastinhas do projeto, abri o visual studio denovo e coloquei la botão direito na pasta Content (WindowsGame1Content) e selecionar Add Existent Item, mudei a cor de fundo q antes tava azul para preto, mas nem mudou a cor nem mostrou as images, talves eu tenha colocado o codigo no lugar errado, mas o estranho é q nao da erro.

Responder Citar

20/04/2011 15:54:20 | Bruno Crivelari Sanches

Os arquivos ainda se chamam bola e bastao certo? E depois de inseridos no projeto continuam com esse nome?

Responder Citar

20/04/2011 16:06:23 |189.63.197.xxx| Luis Eduardo

Sim, ainda tem o mesmo nome, bastao e bola, eu mudei o meu codigo, o spriteBatch, acho que estava no lugar errado, eu tinha colocado dentro do protected override void Initialize ()...

ai coloquei no bloco de baixo, acho que se chama Load Content, ou algo assim. Mas mesmo assim não funcionou, eu mudei o profile de configuração para Reach porque o HiDef deu erro no meu notebook, sera q pode ser isso?

Qnd compilo a tela fica azul, deve ser a cor padrão neh, acho q nem o meu codigo pra mudar a cor de fundo esta funcionando.

Acho que vou começar denovo... vai ser o jeito, mas se alguem puder me mandar o codigo pra mim entender certinho onde por os comandos do tutorial eu agradeço.

Valew galera!

Responder Citar

20/04/2011 16:15:37 |189.63.197.xxx| Luis Eduardo

Ahh o codigo nao precisa mandar nao, esqueci q tem como baixa-lo aqui no tutorial. hehehe sorry

Responder Citar

20/04/2011 16:23:40 |189.63.197.xxx| Luis Eduardo

Resolvi o problema pessoal, foi burrice minha mesmo, o código o spriteBatch.Draw... estava no bloco errado. era no metodo DRAW, e eu estava colocando no metodo LoadContent...

Mas Muito obrigado a todos pela ajuda, esse site é o melhor!!!

Responder Citar

26/05/2011 19:48:51 |189.29.68.xxx| vinicius mori - quero fazer um jogo do naruto ótimo como naruto sh

eu já tenho uma idea de personagens vão ser e especiais feitos por eles, mas não como fazer um jogo para xbox 360e não sei como poderia ser o story mode

Responder Citar

26/05/2011 19:51:49 |189.29.68.xxx| vinicius mori - fazer jogo do naruto shippuden para xbox 360

vinicius mori Escreveu:
eu já tenho uma idea de personagens vão ser e especiais feitos por eles, mas não como fazer um jogo para xbox 360e não sei como poderia ser o story mode

Responder Citar

06/08/2011 16:06:12 |201.8.188.xxx| EDI - Como foi criar estes Indie Games para Xbox se o XN

Prezado Alexandre Lobão,

Tenho acompanhado este post assim como outros posts do site relacionados à criação de jogos para o 360.

Porém, gostaria de pedir sua ajuda com relação a uma dúvida:

Vi em vários fóruns nacionais e internacionais sobre XNA brasileiros frustados por não conseguirem colocar seus jogos pra rodar no Xbox 360 porque o XNA Creators Club não é suportado aqui no Brasil. Para testar seus jogos no xbox você precisa de uma assinatura que custa U$ 99 e que não é possível fazer via site App Hub para contas brasileiras.

Existe algun "workaround" que os brasileiros têm usado para conseguir disponibilizar seus jogos na live ?

Pô, vi que 3 brasileiros fizeram o jogo TriLinea ReAct Hits e que possui ótimos reviews e também está disponível na live.

Como eles conseguiram disponibilizar o jogo lá ?

Obrigado.

Responder Citar

08/08/2011 17:08:18 | Alexandre Lobão - Publicando no Creators Club no Brasil

Para responder esta pergunta precisei consultar os universitários.
A resposta do Jalf é:
"Infelizmente é verdade. Não dá nem para publicar nem para comprar jogos da XBLIG no Brasil (não me pergunte o motivo).

Para publicar no Brasil não tem jeito. Para publicar DO Brasil, você vai precisar de uma conta lá de fora (normalmente dos EUA ou Canadá). Para receber os royaltes vai precisar de uma conta lá e de alguma forma para sacar o dinheiro."

Não sei detalhes, mas se a conta for do PayPal você consegue sacar por aqui.

Uma alternativa boa é procurar uma publicadora (sim, temos "publishers" no Brasil!!). Uma que já tem tudo arrumado e pode ajudá-lo é a www.stairslabs.com.br.

Responder Citar

29/01/2012 13:45:47 |189.70.181.xxx| corinthians - re: Não mostra as imagens

Luis Eduardo Nery Santos Escreveu:
Olá pessoal, fiz a primeira parte desse tutorial mas quando compilo o game, só exibe o fundo preto, mas as imagens não aparecem, fiz tudo certinho, só as cores dos objetos que eu mudei e salvei como bmp, sera esse o problema, estou usando visual studio 2010 e cna 4.0.

Responder Citar

16/03/2012 18:09:27 |201.29.139.xxx| Davi rodrigues - re: re: Não mostra as imagens

Tenta mudar o local de onde esta os objeto. É na parte do spritBatch.Draw onde estão aqueles numero ( X , Y ).

Responder Citar

16/03/2012 18:06:07 |201.29.139.xxx| Davi rodrigues

Gostei muito desse tutorial pois me recordou muitas coisas que eu estou aprendendo no colégio NAVE do Rio de Janeiro.

Muito obrigado!

Responder Citar

17/03/2012 14:04:20 |201.43.80.xxx| joão vitor

me respondam como consigo destravar xbox 360 arcade na versão 2.0

Responder Citar

18/03/2012 18:30:15 | Bruno Crivelari Sanches

Não apoiamos e não somos um site relacionado com pirataria.

Responder Citar

03/05/2012 11:26:40 |189.69.133.xxx| felipe lopes - não gosto de piratear os jogos, quem não tem dinhe

Responder Citar

03/05/2012 11:57:29 | Vinícius Godoy de Mendonça

Concordo com você. Aliás, acho que o ideal é, para quem não pode pagar, comprar um PC. Os games são consideravelmente mais baratos, especialmente se você comprá-los online na Steam.

Responder Citar

03/05/2012 12:02:46 | Bruno Crivelari Sanches

Esse é um dos motivos para eu não ter um console... não concordo com o preço dos jogos e já tenho muito mais do que consigo jogar com as queimas do steam .

Responder Citar