Intermediate Tutorial


Exporting a Sumerian Scene to glTF


20 minutes

Posted on: March 30, 2020

Learn Sumerian
Exporting a Sumerian Scene to glTF

Your progress

Tags

glTF
export
blender
babylon
babylon.js
three
js
three.js

In this tutorial you will learn about:

Learn how to export your Amazon Sumerian scene into a gltf file format.

Amazon Sumerian can now export to GL Transmission Format (glTF), a royalty-free specification for the efficient transmission and loading of 3D scenes and models by applications. glTF is supported by external tools such as Babylon.js, Three.js, and Blender.

In this article, you will learn about:

  • Exporting your Sumerian scene to a file in the glTF format
  • Previewing your glTF using a preview tool
  • Loading your glTF with Babylon.js and Three.js
  • Importing your glTF into Blender

Prerequisites

Step 1: Set Up a Scene to Export

In this step, we will set up a basic Sumerian scene to export. The scene will contain a few entities, a light, and a camera to demonstrate the different scene objects that Sumerian can export.

  1. Create a new Sumerian scene using the “Empty” template

  2. Once the editor loads, create a new Box, a Sphere, and a Cylinder from the Create Entity menu. This will allow us to see how Sumerian handles exporting different types of 3D models.

  3. Next, create a Directional Light from the Create Entity menu. Adjust its position in the canvas so that it shines onto the other entities. In the Light component, adjust the Intensity to 2.5 so that our light will show up clearly.

  4. Click Import Assets above the canvas and download the PBR Material Pack: Tile from the asset library. Wait for it to finish loading into the Asset Panel.

  5. Select the Box you created earlier, then select and drag the Tile_Teal_MAT material from the asset panel onto the entity’s Material component.

  6. Repeat the previous step to add the Tile_Octo_MAT material to your Sphere and the Tile_Arc_MAT material to your Cylinder.