<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii">
<style type="text/css" style="display:none"><!--P{margin-top:0;margin-bottom:0;} .ms-cui-menu {background-color:#ffffff;border:1px rgb(171, 171, 171) solid;font-family:'Segoe UI WPC','Segoe UI',Tahoma,'Microsoft Sans Serif',Verdana,sans-serif;font-size:10pt;color:rgb(51, 51, 51);} .ms-cui-menusection-title {display:none;} .ms-cui-ctl {vertical-align:text-top;text-decoration:none;color:rgb(51, 51, 51);} .ms-cui-ctl-on {background-color:rgb(223, 237, 250);opacity: 0.8;} .ms-cui-img-cont-float {display:inline-block;margin-top:2px} .ms-cui-smenu-inner {padding-top:0px;} .ms-owa-paste-option-icon {margin: 2px 4px 0px 4px;vertical-align:sub;padding-bottom: 2px;display:inline-block;} .ms-rtePasteFlyout-option:hover {background-color:rgb(223, 237, 250) !important;opacity:1 !important;} .ms-rtePasteFlyout-option {padding:8px 4px 8px 4px;outline:none;} .ms-cui-menusection {float:left; width:85px;height:24px;overflow:hidden}--></style>
</head>
<body>
<div style="font-size:12pt;color:#000000;background-color:#FFFFFF;font-family:'Courier New',monospace;">
<p>Yi,</p>
<p><br>
</p>
<p>I can explain exactly why this is happening.</p>
<p><br>
</p>
<p>ParaView uses a technique called depth peeling to render transparent surfaces. The basic idea is to render multiple times, peeling away the top layer every time. The more peels you do, the more time it takes to render, so ParaView has a limit to the number
of peels it will do for a render.</p>
<p><br>
</p>
<p>By default, the number of peels is set to 4. That number is somewhat arbitrary but usually works OK. What is happening to you is that because you have 4 planes, you are using all of your peels on those planes. When the sphere is completely opaque, it does
not participate in depth peeling and is always rendered. When you add even a little bit of transparency, it becomes part of the depth peeling, and then gets dumped after the 4 planes. When you reduce the number of planes to 3, the depth peeling makes it all
the way to the sphere.</p>
<p><br>
</p>
<p>You can control the depth of the depth peeling by going to ParaView settings under Rendering -> General. You will see an option named Number of Peels that is set to 4. Increase it to 5 to see the sphere. Increase it to 6 to see the back of the sphere.</p>
<p><br>
</p>
<p>-Ken<br>
</p>
<div>
<p><br>
</p>
<div style="font-family: tahoma; font-size: 13px;">
<div class="BodyFragment"><font size="2">
<div class="PlainText"><br>
Kenneth Moreland<br>
Sandia National Laboratories<br>
email: kmorel@sandia.gov<br>
phone: (505) 844-8919<br>
web: http://www.sandia.gov/~kmorel</div>
</font></div>
</div>
</div>
<div style="color: #282828;">
<hr tabindex="-1" style="display: inline-block; width: 98%;">
<div dir="ltr" id="divRplyFwdMsg"><font face="Calibri, sans-serif" color="#000000" style="font-size: 11pt;"><b>From:</b> ParaView <paraview-bounces@paraview.org> on behalf of Yi Chen <chenyiaero@gmail.com><br>
<b>Sent:</b> Monday, August 25, 2014 3:30 PM<br>
<b>To:</b> paraview@paraview.org<br>
<b>Subject:</b> [EXTERNAL] [Paraview] Strange opacity behavior</font>
<div> </div>
</div>
<div>
<div dir="ltr">
<div>Howdy,</div>
<div><br>
</div>
<div>I am using paraview 4.1.0 64bit on Ubuntu and when I play with the opacity of overlaid objects I found the behavior is interesting. </div>
<div><br>
</div>
<div>Basically I would like to see the sphere through several overlaid planes (along the normal direction of the planes) , as shown below. I first uses 4 planes. </div>
<br clear="all">
<div><img width="410" height="422" alt="Inline image 1" style="margin-right: 0px;" src="cid:ii_1480ef7c10db372f"><br>
</div>
<div><br>
</div>
<div>When the sphere has an opacity of 1.0, the effect looks correct, as shown below</div>
<div><br>
</div>
<div><img width="414" height="419" alt="Inline image 2" style="margin-right: 0px;" src="cid:ii_1480f0b34b16f07c"><br>
</div>
<div><br>
</div>
<div>But if I lower the sphere opacity for a tiny bit ( like opacity = 0.999 ), the sphere is not visible at all, as shown below</div>
<div><br>
</div>
<div><img width="411" height="435" alt="Inline image 3" style="margin-right: 0px;" src="cid:ii_1480f0cfca2b3462"><br>
</div>
<div><br>
</div>
<div>More strangely, when I use 3 planes instead of 4. The behavior looks normal. I mean when I adjust the sphere opacity I can always see the sphere unless the opacity is too low. </div>
<div><br>
</div>
<div><img width="676" height="604" alt="Inline image 4" style="margin-right: 0px;" src="cid:ii_1480f13bc8080534"><br>
</div>
<div><br>
</div>
<div>Anyone has similar experience and happens to know why? Thanks! </div>
<br>
Yi </div>
</div>
</div>
</div>
</body>
</html>