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-multi-scene-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>
  <div id="container">
      <div id="header">
          <div id="header-nav">
  
          </div>
          <div id="header-inner">
              <h1><a href="http://scenejs.org">SceneJS</a> &gt; <a href="graphic-webgl-scenejs-examples-grid-index.htm">Examples</a> &gt;&nbsp;Sharing Content across Multiple Scenes
              </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">
          <ul class="hlist">
            <li>
              <canvas id="theCanvas1" width="500" height="350">
                  <p>This example requires a browser that supports the
                      <a href="http://www.w3.org/html/wg/html5/">HTML5</a>
                      &lt;canvas&gt; feature.</p>
              </canvas>
            </li>
            <li>
              <canvas id="theCanvas2" width="500" height="350">
                  <p>This example requires a browser that supports the
                      <a href="http://www.w3.org/html/wg/html5/">HTML5</a>
                      &lt;canvas&gt; feature.</p>
              </canvas>
            </li>
          </ul>
          <ul class="hlist">
            <li>
              <canvas id="theCanvas3" width="500" height="350">
                  <p>This example requires a browser that supports the
                      <a href="http://www.w3.org/html/wg/html5/">HTML5</a>
                      &lt;canvas&gt; feature.</p>
              </canvas>
            </li>
            <li>
              <canvas id="theCanvas4" width="500" height="350">
                  <p>This example requires a browser that supports the
                      <a href="http://www.w3.org/html/wg/html5/">HTML5</a>
                      &lt;canvas&gt; feature.</p>
              </canvas>
            </li>
          </ul>
          <div id="info">
              <h2>Sharing Content across Multiple Scenes</h2>
  
              <p>This renders separate scenegraphs containing a teapot object from different perspectives 
                into four separate canvases. Dragging in the pitch and yaw axes in any one canvas will 
                affect the orientation of the teapot object in all canvases.</p>
  
              <br/>
  
              <ul>
                  <li><a target="_other" href="graphic-webgl-scenejs-examples-multi-scene-multi-scene.js">Scene source code</a></li>
                  <li><a target="_other" href="https://github.com/xeolabs/scenejs/wiki/Multiple-Scenes-in-a-Page">Wiki page
                      on
                      multiple scenes</a></li>
              </ul>
          </div>
          <div id="log">
              <h3>Log 1</h3>
              <div id="theLoggingDiv1"></div>
              <h3>Log 2</h3>
              <div id="theLoggingDiv2"></div>
              <h3>Log 3</h3>
              <div id="theLoggingDiv3"></div>
              <h3>Log 4</h3>
              <div id="theLoggingDiv4"></div>
          </div>
      </div>
  </div>
  
  <script type="text/javascript" src="graphic-webgl-scenejs-examples-multi-scene-multi-scene.js"></script>
  </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.