| Comments

Inkscape.orgi had previously done a screencast where i talked about the tools i use to convert vector graphics in SVG format to XAML assets to be consumed in either WPF or Silverlight applicaitons.  one of the tools mentioned in the screencast is .  inkscape is an open source vector graphics editor, with capabilitis siilar to illustrator, freehand, etc and uses the SVG file format (mostly).  one of the cool things about inkscape is the extensibility already offered in the open source platform.  after having some colorful discussions with my local linux group on their discussion group, i met one of the inkscape contributors.  we 'chatted' (read: emailed) privately off the group for a while about vector formats, why not SVG, etc., etc. and ended up in an amicable place understanding the role of XAML.  through this, ted, helped contribute a checkin to the inkscape project that enables files being edited in inkscape to be exported directly to XAML format.

ted tells me the inkscape guys will have a booth at the southern california linux expo in february.  i think that they'll have a stable build of the xaml feature by then (crossing fingers).  if you are brave enough for daily builds it is already in there if you want to try it out.  if you are going to be in in southern california, you should stop by the expo and chat it up with the inkscape crew that will be manning the booth.  it's a great tool that has helped me in the past few months.  while the conference isn't free, well neither is the expo, the expo hall looks like a $10 ticket.

UPDATE: register with code MOF1 and you'll get 50% off the registration to SCALE!  thanks ilan!

UPDATE2: jon galloway demonstrates his tests of inkscape

| Comments

in part 1 of my baseball example concept, i discussed how i was able to re-use some SVG vector art in XAML.  in that screencast i used an SVG file and a PDF file.  it set the stage for the remaining part of my samples here.  to recap, my goal is to show: using vector files for XAML (done), integrating that XAML and html functionality (here) and then to show a "game play" view of the vector art, extracting just the field information.

in this part 2 of that goal, i set out to recreate a different user experience for the ticket purchase process of the online site for the baseball team.  right now at the dbacks seating/pricing site, they provide a chart and a color match html table.  there is some "zoom" functionality (really it is just image swapping) to get a closer look at the sections.  to me, i wanted to see a simpler implementation -- don't make me think.  when i choose the infield section, clearly show me where that is -- if i can't decipher the colors very well, then i might not understand where the section is.  this is, of course, a very simple sample, but one that can easily demonstrate how easy it is to work with silverlight and html from a DOM perspective.

you see, once the silverlight plugin is loaded, it is a part of the page DOM.  because of this, other elements can dig into it, manipulate XAML, execute storyboards, etc. -- and vice versa...the silverlight plugin can alter html on the same page.  it actually is quite simple, but i've received some questions on it, so i thought i'd whip this quick sample together.  please subscribe to the podcast feed on the left to get the previous screencast and future ones as well.

i hope it helps.  if it doesn't, let me know or let me know how to refine a better sample.  leave a comment in the blogs.

part 3 will be (maybe) the final part of this sample, demonstrating a "game view" using the same imported vector data, real-time data from SQL server, asp.net ajax integration...it's wicked cool and i can't wait to post it!

| Comments

i recently started to embark on a little 3 part series involving taking a pdf document of a baseball field and doing some and love with it.  it led me along a path of creating some intense xaml design elements actually and i thought i'd share (in simpler form) the process i used.

is a graphic tool that enables creating vector art that can then be exported to xaml (either WPF or silverlight).  it is a great tool that i'm starting to be more and more familiar with.  design understands various import and export format but sometimes your existing assets might not be directly importable.  have no fear there is a simple process (hopefully someone will automate this in one of their tools).  i just added a podcast (feeds listed on the left of this site) demonstrating the steps i used to convert an .svg file to readable in expression design, then export to silverlight xaml for an application.  it's only 8 minutes and might help if you are running into similar challenges.  you'll see that pdf documents with graphics also might give you some love.