Two great tools in Silverlight are the Projection properties and the InkPresenter, so what happens if you put the two together? Well, maybe something like below. Use the mouse to draw within the Silverlight area.

In this example I have used the InkPresenter to capture the mouse and produce vector paths. I also have a basic interface to change the colour and path size. I then use that captured data to duplicate the vector path upon 16 faces each rotating around a common point using the Projection properties.

The Projection properties in this example have been created inside Expression Blend using a storyboard activated by behaviors.

The InkPresenter control is this example has been created inside Expression Blend, but we need to do a bit of work in the code behind file to record the data and convert it into a visual path. You can read more about this process in this MSDN article.

Grab the Source

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

Today I want to show how easy it is to produce a basic 3D object in Silverlight, in the below example I have used 5 circles to produce a sphere animation. I treat each circle with a looping Projection Transform.


Each circle is treated with the exact same treatment but offset so that they form a sphere, to break out each circle press the ‘Break Apart‘ button. To fit the circles together again, press the ‘Place Together‘ button.

You can enhance the 3D effect further by pressing the ‘Spin‘ button, this simply plays a storyboard to spin each circle on an additional axis.

To create this effect I have used the Projection Transform Rotation properties and used Easing on the animations inside Expression Blend 3 to help the inertia look right.

Grab the Source

As usual you can download the source files for this example here.

Metia (my employers) have just finished producing not only one of the first ever Silverlight banners for MSN, but the first banner to incorporate Deepzoom and Smooth Streaming and be expandable. View the Mass Effect Silverlight banner live on MSN.

The video also features a full screen view for the HD video.

The Smooth Streaming allows users to view the video at the highest quality possible based on their internet connection and CPU speed. If the users connection drops to a slower speed during the video, the Smooth Streaming seamlessly adapts to keep the video stream consistent and free of buffering.

The banner also features a Deepzoom component.

This part of the experience allows users to zoom in as close as to see the stubble on the characters face! The Deepzoom functionality lets you zoom into an image serving up only the part of the image you are looking at and thus not having to download megabytes of data.

This banner is running live on MSN right now, and is due to feature on the MSN home page this Saturday.

You can read more in the following posts:

Dean Gifford at Rocket Panda talks about a World first

Damon Serji talks about the first interactive Silverlight banner in the world

Metia official statement by Steve Ellis