• 沒有找到結果。

Amazon Sumerian

N/A
N/A
Protected

Academic year: 2022

Share "Amazon Sumerian"

Copied!
257
0
0

加載中.... (立即查看全文)

全文

(1)

Amazon Sumerian

User Guide

(2)

Amazon Sumerian: User Guide

Copyright © Amazon Web Services, Inc. and/or its affiliates. All rights reserved.

Amazon's trademarks and trade dress may not be used in connection with any product or service that is not Amazon's, in any manner that is likely to cause confusion among customers, or in any manner that disparages or discredits Amazon. All other trademarks not owned by Amazon are the property of their respective owners, who may or may not be affiliated with, connected to, or sponsored by Amazon.

(3)

Table of Contents

What Is Amazon Sumerian? ... 1

Use Cases ... 2

Permissions ... 3

IAM Managed Policies for Sumerian ... 3

Granting a Scene Access to AWS Services ... 3

Restricting Access to a Published Scene ... 4

Getting Started ... 6

Tutorial ... 6

Prerequisites ... 6

Create a Project and Scene ... 7

Configure the Scene ... 7

Add and Configure Entities ... 9

Add Behavior ... 11

Add VR Mode ... 14

Publish and View the Scene ... 15

Clean Up ... 15

Next Steps ... 16

Sample Model ... 16

Model Showcase ... 18

Concepts ... 21

Scenes ... 21

Components and Entities ... 21

Assets ... 21

Hosts ... 21

Projects ... 22

Templates ... 22

Dashboard ... 23

Projects ... 23

Scenes ... 24

Asset Packs ... 25

Templates ... 26

Trash ... 26

Locks ... 27

Editor ... 29

Canvas ... 30

Editor Camera Controls ... 32

Multi-Selecting Entities ... 33

Asset Library ... 36

Assets Panel ... 37

Entities Panel ... 39

Hierarchy Navigaton using the Arrow Keys ... 40

Multi-Selecting Entities ... 40

Inspector Panel ... 44

Tools ... 47

Text Editor ... 47

State Machine Editor ... 48

Timeline ... 51

Keyboard and Mouse ... 52

Publish ... 57

Export to glTF ... 62

(4)

Scene Settings ... 66

AWS Configuration ... 68

Snapshots ... 69

Document ... 71

Environment ... 72

Post Effects ... 74

Scene Size ... 76

Scene Stats ... 77

Entities and Components ... 80

Managing Entities ... 80

Managing Components ... 81

Transform ... 82

Geometry ... 85

Material ... 92

Classic Shader ... 92

Physically Based Rendering (PBR) and Environment Lighting (HDRI) ... 93

Environment Light (HDR) ... 94

PBR Materials ... 107

The PBR Metalness Material ... 107

The PBR Specular Material ... 129

Shared Material Properties ... 146

Camera ... 171

Editor Camera and Controls ... 172

Camera Types and Controls ... 174

State Machine ... 174

VRCameraRig ... 175

HMD Camera ... 175

VR Controller ... 176

Host ... 176

Speech ... 178

Gestures ... 182

State Machine ... 189

Script ... 189

Dialogue ... 190

State Machine ... 190

Script ... 192

2D Graphics ... 193

HTML ... 193

HTML 2D Component ... 194

HTML 3D Component ... 195

Using HTML Components with Scripts ... 196

Sound ... 197

Light ... 197

Particle System ... 198

Animation ... 199

Animation Terms ... 200

Animation Layers ... 200

Animation Clip Assets Workflows ... 207

User Interface Elements ... 207

Detailed User Workflows ... 213

Migrating Legacy Scenes and Animation Components ... 215

Physics (Collider and Rigid Body) ... 215

Enabling PhysX in Preview ... 215

Collider ... 217

Rigid Body ... 219

State Machine ... 219

Script ... 220

(5)

Timeline ... 221

Assets ... 224

Packs ... 225

Templates ... 226

VR Tools ... 226

AR Tools ... 227

Android Sample Project ... 228

iOS Sample Project ... 228

Hosts ... 228

Models ... 229

Skybox ... 230

Media ... 232

State Machines ... 233

Animation ... 235

Audio and Camera ... 236

AWS Features ... 236

Keyboard and Mouse ... 237

Effects and Lighting ... 238

Materials and Rendering ... 238

Physics and Collision ... 239

Logic and Transitions ... 239

Attributes and Tags ... 240

Scripting ... 242

Built-in Scripts ... 243

The Context Object ... 243

Parameters and Arguments ... 244

Parameter Format ... 245

Parameter Types ... 246

External Dependencies ... 247

Debugging ... 247

Troubleshooting ... 249

Profiling ... 249

(6)

What Is Amazon Sumerian?

Amazon Sumerian is a set of browser-based tools for creating high-quality virtual reality (VR),

augmented reality (AR), and 3D applications easily without requiring any programming or 3D graphics expertise. With Sumerian, you can construct an interactive 3D scene without any programming experience, test it in the browser, and publish it as a website that is immediately available to users.

Use the Sumerian library of assets or bring your own. Sumerian also has a library of primitive shapes, 3D models, hosts, textures, and scripts.

The Sumerian 3D engine provides a library for advanced scripting with JavaScript but you don't have to be a programmer to create interactive AR, VR, or 3D! Use the built-in state machine to animate objects and respond to user input like clicks and movement.

When you're ready to share your work with the world, you can publish it directly to Amazon CloudFront as a website. For scenes created for Virtual Reality, scenes can be viewed with a WebVR or WebXR- compatible browser. Experiences can be viewed on your desktop, mobile devices, and major VR headsets.

Note that Augmented Reality (AR) support remains unchanged, as WebXR support for AR is not yet finalized.

(7)

Amazon Sumerian Use Cases and Requirements

At the core of Amazon Sumerian is a web-based editor for constructing 3D scenes with animation, scripted interaction, and special effects. The editor runs in your web browser, and all of your data is stored in AWS. For scenes created for Virtual Reality, the editor outputs scenes to Amazon CloudFront as a website that you can load directly into any WebVR or WebXR-compatible browser and headset, or embed in your website for others to access. Note that Augmented Reality (AR) support remains unchanged, as WebXR support for AR is not yet finalized.

Note

Don't know how to script? The Sumerian editor provides a fully featured state machine for scripting animations and user interactions visually, with no coding required.

WebXR is a group of standards used together to support rendering virtual reality (VR) applications or for adding virtual elements to the real world through augmented reality (AR) experiences. WebXR applications, like any web app, are supported on several desktop and mobile operating systems. This enables you to avoid the need to port your application to different programming languages and package formats to reach all users. Sumerian provides tools and components that you can use to add VR to your scene (p. 226). Note that Augmented Reality (AR) support remains unchanged, as WebXR support for AR is not yet finalized.

