topical media & game development
graphic-webgl-scenejs-examples-enable-layers-index.htm / htm
<html>
<head>
<title></title>
<script type="text/javascript" src="graphic-webgl-scenejs-lib-scenejs.js"></script>
<link href="graphic-webgl-scenejs-examples-web-style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="container">
<div id="header">
<div id="header-nav">
</div>
<div id="header-inner">
<h1><a href="http://scenejs.org">SceneJS</a> > <a href="graphic-webgl-scenejs-examples-grid-index.htm">Examples</a> > Visibility Switching Layers
</h1>
<a class="a2a_dd" href="http://www.addtoany.com/share_save?linkname=s&linkurl=s"><img
src="http://static.addtoany.com/buttons/share_save_171_16.png" width="171" height="16" border="0"
alt="Share/Bookmark"/></a>
<script type="text/javascript">
var a2a_linkname = "SceneJS Live Examples";
var a2a_linkurl = window.location;
var a2a_onclick = 1;</script>
<script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>
</div>
</div>
<div id="content">
<canvas id="theCanvas" width="1030" height="700">
<p>This example requires a browser that supports the
<a href="http://www.w3.org/html/wg/html5/">HTML5</a>
<canvas> feature.</p>
</canvas>
<div id="info">
<h2>Enabling and Disabling Layers</h2>
<p>In this example, we define a scene containing four teapots, each in a separate layer.</p>
<br/>
<p>Then just before we render this scene we enable/disable a selection of the layers to
specify which of them are included in the scene traversal.</p>
<br/>
<p>We can specify a priority for layers if we wanted to control the order in which the
geometries within them are rendered, but for this example we're just specifying the
default priority of 0 because we're just demonstrating enabling/disabling of layers.</p>
<br/>
<br/>
<ul>
<li><a target="_other" href="graphic-webgl-scenejs-examples-enable-layers-enable-layers.js">Scene source code</a></li>
<li><a target="_other" href="https://github.com/xeolabs/scenejs/wiki/layer">Wiki page on layers</a></li>
</ul>
</div>
<div id="log">
<h3>Log</h3>
<div id="theLoggingDiv"></div>
</div>
</div>
</div>
<script type="text/javascript" src="graphic-webgl-scenejs-examples-enable-layers-enable-layers.js"></script>
</body>
</html>
(C) Æliens
04/09/2009
You may not copy or print any of this material without explicit permission of the author or the publisher.
In case of other copyright issues, contact the author.