Your SlideShare is downloading. ×
SceneJS
SceneJS
SceneJS
SceneJS
SceneJS
SceneJS
SceneJS
SceneJS
SceneJS
SceneJS
SceneJS
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

SceneJS

765

Published on

JSON-Based Scene Graph Engine for WebGL

JSON-Based Scene Graph Engine for WebGL

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
765
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Define 3D scenes in JSON http://scenejs.wikispaces.com/JSON+Scene+Graph+API SceneJS.org
  • 2. Update scenes with JSON http://scenejs.wikispaces.com/JSON+Scene+Graph+API SceneJS.org Move the viewpoint: Add a sphere:
  • 3. Listen to scene nodes http://scenejs.wikispaces.com/SceneJS.bind SceneJS.org Listen for pick:
  • 4. Send messages to scene nodes http://scenejs.wikispaces.com/ClipBox+Plugin SceneJS.org Move the viewpoint:
  • 5. Extend the message system http://scenejs.wikispaces.com/ClipBox+Plugin SceneJS.org Insert a clipbox:
  • 6. Instance library symbols
    • Locally, or
    • 7. Through the Web
    SceneJS.org I 1 I 2 WWW http://my-server.com Services NodeLoader
  • 8. Boundaries for visibility culling
    • For traversal culling
    • 9. View and locality intersection tests
    • 10. Useful with instancing
    SceneJS.org http://scenejs.wikispaces.com/SceneJS.BoundingBox
  • 11. Boundaries for LOD
    • Bounding volume selects a subgraph for projected canvas-space size
    SceneJS.org Scene Graph 1 2 3
  • 12. Fast compiled scene graph Optimized Display List http://scenejs.wikispaces.com/Rendering+Algorithm SceneJS.org Fast redraw Recompile Update
  • 13. Automatic shader generation
    • Shaders composed for scene state at each geometry
    • 14. Hashed for re-use at similar states
    SceneJS.org Scene Graph
  • 15. SceneJS Architecture
    • JSON Scene Definition
    • 16. JSON Message System
    • 17. Pluggable Service Layer
    • 18. Fast Scene Graph Engine
    SceneJS.org

×