Select the product you need help with

How to use Pixel Shader Effects in Silverlight 3

Article ID: 977995 - View products that this article applies to.

Rapid publishing disclaimer

Microsoft corporation and/or its respective suppliers make no representations about the suitability, reliability, or accuracy of the information and related graphics contained herein. All such information and related graphics are provided "as is" without warranty of any kind. Microsoft and/or its respective suppliers hereby disclaim all warranties and conditions with regard to this information and related graphics, including all implied warranties and conditions of merchantability, fitness for a particular purpose, workmanlike effort, title and non-infringement. You specifically agree that in no event shall Microsoft and/or its suppliers be liable for any direct, indirect, punitive, incidental, special, consequential damages or any damages whatsoever including, without limitation, damages for loss of use, data or profits, arising out of or in any way connected with the use of or inability to use the information and related graphics contained herein, whether based on contract, tort, negligence, strict liability or otherwise, even if Microsoft or any of its suppliers has been advised of the possibility of damages.

Expand all | Collapse all

INTRODUCTION

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:

Collapse this imageExpand this image

Difficulty level

Collapse this imageExpand this image

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:

Collapse this tableExpand this table

Language	Project Name
Visual C#	CSSL3PixelShader
Visual Basic .NET	VBSL3PixelShader

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.

MORE INFORMATION

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)

Back to the top | Give Feedback

REFERENCES

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)

Back to the top | Give Feedback