<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css" style="display:none;"><!-- P {margin-top:0;margin-bottom:0;} --></style>
</head>
<body dir="ltr">
<div id="divtagdefaultwrapper" style="font-size:12pt;color:#000000;font-family:Calibri,Helvetica,sans-serif;" dir="ltr">
<p style="margin-top:0;margin-bottom:0">Hi everyone!<br>
<br>
I've been battling with this issue for a couple of days and could really use some assistance. I'm fairly new to OSG (and 3D rendering in general) so I might be doing some rookie mistake.<br>
<br>
</p>
<p style="margin-top:0;margin-bottom:0">In my program, I draw several quads, each containing a RGBA squared image.
<br>
</p>
<p style="margin-top:0;margin-bottom:0">At one point, I'm required to draw a new image on top of the existent images. This new image is also squared, but it is partially transparent (i.e., several pixels have the RGBA value of 0,0,0,0). At the moment, these
pixels are being rendered black instead of transparent, and thus are mistakenly covering some regions of the background images/quads.<br>
<br>
After quite a few searches online, I was pointed in the direction of the GL_BLEND macro and blend functions. I tried to enable blending for the new image/quad:<br>
</p>
<div style="color: #d4d4d4;background-color: #1e1e1e;font-family: 'Droid Sans Mono', 'monospace', monospace, 'Droid Sans Fallback';font-weight: normal;font-size: 14px;line-height: 19px;white-space: pre;">
<div><span style="color: #569cd6;">auto</span><span style="color: #d4d4d4;"> qss </span>
<span style="color: #d4d4d4;">=</span><span style="color: #d4d4d4;"> </span><span style="color: #9cdcfe;">quad</span><span style="color: #d4d4d4;">-></span><span style="color: #dcdcaa;">getOrCreateStateSet</span><span style="color: #d4d4d4;">();</span></div>
<div><span style="color: #d4d4d4;">qss-></span><span style="color: #dcdcaa;">setMode</span><span style="color: #d4d4d4;">(GL_BLEND, osg::StateAttribute::ON)</span></div>
</div>
<p></p>
<p style="margin-top:0;margin-bottom:0"><br>
</p>
<p style="margin-top:0;margin-bottom:0">but to no avail.</p>
<p style="margin-top:0;margin-bottom:0">I also tried to attach a blend function to the quad, like such:</p>
<p style="margin-top:0;margin-bottom:0"></p>
<div style="color: #d4d4d4;background-color: #1e1e1e;font-family: 'Droid Sans Mono', 'monospace', monospace, 'Droid Sans Fallback';font-weight: normal;font-size: 14px;line-height: 19px;white-space: pre;">
<div><span style="color: #d4d4d4;">osg::BlendFunc</span><span style="color: #d4d4d4;">*</span><span style="color: #d4d4d4;"> blendFunc
</span><span style="color: #d4d4d4;">=</span><span style="color: #d4d4d4;"> </span>
<span style="color: #c586c0;">new</span><span style="color: #d4d4d4;"> </span><span style="color: #dcdcaa;">osg::BlendFunc</span><span style="color: #d4d4d4;">(osg::BlendFunc::SRC_ALPHA, osg::BlendFunc::ONE_MINUS_SRC_ALPHA );</span></div>
<div><span style="color: #d4d4d4;">qss-></span><span style="color: #dcdcaa;">setAttributeAndModes</span><span style="color: #d4d4d4;">(blendFunc);</span></div>
</div>
<br>
<p></p>
<p style="margin-top:0;margin-bottom:0">but that didn't work either.</p>
<p style="margin-top:0;margin-bottom:0"><br>
</p>
<p style="margin-top:0;margin-bottom:0">Are there any other issues that I might be overlooking here?</p>
<p style="margin-top:0;margin-bottom:0"><br>
</p>
<p style="margin-top:0;margin-bottom:0">Thanks in advance.<br>
</p>
</div>
</body>
</html>