FBX to/from glTF - Khronos Group · © 2016 Autodesk | Enterprise Information Services 3 What’s...

11
© 2016 Autodesk | Enterprise Information Services FBX to/from glTF Cyrille Fauvel Sr. Program Manager ADN / Forge

Transcript of FBX to/from glTF - Khronos Group · © 2016 Autodesk | Enterprise Information Services 3 What’s...

Page 1: FBX to/from glTF - Khronos Group · © 2016 Autodesk | Enterprise Information Services 3 What’s in a 3D model? Node hierarchy and geometry Materials and textures Animations and

© 2016 Autodesk | Enterprise Information Services

FBX to/from glTF

Cyrille Fauvel

Sr. Program Manager – ADN / Forge

Page 2: FBX to/from glTF - Khronos Group · © 2016 Autodesk | Enterprise Information Services 3 What’s in a 3D model? Node hierarchy and geometry Materials and textures Animations and

© 2016 Autodesk | Enterprise Information Services 2

Beyond graphics APIs,

we need a runtime

3D Model Format

2

Page 3: FBX to/from glTF - Khronos Group · © 2016 Autodesk | Enterprise Information Services 3 What’s in a 3D model? Node hierarchy and geometry Materials and textures Animations and

© 2016 Autodesk | Enterprise Information Services 3

What’s in a 3D model?

Node hierarchy and geometry

Materials and textures

Animations and skins

Page 4: FBX to/from glTF - Khronos Group · © 2016 Autodesk | Enterprise Information Services 3 What’s in a 3D model? Node hierarchy and geometry Materials and textures Animations and

© 2016 Autodesk | Enterprise Information Services 4

scene

node

camera mesh light

accessor

bufferView

buffer

material

technique texture

samplerimageprogram

shader

1

2

11

1

1 *

**

*11

*

*

*

skin

animation

*

1

1

glTF Internals

Page 5: FBX to/from glTF - Khronos Group · © 2016 Autodesk | Enterprise Information Services 3 What’s in a 3D model? Node hierarchy and geometry Materials and textures Animations and

© 2016 Autodesk | Enterprise Information Services 5

glTF Internals

5

.json

Node hierarchy, materials, lights, cameras

.bin

• Geometry: vertices and

indices

• Animation: key-frames

• Skins: inverse-bind matrices

.glsl

Shaders

.png,

.jpg, …

Textures

.glsl

Shaders

.bin

• Geometry: vertices and

indices

• Animation: key-frames

• Skins: inverse-bind matrices

.png, .jpg,

Textures

Page 6: FBX to/from glTF - Khronos Group · © 2016 Autodesk | Enterprise Information Services 3 What’s in a 3D model? Node hierarchy and geometry Materials and textures Animations and

© 2016 Autodesk | Enterprise Information Services 6

glTF viewers

three.js Loaderhttps://github.com/mrdoob/three.js/

It’s the native format!

http://cesiumjs.org/

Babylon.js Loaderhttp://www.babylonjs.com/

collada2gltf converterhttps://github.com/KhronosGroup/glTF

FBX/… to glTF Convertor(in development)

Online Drag and drop convertor coming

http://gltf.autodesk.io/

Online drag and drop COLLADA

to glTF converterhttp://cesiumjs.org/convertmodel.html

PIPELINE TOOLS

Autodesk View & Datahttp://developer.Autodesk.com/

Page 7: FBX to/from glTF - Khronos Group · © 2016 Autodesk | Enterprise Information Services 3 What’s in a 3D model? Node hierarchy and geometry Materials and textures Animations and

© 2016 Autodesk | Enterprise Information Services 7

More than just FBX

.fbx

.obj

.dae

.???

Page 8: FBX to/from glTF - Khronos Group · © 2016 Autodesk | Enterprise Information Services 3 What’s in a 3D model? Node hierarchy and geometry Materials and textures Animations and

© 2016 Autodesk | Enterprise Information Services 8

2 components

Command line tool-f/--file - file to convert to glTF [string]

-o/--output - path of output directory [string]

-n/--name - override the scene name [string]

-c/--copy - copy all media to the target directory (cannot be combined with --embed)

-e/--embed - embed all resources as Data URIs (cannot be combined with --copy)

I/O FBX runtime extension

Supported on the 3 main platforms

Windows, osx, linux

Actually can work on iOS too, but…

I/O FBX plug-in DLL

Page 9: FBX to/from glTF - Khronos Group · © 2016 Autodesk | Enterprise Information Services 3 What’s in a 3D model? Node hierarchy and geometry Materials and textures Animations and

© 2016 Autodesk | Enterprise Information Services 9

Microsoft - Babylon.js

Three.js

Autodesk Forge – View & Data API

Engine integration

Page 10: FBX to/from glTF - Khronos Group · © 2016 Autodesk | Enterprise Information Services 3 What’s in a 3D model? Node hierarchy and geometry Materials and textures Animations and

© 2016 Autodesk | Enterprise Information Services 10

https://github.com/cyrillef/FBX-glTF

http://gltf.autodesk.io

FBX-glTF

Page 11: FBX to/from glTF - Khronos Group · © 2016 Autodesk | Enterprise Information Services 3 What’s in a 3D model? Node hierarchy and geometry Materials and textures Animations and

Autodesk is a registered trademark of Autodesk, Inc., and/or its subsidiaries and/or affiliates in the USA and/or other countries. All other brand names, product names, or trademarks belong to their respective holders. Autodesk

reserves the right to alter product and services offerings, and specifications and pricing at any time without notice, and is not responsible for typographical or graphical errors that may appear in this document.

© 2016 Autodesk | Enterprise Information Services. All rights reserved