HandDrawnShapes

I usually use time on a plane to write code that I otherwise wouldn’t get to write.  TimelinePanel (soon to be posted) and the ShinyOrangy styles are both examples of plane samples. 

Well, I’ve been flying a lot lately and plane time lately has been committed to my favorite project yet, HandDrawnShapes which is the cullmination of 27 hours in the air.

HandDrawnShapes is a collection of 3 elements (HandDrawnRectangle, HandDrawnEllipse and HandDrawnBorder) which are designed use a slightly flawed geometry and look kind of like they could have been drawn by hand.  They derive from their platform counterparts, so you can use them just like you would use a Rectangle, Ellipse or Border.  Actually, I guess that HandDrawnRecangle and HandDrawnEllipse both derive from Shape so there is probably something that you can’t do, but close enough.

For now, you can download the source here.  Or, if you just want to experment, you can get a .dll and some xaml here.  These run on Beta2 bits.  Unfortunately, they haven’t been updated for the June CTP yet, but if you get the source you should be able to compile to JuneCTP without any issues (though I haven’t tried it).  Finally, you can get the documentation as an XPS document, or as a PDF. 

I’ve been wanting to do this for over a year.  When we went to FITC in 2005, we saw a lot of designers experimenting with this kind look and I got really excited about it.  Unfortunately, though, the idea dropped off my radar after the confernence until just a few months ago wen Fil Fortes reminded me of the idea.  Thanks for the reminder Fil.  Hope you’re having fun at the World Cup.

Do check out the docs.  These come with a lot of tweakability.  The new properties  you have at your disposal include: Randomness, Messiness, StrokeOffsetRandomness, Seed and ScaleToBounds.  Click the image below to get a preview of what these do.

 

8 comments

Rob Burke

27 jun 2006

 

That is SO cool! I like the “levers” you chose to provide for tweakability.

 

Pavan Podila

07 jul 2006

 

Hi,
The links to the PDF and XPS documents are broken!

 

Nick

31 aug 2006

 

…very cool…how would i do that – if thats even possible- with other build in controls like textbox, listbox etc. ?

 
 

[...] WPF:Family.Show – VERTIGO software har udviklet denne demoapplikation til WPF. Her kan I se styrkerne i WPF, og samtidig er al koden tilgængelig som eksempler pÃ¥ best practices pÃ¥ hvordan du bruger WPF.Family.Show Noter – VERTIGO har i dette dokument samlet alle deres erfaringer med WPF. De har ogsÃ¥ lavet en oversigt som du finder her. Blendables – Et sæt spændende udvidelser til WPF, der gør det nemmere MixME – Applikationen fra thirteen23 der gør det meget sjovere for dem der er pÃ¥ MIX, og os andre endnu mere misundelige…Handdrawn Shapes – Ikke en nyhed. Faktisk er der tale om WPF beta 2 kode, men de virker ogsÃ¥ i RTM. Fede ‘hÃ¥ndtegnede’ figurer til dine WPF applikationer. Robby Ingebretsen fra thirteen23 slÃ¥r sig løs… [...]

 
 

[...] topic: via colleagues; HandDrawnShapes and [...]

 
 

Good job, but the PDF and XPS documents are broken!

 
 

The links are all broken…

 
 

[...] we borrowed a great piece of code that Robby Ingebretsen wrote called HandDrawnShapes and extended it to create a style for our chart that looks as if it was hand drawn, to use this [...]