Blog Post

Desenhando muitos bitmaps com XNA no Windows Phone 7

Sign in to queue

Description

Se você leu meu post Tratando Bitmaps como Sprites utilizando XNA no Windows Phone 7 e anteriores, você está pronto para criar e gerenciar um bitmap com uso do XNA.

Mas o que você me diria sobre encher a tela de bitmaps? Três, quatro ou dezenas ou então centenas?

Avalie uma imagem do Flight Simulator.

Generic Episode Image

 

Difícil contar a quantidade de Sprites não é mesmo? Mas calma, vamos das alguns passos para trás. 
Pois já que o contexto é "games", acho que estou "apelando" um pouquinho..

Você aprendendo conceitos de XNA e eu fazendo paralelos com games de ultima geração, aí não é justo. Por isso segue uma imagem mais apropriada para nossos estudos de um game não tão novo.

Direto do nosso simulador de voo até as profundezas dos oceanos mais sinistros..

 

Generic Episode Image

 

 Seaquest, 1983!  (ô.. saudade)

 Se ele fosse feito com XNA e os Sprites com PNGs, quanto bitmaps você estaria vendo? Uns 20?

Como podemos ver, não estamos exagerando quando falamos da necessidade de gerenciar múltiplos bitmaps, pois seus avós (ou pais) já tinham esta necessidade.

No código abaixo, deixaremos de gerenciar 1 bitmap e passaremos para 5. Ainda não é o ideal, mas vamos avançar por etapas! Mão na massa!

Lembrando que se tiver dificuldades para criar um novo projeto, trabalhar com o XNA Game Studio ou com o Windows Phone 7 SDK, leia os posts anteriores! Estão em http://bit.ly/caverna9

 

using System;
using System.Collections.Generic;
using System.Linq;
using Microsoft.Xna.Framework;
using Microsoft.Xna.Framework.Audio;
using Microsoft.Xna.Framework.Content;
using Microsoft.Xna.Framework.GamerServices;
using Microsoft.Xna.Framework.Graphics;
using Microsoft.Xna.Framework.Input;
using Microsoft.Xna.Framework.Input.Touch;
using Microsoft.Xna.Framework.Media;

namespace WindowsPhoneGame6
{
    /// <summary>
    /// This is the main type for your game
    /// </summary>
    public class Game1 : Microsoft.Xna.Framework.Game
    {
        GraphicsDeviceManager graphics;
        SpriteBatch spriteBatch;

        Vector2 position1, position2, position3, position4, position5;
        Texture2D image1, image2, image3, image4, image5;

        public Game1()
        {
            graphics = new GraphicsDeviceManager(this);
            Content.RootDirectory = "Content";

            // Frame rate is 30 fps by default for Windows Phone.
            TargetElapsedTime = TimeSpan.FromTicks(333333);

            // Extend battery life under lock.
            InactiveSleepTime = TimeSpan.FromSeconds(1);
        }

        /// <summary>
        /// Allows the game to perform any initialization it needs to before starting to run.
        /// This is where it can query for any required services and load any non-graphic
        /// related content.  Calling base.Initialize will enumerate through any components
        /// and initialize them as well.
        /// </summary>
        protected override void Initialize()
        {
            // TODO: Add your initialization logic here

            base.Initialize();
        }

        /// <summary>
        /// LoadContent will be called once per game and is the place to load
        /// all of your content.
        /// </summary>
        protected override void LoadContent()
        {
            // Create a new SpriteBatch, which can be used to draw textures.
            spriteBatch = new SpriteBatch(GraphicsDevice);

            // TODO: use this.Content to load your game content here

            image1 = Content.Load<Texture2D>("cave1");
            image2 = Content.Load<Texture2D>("cave2");
            image3 = Content.Load<Texture2D>("cave3");
            image4 = Content.Load<Texture2D>("cave4");
            image5 = Content.Load<Texture2D>("cave5");

            position1 = new Vector2(100, 180);
            position2 = new Vector2(210, 180);
            position3 = new Vector2(320, 180);
            position4 = new Vector2(430, 180);
            position5 = new Vector2(540, 180);
        }

        /// <summary>
        /// UnloadContent will be called once per game and is the place to unload
        /// all content.
        /// </summary>
        protected override void UnloadContent()
        {
            // TODO: Unload any non ContentManager content here
        }