Sumerian also lets you create augmented reality (AR) applications. An AR application can use your phone's camera or an AR-compatible headset to overlay graphics on the real world. Sumerian provides a template and sample application (p. 227) for creating ARKit applications for iOS and ARCore for Android devices .

Sumerian provides a library of optimized 3D objects and scene templates that you can use to construct scenes without any existing assets. If you do have 3D models, you can import them with their animations and textures by dragging them from your file system into the editor canvas. Sumerian supports models in OBJ and FBX formats.

(8)

IAM Managed Policies for Sumerian

Amazon Sumerian Permissions

You can use AWS Identity and Access Management (IAM) to grant Sumerian permissions to users and compute resources in your account. IAM controls access to AWS at the API level to enforce permissions uniformly and securely.

IAM Managed Policies for Sumerian

To make granting permissions easy, IAM supports managed policies for each service. A service can update these managed policies with new permissions when it releases new APIs. Sumerian provides managed policies for user permissions needed to use the Sumerian editor.

• AmazonSumerianFullAccess – Permission to use all Sumerian features.

{

"Version": "2012-10-17", "Statement": [

{

"Effect": "Allow", "Action": [

"sumerian:*"

],

"Resource": "*"

} ] }

To add a managed policy to an IAM user, group, or role

1. Open the IAM console.

2. Open the role associated with your instance profile, an IAM user, or an IAM group.

3. Under Permissions, attach the managed policy.

You only need access to Sumerians APIs. Sumerian manages all of the storage (Amazon S3) and content delivery (Amazon CloudFront) related to the scenes that you create outside of your account.

Granting a Scene Access to AWS Services

To use AWS services in a scene, the scene needs credentials as well. You can use Amazon Cognito Identity to create an identity pool that gives the scene access to a role with permission to use AWS. Create a role that has permissions to any services that you will access from scripts, and permissions for components that use AWS services.

To create an identity pool for a Sumerian scene

1. Open the Federated identities page in the Amazon Cognito console.

2. Choose Create new identity pool.

3. Create a pool with the following settings.

(9)

Unauthenticated identities – enabled

4. Choose Edit identity pool to see the pool details.

5. Note the Identity pool ID for later use.

When you create an identity pool, Amazon Cognito prompts you to create two roles, an authenticated role, and an unauthenticated role. Add permissions to the unauthenticated role.

To add permissions to an identity pool role for a Sumerian scene

1. Open the Roles page in the IAM console.

2. Choose the role named Cognito_pool-nameUnauth_Role.

3. Choose Attach policy and add policies for the services that your scene uses.

Speech component – AmazonPollyReadOnlyAccess gives the scene permission to use Amazon Polly to render text into audio with the speech component (p. 178).

AWS SDK for JavaScript – add policies that grant access to the services that you call with the SDK for JavaScript. For example, AmazonS3ReadOnlyAccess.

Assign the identity pool to your scene under AWS configuration (p. 68) in scene settings.

Restricting Access to a Published Scene

To prevent public access to a scene, embed it in a web app by using AWS Amplify. When you deploy a scene privately (p. 57), Amazon Sumerian packages it for playback but doesn't publish it to a public location. You can then use the Amplify library to load it into your app.

Amplify uses credentials from an Amazon Cognito identity pool to download a scene securely from Sumerian. You can grant your identity pool's role access to all scenes in your account, or just to scenes in a specific project.

To grant access to all scenes, add the following policy to your identity pool's role.

{

"Version": "2012-10-17", "Statement": [

{

"Effect": "Allow", "Action": [

"sumerian:ViewRelease"

],

"Resource": "*"

} ] }

To grant access to a single project, specify the project by using the Resource key.

{ "Version": "2012-10-17", "Statement": [

(10)

Restricting Access to a Published Scene

],

"Resource": "arn:aws:sumerian:region:accountid:project:projectname"

} ] }

(11)

Amazon Sumerian Tutorials and Samples

You can start working with the Sumerian editor quickly with just a web browser. We recommend using the latest versions of Google Chrome or Firefox.”

To get familiar with the Sumerian editor, build a scene by using the getting started tutorial (p. 6).

The tutorial introduces entity management, cameras, configuration, and state machines.

Next, learn about working with external assets by downloading and importing a sample character model (p. 16). You can create models with free tools and import them into your Sumerian scene, converting them to Sumerian assets with texture and animation data intact.

Do more with cameras and state machines by recreating the model showcase scene (p. 18). Learn how to configure a camera script and use a state machine to trigger animations in response to user input.

Getting Started with Amazon Sumerian

To get started with Amazon Sumerian, assemble a scene from assets in the Sumerian library. In less than an hour, you can create a scene with assets form the Sumerian asset library, state machine animation, and support for virtual reality (VR) headsets. This tutorial also shows basic use of scripting with the speech component, which uses Amazon Polly to render text into audio.

Sections

• Prerequisites (p. 6)

• Create a Project and Scene (p. 7)

• Configure the Scene (p. 7)

• Add and Configure Entities (p. 9)

• Add Behavior (p. 11)

• Add VR Mode (p. 14)

• Publish and View the Scene (p. 15)

• Clean Up (p. 15)

• Next Steps (p. 16)

Prerequisites

To use the Sumerian editor, you need permission to use Sumerian APIs on your IAM user. Additionally, the scene itself needs permission to call Amazon Polly. You provide this permission by creating a role and

(12)

Create a Project and Scene

Supported VR Headsets

• Oculus Rift

• Oculus Go

• Oculus Quest

• Oculus Rift 5

• HTC Vive

• HTC Vive Pro

• Samsung Gear VR

Create a Project and Scene

Create a project and a scene. The project can contain multiple scenes, as well as asset packs and templates that you create from those scenes.

To create a project and scene

1. Open the Sumerian dashboard.

2. Choose Projects, New project.

3. Enter tutorials for the project name and then choose Create.

4. Choose Create new scene.

5. Enter seesaw for the scene name and then choose Create.

Configure the Scene

A skybox is a texture or set of textures that wraps around the scene to provide a background image. Add a skybox from the Sumerian Asset library.

To import a skybox from the Sumerian library

1. Choose Import assets at the top of the screen.

2.

Choose Blue skysphere. If you don't find it right away, click the skybox icon to filter the list.

3. Choose Add.

This adds the skybox asset pack to the Asset panel. The pack contains the skybox asset, and the PNG- formatted texture that the skybox uses. Add the skybox to the scene in the scene settings under Environment. While you're there, add some fog and snow.

To configure the scene's environment

1. Choose the root node (seesaw) in the Entities panel, or click on the background of the scene in the canvas. The groups of options that appear in the inspector panel on the right side of the screen are scene settings.

2. Click the Environment section to expand it. Expand the Skybox, Fog & Ambient, and Particles sections under it.

3. Click and drag the Blue skysphere skybox from the assets panel to the Drop skybox field in the inspector panel to attach it to the scene.

(13)

4. Choose Fog to enable it and configure its parameters:

