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

Transparency Overview

Japanese

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

Shoutbox

~5d ago

joreg: vvvvTv S02E03 is out: Logging: https://youtube.com/live/OpUrJjTXBxM

~7d ago

~8d ago

joreg: Follow TobyK on his Advent of Code: https://www.twitch.tv/tobyklight

~12d ago

joreg: vvvvTv S02E02 is out: Saving & Loading UI State: https://www.youtube.com/live/GJQGVxA1pIQ

~12d ago

joreg: We now have a presence on LinkedIn: https://www.linkedin.com/company/vvvv-group

~19d ago

joreg: vvvvTv S02E01 is out: Buttons & Sliders with Dear ImGui: https://www.youtube.com/live/PuuTilbqd9w

~26d ago

joreg: vvvvTv S02E00 is out: Sensors & Servos with Arduino: https://visualprogramming.net/blog/2024/vvvvtv-is-back-with-season-2/

~26d ago

~26d ago

fleg: hey there! What's the best tool for remote work? Teamviewer feels terrible. Thanks!

~1mth ago

joreg: Last call: 6-session vvvv beginner course starting November 4: https://thenodeinstitute.org/courses/ws24-5-vvvv-beginners-part-i/