diff --git a/index.html b/index.html index b85b8c36..995143a0 100644 --- a/index.html +++ b/index.html @@ -166,47250 +166,6 @@ -
-
-
-

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

- -
-