Fog near – 5

Fog far – 20

This starts fading in fog at 5 units away from the camera, and completely obscures anything 20 units away or farther.

5. Choose Snow to enable it, and then configure its parameters:

Velocity – 20

Rate – 30

Height – 100

6. Click the play button at the bottom of the screen to see the snow fall. Adjust the velocity and rate of the snow to your liking. Changes to these settings are applied immediately during playback mode.

Later in this tutorial, you configure the scene to use Amazon Polly to render text into audio during playback. To do this, your scene needs credentials to use the AWS SDK for JavaScript in the web browser.

Give the scene credentials by assigning it the ID of the identity pool that you created in the prerequisites section (p. 6).

To configure AWS SDK for JavaScript credentials

1. Choose the root node in the Entities panel.

2. Expand the AWS configuration section in the inspector panel.

3. Enter the Amazon Cognito identity pool ID.

(14)

Add and Configure Entities

Add and Configure Entities

Add some ground to the scene.

To add a snowy field to your scene

1. Choose Create entity.

2.

Under 3D primitives, choose the quad .

The quad is selected automatically. If you select something else, you can click it in the canvas or entities panel to select it again

3. The quad's components appear in the inspector panel on the right side of the canvas. Expand the top section and change the name of the entity to ground. The change is reflected in the section name and entities panel immediately.

4. Expand the Transform section, and then enter the following values:

X rotation – -90

X, Y, and Z scale – 100

Static – enabled

5. Expand the Material section and review the settings on each layer. You can click the diffuse or specular colors to choose a different color, or drop image files to add textures.

The space near the camera right now is pretty dark. Add a directional light to light the scene, like the sun is shining in it.

To add a directional light

1. Choose Create entity.

2. Under Lights, choose Directional.

3. Expand the Transform section, and then enter the following values:

Y translation – 10

X rotation – -30

(15)

Y rotation – -60

Static – enabled

4. Expand the Light section and enable Shadows.

Add a blank entity to represent the seesaw, and shapes for the fulcrum and plank.

To add the seesaw

1. Choose Create entity.

2. Under Others, choose Entity.

3. In the inspector panel, change the name of the entity to seesaw.

4. Choose Create entity, and then add a cylinder to the scene.

5. Rename the cylinder to fulcrum, uncheck Uniform scale, and set the Z scale to 0.6. Set the diffuse color to yellow.

6. Add a blank entity. Rename it to plank. This blank entity will serve as the parent to the plank model, as well as a camera and host entity that will move with the plank.

7. Add a box entity. Rename it to plank model. Apply the following transform and set the diffuse color to blue:

Y translation – .5

Z rotation – 12

X scale – 4.5

Y scale – 0.1

Z scale – 0.6

Static – disabled

Next, import a host from the Sumerian library. Hosts are Sumerian-provided character models with built- in animation and support for speech.

To add a host

1. Choose Import assets.

2. Choose Cristine, Luke, or Preston. Then choose Add.

(16)

Add Behavior

Y translation – 0.97

Z rotation – 12

Y rotation – -90

X, Y, and Z scale – 1.3

Static – disabled

Finally, use the Entities panel to organize the entities that you created into a hierarchy. Drag an entity onto another one to make them parent and child.

Add Behavior

You can add behavior to your scene by attaching script or state machine components to entities.

A state machine lets you add behavior visually by choosing actions that are triggered by events, and organizing them into states. Add a state machine to the plank entity to animate it and its children.

To animate the plank with a state machine.

1. Choose the plank in the entities panel.

2. In the inspector panel, choose Add component. Then choose State machine.

3. Click the plus symbol next to the behavior field to create a new behavior. Name it animate.

4. The State machine panel appears with a single state. Name the state up , and then choose Add action.

5. Under Animate, choose Tween rotate. Apply the following properties:

Z rotation – -24

Relative – disabled

Time – 1000

Easing type – Linear

Direction – In

(17)

6. Choose Add action again, and then add a Wait action. Apply the following properties:

Time – 2000

Random – 0

7. In the State machine panel, choose Duplicate state to make a copy of up. Double-click the new state to open it in the inspector panel.

8. Change the state's name to down, and then change the rotation value from -24 to 0.

9. In the State machine panel, each state shows two events, one that occurs at the end of the animation, and one that occurs at the end of the wait action. Click the On wait end event under up and drag a line to the down state. Then do the same in the other direction.

10. Play the scene to watch the seesaw animate.

Add a camera to the other end of the seesaw and make it the default camera. During playback, the user will stay in one location and look around the environment. A built-in camera script allows the user to look around with the mouse prior to entering VR mode.

To add a camera with mouse look controls

1. Choose Create entity, and then add a fixed camera to the scene. Rename it to user, and then apply the following transform:

X translation – -2.5

Y translation – 1.2

Y rotation – -90

(18)

Add Behavior

FOV – 35

4. Choose Add component, and then add a script component to the camera.

5. Click the plus symbol next to the script field, and then choose Mouse look control. This adds an instance of the mouse look built-in script. All instances of a script share the same script code, but have separate parameter values.

6. To prevent the user from looking too low, change the Min ascent parameter to -40.

7. Play the scene and confirm the camera's behavior. Click and drag the left mouse button to look around the scene. You can adjust the script's parameters during playback and see how they affect the controls immediately.

Hosts come with a speech component attached. To use it, you need to add AWS credentials to your scene, add text files to the component, and add a script or state machine component to trigger the speech during playback.

For this example, you'll use a script to do something that the state machine can't—choose and play a file at random. If you haven't already configured AWS credentials for your scene as described in the prerequisites section (p. 6), do that first.

To configure speech on the host

1. Choose the host in the canvas or entities panel.

2. Under Speech, drop some text files onto the speech field. You can use the files in this archive:

sonnets.zip.

3. Choose a voice for the host. See Available voices in the Amazon Polly Developer Guide for a list of voices sorted by locale.

4. Add a script component to the host.

5. Click the plus symbol next to the script field, and then choose Custom.

6. Click edit (pencil icon) in the script instance parameters to open the script in the text editor. You can also press the J key to open the text editor at any time.

7. Double-click the script name (Script) in the Documents list to change the name to RandomSpeech.

8. Replace the placeholder setup function with the following.

var setup = function(args, ctx) {

sumerian.SystemBus.addListener('aws.sdkReady', () => {

var speechComponent = ctx.entity.getComponent("speechComponent");

var speeches = speechComponent.speeches;

var speech = speeches[Math.floor(Math.random() * speeches.length)];

speech.play();

}, true );};

This script waits for the AWS SDK for JavaScript to load and retrieve credentials. Then it gets a reference to the speech component on the same entity (the host), and gets a list of all of the attached speeches. It chooses a speech from the array and plays it.

9. Play the scene to see the host recite a speech.

10.

Return to the speech component and click next to each speech file to add gesture markup.

