Silverlight Game Design Tutorial

Every game needs graphics. (Actually there are some games that have no graphics, and they usually sucks). Anyway graphics are really important to a game and here we are going to learn how to display graphics.

By the end of this tutorial you will have created a project that looks like this:

Adding Images

1. First of all, you need to find a picture that you want to display on the screen.
2. Click project -> Add existing item, then select the image you want. In this example, I selected the file "hello.png". You'll see this file added in the solution explorer.

3. Simply type these codes into your "Page.xaml.cs" file

using System.Windows.Media.Imaging;

namespace GameExample

{

    public partial class Page : UserControl

    {

        Image img = new Image();

        public Page()

        {

            InitializeComponent();

            BitmapImage bmpImg2 = new BitmapImage();

            bmpImg2.UriSource = new Uri("hello.png", UriKind.Relative);

            img.Source = bmpImg2;

            LayoutRoot.Children.Add(img);

        }

    }

}

4. Hit F5 to see the image displayed on your web browser.

Good job! So here's the explanation to the code above. First we declare an Image called img. To assign actual graphics data into it, we create a BitmapImage, and tell application to get this bitmap source from "hello.png" (which is the file name). After that we assign this BitmapImage to the actual Image component by doing img.Source = bmpImg2. The last important thing though, is that you have to add the following line - "using System.Windows.Media.Imaging;" in order to add images to your application.

Comments:

Post A Comment: