In the last post, I cobbled together something that was serviceable as a pathfinding routine, and was left with the beginnings of some structures - such as Location and Unit - that would be needed in MicroQuest.

In this post, we'll look at building the beginning of the WPF application that will represent the MicroQuest game, and start binding up the functionality to a user interface.

Right now, I have two main projects in my solution:

• The 'Engine' which is a UI independent domain model for the game (and so contains the logic and classes for pathfinding, units etc.)
• The 'Viewer' which is a WPF application that will visualise the game world and provide an interaction model.

There's also a test project, and a console app for some quick spelunking.

We'll start small with the UI and build out some limited interactivity for the map before we think about game loops and the like.

To interact with the map, I'm going to build a control (MapViewer) that will render the map correctly and respond to mouse interactions.

I've wrapped the List<Location> structure as a Map, and then added a little functionality that will return a test map (simple 10x10 representation). In order to bind this to the UI, I'm hacking in some calls into the MapViewer for the time being.

The MapCanvas is actually a ListBox at the moment (though I'm sure you can see where I'm going with this). So our application looks like this:

That's not a bad start. We just need to get the layout and rendering to look right. Shouldn't be a problem.

In this case, I'm swapping from a ListBox (which offers stuff I don't need right now) to a plain old ItemsControl and then creating a panel template (a Canvas which sets it's Left and Top (i.e. X and Y)) and then a data template for a location which will be a button (as I want the Click event).

With the addition of this code, then the location list now looks as follows:

With the addition of a new button template (in this case just a green rectangle with a lighter stroke) we have the basis for a map.

This is a little boring, so the next step will be to get our Unit rendered and then move on to interaction.