11. Play the scene again to see the host recite a speech with gestures.

(19)

Add VR Mode

So far you've only used a standard camera in playback mode. Add a virtual reality (VR) rig to let users view the scene in 3D with a VR headset and head tracking. Sumerian bundles the entities and scripts required for VR mode in an asset pack named CoreVR.

To add VR mode

1. Choose Import assets, and then add the CoreVR asset pack to your scene.

2. When the asset pack finishes loading, drag the VRCameraRig entity onto the canvas to add it to your scene.

3. Choose the VRCameraRig entity.

4. Choose the VRCameraRig component.

5. Choose the Current VRCameraRig option to enable the rig.

6. Uncheck the Start at current camera option. This enables use of the camera rig where it's placed in the scene, instead of using the location of the non-VR camera when the user enters VR mode.

7. In the entities panel, drag the VRCameraRig entity onto the plank entity to make it a sibling to the user camera.

8. Choose the user camera. Click the cog icon on the Transform section, and then choose Copy to copy the transform values.

9. Choose the VRCameraRig. Click the cog icon on the Transform section, and then choose Paste to paste the transform values from the user camera.

10. Use the green transform handle to adjust the height of the VR camera relative to the plank.

(20)

Publish and View the Scene

11. Play the scene and click the VR headset icon to enter VR mode.

Publish and View the Scene

Time to share your scene with the world. Publish the scene with Amazon CloudFront to host it as a website that anyone can see.

To publish the scene

1. Open your scene in the Sumerian editor.

2. Choose Publish.

3. Choose Create public link.

4. Choose Publish.

Clean Up

Your published scene is public and will stay online until you unpublish it.

To unpublish the scene

1. Choose Publish.

(21)

2. Choose Unpublish.

3. Choose Unpublish.

You can keep the Sumerian scene and project around for use with other tutorials, or delete them. You can always restore the deleted items later from the trash menu.

To delete the project

1. Open the Sumerian dashboard.

2. Choose a project.

3. Under Project details, choose Delete.

If you created an identity pool for this tutorial and don't plan to use it again, delete it in the Amazon Cognito console.

Next Steps

Learn more about Sumerian in the next chapter, Amazon Sumerian Concepts (p. 21).

Working with a Sample Model

A sample model in FBX format is available in the amazon-sumerian-user-guide GitHub repository. The model includes animations that you can use to explore animation-related features in Sumerian.

Download the model by using this link: american-robin.fbx

Example Scene

Click or tap the model to play a random animation.

The model file contains multiple types of data:

Mesh data – The 3D wireframe that defines the shape of the model.

Texture data – The 2D image that wraps around the mesh to color the model.

Animation data – The skeleton that deforms the mesh, and animations that move the skeleton.

Other entities – The file can also include auxiliary entities such as lights and cameras.

When you import a model file, Sumerian processes it and stores the resulting assets in the scene.

To import the model

1. Open the Sumerian dashboard.

2. Choose or create a project (p. 23).

3. Create a new scene (p. 24).

4. To import the model, drag it from your computer's file explorer onto the canvas.

(22)

Sample Model

Material – The material that contains the texture and shader configuration for the model.

mesh_Material_Mesh – The model's wireframe mesh.

Skeleton – The animation skeleton from the model's armature.

Armature|BEAK, Armature|HOP, Armature|JUMP, Armature|PECK, Armature|FLAP – A clip for each animation take in the model file.

Animations – A container for the animation clips that can be applied to an animation component (p. 199).

For more information about each type of asset, see Amazon Sumerian Assets (p. 224).

Adding the model to your scene is a separate step that takes the assets from the model and creates entities that represent them in the scene.

To add the imported model to your scene

1. Drag the american-robin.fbx entity from the Assets panel onto the canvas.

2. Sumerian adds multiple entities to your scene in a hierarchy, as shown in the Entities panel:

american-robin.fbx – An empty entity with an animation component that contains the model's animations.

thrush_Material – The visible part of the model, contained in an entity that has geometry and material components. The geometry component contains the model's mesh and skeleton. The material component contains the texture file and shader settings. This model uses a diffuse shader with smooth shading.

light-1, light-2, light-3 – Three point lights that light the model. You can drag these to a different location in the hierarchy or delete them and create new lights.

Armature – An empty entity that represents the armature that was used to rig the model for animation.

Adding the model to your scene creates a copy of the entities that it comprises. The other types of asset in the model, however, are referenced from the scene's assets. So when you add the same model to your scene multiple times, they have independent entity settings, such as location, rotation, and scale. But they also share references to the texture, material, and animation assets.

If, for example, you change the opacity on the material component of the thrush_Material entity, it changes the settings on that material in the Assets panel, and on any other copies of the model created in the past or in the future. Alternatively, if you change the Y rotation of the entity in the scene, it affects only that instance of the model. And if you change the rotation of the entity in the Assets panel, it affects only new copies of the model that you add to the scene after setting the rotation.

Within the Assets panel, the model's assets are organized into an asset pack. To create a copy of the asset pack that you can import into other scenes, export it to your project.

To export the model in an asset pack

1.

Choose the asset library icon to export the asset pack.

2. Choose a category for the pack. For models with multiple types of asset, you can choose Entities or Other.

3. Choose Add to asset library.

You can now import the model into other scenes by choosing Import assets at the top of the scene. Each time you import or export an asset pack it creates a copy with no references or links to other scenes.

(23)

Learn how to make the model interactive and customize the scene camera in the next topic (p. 18).

Building a Model Showcase

To showcase the sample model (p. 16), the example scene uses a state machine and one of the built-in camera types. The state machine waits for user input (click or touch), and triggers one of the animations included in the model at random. The orbit camera type supports both mouse and touch input for orbiting, zooming, and panning.

Example Model Showcase

Use the following procedures to recreate the sample scene.

To add the state machine behavior

1. Choose the parent entity, and then choose Add component, State machine.

2. To create a behavior, choose the plus symbol in the state machine panel. Add the following states and actions.

Example States for triggering animation

• initialize – Pause animation pauses all animations on the entity. This prevents the default animation from playing when the scene starts. Click/tap on entity transitions to the next state when the user interacts with the model.

• randomizer – Random transition chooses between two states. Chain multiple randomizer states together to link to all available animations.

• animate – Set animation sets the active animation. After the animation plays for the specified number of loops, it transitions to the next state. Resume animation plays the animation.

(24)

Model Showcase

The scene camera has an orbit and pan script that supports the following controls.

Controls

Orbit – Right-click and drag, or touch and drag.

Pan – Middle-click and drag, or two-finger touch and drag.

Zoom – Mouse wheel or pinch.

Add the camera to the scene and configure it to orbit around the origin point, where the model is.

To add the camera

1. To add a camera to the scene, choose Create entity, Orbit camera.

2. In the transform component, apply the following settings:

X translation – 5.5

Y translation – 3.5

