How to use PsPad Application

PsPad has 5 panes
  • Menu
  • Display Effect
  • Control Register
  • Edit
  • Status Bar
PsPadDoc.png

Menu

"Load Media" : Load and replace .jpg file to show your Pixel Shader effect.
"Load Source" : Load and replace Pixel Shader in Edit pane, compile it and show the result on Display Resut pane.
"Save Source" : Save edited Pixel Shader source as text file (.fx).
"Compile Shader" : Compile Pixel Shader in Edit pane and show the result in Display Effect pane, F5 make same result.
"Save Shader" : Save Pixel Shader in Edit pane as byte code (.ps) which can be included in your WPF / Silverlight project.
"Shader Model" : Switch Shader Model between PS20 (for Silverlight and WPF 3.5*) and PS30 (for WPF 4).

Display Effect

Show image with Pixel Shader effect in Edit pane

Control Register

Manipulate 4 float (c0, c1, c2, c3) , 1 color (c4) and you can see the result immediately on Display Effect pane. You can use c5 as Point with Mouse left button clicked on Display Effect pane.

Edit

Edit Pixel Shader with HLSL

Status Bar

Show error messages with red background if compilation failed.

Samples

Gray.fx

This Pixel Shader make image grayed. Load Gray.fx. with "Load Source" button.
GrayResult.png

Ripple.fx

This Pixel Shader make image rippled. Load Ripple.fx with "Load Source" button. Move sliders (c1, c2, c3) in "Control Register" pane to 0.5 - 1.0, and move mouse with left button clicked on "Dispaly Effect" pane. This source require to set Shader Model 3.0.
RippleResult.png
These Pixel Shader files are based on Pixel Shader Effect Library. Thanks !

How to add saved Pixel Shader (.ps) to your project

Please see MSDN Library or this sample projects of Silverlight 4 and WPF 4

Last edited Oct 4, 2010 at 5:10 AM by hiroyuk, version 8

Comments

No comments yet.