» EX9.Effect.Template
This site relies heavily on Javascript. You should enable it if you want the full experience. Learn more.


French | Italian | Spanish

The Template has the whole effect structure already laid out as code and implements the most basic and working vertex- and pixel-shader. In fact a constant shading with simple texturing.

The template is structured in 4 sections:

  • Parameters
  • VertexShader
  • PixelShader
  • Techniques


In the parameter section it first declares the most commonly used transformation matrices via semantics. Note that the variable tW which is declared with the WORLD semantic appears as a pin on the effect, while the other transformations do not. The VIEW and PROJECTION semantics assign the respective matrices that are connected to the Renderer (EX9)s View Transform and Projection Transform to the tV and tP matrices.

Next it declares a texture and a sampler, which has this texture assigned. The last parameter is the texture transformation matrix.

For every effect you also have to specify which data you want to output from the vertexshader and receive as parameter in the pixelshader. This is most conveniently done via a struct:

struct vs2ps
    float4 Pos  : POSITION;
    float2 TexCd : TEXCOORD0;

Note that this very struct is used as a return parameter for the vertexshader function:

vs2ps VS(float4 PosO  : POSITION, float4 TexCd : TEXCOORD0)

and also as the parameter input to the pixelshader function:

float4 PS(vs2ps In): COLOR

Using a struct like here is not mandatory. Besides the struct you can pump additional parameters into the pixelshader function as you like.

In this simple case the struct only carries two values: The position and texture coordinate vectors. In a realworld effect you'll very likely pass more information from the vertex- to the pixelshader.


The templates vertexshader function does not very much. It only fills the output struct with the current vertex position in projection space:

 Out.Pos = mul(PosO, tWVP);

and the current vertex texture coordinate transformed via the input texture transformation matrix:

 Out.TexCd = mul(TexCd, tTex);


The pixelshader function is even simpler. It takes the incoming texture coordinate for this pixel to get the color of the sampler Samp at this position and returns it.


The template effect specifies two techniques. TSimplShader is the cool one, using the shader functions. The other is boring using only fixed function instructions, which you most likely will not need.

anonymous user login


~10d ago

andresc4: gamma+stride+fuse+standaloneapp+soputoutput+oscinput = lovvvvvveeeeeee!!!!

~13d ago

joreg: @pechart thanks for the flowers!

~13d ago

pechart: Just a big shoutout to the whole vvvv devteam and the friendly community! It's fantastic to export patches to standalone apps. THX!

~22d ago

daviddenker: We are looking asap for 3x Azure Kinect to rent or buy. Any kind of help appreciated! :-)

~25d ago

mediadog: Hmmm md.ecosystem link on staff pics page is not found

~27d ago

schlonzo: physics constraints and forces plz?

~29d ago

karistouf: thank you @gml but im thinking about and old version of vvvvv. There was a redraw with HSL of each pixels

~29d ago

schlonzo: no more previews? is there a 4.0 stable?

~1mth ago

sunep: Live now. I perform live AV with Thomas Li after kiloton who is performing now. https://youtu.be/IG5oC6JvMeM