Z translation – 4

X rotation – -20

Y rotation – 50

3. In the camera component, apply the following settings:

Main camera – enabled

FOV – 30

4. In the script component, apply the following setting:

Look at distance – 7.65

The look at distance is the distance from the camera to the model, so the model stays in the center of the screen as you click-drag or touch-drag to move the camera around. If you move the camera to a different starting point, you can recalculate the look at distance by taking the square root of the sum of the squares of the camera's X, Z, and Y translations.

Set the background color in the scene's environment settings (p. 72).

To set the background color

1. Choose the root node in the Entities panel.

(25)

2. Expand the Environment section in the inspector panel.

3. Choose the background color square.

4. To choose a color, use the color picker or enter a hex or RGB color code. The example scene uses color hex adcac8.

Play the scene in the editor, or publish it (p. 57).

(26)

Scenes

Amazon Sumerian Concepts

Amazon Sumerian lets you create virtual reality (VR), augmented reality (AR), and 3D scenes that are made up of components and entities, organized into projects. Let's look closely at the concepts used in the Sumerian editor and this guide.

Scenes

A scene is a 3D space that contains objects and behaviors that define a VR or AR environment. Objects include geometry, materials, sounds that you import from a supported file format, and objects that you create in the scene like lights, cameras, and particle effects. Behaviors include state machine behaviors, animations, timelines, and scripts.

When you're ready to show off your scene, export it directly to Amazon CloudFront as a static website that you can open in a browser.

See Scenes (p. 24) for more information.

Components and Entities

All objects and behaviors are components that combine to create entities. For example, when you import a 3D model and add it to a scene, the editor creates an entity that has a geometry component, a material component, a transform component, and an animation component. You can then use the editor to add a rigid body, colliders, and other components to the entity.

See Amazon Sumerian Entities and Components (p. 80) for more information.

Assets

Assets are the images, sounds, scripts, models, and documents that you import into Sumerian to use in a scene. You can manage assets independently of the scenes that use them in the asset library. Assets can belong to a user or project.

See Asset Packs (p. 25) for more information.

Hosts

A host is an asset provided by Sumerian that has built in animation, speech, and behavior for interacting with users.

(27)

Hosts use Amazon Polly to speak to users from a text source. You can use hosts to engage users and guide them through a virtual experience.

See Amazon Sumerian Host Component (p. 176) for more information.

Projects

Projects are an organizational tool for managing scenes, assets, and templates.

See Projects (p. 23) for more information.

Templates

Templates let you save a copy of a scene to use as a starting point for other scenes. Templates belong to a project. Sumerian provides several templates, which you can access from the dashboard.

See Templates (p. 26) for more information.

(28)

Projects

The Amazon Sumerian Dashboard

The Dashboard is the first thing you see when you open Amazon Sumerian. This is where you manage your projects, scenes, asset packs, and templates.

Projects collect scenes and the templates and asset packs that you export from them. You can create draft projects outside of a project, but you must have a project to export templates and assets.

When you open a scene in the editor, it is locked to prevent other users from modifying it. The dashboard manages locks and lets you steal a lock if the other user leaves a scene open by accident.

Topics

• Projects (p. 23)

• Scenes (p. 24)

• Asset Packs (p. 25)

• Templates (p. 26)

• Trash (p. 26)

• Locks (p. 27)

Projects

Projects collect the scenes that you are working on. You can create up to 1,000 projects per region.

(29)

To create a project

1. Open the Sumerian dashboard.

2. Choose Projects.

3. Choose New project.

4. Enter a project name and choose Create.

Once you have a project, you can use the dashboard to make a copy or delete it.

To manage a project

1. Open the Sumerian dashboard.

2. Choose a project.

3. Under Project details, use one of the following options.

Thumbnail – Choose Browse to upload a thumbnail image.

Name – Change the project name.

Description – Change the project description.

Actions – Move or Copy the project. Delete the project to send it to the Trash.

Published URLs – Choose View URL List to get links to all of the project's scenes that have been published in Amazon CloudFront.

Scenes

A scene is a 3D space that you manage in the dashboard and work on in the Sumerian editor. Sumerian provides several templates that you can use as a starting point.

Scenes can be drafts, or part of a project. You can create up to 10,000 scenes per region.

To create a scene

1. Open the Sumerian dashboard.

2. Choose the location to create the scene.

Home – Create a draft scene.

Drafts – Create a draft scene.

(30)

Asset Packs

When you create a scene, it opens in the Sumerian editor (p. 29) for immediate use. Once you have a scene, you can use the dashboard to make a copy or delete it. Choose the Sumerian icon in the upper left corner to leave the scene and return to the dashboard.

To manage a scene

1. Open the Sumerian dashboard.

2. Locate your scene under Recent scenes, Drafts, or a project.

3. Choose the scene by clicking its thumbnail.

Note

If you click on the name of the scene or double-click the thumbnail, the scene opens in the Sumerian editor.

4. Under Scene details, use one of the following options.

Thumbnail – Choose Browse to upload a thumbnail image.

Name – Change the scene name.

Description – Change the scene description.

Tags – Add tags to the scene for use with filters.

Actions

Open – Open the scene in the Sumerian editor.

View published – (public scenes) Open the published version of the scene hosted in Amazon CloudFront.

Download Amplify JSON – (private scenes (p. 57)) Download the Amplify configuration file.

Move – Move the scene to a different project.

Copy – Copy the scene to a different project.

Duplicate – Create a copy of the scene in the same project.

Delete – Send the scene to the Trash

Additional options for scenes are available in the Sumerian editor scene settings (p. 66).

Asset Packs

The Assets page for a project shows asset packs that have been exported from a scene.

In the dashboard, you can change the name and description of a pack, and copy or move it to another project.

To manage an asset pack

1. Open the Sumerian dashboard.

2. Choose a project.

3. Choose Assets.

4. Choose an asset pack.

5. Under Asset details, use one of the following options.

Thumbnail – Choose Browse to upload a thumbnail image.

Name – Change the asset pack name.

Description – Change the asset pack description.

Tags – Add tags to the asset pack for use with filters.

Actions

(31)

Move – Move the asset pack to a different project.

Copy – Copy the asset pack to a different project.

Delete – Send the asset pack to the Trash

Additional options for asset packs are available in the Sumerian editor (p. 225).

Templates

Templates are scenes that have been exported from a project for use as a starting point for other scenes.

In addition to the templates provided by Sumerian, the dashboard lets you manage templates that you have exported from a scene.

You can use the dashboard to create a scene from a template, or move or copy templates between scenes. Sumerian also provides a library of templates.

To create a scene from a template

1. Open the Sumerian dashboard.

2. Choose Create new scene.

3. Choose one of the Sumerian Templates, or choose My templates to use a template from one of your projects.

4. Enter a name for your scene and choose Create.

