diff --git a/index.html b/index.html index 77454962..b85b8c36 100644 --- a/index.html +++ b/index.html @@ -237,7 +237,47251 @@

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. SceneJS will automatically load those types as required from the + href="https://github.com/xeolabs/scenejs/tree/master/api/latest/plugins">the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"                                                               
+
+
+    SceneJS V4.2.0
+
+    
+    
+
+    
+
+    
+
+    
+    
+
+    
+    
+
+
+    
+
+
+
+

+    

+        Examples  |  
+        Downloads  |  
+        Tutorials  |  
+        Issues  |  
+        License  |  Twitter  |  Facebook

+

+
+
+
+

+    
+    
SceneJS is an open-source WebGL-based 3D visualization engine
+        from @xeoLabs.

+
+

+
+

+    

+        

+            
Features in V4.2.0

+
+            

+
+            

+        

+        

+            
Quick Start

+
+            
First, include the SceneJS
+                library in the <head> tag of your web page:
+            

+
+            
<script src="http://scenejs.org/api/latest/scenejs.js"></script>

+            
Then build a scene. We'll make a spinning blue teapot:

+
+        
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+

+            
And voilà, one blue teapot:


+             
+            

+
+            
Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+        

+            

+                Run this example

+
+            
Plugins

+
+            
Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example.
+                SceneJS will automatically load those types as required from the
+                    plugins directory within its repository on GitHub.

+
+            
If you'd rather serve the plugins yourself, then just copy that directory to your server and configure
+                SceneJS to load them from there, like so:

+
+            
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+            

+        

+    

+

+
+Fork me on GitHub
+
+
+
+
+});                                                                                                
+
+
+    SceneJS V4.2.0
+
+    
+    
+
+    
+
+    
+
+    
+    
+
+    
+    
+
+
+    
+
+
+
+

+    

+        Examples  |  
+        Downloads  |  
+        Tutorials  |  
+        Issues  |  
+        License  |  Twitter  |  Facebook

+

+
+
+
+

+    
+    
SceneJS is an open-source WebGL-based 3D visualization engine
+        from @xeoLabs.

+
+

+
+

+    

+        

+            
Features in V4.2.0

+
+            

+
+            

+        

+        

+            
Quick Start

+
+            
First, include the SceneJS
+                library in the <head> tag of your web page:
+            

+
+            
<script src="http://scenejs.org/api/latest/scenejs.js"></script>

+            
Then build a scene. We'll make a spinning blue teapot:

+
+        
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+

+            
And voilà, one blue teapot:


+             
+            

+
+            
Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+        

+            

+                Run this example

+
+            
Plugins

+
+            
Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example.
+                SceneJS will automatically load those types as required from the
+                    plugins directory within its repository on GitHub.

+
+            
If you'd rather serve the plugins yourself, then just copy that directory to your server and configure
+                SceneJS to load them from there, like so:

+
+            
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+            

+        

+    

+

