How to use Pixel Shader Effects in Silverlight 3

Article translations Article translations
Close Close
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

On This Page

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
public\EN-US\codefx\977995a

Difficulty level

Collapse this imageExpand this image
codefx Medium

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
LanguageProject Name
Visual C#CSSL3PixelShader
Visual Basic .NETVBSL3PixelShader

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/
  • 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
  • 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
  • This sample application was created by using Visual Studio 2008 with Service Pack 1 installed.

Tags

  • Pixel Shader, Silverlight, HLSL

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

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

REFERENCES

For more information, visit the following Web sites:

Properties

Article ID: 977995 - Last Review: December 16, 2009 - Revision: 1.2
APPLIES TO
  • Microsoft Visual Studio 2008 Academic Edition
  • Microsoft Visual Studio 2008 Professional Edition
  • Microsoft Visual Studio 2008 Standard Edition
  • Microsoft Visual Studio Team System 2008 Database Edition
  • Microsoft Visual Studio Team System 2008 Architecture Edition
  • Microsoft Visual Studio Team System 2008 Development Edition
  • Microsoft Visual Studio Team System 2008 Test Edition
  • Microsoft Visual Studio Team System 2008 Team Suite
Keywords: 
kbnomt kbcodefx atdownload kbrapidpub kbsurveynew kbinfo KB977995

Give Feedback

 

Contact us for more help

Contact us for more help
Connect with Answer Desk for expert help.
Get more support from smallbusiness.support.microsoft.com