Mastering the Khronos Blender glTF 2.0 Exporter

Mastering the Khronos Blender glTF 2.0 Exporter

24. October 2017

Norbert NopperThomas Kress

Webinar

Content

● What is the Blender glTF 2.0 Exporter (and what not)?● Installing the glTF 2.0 exporter in Blender● Using the glTF 2.0 environment in Blender● Using the exported glTF 2.0 scene in different viewers and engines● Q & A

What is the Blender glTF 2.0 Exporter (and what not)?

Features

● Feature set of Blender (and other DCC tools) is larger than glTF 2.0● What happens in the background during the export process?

○ Some features can be exported 1:1 e.g. images and animations.○ Some features have to be converted e.g. flat shaded mesh.○ Some features have to be constructed e.g. material linked as objects.○ Some features can not be exported e.g. specific modifiers.

● Two approaches, how to use the glTF 2.0 exporter○ Export existing scene and export as much material parameters as possible.○ Use glTF 2.0 node group for WYSIWYG.

Installing the glTF 2.0 exporter in Blender

Dependencies

● Latest version 2.79● Integrated in 2.80!

Installing the glTF 2.0 exporter in Blender

glTF 2.0 Files (Repository)

Installing the glTF 2.0 exporter in Blender

glTF 2.0 Files (Repository Download)

Needed Elements:

glTF Add-on● scripts

○ addons■ io_scene_gltf2

glTF Material● pbr-node

○ glTF2_Principled.blend

Installing the glTF 2.0 exporter in Blender

Export Add-on

GitHub repository:

https://github.com/KhronosGroup/glTF-Blender-Exporter

Using the glTF 2.0 environment in Blender

Export Menu

2 Options:

● glTF 2.0 (.gltf)○ Perfect for inspecting glTF structure

● glTF 2.0 (.glb)○ Perfect for deployment

Using the glTF 2.0 environment in Blender

PBR Workflows

Metallic-Roughness Specular-Glossiness

Using the glTF 2.0 environment in Blender

Link or Append glTF 2.0 Material Nodes

● Link○ For development

● Append○ For deployment

Using the glTF 2.0 environment in Blender

glTF 2.0 Material Nodes (based on Principled Shader)

Using the glTF 2.0 environment in Blender

PBR-Nodes

Metallic-RoughnessMaterial Node

Specular-GlossinessMaterial Node

glTF Shader Nodes:

Link or append material nodes from the Blender Exporter file (GitHub Repository)

Using the glTF 2.0 environment in Blender

glTF 2.0 PBR Textures (Metallic-Roughness Workflow)

BaseColor+Alpha(RGBA - 32 Bit) Normal

(RGB - 24 Bit)OcclusionRoughnessMetallic

R-channel

G-channel

B-channel

Using the exported glTF 2.0 scene in different viewers and engines

Blender Render

Using the exported glTF 2.0 scene in different viewers and engines

Export Dialog/Settings

Using the exported glTF 2.0 scene in different viewers and engines

Apps & Engine Supporting glTF 2.0

Using the exported glTF 2.0 scene in different viewers and engines

babylon.js

Using the exported glTF 2.0 scene in different viewers and engines

three.js

Using the exported glTF 2.0 scene in different viewers and engines

UX3D Engine

Installing the glTF 2.0 exporter in Blender

Files and Documents on GitHub

https://github.com/KhronosGroup/glTF-Blender-Exporter

https://github.com/KhronosGroup/glTF-Blender-Exporter/blob/master/docs/user.md

Q & A