Design Monkey
Weblog of Hylke Bons

Moonlight animations

Saturday, August 23rd, 2008

Have been wanting to try out Moonlight for a while now, and the last few weeks I’ve found the time to actually do it. At LGM and GUADEC, Michael Dominic (one of the Moonlight developers, also know for the Diva project ;) ) kindly showed how you can do simple animations in XAML with just a few lines of markup. It was very impressive. I’ve been waiting for technology like this for a while (somehow working with a Flash studio gives me the creeps).

I decided to animate my website headers.
You will need the Moonlight Firefox plugin to view them (this only works on Linux, use the Silverlight plugin on Windows).

Here are some examples:

I highly encourage to check out the XAML code to see how it works, just replace index.html with day.xaml for the Day animation, dusk.xaml for Dusk, etc…

Thanks Moonlight team for the great work so far! :)


What people think...


  1.  Sunday, August 24th, 2008 at 00:36
    Jeffrey Stedfast  

    Awesome!

    And, you’re welcome ;-)

  2.  Sunday, August 24th, 2008 at 01:36

    The installation was a breeze!

    I wonder what happens if i see your site without moonlight installed…
    (moonlight banner becomes static? or you can have an alternative image set for it in case no moonlight plugin is detected?)

    I also wonder how you can make this type of moonlight animated banners…

  3.  Sunday, August 24th, 2008 at 03:52
    Hylke  

    DreadKnight: Actually the headers aren’t used yet, I’m planning to use some kind of detection and the static images that are used right now for visitors without the plugin.

  4.  Sunday, August 24th, 2008 at 14:05
    Calvin  

    Weird, I get a page of blankness in Silverlight 2…

  5.  Sunday, August 24th, 2008 at 21:27

    Looking sweet, Hylke.

  6.  Sunday, August 24th, 2008 at 21:44
    Hylke  

    Calvin: what kind of system and browser are you using? I’ve had some issues with Silverlight on Windows, it stopped working suddenly.

  7.  Monday, August 25th, 2008 at 00:44
    Calvin  

    Windows Vista and Firefox 3.0.1. Silverlight 2 Beta 2 GDR 1 (2.0.30523.8) is being used. The .NET version is 3.5 SP0.

    When I go to the raw XAML, it doesn’t render, just the source code is displayed.

    Other Silverlight sites work.

  8.  Monday, August 25th, 2008 at 15:08
    Hylke  

    Calvin: what about the Silverlight 1.0? It’s normal that the xaml doesn’t get rendered when you go to it.

  9.  Monday, August 25th, 2008 at 15:19
    bla  

    Is there anything else you need to do in order to watch the animations? All I get is a ‘Get Silverlight’ button which links to microsoft.com.

    I tried both the 1.0 and the 2.0 (Experimental) extensions.

    I’m using Linux and Firefox 3.0.1

  10.  Monday, August 25th, 2008 at 16:26
    Calvin  

    @Hylke: I develop in Silverlight 2. Maybe it’s an Apache misconfiguration? Try changing .htaccess.

  11.  Monday, August 25th, 2008 at 16:27
    Calvin  

    Wait a minute, you forgot the XML declaration.

  12.  Tuesday, August 26th, 2008 at 04:12
    ycc  

    I use Firefox3 on Windows with Silverlight, Only “Dusk” works.

  13.  Friday, August 29th, 2008 at 01:49
    Hylke  

    Seems there are still some issues with the plugins (or my code). Calvin, can you tell me what to adjust?

  14.  Wednesday, September 3rd, 2008 at 23:39

    This is a quick note for all the Tango icon theme team (I couldn’t find a general compliments page on the site, so i’m posting to the first person who I could find contact info for in the projects page, and I also found out about moonlight in the process… hope things pan out for it in general) So I wanted to thank you for the icon set, its pretty nice, and i’m happy to attribute for it. How do I do so?

  15.  Saturday, October 4th, 2008 at 22:58
    Calvin  

    Well Visual Studio isn’t barfing on it, and Silverlight renders it as nothing, just blank.


Leave your thoughts

Due to spam I check every comment myself,
so it may take a little longer for your comment to appear.


© 2006–2010  Hylke Bons