» Tutorial Effects - Pixelshader Preparations
This site relies heavily on Javascript. You should enable it if you want the full experience. Learn more.

Tutorial Effects - Pixelshader Preparations

Italian | Spanish | Mandarin | French | Japanese

TOC: Of Effects and Shaders
Next: Manipulating Colors


For all the pixelshader examples we are using the same basic patch setup featuring a 2x2 Grid (EX9.Geometry) and a FileTexture (EX9.Texture) connected to an effect and the renderers View Transform scaled by two so that the grid fills the whole view:

Instead of the Template node in the patch we always clone us a new effect as described on the effects page. Connect your newly cloned effect as shown in the patch and open the CodeEditor via a rightclick on the node. Then take the code below and replace it with the templates code as this one is even more simplified leaving out the vertexshader portions which we don't need for now.

//texture
texture Tex <string uiname="Texture";>;
sampler Samp = sampler_state    //sampler for doing the texture-lookup
{
    Texture   = (Tex);          //apply a texture to the sampler
    MipFilter = LINEAR;         //sampler states
    MinFilter = LINEAR;
    MagFilter = LINEAR;
};
 
//the data structure: "vertexshader to pixelshader"
//used as output data with the VS function
//and as input data with the PS function
struct vs2ps
{
    float4 Pos  : POSITION;
    float2 TexCd : TEXCOORD0;
};
 
float4 PS(vs2ps In): COLOR
{
    return 1;
}
 
technique TSimpleShader
{
    pass P0
    {
        VertexShader = null;
        PixelShader  = compile ps_2_0 PS();
    }
}

Press CTRL+S to save/compile the code. No errors should show up. If you get an error at this point make sure you really copied everything and your code in the editor looks exactly as pictured above.


Next: Manipulating Colors
TOC: Of Effects and Shaders

anonymous user login

Shoutbox

~3h ago

joreg: Don't forget: This months #vvvv meetup in #berlin is happening on the 27th: 12-berlin-vvvv-meetup

~3h ago

joreg: @u7 @CeeYaa, we're investigating this...

~4h ago

tonfilm: Under the hood: We switched from #SharpDX to #Xenko math. vl-switch-to-xenko-math VL vvvv #visualprogramming #dotnet #creativecoding

~10h ago

CeeYaa: haha it was frozen for 10 seconds when I send this Shout before - using Firefox

~10h ago

CeeYaa: hui really slow speed on MainPage, Contributions ... speed in Forum quite OK

~12h ago

u7angel: mmm, the site is really slow now.

~22h ago

joreg: PSA: and we're back!

~2d ago

joreg: PSA: Thursday night starting 11pm CET vvvv.org will move servers. If all goes well we should be back soon after.

~3d ago

joreg: But first: This Friday in Berlin: Join our full day "Getting started with Generative Design Algorithms" workshop https://nodeforum.org/announcements/workshop-getting-started-with-generative-design/

~3d ago

joreg: In #Linz for #ArsElectronica? Join us for a free 2 days #vvvv workshop sponsored by businesses/responsive-spaces-gmbh Apply here: 2-day-gamma-vvvvorkshop-at-responsive-spaces-in-linz