topical media & game development
graphic-webgl-scenejs-examples-seymour-plane-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>
<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> > Collada Seymour Plane Demo
</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>Scene Composed using the Class API</h2>
<p>SceneJS has had an object-oriented core API since V0.7.3. Layered on top of that is a thin layer of
<b>factory functions</b>, and on top of both of those is a JSON API. Therefore, you have the
choice of using the framework in either an object-oriented or functional style, or defining scenes in
a purely declarative format. The examples in the <a href="../api-docs/index.html">API
documentation</a> are in the object-oriented
style, while many of the examples here use the factory functions for brevity.</p>
<p>Most of this scene is constructed through the composition of objects using the object-oriented
API. Note that towards the end of this example we start using the original functional API again, to show
how they can be mixed.</p>
<br/>
<ul>
<li><a target="_other" href="graphic-webgl-scenejs-examples-seymour-plane-seymour-plane-json-scene.js">Scene source code</a></li>
<li><a target="_other" href="graphic-webgl-scenejs-examples-seymour-plane-seymour-plane.js">JSON airplane model</a>
</li>
<li><a target="_other" href="https://github.com/xeolabs/scenejs-pycollada">COLLADA-to-SceneJS Import Utility: scenejs-pycollada</a></li>
<li><a target="_other" href="http://scenejs.wikispaces.com/JSON+Scene+Definition">Wiki article: JSON
Scene Definition</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-seymour-plane-seymour-plane.js"></script>
<script type="text/javascript" src="graphic-webgl-scenejs-examples-seymour-plane-seymour-plane-json-scene.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.