This article describes an All-In-One Code Framework sample that is available for download.

Pixel Shader Effects is a new feature of Silverlight 3. This code sample includes a step-by-step guide of creating a Silverlight 3 application that explores this new feature. The following screenshot illustrates the effect of this sample code. From the screenshot, you can find that a watery ellipse appears when you click on the picture after you create the sample Silverlight 3 application:

Difficulty level

Download information

To download this code sample, click the following link:

  

Technical overview

As a new feature in Silverlight 3, Pixel Shader Effects use an algorithm to alter how pixels are displayed. With the help of it, you can easily create amazing effects. This code sample mainly covers the following two parts:

• How to use built-in Effect such as DropShadowEffect
• How to create a custom ShaderEffect and use it in the application

To use a built-in effect, you can assign the built-in effect class, such as the DropShadowEffect class to the Effect property of the UIElement class that you want to apply this effect to.

To create a custom ShaderEffect class, you first need to have a .ps file as the source file of Pixel Shader. You can use fxc tool in DirectX SDK to compile HLSL(High Level Shader Language) into .ps file.

Then, You need to write a class deriving from the ShaderEffect class. Optionally, you can add DependencyProperty in your custom ShaderEffect class to pass parameters to HLSL.

Note For more information about how to create the sample application and how to deploy the sample application, see the Readme.txt file that is included in the download package.

Technology category

• Silverlight

Languages

This code sample contains the following programming languages:

Prerequisites

• Silverilght 3 runtime
  To obtain the Silverilght 3 runtime, see the "Install Silverlight" section in the following Microsoft Web site:http://silverlight.net/getstarted/ (http://silverlight.net/getstarted/)
• Silverlight 3 Tools for Visual Studio 2008 SP1
  To obtain Silverlight 3 Tools for Visual Studio 2008 SP1, click the following link:Download Silverlight 3 Tools for Visual Studio 2008 SP1 now (http://www.microsoft.com/downloads/details.aspx?familyid=9442b0f2-7465-417a-88f3-5e7b5409e9dd&displaylang=en)
• DirectX Software Development Kit (SDK)
  Note DirectX SDK is not required to run the application. However, you need to use the fxc tool that is included in it to create the .ps file if you want to create the .ps file by yourself. To obtain DirectX SDK, click the following link:Download DirectX SDK now (http://www.microsoft.com/DOWNLOADS/details.aspx?FamilyID=24a541d6-0486-4453-8641-1eee9e21b282&displaylang=en)
• This sample application was created by using Visual Studio 2008 with Service Pack 1 installed.

Tags

• Pixel Shader, Silverlight, HLSL

What is All-In-One Code Framework?

All-In-One Code Framework shows most Microsoft development techniques by using code samples in different programming languages. Each example is carefully selected, composed, and documented to show one common code scenario. For more information about All-In-One Code Framework, visit the following Web site:
http://cfx.codeplex.com (http://cfx.codeplex.com)

How to find more All-In-One Code Framework samples

To find more All-In-One Code Framework samples, you can search for kbcodefx together with related keywords on support.microsoft.com. Or, you can simply click the following link:
http://support.microsoft.com/search/default.aspx?query=kbcodefx (http://support.microsoft.com/search/default.aspx?query=kbcodefx)

For more information, visit the following Web sites:

• Programming Guide for HLSL (http://msdn.microsoft.com/en-us/library/bb509635(VS.85).aspx)
• Dependency Properties Overview (http://msdn.microsoft.com/en-us/library/cc221408(VS.95).aspx)
• Pixel Shader Effects (http://msdn.microsoft.com/en-us/library/dd901594(VS.95).aspx)