OSG.JS

Create 3D web apps

OSGJS is a WebGL framework based on OpenSceneGraph concepts. It allows an individual to use an "OpenSceneGraph-like" toolbox to interact with WebGL via JavaScript, and provides facilities for exporting various assets to the osgjs format. The API is kept as similar to OpenSceneGraph as possible, providing a familiar environment to veterans of the library and introducing newcomers to a popular and heavily-scrutinzed set of interfaces.

Documentation

Installation

First, clone a copy of the main git repo by running:

git clone git://github.com/cedricpinson/osgjs.git
cd osgjs

# if you dont have grunt-cli installed
# npm install -g grunt-cli
npm install

grunt build
# The built version of osgjs will be put in the `builds/` subdirectory

# use 'webpack -w' when you are developing to rebuild automatically when a file change

grunt serve
# open http://localhost:9000/examples or http://localhost:9000/tutorial

Tutorials

Nothing helps more than toying with osgjs code and osg concepts directly, here's an interactive playground where you can start coding osgjs in 5 secs

Read more »

Documentation, API, Analysis

OSGJS is based on OpenSceneGraph API, which itself is based on a few concepts that allow for a solid grasp around the whole library once and for all, and those are mandatory in order to dive into code.

Go to documentation »

SDK Examples

They use OSG.JS

Going Further

Need help?

Here is how you can get help from the community and contribute:

Forum / Mailing list

Join the Google Group http://groups.google.com/group/osgjs

IRC

Join us on the #osgjs channel on Freenode

E-mail

Reach us by sending an e-mail to contact@osgjs.org

Twitter

Follow @osgjs on Twitter.

Blog

Follow our Blog to get news and updates.

Google+

Follow Community news on G+.

OGSJ Code Documentation

API (auto-generated) | Unit Tests (Qunit) | Analysis (Plato)

Concepts

Overall Concepts Introduction

Slides

What is a Scene Graph are its uses ?

Scene Graph

How to set properties on Nodes ?

StateSet and StateGraph

Basic

An interactive introduction to WebGL

OpenSceneGraph Help

FAQ and Knowledge Base

Download OSG.JS

Download OSG.JS