» 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

~10h ago

nodeforum: E-mail invitations for NODE20’s Festival Hub have been sent out yesterday. In case of trouble let us know via help@nodeforum.org

~1d ago

david: @neuston: email is going out very soon!!!

~2d ago

neuston: @sunep Thx, but I have checked the spam folder but could not fine any

~2d ago

sunep: @neustron have you checked your spam folder? Mine went to spam.

~2d ago

neuston: I've not received any activation email for Talque, after purchased tickets of NODE20 last week. Is it normal? just want to confirm.

~2d ago

boplbopl: @tonfilm nice!

~2d ago

tonfilm: The first #vl #stride screenshots are here! vl.stride-earlyaccess-screenshots #visualprogramming #dotnet @stride3d #creativecoding #vvvv #gamedev

~3d ago

udo2013: @systray27 thank you :)

~4d ago

systray27: @Udo2013> Wow that's beautiful!