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

Transparency Overview


Transparent objects

Related nodes

Blend (EX9.RenderState Advanced)
ZWriteEnable (EX9.RenderState)
AlphaTest (EX9.Renderstate)
Group (EX9)
Group (EX9 Priority)

If you first (high priority) drew a transparent object near the camera and after that (lower priority) draw a solid object behind it, the depth buffer check would just reject the drawing of the solid object behind the transparent one - because it knows nothing about semitransparent objects.

Make sure to draw all objects with alpha textures after everything else (that last sentence exactly describes the problem).

Using a Group (EX9) or the drawing order is determined by the order of inputs on the group node: left (first drawn) to right (last drawn). A Group (EX9 Priority) node allows you to change the drawing order/priority programmatically via the "Priority" pins that are associated with each "Layer" input pins.

If this turns out to be difficult, DirectX supports one classic computer graphics hack for dealing with transparent objects drawn in arbitrary order -- vvvv exposes this hack with the AlphaTest (EX9.Renderstate) node.

Basically it allows one to skip processing for all pixels whose alpha value is below a given reference value. This means these pixels are neither rendered nor written into the depth buffer. Connect the AlphaTest node to the render node in question, enable it, set the compare function to less (or was it greater?), and play with the "reference alpha" pin. this should cut out all transparent areas in your objects. Consult the Microsoft DirectX documentation for details.

Obviously this method will not give you smooth antialiased borders, but it is somehow better than nothing.

See also:

Transparent background

Related nodes

DX9Texture (EX9.Texture)
SetAlpha (Color)

The image rendered by a Renderer can be retrieved as a texture via the DX9Texture (EX9.Texture). This is useful if you need to write it to disk, post-process the image (aka TextureFX) or use it in a feedback-loop.

In order to render on a transparent background the alpha in Background Color of the Renderer (DX9) must be <1 and the Format of the Renderer or the DX9Texture (EX9.Texture) must contain an alpha channel as well. Typically choose A8R8G8B8.

Examples in your vvvv\girlpower\ directory:

  • Graphics\DX9\Texture\TransparentTexture.v4p

anonymous user login


~1h ago

u7angel: twitch livestream vvvv gamma

~24h ago

u7angel: @domj, sure

~24h ago

domj: @u7angel: nice! How about the talk later at 7?

~24h ago

u7angel: vvvv-gamma-presentation will be streamed on twitch, starts 2pm, channel name is vvvv gamma

~1d ago

joreg: vvvv heads in #hamburg #kiel: if you're bored this thursday, please come join us for a workshop and/or talk: vvvv-gamma-presentation

~2d ago

sebescudie: @teckor: maybe ui-plugin ?

~2d ago

tekcor: wasn't there a contribution for making native windows GUIs?

~3d ago

joreg: Looking for a #vvvv job in #berlin? don't miss this one: https://discourse.vvvv.org/t/looking-for-vvvv-artists-permanent-in-berlin/17448

~3d ago

domj: vvvv gamma audio input with Naudio https://youtu.be/iBRZ3tsc_BI