Create templates from your scenes from the scene settings section (p. 66) in the Sumerian editor. You can then copy your templates to other projects from the Templates section of the scene's project page in the dashboard.

To manage a template

1. Open the Sumerian dashboard.

2. Choose a project.

3. Choose Templates.

4. Choose a template.

5. Under Template details, use one of the following options.

Thumbnail – Choose Browse to upload a thumbnail image.

Name – Change the template name.

Description – Change the template description.

Tags – Add tags to the template for use with filters.

Actions

Move – Move the template to a different project.

Copy – Copy the template to a different project.

Delete – Send the template to the Trash

Trash

(32)

Locks

You use the trash menu to restore deleted items or delete them permanently.

To restore a deleted item

1. Open the Sumerian dashboard.

2. Choose Trash.

3. Choose an item, and then choose Restore.

Restored items are returned to their original project.

To avoid paying storage costs for deleted items, delete them permanently.

To delete items permanently

1. Open the Sumerian dashboard.

2. Choose Trash.

3. Choose an item, and then choose Delete.

or

Choose Empty trash.

4. Choose Delete.

Locks

The Amazon Sumerian editor uses locks to control modifications to a scene. When you open a scene, the editor creates a lock on the scene and refreshes it periodically. If you try to open the scene in a different browser while the lock is active, you will see an error.

(33)

You can force Sumerian to discard the lock if you are sure that no one else is working on the scene, or create a copy of the scene and work on that.

(34)

Amazon Sumerian Editor

The Sumerian editor provides an interface for easily importing assets, building a scene, and publishing the scene on the internet.

When you load a scene in the Sumerian editor, you can see a menu bar at the top of the screen, the entities panel, the assets panel, the canvas, and the inspector panel. This menu bar provides menus for navigating between scenes, accessing tools, and publishing.

Top bar

Scene – Return to the dashboard, open a recent scene, or export the scene.

Tools – Access the text editor, behavior editor, and timeline editor.

Create entity – Add a shape, light, camera, or blank entity to the scene.

Import assets – Open the asset library.

Help – View the shortcut list or submit feedback.

• Username – Log out.

The status bar at the bottom of the screen shows updates about save, import, and rendering operations.

Status bar

(35)

• Progress bar – Shows information about the current activity, such as model uploading.

• Path – The current user, project, and scene.

The following topics describe the menu options in each of the areas of the editor.

Panels and Menus

• Amazon Sumerian Editor Canvas (p. 30)

• Importing Assets From the Asset Library in the Amazon Sumerian Editor (p. 36)

• Using the Assets Panel in the Amazon Sumerian Editor (p. 37)

• Using the Entities Panel in the Amazon Sumerian Editor (p. 39)

• Using the Inspector Panel in the Amazon Sumerian Editor (p. 44)

• Using the Tools in the Amazon Sumerian Editor (p. 47)

• Keyboard and Mouse Controls for the Amazon Sumerian Editor (p. 52)

• Publishing Scenes in the Amazon Sumerian Editor (p. 57)

• Exporting to glTF from the Amazon Sumerian Editor (p. 62)

Amazon Sumerian Editor Canvas

The WebGL-rendered viewport is located in the center of the Sumerian editor. Here you can navigate, inspect, and preview the contents of your scene.

(36)

Canvas

(37)

The menu bar at the top of the canvas has options for camera, playback, and rendering. Many of the buttons also have equivalent keyboard commands (p. 52).

Canvas Menu

– Change the transform handles to translate mode.

– Change the transform handles to rotation mode.

– Change the transform handles to scale mode.

– Switch between relative and absolute positioning.

– Choose the render mode for the canvas.

– Show or hide the skybox (p. 230) texture.

– Show or hide the grid.

– Show or hide post effects.

– View the scene with a preset camera.

– Fill the canvas with the selected entity.

– Fill the canvas with all entities in the scene.

– Fill the screen with the canvas.

– Hide or show side panels.

– Preview the rendered scene in the canvas.

Editor Camera Controls

Editor Camera Mouse and Keyboard Controls

Right-Drag – Orbit around the position in the center of the canvas.

(38)

Multi-Selecting Entities

Note: Trackpads are supported by Sumerian. Trackpad controls will use the respective mouse actions defined by the settings on your computer

By default, middle-clicking in Firefox enables autoscroll. To use the middle button to pan within a Sumerian scene, you will need to change your browser settings:

1. Open up a new tab in your browser.

2. Type in about:config in the URL search bar.

3. Search for general.autoScroll in the Preference search bar.

4. Once general.autoScroll populates, double-click the true value to make it false.

Multi-Selecting Entities

Sumerian now supports the ability to select multiple entities. To select multiple entities using the canvas, Left-Drag your cursor to create a blue bounding box. All entities whose individual bounding boxes intersect, or are enclosed in the box, will be selected. Additional entities can be added to the selection by holding SHIFT + Left-Drag to create another bounding box. Entities can be subtracted from the selection by selecting them while holding CMD(Mac)/Ctrl(Windows).

(39)

Once multiple entities are selected each entity will be highlighted.

(40)

Multi-Selecting Entities

If multiple entities are selected you can performing the following actions:

• Delete all entities by clicking the delete button in the Entities panel.

• Duplicate all entities by clicking the duplicate button in the Entities panel.

• Change Transform values by moving the canvas handles. The Transform handles will be placed at the average position of all selected entities.

Note that if multiple entities are selected, the Inspector panel will be disabled.

(41)

Importing Assets From the Asset Library in the Amazon Sumerian Editor

You can use the Sumerian editor's asset library to import assets from the Sumerian library, your local machine, or from asset packs (p. 225) that you export from a scene.

To import assets

1. Open a scene in the Sumerian editor.

2. Choose Import assets.

3. Choose an asset type (p. 224) to filter the available assets by type.

4. Choose an asset pack, and then choose Add to add it to your scene's assets.

(42)

Assets Panel

5. After the editor finishes importing the asset pack, drag the entity that it contains (look for the hexagon icon) from the assets panel (p. 37) onto the canvas to add it to your scene.

Assets can also be imported from your local disk under Import from Disk. To import assets choose Browse or drag and drop in the drop input.

Using the Assets Panel in the Amazon Sumerian Editor

The assets panel shows all assets that belong to the scene. Assets are portable versions of entities or entity components. You can create them from external files or from entities that you create within the editor.

(43)

To create an asset, drop a file from your machine, or an entity from the entities panel, onto the assets panel. Depending on the type of file, you may be able to split the file into multiple assets.

The Default Pack is included in every Sumerian scene. This pack is used to store default assets and any other assets that do not belong in a specific pack.

Sumerian now supports the ability to select multiple assets. To select multiple assets using the Assets panel select an asset, hold SHIFT and click another entity to select all the sequential entities between the two selected assets. Hold the CMD(Mac)/Ctrl(Windows) key to toggle the selection state of individual, or

(44)

Entities Panel

