<div dir="ltr">Hi ,<div>I can't see what you are doing wrong, other guesses:</div><div>- you moved all quads into the transparent bin, and render them all at the same depth</div><div>- you compress the images to textures without transparency</div><div>- you are looking at a mipmap where the alpha values are interpolated as well.</div><div><br></div><div>for testing you could add</div><div><div><span style="white-space:pre"> </span>osg::AlphaFunc *alphaTest = new osg::AlphaFunc(osg::AlphaFunc::GREATER, 0.5f);</div><div><span style="white-space:pre"> </span>qss.setAttributeAndModes(alphaTest);</div></div><div>to discard (not blend) the fragments with an alpha value below 0.5</div><div><br></div><div>as you seem to have problems in your data, I would strongly recommend to write out the data to file (.osgt will do) and look at it in the osgviewer.</div><div>Laurens.</div></div><br><div class="gmail_quote"><div dir="ltr">On Mon, Jul 2, 2018 at 6:25 PM Jose Pedro Canilho <<a href="mailto:jpc_ace@hotmail.com">jpc_ace@hotmail.com</a>> wrote:<br></div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
<div dir="ltr">
<div id="m_-7795004925793149185divtagdefaultwrapper" style="font-size:12pt;color:#000000;font-family:Calibri,Helvetica,sans-serif" dir="ltr">
<p style="margin-top:0;margin-bottom:0">Hi Laurens.<br>
Thank you for your reply!<br>
<br>
I've actually already had a black background color set in my camera ("setClearColor( 0,0,0,1 )").</p>
<p style="margin-top:0;margin-bottom:0">I've tried your rendering hint solution, but unfortunately it didn't solve my problem. Do I need to call any state set updating function after setting the rendering hint?<br>
<br>
I've also double checked for the correct format in pretty much any place I can think of. I've checked that my raw images are indeed 8bit RGBA. When I construct my osg::image, I use the following:</p>
<p style="margin-top:0;margin-bottom:0"><br>
<span style="color:#d4d4d4"></span></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-wrap">
<div><span style="color:#d4d4d4">
<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-wrap">
<div><span style="color:#d4d4d4">osg::ref_ptr</span><span style="color:#d4d4d4"><</span><span style="color:#d4d4d4">osg::Image</span><span style="color:#d4d4d4">></span><span style="color:#d4d4d4"> img
</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::Image</span><span style="color:#d4d4d4">();</span></div>
</div>
</span></div>
<div><span style="color:#d4d4d4">img-></span><span style="color:#dcdcaa">setImage</span><span style="color:#d4d4d4">(width,height,</span><span style="color:#b5cea8">1</span><span style="color:#d4d4d4">,GL_RGBA8,GL_RGBA,GL_UNSIGNED_BYTE,dataPtr,osg::Image::NO_DELETE);</span></div>
</div>
<p></p>
<p style="margin-top:0;margin-bottom:0"><br>
</p>
<p style="margin-top:0;margin-bottom:0">I believe these format options are correct, since I'm able to create other RGBA images correctly.<br>
</p>
<br>
<p style="margin-top:0;margin-bottom:0">Thanks once again.</p>
<p style="margin-top:0;margin-bottom:0">José<br>
</p>
<div style="color:rgb(0,0,0)">
<hr style="display:inline-block;width:98%">
<div id="m_-7795004925793149185divRplyFwdMsg" dir="ltr"><font style="font-size:11pt" face="Calibri, sans-serif" color="#000000"><b>From:</b> osg-users <<a href="mailto:osg-users-bounces@lists.openscenegraph.org" target="_blank">osg-users-bounces@lists.openscenegraph.org</a>> on behalf of L. Voerman <<a href="mailto:l.voerman@rug.nl" target="_blank">l.voerman@rug.nl</a>><br>
<b>Sent:</b> Monday, July 2, 2018 3:13 PM<br>
<b>To:</b> OpenSceneGraph Users<br>
<b>Subject:</b> Re: [osg-users] Drawing a partially transparent image in a quad</font>
<div> </div>
</div>
<div>
<div dir="ltr">
<div><br>
</div>
<div>Hi Jose,</div>
<div>You may have a black background, with the blending actually (partly) working, change </div>
<div>getCamera()->setClearColor( osg::Vec4(r,g,b,a) );<br>
</div>
<div>to see if that's the case.</div>
<div>the stuff that needs blending needs to be rendered after the background, normally done with:</div>
stateset->setRenderingHint(osg::StateSet::TRANSPARENT_BIN);
<div><br>
</div>
<div>If it's not blending at all I would recommend you to check if your image did not end up as an RGB image instead of RGBA.</div>
<div>Regards, Laurens.</div>
<div><br>
</div>
<div><br>
<div><br>
</div>
</div>
</div>
<br>
<div class="m_-7795004925793149185x_gmail_quote">
<div dir="ltr">On Mon, Jul 2, 2018 at 11:28 AM Jose Pedro Canilho <<a href="mailto:jpc_ace@hotmail.com" id="m_-7795004925793149185LPlnk310158" class="m_-7795004925793149185OWAAutoLink" target="_blank">jpc_ace@hotmail.com</a>> wrote:<br>
</div>
<blockquote class="m_-7795004925793149185x_gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
<div dir="ltr">
<div id="m_-7795004925793149185x_m_3733428938383503358divtagdefaultwrapper" dir="ltr" style="font-size:12pt;color:#000000;font-family:Calibri,Helvetica,sans-serif">
<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-wrap">
<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-wrap">
<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>
</div>
_______________________________________________<br>
osg-users mailing list<br>
<a href="mailto:osg-users@lists.openscenegraph.org" id="m_-7795004925793149185LPlnk441121" class="m_-7795004925793149185OWAAutoLink" target="_blank">osg-users@lists.openscenegraph.org</a><br>
<a href="http://lists.openscenegraph.org/listinfo.cgi/osg-users-openscenegraph.org" rel="noreferrer" id="m_-7795004925793149185LPlnk845843" class="m_-7795004925793149185OWAAutoLink" target="_blank">http://lists.openscenegraph.org/listinfo.cgi/osg-users-openscenegraph.org</a><br>
</blockquote>
</div>
</div>
</div>
</div>
</div>
_______________________________________________<br>
osg-users mailing list<br>
<a href="mailto:osg-users@lists.openscenegraph.org" target="_blank">osg-users@lists.openscenegraph.org</a><br>
<a href="http://lists.openscenegraph.org/listinfo.cgi/osg-users-openscenegraph.org" rel="noreferrer" target="_blank">http://lists.openscenegraph.org/listinfo.cgi/osg-users-openscenegraph.org</a><br>
</blockquote></div>