A tiny Silverlight 3 Shooting Game - Scenes From A Developer Memory - Site Root - StudentGuru

A tiny Silverlight 3 Shooting Game

I decided recently to test (myself!) whether I could create a small shooting game in Silverlight. Having read the book "Game Programming with Silverlight", I felt somewhat confident in this! After a couple of coding hours, I managed to deliver a decent (well, maybe not!) and simple game, which I am going to present here to you. The game is, in its nature, rather simple.

Check tha game here: http://www.dgkanatsios.com/SilverlightShootingGame  

Page loads, you click “Start” and the game begins. All you have to do is click on my face to  “shoot” me, and get more points. After some time the game ends, and you are presented with your score.

The code itself has some interesting parts:

First of all, how to programmatically create an animation in C#

   1:  //a doubleanimation with a random duration
   2:  DoubleAnimation da = new DoubleAnimation();
   3:  da.From = (double)element.GetValue(direction);
   4:  da.To = da.From + (double)distance;
   5:  da.Duration = new Duration(new TimeSpan(0, 0, randomgenerator.Next(3, 5)));
   7:  //set the target for the animation
   8:  Storyboard.SetTarget(da, element);
   9:  Storyboard.SetTargetName(da, element.Name);
  10:  Storyboard.SetTargetProperty(da, new PropertyPath(direction));

How to play multiple sounds with many MediaElement objects in C#

   1:  //play the first available mediaelement
   2:  sndFire[currentFire].Stop();
   3:  sndFire[currentFire].Play();
   5:  if (currentFire == MaxNumberOfTargets - 1)
   6:      currentFire = 0;
   7:  else
   8:      currentFire++;

Programmatically create a FrameworkElement and add it to LayoutRoot (Canvas, Grid, etc.)

   1:  Image image = new Image();
   2:  image.Name = Guid.NewGuid().ToString();//a random name for each image. Yeah, I'm sure I could have done something else :-)
   3:  image.Source = new BitmapImage(new Uri("image.png", UriKind.RelativeOrAbsolute));
   4:  //700 x 502 is the size of the container Canvas
   5:  //just removing some pixels (100 and 50) so the image is displayed correctly
   6:  image.SetValue(Canvas.TopProperty, (double)randomgenerator.Next(0, 502 - 100));
   7:  image.SetValue(Canvas.LeftProperty, (double)randomgenerator.Next(0, 700 - 50));
   8:  image.Effect = new DropShadowEffect();//a simple Silverlight 3 effect
  10:  //add the handler so, when user 'shoots' an image
  11:  //it is removed, sound is heard, and the score is increased
  12:  image.MouseLeftButtonDown += new MouseButtonEventHandler(i_MouseLeftButtonDown);
  14:  //create and begin the image animation
  15:  Storyboard sb = new Storyboard();
  16:  DoubleAnimation da = GetRandomDirectionAnimation(image);
  17:  sb.Children.Add(da);
  18:  da.Completed += new EventHandler(da_Completed);//when the image has been 'shot' remove it
  19:  LayoutRoot.Children.Add(image);//add the image to the canvas
  20:  sb.Begin();

And more, if you download the source code :-)

You can also view the application here: http://silverlight.services.live.com/invoke/33130/SilverlightShootingGame/iframe.html (Hosted in Silverlight Streaming Service)

You can download the full source code for this (it’s not much!) by navigating to my Skydrive folder here: http://cid-10e568adbb498dc8.skydrive.live.com/browse.aspx/Sample%20Source%20code%20in%20.NET It's the Silverlight Shooting Game file.


  • πολύ ωραίο!!! σκότωσα καμιά 400αριά Stick out tongue

    στην επόμενη έκδοση μπει highscores και hall of fame Big Smile

  • Ωραία προσπάθεια,αν μη τι άλλο δείχνει ότι το να φτιάχνεις games με Silverlight δεν είναι δύσκολο.

    Μια παρατήρηση όμως:από ότι είδα στο game loop σου χρησιμοποιείς DispatcherTimer.Πέραν ότι το time resolution του είναι πολύ χαμηλό (=μικρότερη ακρίβεια στη χρονομέτρηση) το event ενεργοποιείται στο UI thread.Άρα και μπορεί να καθυστερήσει τα υπόλοιπα UI στοιχεία της σελίδας,αλλά και αυτά μπορεί να αποτρέψουν την έγκαιρη πυροδότηση των DispatchTimer events.

    Προτείνεται λοιπόν αντ'αυτού η χρήση ενός StoryBoard το οποίο έχει δικό του execution thread και έχει καλύτερη συμπεριφορά.

    Δες και αυτό το άρθρο:


  • Thanks, το διάβασα, και φαίνεται να έχει δίκιο ο τύπος!

  • Χαχαχαχαχαχαχαχ !! Θέλω κι εγώ :p

    Τέλειο !!

  • Αν μη τι αλλο μετα τον bush να εκτονονομαστε σε σενα XD