Available Actions Using the Assets Panel

• Filter assets using the asset icons at the top of the panel

• Create, manage, and move packs and assets

• Drag and drop entity assets to canvas or Entities panel to add them to your scene

• Drag and drop assets to Inspector panel to apply the asset to selected entities

• Assets can also be applied to other assets, such as adding a behavior to a state machine component, or editing an entity-type-asset that is not in the scen

• Assets that do not appear in the scene can be selected and edited in the Inspector panel

Action Buttons for Assets

The following buttons will appear when hovering over an asset.

• Edit button to edit assets in the Inspector panel. This is only applicable to some assets

• Dependencies button to to show asset dependencies (other assets that depend on the selected asset)

• Duplicate button to duplicate assets

• Delete button to delete assets. Note that assets used in the scene cannot be deleted

Action Buttons for Asset Packs

The following buttons will appear when hovering over an asset pack.

• Create a new asset and add it to the selected pack

• Add asset packs to the Asset Library

• Delete unused dependencies from the selected pack

• Delete the selected asset pack

Using the Entities Panel in the Amazon Sumerian Editor

The entities panel shows you a scene's entities in a hierarchy, starting with the scene itself. An entity can be a child of the scene or of another entity. When you choose the scene in the entities panel, the inspector panel (p. 44) (on the right side of the editor) shows the scene's settings. When you choose an entity, the inspector panel shows the entity's components.

(45)

Organize your entities by their physical or logical relationship to other entities. An entity's position, rotation, and scale are relative to its parent. When you move the parent, the child moves as well. To change an entity's parent, drag and drop it onto the new parent in the entities panel.

Entities panel controls

– Collapse the entity to hide its children in the entities panel.

– Hide or show an entity in the canvas.

– Duplicate an entity.

– Delete an entity.

– Undo or redo changes.

Double click an entity's name to rename it. Double click the entity's icon to frame it in the canvas.

Hierarchy Navigaton using the Arrow Keys

Use the keyboard arrows to navigate selections in the Entities panel. The UP and DOWN arrows move the selection up and down through displayed entities in the hierarchy when a single entity is selected.

The LEFT/RIGHT arrow keys navigate up/down to sibling entities (entities that share the same parent). If a parent entity is expanded the LEFT arrow keys in the hierarchy. will collapise it. If a parent entity is not expanded the RIGHT arrow keys will expand the entity to display the child entities.

Lastly, if an entity is selected but hidden by a collapsed parent or grandparent entity, clicking any of the four arrow keys will make the selection visible on the first click. After this expansion, the arrow keys will return to their normal functions.

Note that when multiple entities (non-siblings) are selected the arrow keys cannot be used to navigate.

Multi-Selecting Entities

Sumerian now supports the ability to select multiple entities. To select multiple entities in the Entities panel select an entity, hold SHIFT and click another entity to select all the sequential entities between the two selected entities. The scene node (the top level entity) cannot be included in a selection of multiple entities.

(46)

Multi-Selecting Entities

Hold the CMD(Mac)/Ctrl(Windows) key to toggle the selection state of individual, or non-sequential entities.

(47)

Once multiple entities are selected each entity will be highlighted in the canvas.

(48)

Multi-Selecting Entities

If multiple entities are selected you can perform the following actions:

• Delete all entities by clicking the delete button in the Entities panel

• Duplicate all entities by clicking the duplicate button in the Entities panel

• Change Transform values by moving the canvas handles

• Reparenting - moving child entities from one parent to another

Note that if multiple entities are selected, the Inspector panel will be disabled.

(49)

Using the Inspector Panel in the Amazon Sumerian Editor

Use the inspector panel to manage scene settings, entities, and assets. When you select any of these elements in the Sumerian editor, you get the following properties in a section named after the element.

(50)

Inspector Panel

When you choose the scene in the entities panel (p. 80), or click the scene's background in the canvas, the inspector panel shows several additional sections for settings that apply to the entire scene. These include environmental settings, post-processing effects, and AWS SDK credentials. See ??? (p. 66) for more information.

Generic properties

Thumbnail – The thumbnail image for the element. Drop an image onto the drop input. Alternately, pause your cursor over the drop input and choose Take screenshot to save an image of the current view of the canvas.

Name – The name of the element.

ID (read-only) – A unique identifier for the element.

Type (read-only) – The type of element: scene, entity, or an asset type (p. 224).

Description – Description of the element.

(51)

Tags – Key-only metadata that you can use in scripting. You can read tags or search for entities with specific tags by using the context object (p. 243).

Custom attributes – Key-value metadata that you can use in scripting. You can read attributes by using the context object (p. 243).

The inspector panel contains the components and settings for all your entities. As seen in the image above, if the root entity (or scene entity) is selected, you will see global components and properties. If another entity within the scene is selected, you will see components specific to that entity. For example, select the Default Camera in the entities panel and you will see the components attached to the camera entity. Choose + Add Component to add more components.

When you choose an entity in the entities panel, or click it in the canvas, the inspector panel shows a section for each component on the entity. At a minimum, every entity has a transform component that determines its location, rotation, and size. Entities you create by dropping assets onto the scene have additional components based on their type. You can add components to any entity in the inspector panel by choosing Add component at the bottom of the panel. See ??? (p. 80) for more information.

When you choose an asset in the assets panel (p. 37), the inspector panel shows sections for only components that apply to every instance of the asset in the scene. For example, a script asset only has code, but a script component on an entity can have parameters that customize that instance of the script. A material asset, however, has all of the material component (p. 92) properties. Modifying any of these properties changes every instance of the material in the scene.

Note that if multiple objects are selected, the Inspector panel will be disabled.

(52)

Tools

Using the Tools in the Amazon Sumerian Editor

The Sumerian editor has three tool panels for working with complex assets and components:

• The Text editor provides an interface for authoring scripts, JSON documents, and speech files.

• The Timeline editor animates entities between keyframes.

• The State Machine editor lets you visually construct and connect state machine behaviors and actions.

Text Editor

The text editor lets you view and modify all text assets in the scene, including scripts, JSON documents, and speech files.

(53)

To use the text editor, choose Tools, Text editor. Or press the J key.

The Documents panel lists the text assets in your scene. Click one to open it in a tab. To rename an asset, highlight it and click the pencil icon.

When you open a script, the External Resources panel appears. You can use this panel to import librariesfrom the internet that your script depends on. See External Dependencies (p. 247) for more information.

State Machine Editor

The state machine editor provides a visual representation of the actions and behaviors attached to a state machine component (p. 219).

(54)

State Machine Editor

(55)

To use the state machine editor, click the pencil icon next to a behavior in the assets panel or on a state machine component.

The State Machine editor is used to create behaviors. Each behavior has one or more states, represented by a box. Each state has one or more actions. You can select which action transitions to another state, represented by an arrow that connects the action to the target state. Click an action and drag the cursor to another state to create a transition between the two.

