This is the first episode in the series: Creating a Hidden Object Game in Silverlight 3
In this episode, we will get the project started and layout the UI.
Before we begin, make sure that you have the following installed:
- Silverlight 3 Tools for Visual Studio 2008 SP1
- Blend 3
- Silverlight Toolkit
- Expression Blend 3 SDK
The first 3 can be downloaded from the Get Started tab at Silverlight.net. You can download the Expression Blend 3 SDK from here.
First we launch Blend 3 and create a new Silverlight project:
The project is called ClutteredCube as that will be the main image for the hidden object game. The two things that we are going to do is change the LayoutRoot so that its LayoutType is Canvas and change the UserControl’s dimension to 800×600:
One day I brought a digital camera to work and took a photo of my cube. This is really how it looks with just a few items added to make the game more interesting:
You can use your own images as you follow this tutorial or download these.
The image has been resized and cropped to 800×500. Create an Images folder in the project and add the file to it.
Now drag-n-drop the office image onto the canvas and position it at the top. Select the LayoutRoot again, select Background under Brushes and use the color eyedropper to pick a dark color from the shelf or drawer. The page should now look like this:
In the next episode, we will create the list of items.
