Sunday, 6 May 2007

Playing with Silverlight...

After mapping race courses, the next logical step seemed to be visualizing the races themselves, similar to BBC Tour coverage (link thanks to Russ) and at least one overseas marathon I've seen online (but can't remember which).

This 10k race demo shows how it could work, using Microsoft Silverlight beta 1.0 and Microsoft Expression Blend.

Got some other Silverlight ideas... stay tuned.

EDIT: Now calculates km markers automatically, and shows altitude as well. Now it really needs to support split times rather than race-average (so the 'runners' slow down on the hills!)

EDIT2: Although some 'matrix glitches' are present, km splits are now supported. Watch red catch green in the 2nd lap! The 'jumping' is due to a bug when a line segment is "split" to accomodate an intra-segement marker... kinda know where it is but too late (at night) to fix it now...


  1. what'd you download to get this going? kicking off some downloads myself ATM:
    * Expression Blend (which needs .net 3.0)
    * Silverlight™ 1.0 Beta SDK

  2. Just Blend 2 May Preview really. Downloaded the SDK (for 1.0 and 1.1, plus the orcas extension) but haven't unzipped that stuff - the raw XAML from Blend (with associated .html, .html.js and .xaml.js files) were all the foundation needed to start ASPX/C# generation of the maps.

    The workflow goes something like this:
    1) create a basic element in Blend
    2) look at the xaml 'code behind'
    3) generate similar xaml with ASPX/C#, replacing(parameterizing) elements/attributes as required (in VWD)
    4) test directly in IE/Silverlight plugin