Loudtalks — internet walkie talkie

Silverlight 3D demo

By Alexey Gavrilov on April 6, 2007

WPF/e 3D demo
Click on the screenshot to open demo page.

Microsoft has no plans for supporting 3D in Silverlight (formerly WPF/e) but since they give us a decent 2D vector renderer it’s quite easy to implement simple 3D graphics using JavaScript and standard WPF/e shapes. As an example I added third dimension to my 2D animation benchmark.

The hard part was to make objects display in the right z-order. WPF/e doesn’t have zIndex support at this time (update: it was added in Silverlight 1.1 alpha) so to manipulate display order you have to change object position in the objects tree. I figured out that to make it work smoothly I have to sort all scene objects by depth first and then render them from front to back (check out the source code to see how it’s implemented).

The result looks good in my opinion although it’s notably slow in Firefox (too much alpha-blending I guess).

(May 30, 2007: I updated this post with the new name of WPF/e)

Share this!
These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • Technorati
  • Furl
  • Slashdot
  • BlinkList
(categories: Technology, Solutions box)

8 Comments »

  1. very cool! 3Q

    Comment by flatpeach — April 11, 2007 @ 5:42 pm

  2. hi nice site.

    Comment by alex — April 13, 2007 @ 10:12 pm

  3. This is really cool stuff.
    I’m working on a pure 3D project for Silverlight 1.1 Alpha.

    Have a look at :
    http://www.dolittle.com/blogs/einar/archive/2007/05/19/3d-in-silverlight-1-1-alpha.aspx

    Comment by Einar Ingebrigtsen — May 20, 2007 @ 10:56 am

  4. hi all.

    Comment by robert — June 14, 2007 @ 9:47 pm

  5. […] http://metalinkltd.com/?p=114 very simple Silverlight 3D simulation using 2D vectors. […]

    Pingback by Twitter / Project Manhattan: http://metalinkltd.com/?p=1... — July 28, 2008 @ 4:17 am

  6. Nice sample. I just publish a Engine 3D that is very similar to WPF 3D using the vector graphics as base. http://www.codeplex.com/aXelerateSL3D

    Comment by Daniel Rojas — December 5, 2008 @ 2:39 am

  7. Have you done any more work in this area, specifically with Silverlight 2.0?

    Comment by Frank Patton — December 31, 2008 @ 3:43 am

  8. Hi Frank, that doesn’t seem to worth it. It’s a cool demo but that’s about it. Flash 10 supports 3D with hw acceleration, while Silverlight doesn’t have it on the roadmap and doesn’t even support raster effects / manipulation, which make Papervision and similar efforts possible.

    Comment by Alexey Gavrilov — January 11, 2009 @ 12:59 pm

RSS feed for comments on this post. TrackBack URI

Leave a comment