Silverlight 3 Shader Effects

Jeff Klawiter — Wed, 18 Mar 2009 23:41:54 GMT

With the release of Silverlight 3 Beta we can now run PixelShader effects on any control. This can produce some powerful stuff as shown during the Mix 09 Keynote this morning. I delved in as fast as I could to find out how to make your own and work with them in VS.

I downloaded the WPF shader library from http://wpffx.codeplex.com/ . I only imported the ShaderEffectLibrary so far, I have not tried the transition one.

I simply copied the EffectFiles, ShaderSource and EffectLibrary.cs files into my project and tried to compile. Issues I ran into

UIPropertyMetadata needs to be replaced with PropertyMetadata
Color.FromScRgb needs to be replaced with Color.FromArgb and it's inputs run through Convert.ToByte
MagnifyEffect.cs and SwirlEffect.cs reference classes that do not exist in Silverlight like the Vector class. I could have got them from reflector but in sake of time I didn't (that and being able to release this code)
Getting the ps resources required a minor change to the Global static class. Basically changing the path to do a Relative URI lookup.

The basics here for doing your own shader effects is included save 1 thing. You need the DirectX SDK to compile your HLSL code. You can add a new build event or do it from the commandline. This is a good tutorial on how to do it http://windowsclient.net/wpf/wpf35/wpf-35sp1-hlsl-primer.aspx.

So the basics of doing your own Pixel shader in Silverlight is damn near identical as WPF. You inherit from the ShaderEffect class, load your compiled HLSL bytecode resource and expose any properties you need to modify as dependency properties.

Attached is my ugly but working example. I couldn't find anyway to bind to properties on an effect so I had to just do it by event.

SlShaderEffectDemo.zip

InteliShade.Net: HLSL Syntax Highlighting and Intellisense

Jeff Klawiter — Fri, 22 Aug 2008 18:29:45 GMT

I was playing around with shaders the other day and found the lack of syntax highlighting in Visual Studio to be a bit annoying. I had downloaded the Nvidia FX composer but it's a bit more complex than I really need. After a bit of searching google I came across InteliShade.NET.

InteliShade seems to have full syntax highlighting and InteliSense for base types. So far the InteliSense support is fairly simple. It will autocomplete object types and function names. It does not detect any variables or structures you've created nor does it give parameter completion on functions. I'm sure this will change as time goes on.

It looks like there's just one guy writing it and also doesn't seem to be open source. I'm sure if there's enough interest he may open things up. I've already begun talking this thing up. It wasn't too long ago Shawn Hargreaves gave a talk at our local XNA user group and he mentioned he didn't know of any VS HLSL sytnax highlighting and urged us to bug the VS team to add it. After finding InteliShade I did send him a quick email through his blog to let him know there is now an option.

Where did the time go? - HLSL

Silverlight 3 Shader Effects

InteliShade.Net: HLSL Syntax Highlighting and Intellisense