Navigate the above example by one of the following:

  • Move the mouse around until a white outline appears and click
  • Use the mouse wheel or the zoom buttons to zoom in and out
  • Click and drag to pan around the images
  • Use the short-cut images on the right to jump to featured positions
  • Use the directional tool at the bottom centre of the screen

Here is my first attempt at using Microsoft Photosynth. I have seen a few examples of Photosynth before but never got round to trying it out for myself.

Photosynth is a tool that uses Microsoft Silverlight to piece together photographs to map them in 3d space. The tool is really easy to use, once you have your photographs you upload them and the tool does the rest for you. Once your images are mapped out by the tool, you are given a Silverlight interface to add some further information if you choose. You can add tags to individual images, add a geolocation and a description.

This example involved me standing in one position and taking a series of photos by turning around to form a 360 mapping. The Photosynth tool managed to map 86% of the 31 photos I uploaded which works quite well. The tool picks up on key pixel configurations and matches them across the series of images to form the full 3d map.

As you can see my first example does not fully match up all the way around so in hindsight maybe I should have taken a few more extra pictures so the tool could complete the full 360 journey.

My next task will be to take a series of images around an object instead of from a single point.

Metia launch a Silverlight Valentines day message using Deep Zoom. Keep zooming into the heart shaped text to read the full message!

Using the Line element and some Random math I have created a paint splatter brush effect. Use the color palette at the top of the example to change color and then draw using the mouse.

To create this effect, I plot lines one after the other using the Line element. Starting from the mouse co-ordinates and then using Random math to plot each further point. The length and size of each splatter is also set each time using Random math.

To create a line using the Line component:

To create a new line we perform the following

Create a new Line and call it Line1…

Line Line1 = new Line();

Set the start co-ordinates of the line…

Line1.X1 = 0;

Line1.Y1 = 0;

Set the end co-ordinates of the line…

Line1.X2 = 10;

Line1.Y2 = 10;

Add the line to the page…


You can see another post I made on building a Paint Application here.

To get a Random number we use the following code in C#:

First define the variable…

private Random NextDouble = new Random();

Then each time you want a new Random number perform the following…


This value will be of a double figure between 0 and 1. To get a specific range of random numbers we need to multiply this value.

To get a Random number between 0 and 100…

NextDouble.NextDouble() * 100;

To get a Random number between 50 and 100…

(NextDouble.NextDouble() * 50) + 50;

Grab the Source

As always, you can grab the source files to this post here.