» 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


~4d ago

joreg: Workshop on 22 02: Unlocking Shader Artistry: A Journey through ‘The Book of Shaders’ with FUSE. Signup here: https://thenodeinstitute.org/courses/ws23-vvvv-12-book-of-shaders/

~15d ago

joreg: Talk and Workshop on February 15 & 16 in Frankfurt: https://visualprogramming.net/blog/vvvv-at-node-code-frankfurt/

~16d ago

woei: @Joanie_AntiVJ: think so, looks doable

~17d ago

xd_nitro: Anyone remember who increased projector brightness by removing some components that product the color?

~18d ago

Joanie_AntiVJ: This looks super interesting (vectors over network) would anyone here know how to implement this in beta? https://github.com/madmappersoftware/Ponk

~24d ago

joreg: Workshop on 01 02: Data Sensing and Logging with Arduino Signup here: https://thenodeinstitute.org/courses/ws23-vvvv-09-data-sensing-and-logging-with-arduino-and-vvvv/

~29d ago

domj: I've added myself to vvvv specialists available for hire See at the bottom, lmk if you want to collab or in need of tutoring! ❤️

~1mth ago

joreg: Workshop on 25.01: Create Sequencers and Precise Clock Based Tools. Signup here: https://thenodeinstitute.org/courses/ws23-vvvv-08-create-sequencers-and-precise-clock-based-tools-in-vvvv-gamma/