To add an action to a state, select the state and in the inspector panel choose Add Action.

Select an action from the Action Library.

(56)

Timeline

Timeline

Use timelines to move, rotate, or change the scale of entities over time. You can set the start and end values of these properties, and add keyframes to control the speed or direction of the animation along the way. The timeline can also emit custom events, which can be consumed from a state machine or script.

(57)

Keyboard and Mouse Controls for the Amazon Sumerian Editor

The default camera that Sumerian adds to every scene supports mouse controls for pan, zoom, and orbiting around the camera's anchor point. It is identical to the Orbit camera type. To move the camera, press and hold a mouse button while you move the mouse. If you only have one mouse button, you can use a keyboard key plus mouse button combination to perform the same movements.

To see a list of keyboard shortcuts within the editor, select the Help menu drop down list and select Shortcut List.

(58)

Keyboard and Mouse

The Shortcut List contains a list of all the current camera controls and keyboard shortcuts.

(59)
(60)

Keyboard and Mouse

Pan – Shift+Left-Drag+Option(Mac)/Alt(Windows) or Middle-Drag

Orbit – Right-Drag, or Alt+Left-Drag

By default, middle-clicking in Firefox enables autoscroll. To use the middle button to pan within a Sumerian scene, you will need to change your browser settings:

1. Open up a new tab in your browser.

2. Type in about:config in the URL search bar.

3. Search for general.autoScroll in the Preference search bar.

4. Once general.autoScroll populates, double-click the true value to make it false.

The Sumerian editor provides keyboard equivalents of most of the canvas menu buttons (p. 30). Use the bottom row of keys to switch between preset camera views, and the F key to fill the canvas with a single entity. The space bar hides the side panels to let the canvas fill the screen.

Camera

Frame selection – F

Frame all – Shift+F

Bottom and top views – V

Back and front views – C

Left and right views – X

Editor camera view – Z

Show and hide side bars – Space

Select entities by clicking them in either the editor or the Entities panel. With an entity selected, use the following commands to speed up editing.

(61)

Editing

Delete entity – Backspace or Delete

Duplicate entity – Ctrl+D

Translate handles – W

Rotation handles – E

Scale handles – R

Switch between global and relative transform – G

Cycle between gizmo handles – Q

Undo – Ctrl+Z

Redo – Ctrl+Shift+Z

Selecting Entities in the Canvas

Sumerian now supports the ability to select multiple entities. To select multiple entities using the canvas, Left-Drag your cursor to create a blue bounding box. All entities whose individual bounding boxes intersect, or are enclosed in the box, will be selected. Additional entities can be added to the selection by holding SHIFT + Left-Drag to create another bounding box. Entities can be subtracted from the selection by selecting them while holding CMD(Mac)/Ctrl(Windows).

Keyboard Navigation for Entities Panel

Entity Selection – Up/Down arrows

Collapse/Expand Parent Entity – Left/Right arrows

Use the following commands to open the text editor, timeline editor, and publishing menu.

Tools

Text editor – J

State Machine editor – M

Timeline – T

Publish – Ctrl+Shift+P

With the timeline open, use the following commands to adjust keyframes and playheads.

Timeline

Move keyframe left – Left (fast), Ctrl+Left (slow)

Move keyframe right – Right (fast), Ctrl+Right (slow)

Move playhead left – Shift+Left (fast), Ctrl+Shift+Left (slow)

Move playhead right – Shift+Right (fast), Ctrl+Shift+Right (slow)

Align keyframe left – Ctrl+Alt+1

Align keyframe center – Ctrl+Alt+2

(62)

Publish

Publishing Scenes in the Amazon Sumerian Editor

Publish your Amazon Sumerian scene to share it with users on the internet. When you publish a scene, Sumerian creates a static website with your scene and hosts it on Amazon CloudFront. You can link users directly to the scene, or embed it in a frame in your website.

You can also deploy a scene for use with AWS Amplify. When you choose a private deployment, Sumerian generates a configuration file that you can load into your web app to embed a scene that can only be accessed with credentials from Amazon Cognito.

To publish a scene

When you create a scene and are ready to share it, you need to publish the scene in order for it to be accessible to your end users.

1. Open your scene in the Sumerian editor.

2. Choose Publish.

(63)
(64)

Publish

3. Choose Create public link or Host privately.

4. Choose Publish.

For a public scene, open the URL to view it. This URL is publicly hosted with Amazon CloudFront and can be viewed by anyone.

To republish a scene

When you modify a scene that has already been published, you need to republish the scene for your changes to take effect in the published version. Republishing also allows you to capture release updates in the Sumerian engine.

1. Open your scene in the Sumerian editor.

2. Choose Publish.

3. Choose Republish.

(65)

Your existing url will now reflect the latest scene changes and engine updates.

To unpublish a scene

1. Open your scene in the Sumerian editor.

(66)

Publish

4. Choose Unpublish again.

For a private scene, load the configuration file into your Amplify app with the XR module. For more information, see AWS Amplify.

With Amplify, access to your scene is granted to users who log in with Amazon Cognito. For details about adding permissions to your app's identity pool, see Restricting Access to a Published Scene (p. 4).

(67)

Exporting to glTF from the Amazon Sumerian Editor

glTF (GL Transmission Format) is a file type standard developed by the Khronos Group for the efficient transmission of 3D content. With glTF, users have a common format for working with and publishing 3D assets across a variety of authoring tools, engines, and services.

Sumerian provides you the option to export a scene as a glTF file.

Sections

• Export a Scene to glTF (p. 62)

• glTF Export Contents (p. 63)

• Additional Export Options (p. 64)

• Materials (p. 64)

Export a Scene to glTF

To Export to glTF

1. Open your scene in the Sumerian editor.

2. Choose Scene.

3. Choose Export to glTF....

4. Select additional entities and assets to include in the export.

參考文獻

相關文件

Mie–Gr¨uneisen equa- tion of state (1), we want to use an Eulerian formulation of the equations as in the form described in (2), and to employ a state-of-the-art shock capturing

It is intended in this project to integrate the similar curricula in the Architecture and Construction Engineering departments to better yet simpler ones and to create also a new

This paper will present a Bayes factor for the comparison of an inequality constrained hypothesis with its complement or an unconstrained hypothesis. Equivalent sets of hypotheses

to introduce how teachers may enhance learning and teaching effectiveness by adopting virtual reality (VR) technology and relevant strategies in the classroom as well as

Programming languages can be used to create programs that control the behavior of a. machine and/or to express algorithms precisely.” -

• You can make good use of this opportunity and become more aware of the importance of teaching information texts with an explicit emphasis on understanding the features of academic

—we cannot teach all, but with reading you can learn all 3-6: 3 hour teaching, 6 hour reading/writing after class as important as writing assignments:. some may show up

* All rights reserved, Tei-Wei Kuo, National Taiwan University, 2005..