© Copyright Khronos Group 2014 - Page 1 
Neil Trevett 
Vice President Mobile Ecosystem, NVIDIA 
President, Khronos Group
© Copyright Khronos Group 2014 - Page 2 
Agenda 
Neil Trevett 
Khronos President, 
VP NVIDIA 
NVIDIA Introduction to COLLA...
© Copyright Khronos Group 2014 - Page 3 
Khronos Standards 
Visual Computing 
- 3D Graphics 
- Heterogeneous Parallel Comp...
© Copyright Khronos Group 2014 - Page 4 
COLLADA Developments 
• COLLADA specifications now on GitHub! 
- Encouraging acce...
© Copyright Khronos Group 2014 - Page 5 
3D Needs a Transmission Format! 
• Compression and streaming of 3D assets becomin...
© Copyright Khronos Group 2014 - Page 6 
What is glTF? 
• ‘GL Transmission Format’ 
- Runtime asset format for WebGL, Open...
COLLADA2GLTF 
Translator 
© Copyright Khronos Group 2014 - Page 7 
COLLADA and glTF Ecosystem 
Tool Interop 
Three.js glTF...
Open Source for glTF 
• COLLADA2GLTF open-source converter is gaining robustness and momentum 
- Binaries are available on...
© Copyright Khronos Group 2014 - Page 9 
glTF Specification Status 
• Open specification; Open process 
- Spec, and sample...
© Copyright Khronos Group 2014 - Page 10 
glTF Adoption! 
three.js loader 
rest3d viewer 
Cesium Engine 
Montage Viewer
© Copyright Khronos Group 2014 - Page 11 
Amobee 3D 
GLTF in the Amobee 3D Content Pipeline 
Dan Toloudis 
Senior Graphics...
• 3D interactive experiences for advertising 
• All assets served via http 
• Embedded in mobile apps (iOS, Android) 
• On...
Amobee 3D 
Asset Pipeline 
1. modeling in 3dsmax or maya 
2. COLLADA exporter 
• Optimize and organize models for engine 
...
Amobee 3D 
Asset Pipeline, cont’d 
4. custom material metadata is added 
20 August 2014 14 
© Copyright Khronos [a•mo•bee]...
Amobee 3D 
• Demos! 
• http://amobee3d.s3.amazonaws.com/ads/Amobee3D_AdList.html 
20 August 2014 15 
© Copyright Khronos [...
• Open-source WebGL engine for virtual globes started by Analytical Graphics, Inc. 
• Supports glTF including animation an...
© Copyright Khronos Group 2014 - Page 17 
CesiumJS Web Conversion 
cesiumjs.org/convertmodel.html
© Copyright Khronos Group 2014 - Page 18 
Cygnus Mission to ISS in CesiumJS 
Cygnus Mission Demo
© Copyright Khronos Group 2014 - Page 19 
glTF in Cesium 
• NORAD Tracks Santa is built on Cesium 
• Animated Santa model ...
© Copyright Khronos Group 2014 - Page 20 
glTF in Cesium 
• 26,762 triangles (instanced reindeer) 
• Three 1024x1024 textu...
© Copyright Khronos Group 2014 - Page 21 
Questions?
Upcoming SlideShare
Loading in …5
×

COLLADA / glTF BOF - SIGGRAPH 2014

776 views

Published on

COLLADA and glTF slide presentation from the 2014 SIGGRAPH BOF

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
776
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
10
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

COLLADA / glTF BOF - SIGGRAPH 2014

  1. 1. © Copyright Khronos Group 2014 - Page 1 Neil Trevett Vice President Mobile Ecosystem, NVIDIA President, Khronos Group
  2. 2. © Copyright Khronos Group 2014 - Page 2 Agenda Neil Trevett Khronos President, VP NVIDIA NVIDIA Introduction to COLLADA and glTF Ecosystem Dan Toloudis Senior Graphics Engineer Amobee glTF in the Amobee 3D Content Pipeline Remi Arnaud Principal Member Tech Staff AMD Adding 3D content to Libreoffice with glTF and Rest3D Patrick Cozzi Principal Graphics Architect Analytical Graphics Inc. glTF in Cesium - Update Neil Trevett OpenCL Chair, VP NVIDIA NVIDIA Wrap-up and Questions
  3. 3. © Copyright Khronos Group 2014 - Page 3 Khronos Standards Visual Computing - 3D Graphics - Heterogeneous Parallel Computing 3D Asset Handling - 3D authoring asset interchange - 3D asset transmission format with compression Over 100 companies defining royalty-free Acceleration in HTML5 - 3D in browser – no Plug-in APIs to connect software to silicon - Heterogeneous computing for JavaScript Sensor Processing - Vision Acceleration - Camera Control - Sensor Fusion
  4. 4. © Copyright Khronos Group 2014 - Page 4 COLLADA Developments • COLLADA specifications now on GitHub! - Encouraging accessibility and feedback • COLLADA 1.4.2 - Spec update in progress - Gathering feedback from community - Easier to be compliant by relaxing some aspects of the schema • COLLADA-CTS – Conformance Test Suite on GitHub - Improved with recent Blender support - https://github.com/KhronosGroup/COLLADA-CTS • OpenCOLLADA – open source reliable importer/exporters - OpenCOLLADA: newest exporter for Maya 2014 - Exporter for Max 2015 is now working! - https://github.com/KhronosGroup/OpenCOLLADA
  5. 5. © Copyright Khronos Group 2014 - Page 5 3D Needs a Transmission Format! • Compression and streaming of 3D assets becoming essential - Mobile and connected devices need access to increasingly large asset databases • 3D is the last media type to define a compressed format - 3D is more complex – diverse asset types and use cases • Needs to be royalty-free - Avoid an ‘internet video codec war’ scenario • Eventually enable hardware implementations of successful codecs - High-performance and low power – but pragmatic adoption strategy is key Audio Video Images 3D MP3 H.264 JPEG ? ! An effective and widely adopted codec ignites previously unimagined opportunities for a media type
  6. 6. © Copyright Khronos Group 2014 - Page 6 What is glTF? • ‘GL Transmission Format’ - Runtime asset format for WebGL, OpenGL ES, and OpenGL applications • Efficient Representation = Small Size AND Minimal Load Processing - JSON for scene structure and other high-level constructs - Binary mesh and animation data - Little or no processing to drop glTF data into client application • Runtime Neutral - Can be created and used by any app or runtime • Khronos is prototyping standards-based pipeline - Conditioning of COLLADA assets into glTF for WebGL applications Authoring Playback
  7. 7. COLLADA2GLTF Translator © Copyright Khronos Group 2014 - Page 7 COLLADA and glTF Ecosystem Tool Interop Three.js glTF Importer. Rest3D initiative OpenCOLLADA Importer/Exporter and COLLADA Conformance Tests On GitHUB Pervasive WebGL deployment Other authoring formats Web-based Tools
  8. 8. Open Source for glTF • COLLADA2GLTF open-source converter is gaining robustness and momentum - Binaries are available on GitHUB for easy use - Significant contributions from Tom Fili, Analytical Graphics, Inc. © Copyright Khronos Group 2014 - Page 8 • Three.js glTF loader project on Github - https://github.com/KhronosGroup/glTF/tree/master/loaders/threejs - Most glTF features are already supported - Triangle meshes (optionally uses THREE.BufferGeometry for faster loading) - Materials – diffuse, specular, emissive, ambient, textures, environment maps - Cameras – perspective and orthographic, - Lights – ambient, spot, point, directional - Matrix transforms, Scene structure, Animation (Key frame/articulated only) - Shaders (uses “common profile” techniques - lighting models such as Phong and Lambert, and their parameters, are mapped to existing Three.js material types) - Features TBD, in progress - Skinned animations and morphs - Arbitrary GLSL shaders (via THREE.ShaderMaterial)
  9. 9. © Copyright Khronos Group 2014 - Page 9 glTF Specification Status • Open specification; Open process - Spec, and sample code: https://github.com/KhronosGroup/glTF - All features backed up by multiple implementations in code • glTF 0.8 schema available on GitHub - github.com/KhronosGroup/glTF - Getting very close to glTF 1.0 - most likely no major breaking changes in 1.0 • Specified & implemented features: - Node hierarchy, Mesh, Animation (key frames, skinning) - Camera, Lights, Materials (Blinn, Phong, Lambert) • Features on the way: - Morphing, Video, Mesh Compression, Cube maps - Multi-pass still being considered • Next steps - Encourage support for more input formats - Direct glTF export from tools http://www.tonyparisi.com
  10. 10. © Copyright Khronos Group 2014 - Page 10 glTF Adoption! three.js loader rest3d viewer Cesium Engine Montage Viewer
  11. 11. © Copyright Khronos Group 2014 - Page 11 Amobee 3D GLTF in the Amobee 3D Content Pipeline Dan Toloudis Senior Graphics Engineer [a•mo•bee] [a•mo•bee] Confidential. Do not 20 August 2014 11
  12. 12. • 3D interactive experiences for advertising • All assets served via http • Embedded in mobile apps (iOS, Android) • On web pages (WebGL) • Common javascript engine code © Copyright Khronos Group 2014 - Page 12 Amobee 3D [a•mo•bee] Confidential. Do not 20 August 2014 12
  13. 13. Amobee 3D Asset Pipeline 1. modeling in 3dsmax or maya 2. COLLADA exporter • Optimize and organize models for engine 20 August 2014 13 © Copyright Khronos [a•mo•bee] Confidential. Do not Group 2014 - Page 13 SDK 3.0 3. Collada2gltf with modifications • Animation data • Trivial texture / shader remappings
  14. 14. Amobee 3D Asset Pipeline, cont’d 4. custom material metadata is added 20 August 2014 14 © Copyright Khronos [a•mo•bee] Confidential. Do not Group 2014 - Page 14 SDK 3.0 5. display in runtime engine
  15. 15. Amobee 3D • Demos! • http://amobee3d.s3.amazonaws.com/ads/Amobee3D_AdList.html 20 August 2014 15 © Copyright Khronos [a•mo•bee] Confidential. Do not Group 2014 - Page 15 SDK 3.0 • http://www.amobee.com/products/3d_mobile_ads/
  16. 16. • Open-source WebGL engine for virtual globes started by Analytical Graphics, Inc. • Supports glTF including animation and skinning © Copyright Khronos Group 2014 - Page 16 glTF in Cesium cesiumjs.org
  17. 17. © Copyright Khronos Group 2014 - Page 17 CesiumJS Web Conversion cesiumjs.org/convertmodel.html
  18. 18. © Copyright Khronos Group 2014 - Page 18 Cygnus Mission to ISS in CesiumJS Cygnus Mission Demo
  19. 19. © Copyright Khronos Group 2014 - Page 19 glTF in Cesium • NORAD Tracks Santa is built on Cesium • Animated Santa model used glTF • ~20 million unique visitors Video
  20. 20. © Copyright Khronos Group 2014 - Page 20 glTF in Cesium • 26,762 triangles (instanced reindeer) • Three 1024x1024 texture atlases • Artwork by Branden Coker (@planetpuncher) using Modo
  21. 21. © Copyright Khronos Group 2014 - Page 21 Questions?

×