Deepzoom with Silverlight 2.0 First Hands Example

I was looking for an interesting starting point to getting my hands dirty with Silverlight. Deepzoom caught my attention. It is basically a Silverlight component that let's you zoom in and out into an image. While there are some examples out there that utilize and showcase it, most of them are pretty basic and not that practical. While back I wrote a small app that composes a target image mosaic out of smaller images, but back than , I had to use Zoomify to provide a zoom in and zoom out interface. Now with Deepzoom, I wanted to check it out.

Tropical Fruits - Original Oil Painting by wizan.

So here is the final result, it is basically an image broken down to pixel size images that are matched to images that serve as the tiles of the original image. Now that we have the matching tiles, we can simply compose the original image. The only challenging is  point here is to break the new image into Deepzoom format. For that I used this good codeproject published project. Because the end result is almost 200MB , I've decided to share a video showcasing a silverlight ASP.Net embedded page.

 

What is shown here is the Deepzoom running in an IE7 window with the composed mosaic image.

It would be cool to have this online application that let's you upload images and build the last uploaded image from all of the previously loaded images.
I'll share more technical information on this on later posts , so stay tuned.

BTW, here is a cool Michael Phelps mosaic, hand made. It would be nice to have a computer software to do this.

No Comments