+
+Fork me on GitHub
+
+
+
+
+
+ + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + style="position: absolute; top: 0; left: 0; border: 0;" + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + src="https://s3.amazonaws.com/github/ribbons/forkme_left_red_aa0000.png" alt="Fork me on Gi + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + +tHub"> + + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + jQuery(document).ready( + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + function ($) { + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + addFeatures(); + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + addPrettify(); + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + addSlider(); + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + }); + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + function addFeatures() { + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + $.ajax({ + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + type: 'GET', + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + url: 'examples/features.json', + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + dataType: 'json', + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + success: function (features) { + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + var featureList = $('#featureList'); + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + var category; + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + var categoryElem; + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + var subCategoryElem; + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + var featureElem; + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + var subSection; + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + var subCategory; + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + var feature; + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + var li; + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + for (var categoryName in features) { + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + if (features.hasOwnProperty(categoryName)) { + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + category = features[categoryName]; + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + categoryElem = $('

') + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + .addClass('feature-category') + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + .text(category.title) + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + .appendTo(featureList); + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + if (category.description) { + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + $('

') + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + .addClass('feature-category-description') + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + .text(category.description) + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + .appendTo(featureList); + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + } + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + for (var i = 0, len = category.nodes.length; i < len; i++) { + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + subCategory = category.nodes[i]; + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + subCategoryElem = $('
') + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + .addClass('feature-subcategory') + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + .appendTo(featureList); + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + var nodes = subCategory.nodes; + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + if (nodes) { + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + for (var j = 0, lenj = subCategory.nodes.length; j < lenj; j++) { + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + feature = subCategory.nodes[j]; + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + if (feature.status == "alpha") { + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + // Don't list alpha-status features + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + continue; + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + } + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + featureElem = $('') + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + .addClass('feature-feature') + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + .attr('href', 'examples/index.html#' + feature.page) + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + .text(feature.title) + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + .appendTo(subCategoryElem); + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + if (j < lenj - 2) { + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + $('') + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + .text(", ") + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + .appendTo(featureElem); + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + } else if (j < lenj - 1) { + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + $('') + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + .text(", ") + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + .appendTo(featureElem); + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + } + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + } + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + } + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + } + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + } + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + } + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + } + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + }); + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + } + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + function addPrettify() { + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + var els = document.querySelectorAll('pre'); + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + for (var i = 0, el; el = els[i]; i++) { + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + if (!el.classList.contains('noprettyprint')) { + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + el.classList.add('prettyprint'); + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + } + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + } + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + var el = document.createElement('script'); + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + el.type = 'text/javascript'; + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + el.src = 'lib/prettify.js'; + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + el.onload = function () { + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + prettyPrint(); + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + }; + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + document.body.appendChild(el); + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + } + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + function addSlider() { + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + $('.bxslider').bxSlider({ + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + mode: 'fade', + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + pause: 6000, + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + useCSS: false, + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + infiniteLoop: true, + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + hideControlOnEnd: true, + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + speed: 1000, + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + captions: true, + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + auto: true, + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + pager: false + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + }); + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + } + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the + plugins directory within its repository on GitHub.

+ +

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure + SceneJS to load them from there, like so:

+ + 
SceneJS.setConfigs({
+    pluginPath: "./foo/myPluginsDir"
+});
+
+
+
+
+ +Fork me on GitHub + + + + + + + + SceneJS V4.2.0 + + + + + + + + + + + + + + + + + + + +
+
+ Examples  |   + Downloads  |   + Tutorials  |   + Issues  |   + License  |  Twitter  |  Facebook
+
+ + + +
+ +

SceneJS is an open-source WebGL-based 3D visualization engine + from @xeoLabs.

+ +
+ +
+
+
+

Features in V4.2.0

+ +
+ +
+
+
+

Quick Start

+ +

First, include the SceneJS + library in the <head> tag of your web page: +

+ + 
<script src="http://scenejs.org/api/latest/scenejs.js"></script>
+

Then build a scene. We'll make a spinning blue teapot:

+ + 
+var scene = SceneJS.createScene({
+    nodes:[
+        {
+            type:"material",
+            color: { r: 0.3, g: 0.3, b: 1.0 },
+
+            nodes:[
+                {
+                    type: "rotate",
+                    id: "myRotate",
+                    y: 1.0,
+                    angle: 0,
+
+                    nodes: [
+                        {
+                            type:"geometry/teapot"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+

And voilà, one blue teapot:


+ +
+ +

Now let's start the teapot spinning:

+
+scene.getNode("myRotate", function(myRotate) {
+
+    var angle = 0;
+
+    scene.on("tick",
+        function() {
+            myRotate.setAngle(angle += 0.5);
+        });
+});
+
+

+ Run this example

+ +

Plugins

+ +

Most of the node types you'll use with SceneJS are implemented by plugins, such as the geometry/teapot in this example. + SceneJS will automatically load those types as required from the plugins directory within its repository on GitHub.

If you'd rather serve the plugins yourself, then just copy that directory to your server and configure