topical media & game development
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

talk show tell print

graphic-webgl-scenejs-examples-index.htm / htm



  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
          "http://www.w3.org/TR/html4/loose.dtd">
  <html>
  <head>
      <title></title>
      <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> &gt; Examples&nbsp;<span id="current-version">-
  V2.0.0.0
          
  </span></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">
      <div id="examples-table">
          <div id="col1">
              <p>These examples demonstrate most of the features of SceneJS. Many of them are intentionally simple in
                  order to provide templates for you to experiment with as you explore SceneJS.</p>
              <br/>
  
              <p>You'll need a WebGL-enabled browser; <a
                      href="http://www.khronos.org/webgl/wiki/Getting_a_WebGL_Implementation">here's how to get
                  one</a>. </p>
              <br/>
  
              <h3>More Resources:</h3>
              <ul>
                  <li><span><a target="_other" href="http://scenejs.org/releases.html">All Releases</a></span></li>
                  <li><span><a target="_other" href="https://github.com/xeolabs/scenejs/wiki">New Wiki</a></span></li>
  
                  <li><span><a target="_other" href="http://groups.google.co.nz/group/scenejs?lnk=gcimh">Google
                      Group</a></span></li>
                  <li><span><a target="_other"
                               href="https://github.com/xeolabs/scenejs/issues?milestone=1&sort=created&direction=desc&_pjax=true&state=open">Issue
                      Tracker</a></span></li>
                  <li><span><a target="_other" href="http://www.facebook.com/group.php?gid=350488973712">FaceBook
                      Group</a></span>
                  </li>
                  <li><span><a target="_other" href="http://www.retaggr.com/page/LindsayStanleyKay">Contact</a></span>
                  </li>
  
              </ul>
              <br/>
              <ul>
                  <li><span><a target="_other" href="http://github.com/xeolabs/scenejs">Source code</a></span></li>
                  <li><span><a target="_other" href="http://scenejs.org/license/index.html">Licenses</a></span></li>
              </ul>
  
          </div>
  
          <div id="col2">
  
              <p class="category-title">Introduction</p>
  
              <p class="example-title"><a href="graphic-webgl-scenejs-examples-hello-teapot-index.html">Basic Scene</a></p>
  
              <br/>
  
              <p class="category-title">Geometry</p>
  
              <p class="example-title"><a href="graphic-webgl-scenejs-examples-custom-geometry-index.html">Custom Geometry</a></p>
  
              <p class="example-title"><a href="graphic-webgl-scenejs-examples-mutable-geometry-index.html">Mutable Geometry</a></p>
  
              <p class="example-title"><a href="graphic-webgl-scenejs-examples-vertex-colors-index.html">Vertex Coloring</a></p>
  
              <p class="example-title"><a href="graphic-webgl-scenejs-examples-gradient-backdrop-index.html">Graded Backdrop</a></p>
  
              <p class="example-title"><a href="graphic-webgl-scenejs-examples-vertex-sharing-index.html">Vertex Sharing</a>
              </p>
              <br/>
  
              <p class="category-title">Lighting</p>
  
              <p class="example-title"><a href="graphic-webgl-scenejs-examples-moving-dir-light-index.html">Directional Lighting</a></p>
  
              <p class="example-title"><a href="graphic-webgl-scenejs-examples-moving-point-light-index.html">Point Lighting</a></p>
  
              <br/>
  
              <p class="category-title">Texturing</p>
  
              <p class="example-title"><a href="graphic-webgl-scenejs-examples-texture-layers-index.html">Layered Textures</a></p>
  
              <p class="example-title"><a href="graphic-webgl-scenejs-examples-frameBuf-index.html">Rendering to Textures</a></p>
  
              <p class="example-title"><a href="graphic-webgl-scenejs-examples-animated-texture-index.html">Animated Texture</a></p>
  
              <p class="example-title"><a href="graphic-webgl-scenejs-examples-video-texture-index.html">Video Texture</a></p>
  
              <p class="example-title"><a href="graphic-webgl-scenejs-examples-bump-mapping-index.html">Bump Mapping</a></p>
  
              <p class="example-title"><a href="graphic-webgl-scenejs-examples-texture-atlas-index.html">Using a Texture Atlas</a></p>
  
              <br/>
  
              <p class="category-title">Shader Customisation</p>
  
              <p class="example-title"><a href="graphic-webgl-scenejs-examples-custom-shaders-vertex-displacement-index.html">Custom Shaders - Vertex
                  Displacement</a>
              </p>
  
              <p class="example-title"><a href="graphic-webgl-scenejs-examples-custom-shaders-fog-index.html">Custom Shaders - Fog Shader</a>
              </p>
  
              <p class="example-title"><a href="graphic-webgl-scenejs-examples-custom-shaders-colorTrans-index.html">Custom Shaders - Pixel Colour
                  Transform</a>
              </p>
  
              <p class="example-title"><a href="graphic-webgl-scenejs-examples-custom-shaders-transparency-index.html">Custom Shaders - Fancy
                  Transparency</a>
              </p>
  
              <p class="example-title"><a href="graphic-webgl-scenejs-examples-custom-shaders-sky-sphere-index.html">Custom Shaders - Sky Sphere</a>
              </p>
  
              <p class="example-title"><a href="graphic-webgl-scenejs-examples-custom-shaders-clipping-index.html">Custom Shaders - User Clipping
                  Plane</a>
              </p>
  
              <!--<p class="example-title"><a href="graphic-webgl-scenejs-examples-video-alpha-texture-index.html">Custom Shaders - Transparency Mapped Video</a>-->
              <!--</p>-->
  
              <br>
  
              <p class="category-title">Scene Layers</p>
  
              <p class="example-title"><a href="graphic-webgl-scenejs-examples-transparency-sorting-using-layers-index.html">Layers - Transparency Sorting with
                  Layers</a>
              </p>
  
              <p class="example-title"><a href="graphic-webgl-scenejs-examples-enable-layers-index.html">Layers - Visibility Switching Layers</a>
              </p>
  
              <br/>
  
              <p class="category-title">Animation</p>
  
              <p class="example-title"><a href="graphic-webgl-scenejs-examples-morphing-index.html">Geometry Morphing - Basic Quad</a></p>
  
              <p class="example-title"><a href="graphic-webgl-scenejs-examples-morphing-random-index.html">Geometry Morphing - Wavey Teapot</a></p>
  
              <br/>
  
              <p class="category-title">Picking</p>
  
              <p class="example-title"><a href="graphic-webgl-scenejs-examples-basic-picking-index.html">Basic Picking</a></p>
  
              <p class="example-title"><a href="graphic-webgl-scenejs-examples-ray-picking-index.html">Ray Picking</a></p>
  
              <br/>
  
              <p class="category-title">Miscellaneous</p>
  
              <p class="example-title"><a href="graphic-webgl-scenejs-examples-node-cores-index.html">Shared Node Cores</a>
              </p>
  
              <p class="example-title"><a href="graphic-webgl-scenejs-examples-multi-scene-index.html">Sharing Content across Multiple Scenes</a>
              </p>
  
              <p class="example-title"><a href="graphic-webgl-scenejs-examples-node-masking-index.html">Render Masking</a></p>
  
              <p class="example-title"><a href="graphic-webgl-scenejs-examples-findNodes-index.html">Finding Nodes using Regular Expressions</a></p>
  
              <p class="example-title"><a href="graphic-webgl-scenejs-examples-billboard-index.html">Billboarding a Sprite</a></p>
  
              <p class="example-title"><a href="graphic-webgl-scenejs-examples-node-rendered-event-index.html">Node
                  "rendered" event</a></p>
  
              <br/>
  
              <p class="category-title">COLLADA Content</p>
  
              <p class="example-title"><a href="graphic-webgl-scenejs-examples-seymour-plane-index.html">COLLADA Seymour Plane</a></p>
  
              <p class="example-title"><a href="graphic-webgl-scenejs-examples-tron-tank-index.html">COLLADA Tron Tank</a></p>
  
          </div>
          <div id="col3">
  
              <p class="category-title">Services</p>
  
              <p>The SceneJS API provides an Inversion of Control (IoC) container into which we can plug
                  service objects for SceneJS to use for functions like loading content etc. We can
                  plug in our own implementations of these whenever we want more control.</a></p>.
              <ul>
                  <li><a href="graphic-webgl-scenejs-examples-geo-load-service-index.html">Implementing GeoLoadService</a><br/>
  
                      <p>How to implement a GeoLoaderService for customized geometry loading.</p></li>
  
                  <li><a href="graphic-webgl-scenejs-examples-morph-geo-load-service-index.html">Implementing MorphGeoLoadService</a><br/>
  
                      <p>Extends the previous example with a MorphGeoLoaderService for customized loading of geometry
                          morphing targets.</p></li>
              </ul>
  
          </div>
      </div>
  </div>
  </div>
  </body>
  </html>
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

(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.