COLLADA to WebGLExperimenting using COLLADA to bring content from Unity to WebGL using Turbulenz and Fl4re exporter       ...
Content creation                          Physics             Animations             Audio    Images                      ...
Content ‘Pipeline’    Modeler                     Object files      Multiple indexes, Quads  Animations                   ...
COLLADA – intermediate format      Modeler                      COLLADA        Multiple indexes, Quads    Animations      ...
COLLADA Refinery (2007)                             COLLADA Refinery 2.0.3 conditionners                             Axisc...
COLLADA interchange?    Modeler A                Modeler B  Animations A              Animations BTextures, Shaders A     ...
COLLADA interchange?    Modeler A                       Modeler B                      COLLADA  Animations A              ...
COLLADA interchange?    Modeler A                Modeler B  Animations A              Animations BTextures, Shaders A     ...
COLLADA loader?    Modeler A  Animations ATextures, Shaders A     Physics A  Optimization A    Packaging
COLLADA loader?    Modeler A         COLLADA   My modeler  Animations ATextures, Shaders A     Physics A  Optimization A  ...
COLLADA loader?    Modeler A                      Polygons  Animations A                       multiple indexes           ...
COLLADA – more tools available?                                    Modeler  Max            Maya     Blender              M...
Unity Editor            Fbx or simple COLLADA (e.g. no             physics, morphing, shaders..)                       Mod...
Turbulenz SDK (WebGL)                                    ModelerMax            Maya         Blender             Modo   Cin...
Unity Editor -> WebGL Turbulenz                      using COLLADA !Modeler                    Editor                     ...
WIP: Unity Editor -> WebGL                     using COLLADA and glTF          Max                  Unity              COL...
WIP: Unity Editor -> WebGL              using COLLADA , glTF and REST3D                                                   ...
Exporter UI
Animated Skinned mesh                                            Turbulenz                                            Yes!...
Physics ?Unity- Need to have cameraand light to see physics                                            TurbulenzIn ‘run’ m...
Lightmap (glow) ?Unity                   Turbulenz                        - user provided shader                          ...
animations?Unity- SpiderRobots are ‘prefabs’Sharing the same animations-                                 Turbulenz        ...
Summary• Unity -> COLLADA -> Turbulenz  – COLLADA fulfill its promises:     • game developer can combine tools from differ...
Thank you• Links     http://biz.turbulenz.com/developers     https://collada.org/mediawiki/index.php/COLLADA_Refinery     ...
Upcoming SlideShare
Loading in …5
×

COLLADA to WebGL (GDC 2013 presentation)

9,881 views

Published on

Experimenting using COLLADA to bring content from Unity to WebGL using Turbulenz and Fl4re exporter

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

