Skip to content

Commit

Permalink
Edited clipping caps example text
Browse files Browse the repository at this point in the history
  • Loading branch information
xeolabs committed Aug 18, 2016
1 parent 44e676e commit c3a89de
Show file tree
Hide file tree
Showing 2 changed files with 8 additions and 7 deletions.
10 changes: 5 additions & 5 deletions examples/effects_clipping_caps.html
Original file line number Diff line number Diff line change
Expand Up @@ -23,11 +23,9 @@


<div id="infoDark">
<a href="http://scenejs.org">SceneJS</a> - Arbitrarily-aligned clipping planes with caps
<br><br>In this demo we're creating multiple cross-sections with caps.<br><br>The maximum number of clipping planes allowed will
depend on how many<br><span style="font-style:italic;">varying</span> types your WebGL supports, where each plane requires one <span style="font-style:italic;">varying</span>.
<br/> This algorithm can have artifacts where multiple clipping planes are overlapping.
<br/> However, with certain limitation on the clipping planes, we can wisely choose the `capNodes` geometry to avoid the artifacts (Say if the clipping planes are all axis aligned, we can use a box whose faces are the same as each clipping planes as the capNodes)
<a href="http://scenejs.org">SceneJS</a> - Multiple arbitrarily-aligned clipping planes with caps, using the <a href="../api/latest/plugins/node/postprocess/clippingCap.js">postprocess/clippingCap</a> plugin.<br><br>The maximum number of clipping planes allowed will
depend on how many <span style="font-style:italic;">varying</span> types your WebGL supports, where each plane requires one <span style="font-style:italic;">varying</span>.
<br/> This algorithm can show artifacts when multiple clipping planes are overlapping, as demonstrated in this example (see the angled clipping plane).<br>We can avoid that, however, through careful positioning of the clipping planes, eg. in an axis-aligned box shape.
</div>

<script>
Expand All @@ -51,6 +49,8 @@
spin: 0.1, // Slowly spin about X axis

nodes: [

// Capped cross-sections, implemented by plugin at http://scenejs.org/api/latest/plugins/postprocess/clippingCap.js
{
type: "postprocess/clippingCap",

Expand Down
5 changes: 3 additions & 2 deletions examples/effects_clipping_caps_axis_aligned.html
Original file line number Diff line number Diff line change
Expand Up @@ -23,8 +23,7 @@


<div id="infoDark">
<a href="http://scenejs.org">SceneJS</a> - Axis Aligned clipping planes with caps
<br><br>In this demo we're creating multiple axis-aligned cross-sections with caps. We used a box as the capNodes. <br><br>The maximum number of clipping planes allowed will
<a href="http://scenejs.org">SceneJS</a> - Axis Aligned clipping planes with caps, using the <a href="../api/latest/plugins/node/postprocess/clippingCap.js">postprocess/clippingCap</a> plugin. <br><br>The maximum number of clipping planes allowed will
depend on how many<br><span style="font-style:italic;">varying</span> types your WebGL supports, where each plane requires one <span style="font-style:italic;">varying</span>.
</div>

Expand Down Expand Up @@ -121,6 +120,8 @@
spin: 0.1, // Slowly spin about X axis

nodes: [

// Capped cross-sections, implemented by plugin at http://scenejs.org/api/latest/plugins/postprocess/clippingCap.js
{
type: "postprocess/clippingCap",
id: "myClippingCap",
Expand Down

0 comments on commit c3a89de

Please sign in to comment.