        /// <summary>
        /// Allows the game to run logic such as updating the world,
        /// checking for collisions, gathering input, and playing audio.
        /// </summary>
        /// <param name="gameTime">Provides a snapshot of timing values.</param>
        protected override void Update(GameTime gameTime)
        {
            // Allows the game to exit
            if (GamePad.GetState(PlayerIndex.One).Buttons.Back == ButtonState.Pressed)
                this.Exit();

            // TODO: Add your update logic here

            base.Update(gameTime);
        }

        /// <summary>
        /// This is called when the game should draw itself.
        /// </summary>
        /// <param name="gameTime">Provides a snapshot of timing values.</param>
        protected override void Draw(GameTime gameTime)
        {
            GraphicsDevice.Clear(Color.Black);

            // TODO: Add your drawing code here

            spriteBatch.Begin();
            spriteBatch.Draw(image1, position1, Color.White);
            spriteBatch.Draw(image2, position2, Color.White);
            spriteBatch.Draw(image3, position3, Color.White);
            spriteBatch.Draw(image4, position4, Color.White);
            spriteBatch.Draw(image5, position5, Color.White);
            spriteBatch.End();

            base.Draw(gameTime);
        }
    }
}

 

Fácil? Tenho certeza que foi.

 

Resultado

Generic Episode Image

 

Para trabalhar com 5 bitmaps, não utilizamos nenhuma boa prática de programação. Agora, para trabalhar com dezenas ou centenas... aí precisaremos fazer melhor.

No próximo post, aperfeiçoaremos nosso código! Falaremos sobre collections e arrays Smiley

Antes de dar tchau, um pedido. Indique o Channel 9 , o MVA  e o MSDN para seus amigos!
Compartilhe no facebook, twitter, orkut (ainda usam?) e demais redes sociais.

No inicio do post existem dois botões para compartilhar. Não economize o clique! Tongue Out

Relacionado a Windows Phone 7, todo material vem sendo criado especialmente para que sinta facilidade em acompanhar e desenvolver seus conhecimento. Tudo passo a passo, escrito para aqueles que desejam iniciar sua jornada no Windows Phone 7 e principalmente desenvolvimento de apps e games!

Forte abraço!

 

Posts anteriores

Visão geral do MVA - entendendo o roteiro de Windows Phone

O Windows Mobile e o Windows Phone

Visão geral do Windows Phone 7.5 (codinome Mango)

Visão geral do conceito Metro

Visão geral do SDK do Windows Phone

Visão geral das ferramentas de desenvolvimento para Windows Phone

Visão geral do Emulador

Testando sua app no device

Criando Protótipos

O que é o Windows Phone Marketplace parte 1 - Publicando sua app no Marketplace

O que é o Windows Phone Marketplace parte 2 - Publicando sua app no Marketplace

Marketplace Test Kit

Crie seu primeiro projeto XNA 4.0 para Windows Phone 7

Entendendo o User Input no Windows Phone 7 com XNA

 

The Discussion

  • User profile image
    Gustavo Teixeira

    Legal...

    recomendadíssimo.

    Ficou boa a sequencia das explicações...

    Abraços,

    Gracias!

    Att,
    Gustavo Teixeira

  • User profile image
    Guilhermerba

    No meu ta dando: erro "cave1" file not found

     Desculpem meu erro rsrs eu esqueci da extensao das imagens rsrs

  • User profile image
    joao vitor

    galera ta dando um bucado de erro na hora que eu colo o código no programa =/ e também na primeira aula "desenhando bitmaps com xna no windows phone" quando vou executar no emulador da um erro nessa linha do load content que o caverna postou "shipImage = Content.Load<Texture2D>("naveXNA");" ai aparece uma janelinha falando e apontando nesse código "Error loading "naveXNA". File not found." sendo que em uma parte do post quando ele fala para clicar no botão direito no projeto content, add, existing item e dai por diante eu não consegui achar esses locais no projeto e fica dando esse erro de load.Alguem pode dar um help ae?
    Obrigado =)

  • User profile image
    homecc2

    @Guilhermerba: Tanto para você Gui quando para o Vitor o erro é de "File Not Found" ou seja faltou adicionar algum item ao game no caso a imagem png, lembre-se pode ser qualquer uma não é obrigatório adicionar a imagem do post você mesmo pode criar uma e brincar com ela usando em seu game.

    @joao vitor: Você deve salvar a imagem da nave que ele adicionou no post ou então criar uma. Após ter feito isso você deve carregar a imagem no seu programa.

     

    BitMapDemoContent (Content) >> Add >> Existing Item >> Sua imagem

     

    Após ter feito isso creio que será possível compilar o seu game sem erros Tongue Out.

Add Your 2 Cents