No Downloads
Views
Total views
9,881
On SlideShare
0
From Embeds
0
Number of Embeds
5,541
Actions
Shares
0
Downloads
48
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide
  • All this content need to get in the game, somehow
  • Typical content toolchain – it is a pipeline. Each stage has its own tools its own format.
  • Ok, so no I can interchange tools, add more tools to pipeline, update tools. I don’t have to write exporters
  • 6 years later, we are still doing the same things
  • Exchanging physics with a texture tool ? Loading optimized data back in a modeler? Learning a modeler to use GLSL shaders?
  • It’s really hard….
  • Only provides final stage of COLLADA pipeline
  • Turbulenz has limitations on the bone hierarchy
  • Demo -> collisions.dae
  • No glow map in turbulenz
  • COLLADA to WebGL (GDC 2013 presentation)

    1. 1. COLLADA to WebGLExperimenting using COLLADA to bring content from Unity to WebGL using Turbulenz and Fl4re exporter Rémi Arnaud remi@acm.org
    2. 2. Content creation Physics Animations Audio Images Script3D model game …
    3. 3. Content ‘Pipeline’ Modeler Object files Multiple indexes, Quads Animations Animation files Clips, bézier, complex + skins/bones Transformation graphTextures, Shaders Shader files Vertex / Fragment shaders Physics + psd Physics files Convex Mesh, collliders Optimization Binary files Single index, triangles Packaging DXTs, simplified scene package file Compressed folder
    4. 4. COLLADA – intermediate format Modeler COLLADA Multiple indexes, Quads Animations COLLADA Clips, bézier, complex Transformation graph Textures, Shaders COLLADA Vertex / Fragment shaders Physics COLLADA Convex Mesh, collliders Optimization COLLADA Single index, triangles Packaging DXTs, compressed anims package file Compressed folder
    5. 5. COLLADA Refinery (2007) COLLADA Refinery 2.0.3 conditionners Axisconverter Compress Transforms Stipper Image conversion Axis transform Coherencytest ** Use this !! Copyrighter Deindexer Triangulate Vertex cache optimization Optimizer Packagerhttps://collada.org/mediawiki/index.php/COLLADA_Refinery
    6. 6. COLLADA interchange? Modeler A Modeler B Animations A Animations BTextures, Shaders A Textures, Shaders B Physics A Physics B Optimization A Optimization B Packaging Packaging
    7. 7. COLLADA interchange? Modeler A Modeler B COLLADA Animations A Animations B COLLADATextures, Shaders A Textures, Shaders B COLLADA Physics A Physics B COLLADA Optimization A Optimization B COLLADA Packaging Packaging
    8. 8. COLLADA interchange? Modeler A Modeler B Animations A Animations BTextures, Shaders A Textures, Shaders B Physics A Physics B Optimization A Optimization B Packaging Packaging
    9. 9. COLLADA loader? Modeler A Animations ATextures, Shaders A Physics A Optimization A Packaging
    10. 10. COLLADA loader? Modeler A COLLADA My modeler Animations ATextures, Shaders A Physics A Optimization A Packaging
    11. 11. COLLADA loader? Modeler A Polygons Animations A multiple indexes image formatTextures, Shaders A mesh optimization, split complex transform hierarchy no shader programs Physics A no collision volumes verbose text (xml) parsing Optimization A Packaging My game
    12. 12. COLLADA – more tools available? Modeler Max Maya Blender Modo Cinema4D XSI Animations Poser DAZ Mixamo Textures, Shaders Photoshop FX Composer Render Monkey Physics Bullet PhysX Havok Optimization Simplygon Okino Atangeo MeshLab Packaging WebGL packaging
    13. 13. Unity Editor Fbx or simple COLLADA (e.g. no physics, morphing, shaders..) ModelerMax Maya Blender Modo Cinema4D XSI C Animations o Mecanim n t Textures, Shaders e Shader Factory n t Physics PhysX p i Optimization p e Built-in l i Packaging n IOS, Andoid, PC, Web (plugin), Flash e Unity Engine http://unity3d.com/
    14. 14. Turbulenz SDK (WebGL) ModelerMax Maya Blender Modo Cinema4D XSI Animations Poser DAZ Mixamo Textures, Shaders Photoshop FX Composer Render Monkey Imports COLLADA with physics Physics Bullet PhysX Havok Optimization dae2json Packaging json2tar , mapping.json, cgfx2json WebGL Turbulenz engine http://biz.turbulenz.com/developers
    15. 15. Unity Editor -> WebGL Turbulenz using COLLADA !Modeler Editor Exporter Converter webG L engine Max Unity COLLADA dae2json Turbulenz Maya Blender … http://u3d.as/content/fl4re/collada-dae-exporter-for-unity/3cC
    16. 16. WIP: Unity Editor -> WebGL using COLLADA and glTF Max Unity COLLADA COLLADA2GLTF TurbulenzModeler Editor Exporter converter WebGL Maya Threejs Blender ... … https://github.com/KhronosGroup/glTF
    17. 17. WIP: Unity Editor -> WebGL using COLLADA , glTF and REST3D converter glTF REST3D REST3DModeler Editor Exporter WebGL Max Unity COLLADA Turbulenz Maya Threejs Blender ... … http://rest3d.org
    18. 18. Exporter UI
    19. 19. Animated Skinned mesh Turbulenz Yes!! (Picky on hierarchy, weapons attachment currently not by default in viewer app)Unity Preview Yes!! (would love to select clip in preview)
    20. 20. Physics ?Unity- Need to have cameraand light to see physics TurbulenzIn ‘run’ mode Yes!! (some limitations getting resolved ) Preview - No physics 
    21. 21. Lightmap (glow) ?Unity Turbulenz - user provided shader mapping to enable advanced lighting Preview
    22. 22. animations?Unity- SpiderRobots are ‘prefabs’Sharing the same animations- Turbulenz Yes!! - Some minor Preview animation glitches - Works only if animations are shared!
    23. 23. Summary• Unity -> COLLADA -> Turbulenz – COLLADA fulfill its promises: • game developer can combine tools from different vendors – Turbulenz does a great job importing COLLADA • Remaining issues are being worked on – glTF / REST3D • Those technologies will make it even easier and more efficient to bring COLLADA to WebGL apps
    24. 24. Thank you• Links http://biz.turbulenz.com/developers https://collada.org/mediawiki/index.php/COLLADA_Refinery http://unity3d.com/unity/download/ http://u3d.as/content/fl4re/collada-dae-exporter-for-unity/3cC https://github.com/KhronosGroup/glTF http://rest3d.org• Questions? remi (at) acm (dot) com

    ×