amazon sumerian - guia do usuário · 2021. 1. 15. · amazon sumerian guia do usuário casos de...

Amazon SumerianGuia do usuário

Amazon Sumerian Guia do usuário

Amazon Sumerian: Guia do usuárioCopyright © Amazon Web Services, Inc. and/or its affiliates. All rights reserved.

As marcas comerciais e o visual comercial da Amazon não podem ser usados em conexão com nenhum produtoou serviço que não seja da Amazon, nem de qualquer maneira que possa causar confusão entre os clientes ou quedeprecie ou desacredite a Amazon. Todas as outras marcas comerciais que não pertencem à Amazon pertencem aseus respectivos proprietários, que podem ou não ser afiliados, conectados ou patrocinados pela Amazon.


Table of ContentsO que é Amazon Sumerian? ................................................................................................................ 1Casos de uso .................................................................................................................................... 2Permissões ........................................................................................................................................ 3

Políticas gerenciadas do IAM para Sumerian .................................................................................. 3Concessão de acesso a uma cena aos serviços da AWS ................................................................. 3Restrição de acesso a uma cena publicada .................................................................................... 4

Conceitos básicos ............................................................................................................................... 6Tutorial ...................................................................................................................................... 6

Prerequisites ...................................................................................................................... 6Criar um projeto e uma cena ............................................................................................... 7Configurar a cena ............................................................................................................... 7Adicionar e configurar entidades ........................................................................................... 9Adicionar comportamento ................................................................................................... 11Adicionar modo VR ........................................................................................................... 14Publicar e exibir a cena ..................................................................................................... 15Limpar ............................................................................................................................. 16Próximas etapas ............................................................................................................... 16

Modelo de amostra ................................................................................................................... 16Model Showcase ...................................................................................................................... 18

Conceitos ........................................................................................................................................ 21Scenes .................................................................................................................................... 21Componentes e entidades .......................................................................................................... 21Assets ..................................................................................................................................... 21Hosts ...................................................................................................................................... 21Projects ................................................................................................................................... 22Templates ................................................................................................................................ 22

Painel .............................................................................................................................................. 23Projects ................................................................................................................................... 23Scenes .................................................................................................................................... 24Pacotes de ativos ..................................................................................................................... 25Templates ................................................................................................................................ 26Trash ...................................................................................................................................... 27Locks ...................................................................................................................................... 27

Editor .............................................................................................................................................. 29Tela ........................................................................................................................................ 30

Editor de controles da câmera ............................................................................................ 32Várias seleções ................................................................................................................ 33

Biblioteca de ativos ................................................................................................................... 36Painel de ativos ........................................................................................................................ 37Painel de entidades .................................................................................................................. 39

Navegação de Hierarquia usando as teclas de seta ............................................................... 40Várias entidades de seleção ............................................................................................... 41

Painel do inspector ................................................................................................................... 44Ferramentas ............................................................................................................................. 47

Editor de texto .................................................................................................................. 47Editor da máquina de estado .............................................................................................. 48Timeline ........................................................................................................................... 51

Teclado e mouse ...................................................................................................................... 52Publicar ................................................................................................................................... 57Exportar para GLTF .................................................................................................................. 62

Exportar uma Cena para GLTF ........................................................................................... 62Conteúdo da exportação do GLTF ...................................................................................... 63Opções de exportação adicionais ........................................................................................ 64Materials .......................................................................................................................... 64

iii


Configurações de Cena ..................................................................................................................... 66Configuração de AWS ............................................................................................................... 68Snapshots do ........................................................................................................................... 69Documento .............................................................................................................................. 71Ambiente ................................................................................................................................. 72Pós-efeitos ............................................................................................................................... 74Tamanho da cena ..................................................................................................................... 76Estatísticas da cena .................................................................................................................. 77

Entidades e componentes .................................................................................................................. 80Gerenciar entidades .................................................................................................................. 80Gerenciamento de componentes ................................................................................................. 81Transformação ......................................................................................................................... 82Geometria ................................................................................................................................ 85Material ................................................................................................................................... 91

Sombreamento clássico ..................................................................................................... 92Renderização Baseada Fisicamente (PBR) e Iluminação Ambiental (HDRI) ................................ 93Luz Ambiente (HDR) ......................................................................................................... 94Materiais de PBR ............................................................................................................ 107O material de Metalness PBR ........................................................................................... 107O material especular do PBR ............................................................................................ 129Propriedades do material compartilhado ............................................................................. 146

Câmera ................................................................................................................................. 171Editor Câmera e Controles ............................................................................................... 172Tipos e controles de câmera ............................................................................................. 174State Machine (Máquina de estado) ................................................................................... 174

VRCamerarig .......................................................................................................................... 175Câmera HMD ......................................................................................................................... 176Controle VR ........................................................................................................................... 176Host ...................................................................................................................................... 176Fala ...................................................................................................................................... 178

Gestures ........................................................................................................................ 182State Machine (Máquina de estado) ................................................................................... 190Script ............................................................................................................................. 190

Diálogo .................................................................................................................................. 191State Machine (Máquina de estado) ................................................................................... 192Script ............................................................................................................................. 194

Gráfico 2D ............................................................................................................................. 194HTML .................................................................................................................................... 195

Componente de 2D HTML ................................................................................................ 195Componente de 3D HTML do ........................................................................................... 196Uso de componentes HTML com scripts ............................................................................. 198

Som ...................................................................................................................................... 198Light ...................................................................................................................................... 199Sistema de partícula ................................................................................................................ 199Animação ............................................................................................................................... 201

Animação Termos ........................................................................................................... 202Camadas de animação .................................................................................................... 202Fluxos de trabalho de ativos de ........................................................................................ 208Elementos de interface do ................................................................................................ 209Fluxos de trabalho detalhados .......................................................................................... 214Migração de cenas legadas e componentes de animação ..................................................... 216

Física (Colisor e Corpo Rígido) ................................................................................................. 216Ativando o PhysX na visualização ..................................................................................... 216Collider .......................................................................................................................... 219Corpo rígido ................................................................................................................... 221

State Machine (Máquina de estado) ........................................................................................... 221Script ..................................................................................................................................... 222

iv


Cronograma ........................................................................................................................... 223Ativos ............................................................................................................................................ 226

Pacotes ................................................................................................................................. 227Modelos ................................................................................................................................. 228Ferramentas VR ...................................................................................................................... 229Ferramentas AR ...................................................................................................................... 229

Projeto de amostra do Android .......................................................................................... 230Projeto de amostra iOS .................................................................................................... 230

Hosts ..................................................................................................................................... 230Models ................................................................................................................................... 232Skybox .................................................................................................................................. 233Media .................................................................................................................................... 235

Máquinas de estado do .................................................................................................................... 236Animação ............................................................................................................................... 238Áudio e câmera ...................................................................................................................... 239Recursos da AWS ................................................................................................................... 239Teclado e mouse .................................................................................................................... 240Efeitos e iluminação ................................................................................................................ 241Materiais e renderização .......................................................................................................... 241Física e colisão ....................................................................................................................... 242Lógica e transições ................................................................................................................. 242Atributos e tags ...................................................................................................................... 243

Scripting ........................................................................................................................................ 245Scripts internos ....................................................................................................................... 246O objeto de contexto ............................................................................................................... 246Parâmetros e argumentos ........................................................................................................ 247

Formato do parâmetro ..................................................................................................... 248Tipos de parâmetros ........................................................................................................ 249

Dependências externas ............................................................................................................ 250Debugging .............................................................................................................................. 251

Solução de problemas ..................................................................................................................... 252Criação de perfil ..................................................................................................................... 252

.................................................................................................................................................... cclvi

v


O que é Amazon Sumerian?Amazon Sumerian é um conjunto de ferramentas baseadas no navegador para criar aplicativos de VirtualReality (VR) de alta qualidade, realidade aumentada (AR) e 3D facilmente sem exigir experiência deprogramação ou gráficos 3D. Com o Sumerian, você pode criar uma cena 3D interativa sem experiência deprogramação, testá-la no navegador e publicá-la como um site imediatamente disponível para os usuários.

Use a biblioteca sumerian de ativos do ou traga a própria. O Sumerian também tem uma biblioteca deformas primitivas, modelos 3D, hosts, texturas e scripts.

Note

Novo para 3D, VR, animação e scripts? OSite da comunidade sumerianO tem diversos tutoriaisúteis para cada nível de experiência.

O mecanismo 3D do Sumerian oferece uma biblioteca para criação de scripts avançados com JavaScript,mas você não precisa ser um programador para criar uma AR interativa, VR ou 3D! Use a máquina deestado interna para animar objetos e responder a entradas do usuário, como cliques e movimentos.

Quando estiver pronto para compartilhar o trabalho com o mundo, você poderá publicá-lo diretamentecom o Amazon CloudFront como um site. Para cenas criadas para Realidade Virtual, as cenas podem servisualizadas com umWebVRouWebXRnavegador compatível. As experiências podem ser visualizadasno desktop, em dispositivos móveis e nos principais headsets de realidade virtual. Observe que o suportede Realidade Aumentada (AR) permanece inalterado, pois o suporte WebXR para AR ainda não estáfinalizado.

1

https://docs.sumerian.amazonaws.com/https://webvr.info/https://immersiveweb.dev/


Casos de uso e requisitos doAmazon Sumerian

No centro do Amazon Sumerian está um editor baseado na web para construir cenas 3D com animação,interação com scripts e efeitos especiais. O editor é executado no navegador da web, e todos os dadossão armazenados na AWS. Para cenas criadas para Realidade Virtual, o editor envia cenas para oAmazon CloudFront como um site que você pode carregar diretamente em qualquerWebVRouWebXR-compatível com navegadores e fones de ouvido ou incorporar no site para outras pessoas acessarem.Observe que o suporte de Realidade Aumentada (AR) permanece inalterado, já que o suporte WebXRpara AR ainda não está finalizado.

Note

Não sabe como criar script? O editor Sumerian fornece uma máquina repleta de recursos paracriar scripts, animações e interações do usuário visualmente, sem codificação necessária.

WebXR é um grupo de padrões usados em conjunto para suportar a renderização de aplicativos derealidade virtual (VR) ou para adicionar elementos virtuais ao mundo real através de experiências derealidade aumentada (RA). Os aplicativos WebXR, assim como qualquer aplicativo web, são compatíveisem diversos sistemas operacionais desktop e para dispositivos móveis. Isso permite evitar a necessidadede portar o aplicativo para linguagens de programação e formatos de pacote diferentes a fim de alcançartodos os usuários. O Sumerian fornece ferramentas e componentes que você pode usar para oadicionarVR à sua cena (p. 229). Observe que o suporte de Realidade Aumentada (AR) permanece inalterado, jáque o suporte WebXR para AR ainda não está finalizado.

O Sumerian também permite criar aplicativos AR. Um aplicativo pode usar a câmera do telefone ou umfone de ouvido compatível com AR para sobrepor gráficos ao mundo real. Sumerian fornece umModeloe aplicativo de amostra do (p. 229)para criar aplicativos ARKit para iOS e ARCore para dispositivosAndroid.

O Sumerian fornece uma biblioteca de objetos 3D otimizados e modelos de cena que você pode usar paraconstruir cenas sem ativos existentes. Se tiver modelos 3D, você poderá importá-los com as animaçõese as texturas arrastando-os do sistema de arquivos para a tela do editor. Sumerian dá suporte a modelosnoOBJeFBXformatos.

2

https://webvr.info/https://immersiveweb.dev/

Amazon Sumerian Guia do usuárioPolíticas gerenciadas do IAM para Sumerian

Permissões do Amazon SumerianVocê pode usar o AWS Identity and Access Management (IAM) para conceder permissões do Sumeriana usuários e computar recursos na conta. O IAM controla o acesso à AWS no nível da API para imporpermissões de maneira uniforme e com segurança.

Políticas gerenciadas do IAM para SumerianPara facilitar a concessão de permissões, o IAM dá suporte aoPolíticas gerenciadas doPara cada serviço.Um serviço pode atualizar essas políticas gerenciadas com novas permissões quando libera APIs novas.Sumerian fornece políticas gerenciadas para permissões de usuário necessárias para usar o editorSumerian.

• AmazonSumerianFullAccess— Permissão para usar todos os recursos Sumerian.

{ "Version": "2012-10-17", "Statement": [ { "Effect": "Allow", "Action": [ "sumerian:*" ], "Resource": "*" } ]}

Para adicionar uma política gerenciada a um usuário, grupo ou função do IAM

1. Abra o console do IAM.2. Abra a função associada ao perfil da instância, um usuário do IAM ou um grupo do IAM.3. Em Permissions (Permissões), anexe a política gerenciada.

Você só precisa de acesso a APIs do Sumerian. O Sumerian gerencia todo o armazenamento (AmazonS3) e entrega de conteúdo (Amazon CloudFront) relacionados às cenas que você cria fora da conta.

Concessão de acesso a uma cena aos serviços daAWS

Para usar serviços da AWS em uma cena, a cena também precisa de credenciais. Você pode usar oAmazon Cognito Identity para criar um grupo de identidades que dá à cena acesso a uma função compermissão para usar a AWS. Crie uma função que tenha permissões para todos os serviços que vocêacessará com base em scripts, e as permissões para componentes que usam serviços da AWS.

Para criar um grupo de identidades de uma cena Sumerian

1. Abrir oIdentidades federadaspáginano console do Amazon Cognito.

3

https://console.aws.amazon.com/iam/homehttps://console.aws.amazon.com/cognito/federated

Amazon Sumerian Guia do usuárioRestrição de acesso a uma cena publicada

2. Escolha Create new identity pool (Criar novo grupo de identidades).3. Crie um grupo com as configurações a seguir.

• Identidades não autenticadas do— habilitado4. Escolha Edit identity pool (Editar grupo de identidades) para ver os detalhes do grupo.5. Observe o Identity pool ID (ID do grupo de identidades) para uso posterior.

Quando você cria um grupo de identidades, o Amazon Cognito solicita que você crie duas funções, umafunção autenticada e uma função não autenticada. Adicione permissões à função não autenticada.

Para adicionar permissões a uma função do grupo de identidades de uma cena do Sumerian

1. Abra a página Roles (Funções) no console do IAM.2. Escolha a função chamada Cognito_pool-nameUnauth_Role.3. Escolha Attach policy (Anexar política) e adicione políticas para os serviços que a cena usa.

• Componente de fala:AmazonPollyReadOnlyAccessdá à cena permissão para usar o AmazonPolly para renderizar o texto em áudio com oComponente de fala (p. 178).

• AWS SDK para JavaScript— adicione políticas que concedam acesso aos serviços que você chamacom o SDK para JavaScript. Por exemplo, AmazonS3ReadOnlyAccess.

Atribua o grupo de identidades à cena em configuração da AWS (p. 68) nas definições de cena.

Restrição de acesso a uma cena publicadaPara evitar o acesso público a uma cena, incorpore-a em um aplicativo da Web usando o AWS Amplify.Quando vocêImplantar uma cena de maneira privada (p. 57), o Amazon Sumerian o empacota parareprodução, mas não o publica em um local público. Em seguida, você pode usar a biblioteca do Amplifypara carregá-la em seu aplicativo.

O Amplify usa credenciais de um pool de identidades do Amazon Cognito para baixar uma cena comsegurança do Sumerian. Você pode conceder acesso à função do grupo de identidades a todas as cenasem sua conta ou apenas a cenas em um projeto específico.

Para conceder acesso a todas as cenas, adicione a seguinte política à função do grupo de identidades.

{ "Version": "2012-10-17", "Statement": [ { "Effect": "Allow", "Action": [ "sumerian:ViewRelease" ], "Resource": "*" } ]}

Para conceder acesso a um único projeto, especifique o projeto usando a opçãoResourcechave de.

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

4

https://console.aws.amazon.com/iam/home#/roles

Amazon Sumerian Guia do usuárioRestrição de acesso a uma cena publicada

{ "Effect": "Allow", "Action": [ "sumerian:ViewRelease" ], "Resource": "arn:aws:sumerian:region:accountid:project:projectname" } ]}

5

Amazon Sumerian Guia do usuárioTutorial

Tutoriais e amostras do AmazonSumerian

Você pode começar a trabalhar com o editor Sumerian rapidamente com apenas um navegador da web.Recomendamos usar as versões mais recentes do Google Chrome ou do Firefox.”

Para se familiarizar com o editor Sumerian, crie uma cena usando oTutorial conceitos básicos (p. 6). Otutorial apresenta gerenciamento de entidades, câmeras, configuração e máquinas de estado.

Em seguida, saiba mais sobre como trabalhar com ativos externos baixando e importando ummodelo decaracteres de amostra (p. 16). Você pode criar modelos com ferramentas gratuitas e importá-los parasua cena Sumerian, convertendo-os em ativos sumérios com dados de textura e animação intactos.

Faça mais com câmeras e máquinas de estado recriando ocena de mostruário de modelos (p. 18).Saiba como configurar um script de câmera e usar uma máquina de estado para acionar animações emresposta à entrada do usuário.

Para começar, confira oNoções básicas do Amazon Sumerian: Crie sua primeira cena tutorialou pegueoCurso de Vídeo Iniciante Sumerian.

Tópicos• Conceitos básicos da Amazon Sumerian (p. 6)• Trabalhando com um modelo de amostra (p. 16)• Construindo uma apresentação de modelos (p. 18)

Conceitos básicos da Amazon SumerianPara começar a usar o Amazon Sumerian (Sumerian), monte uma cena com base nos ativos da bibliotecasumeriana. Em menos de uma hora, você pode criar uma cena com ativos da Sumerian, da animaçãode máquina de estado e do suporte para capacetes de VR. Este tutorial também mostra o uso básico descripts com o componente de fala, que usa o Amazon Polly para renderizar texto em áudio.

Seções• Prerequisites (p. 6)• Criar um projeto e uma cena (p. 7)• Configurar a cena (p. 7)• Adicionar e configurar entidades (p. 9)• Adicionar comportamento (p. 11)• Adicionar modo VR (p. 14)• Publicar e exibir a cena (p. 15)• Limpar (p. 16)• Próximas etapas (p. 16)

PrerequisitesPara usar o editor Sumerian, você precisa de permissão para usar as APIs Sumerian no usuário do IAM.Além disso, a cena propriamente dita precisa de permissão para chamar Amazon Polly. Você dá essapermissão criando uma função e um grupo de identidades do Amazon Cognito. Siga as instruções emPermissões do Amazon Sumerian (p. 3) para configurar ambos.

6

https://docs.sumerian.amazonaws.com/tutorials/create/getting-started/light-switch/https://docs.sumerian.amazonaws.com/courses/beginner-course/

Amazon Sumerian Guia do usuárioCriar um projeto e uma cena

Você pode usar o editor em versões recentes do Chrome ou do Firefox. Para exibir a cena acabada emVR, use a versão mais recente do Firefox. Em modo VR, você também precisa de um fone de ouvidocompatível.

Headsets de VR suportados

• Oculus Rift• Oculus Go• Oculus Quest• Oculus Rift 5• HTC Vive• HTC Vive Pro• Engrenagem VR

Criar um projeto e uma cenaCrie um projeto e uma cena. O projeto pode conter várias cenas, bem como pacotes de ativos e modelosque você cria com base nessas cenas.

Para criar um projeto e uma cena

1. AbertoO painel da Sumerian.2. Escolha Projects (Projetos), New project (Novo projeto).3. DigitetutorialsPara o nome do projeto e escolhaCriar.4. Escolha Create new scene (Criar nova cena).5. DigiteseesawPara o nome da cena e escolhaCriar.

Configurar a cenaSkybox é uma textura ou um conjunto de texturas que envolve a cena para fornecer uma imagem defundo. Adicione uma skySumerianAtivobiblioteca.

Para importar uma skybox da biblioteca Sumerian

1. Escolha Import assets (Importar ativos) na parte superior da tela.2.

SelecioneEsfera Azul. Se você não encontrá-la imediatamente, clique no ícone da skybox parafiltrar a lista.

3. Escolha Adicionar.

Isso adiciona o pacote de ativos de skybox aoAtivoPainel. O pacote contém o ativo de skybox e a texturaformatada em PNG usada pela skybox. Adicione a skybox à cena nas configurações emEnvironment(Ambiente). Enquanto você estiver lá, adicione névoa e neve.

Para configurar o ambiente da cena

1. Escolha o nó raiz (gangorra) noEntidadesou clique no plano de fundo da cena na tela. Os grupos deopções exibidos no painel do inspetor no lado direito da tela são configurações de cena.

2. Clique no ícone da barra de ferramentasEnvironment (Ambiente)para expandi-la. Expanda as seçõesSkybox, Fog & Ambient (Névoa e ambiente)e Particles (Partículas).

7

https://console.aws.amazon.com/sumerian/home

Amazon Sumerian Guia do usuárioConfigurar a cena

3. Clique e arraste a skybox Blue skysphere (Skysphere azul) do painel de ativos para o campo Dropskybox (Soltar skybox) no painel do inspetor para anexá-la à cena.

4. Escolha Fog (Névoa) para habilitá-lo e configurar os parâmetros:

• Nevoa perto:5• Névoa longe:20

Isso começa a dissipar a névoa a 5 unidades de distância da câmera e a fecha por completo a 20unidades ou mais.

5. Escolha Snow (Neve) para habilitá-lo e configurar os parâmetros:

• Velocity:20• Rate (Taxa):30• Height (Altura):100

6. Clique no botão de reprodução na parte inferior da tela para ver a neve caindo. Ajuste a velocidadee a taxa da neve de sua preferência. As alterações feitas nessas configurações são aplicadasimediatamente durante o modo de reprodução.

Mais adiante neste tutorial, você vai configurar a cena para usar o Amazon Polly a fim de renderizar textoem áudio durante a reprodução. Para isso, a cena precisa de credenciais para usar o AWS SDK paraJavaScript no navegador da web. Dê credenciais à cena atribuindo a ela o ID do grupo de identidades quevocê criou na seção de pré-requisitos (p. 6).

Para configurar o AWS SDK para credenciais JavaScript

1. Escolha o nó raiz na caixa de diálogoEntidadesPainel.

2. Expanda a seção AWS configuration (Configuração da AWS) no painel do inspetor.3. Digite a ID do grupo de identidades do Amazon Cognito.

8

Amazon Sumerian Guia do usuárioAdicionar e configurar entidades

Adicionar e configurar entidadesAdicione solo à cena.

Para adicionar um campo nevado à cena

1. Escolha Create entity (Criar entidade).2.

UnderPrimitivas 3DEscolha a .

O quadrante é selecionado automaticamente. Se selecionar algo diferente, você poderá clicar nele natela ou no painel de entidades para selecioná-lo novamente

3. Os componentes do quadrante são exibidos no painel do inspetor no lado direito da tela. Expanda aseção superior e altere o nome da entidade paraground. A alteração se reflete no nome da seção eno painel de entidades imediatamente.

4. Expanda a seção Transform (Transformação) e insira os seguintes valores:

• X Rotation:-90• X, Y e Z:100• Estático— Habilitado

9

Amazon Sumerian Guia do usuárioAdicionar e configurar entidades

5. Expandir oMateriale examine as configurações em cada camada. Você pode clicar nas cores difusasou especulares para escolher uma cor diferente, ou soltar arquivos de imagem para adicionar texturas.

O espaço próximo da câmera já está bem escuro. Adicione uma luz direcional para iluminar a cena, comoo sol que brilha nela.

Para adicionar uma luz direcional

1. Escolha Create entity (Criar entidade).2. Em Lights (Luzes), escolha Directional (Direcional).3. Expanda a seção Transform (Transformação) e insira os seguintes valores:

• Tradução Y:10• X Rotation:-30• Y rotation:-60• Estático— Habilitado

4. Expanda a seção Light (Luz) e habilite Shadows (Sombras).

Adicione uma entidade em branco para representar a gangorra e as formas do fulcro e da plataforma.

Para adicionar a gangorra

1. Escolha Create entity (Criar entidade).2. Em Others (Outros), escolha Entity (Entidade).3. No painel do inspetor, altere o nome da entidade paraseesaw.4. Escolha Create entity (Criar entidade) e adicione um cilindro à cena.5. Renomeia o cilindro comofulcrum, desmarqueBalança uniforme, e defina oZdimensionar para0.6.

Defina a cor difusa como amarelo.6. Adicione uma entidade em branco. Renomeie paraplank. Essa entidade em branco funcionará como

o pai para o modelo de plataforma, bem como uma câmera e uma entidade de host que moverá com aplataforma.

7. Adicione uma entidade de caixa. Renomeie paraplank model. Aplique a seguinte transformação edefina a cor difusa como azul:

• Tradução Y:.5• Z Rotation:12• Escala X:4.5• Balança Y:0.1• Escala Z:0.6• Estático— desabilitado

Em seguida, importe um host da biblioteca Sumerian. Os hosts são modelos de caractere fornecidos peloSumerian com animação interna e suporte para fala.

Para adicionar um host

1. Escolha Import assets (Importar ativos).2. SelecioneCristine,Luke, ouPreston. Em seguida, escolha Adicionar.

10

Amazon Sumerian Guia do usuárioAdicionar comportamento

3. Quando o carregamento do pacote de ativos terminar, arraste a entidade de host do painel Asset(Ativo) para a tela.

4. Aplique a seguinte transformação:

• X Translation:1.95• Tradução Y:0.97• Z Rotation:12• Y rotation:-90• X, Y e Z:1.3• Estático— desabilitado

Por fim, use aEntidadespara organizar as entidades que você criou em uma hierarquia. Arraste umaentidade para outra a fim de torná-las pai e filho.

Adicionar comportamentoVocê pode adicionar comportamento à cena anexando componentes de script ou máquina de estado aentidades.

11


Uma máquina de estado permite adicionar comportamento visualmente escolhendo ações acionadas poreventos e as organizando em estados. Adicione uma máquina de estado à entidade de plataforma paraanimá-la e os filhos.

Para animar a plataforma com uma máquina de estado.

1. Escolha a plank (plataforma) no painel de entidades.2. No painel do inspetor, escolhaAdicionar componente. Em seguida, escolha State machine (Máquina

de estado).3. Clique no sinal de adição ao lado do campo de comportamento para criar um novo comportamento.

Chame-o de animate.4. OMáquina de estadoO painel da Nomeie o estadoupe, depois, escolhaAção Adicionar ação.5. UnderAnimar, escolhaInterpolação girar. Aplique as seguintes propriedades:

• Z Rotation:-24• Relativo— desabilitado• Tempo:1000• Tipo de atenuação:Linear• Direção:Dentro

6. SelecioneAção Adicionar açãoNovamente e adicione umWaitAção . Aplique as seguintespropriedades:

• Tempo:2000• Random:0

7. NoMáquina de estado, escolhaDuplicar estadoPara criar cópia doup. Clique duas vezes no novoestado para abri-lo no painel do inspetor.

8. Altere o nome do estado paradowne, em seguida, altere o valor de rotação de-24para0.9. NoMáquina de estadoCada estado mostra dois eventos, um que ocorre ao final da animação e outro

que ocorre ao final da ação de espera. Clique no ícone da barra de ferramentasNa extremidade deesperaevento sobupe arraste uma linha para opara baixoestado. Em seguida, faça o mesmo na outradireção.

12


10. Reproduza a cena para assistir à animação de gangorra.

Adicione uma câmera à outra extremidade da gangorra e a torne a câmera padrão. Durante a reprodução,o usuário vai permanecer em um local e examinar o ambiente. Um script de câmera interno permite que ousuário veja com o mouse antes de entrar no modo de VR.

Para adicionar uma câmera com controles de visualização por mouse

1. SelecioneCriar entidadee adicione uma câmera fixa à cena. Renomeie parausere aplique a seguintetransformação:

• X Translation:-2.5• Tradução Y:1.2• Y rotation:-90

2. No painel de entidades, arraste a câmera para a entidade plank (plataforma) a fim de movê-la com agangorra.

3. No componente Camera (Câmera) da câmera, aplique as seguintes propriedades:

• Câmera principal— Habilitado• FOV:35

4. Escolha Add component (Adicionar componente) e adicione um componente de script à câmera.5. Clique no sinal de adição ao lado do campo de script e escolhaControle de aparência do mouse. Isso

adiciona uma instância do script interno de visualização por mouse. Todas as instâncias de um scriptcompartilham o mesmo código de script, mas têm valores de parâmetro separados.

6. Para evitar que o usuário olhe muito para baixo, altere aSubida mínimaparâmetro para-40.7. Reproduza a cena e confirme o comportamento da câmera. Clique e arraste o botão esquerdo do

mouse para ver toda a cena. Você pode ajustar os parâmetros do script durante a reprodução e vercomo eles afetam os controles imediatamente.

13

Amazon Sumerian Guia do usuárioAdicionar modo VR

Os hosts vêm com um componente de fala anexado. Para usá-lo, você precisa adicionar credenciaisda AWS à cena, adicione arquivos de texto ao componente e adicione um script ou um componente demáquina de estado para acionar a fala durante a reprodução.

Neste exemplo, você usará um script para fazer algo que a máquina de estado não pode — escolha ereproduza um arquivo aleatoriamente. Se você ainda não tiver configurado as credenciais da AWS para acena, conforme descrito na seção de pré-requisitos (p. 6), faça isso primeiro.

Para configurar fala no host

1. Escolha o host na tela ou no painel de entidades.2. UnderFala, solte alguns arquivos de texto no campo de fala. Você pode usar os arquivos neste

arquivo: sonnets.zip.3. Escolha uma voz para o host. ConsulteVozes disponíveisnoGuia do desenvolvedor do Amazon

PollyPara obter uma lista de vozes classificadas por localidade.4. Adicione um componente de script ao host.5. Clique no sinal de adição ao lado do campo de script e escolha Custom (Personalizar).6. Clique em editar (ícone de lápis) nos parâmetros de instância do script para abrir o script no editor de

texto. Você também pode pressionar aJpara abrir o editor de texto a qualquer momento.7. Clique duas vezes no nome do script (Script) noDocumentospara alterar o nome

paraRandomSpeech.8. Substitua a função setup do espaço reservado pela seguinte.

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 );};

Esse script aguarda o AWS SDK JavaScript e recuperar credenciais. Em seguida, ele obtém umareferência para o componente de fala na mesma entidade (o host) e uma lista de todas as falasanexadas. Ele escolhe uma fala na matriz e a reproduz.

9. Reproduza a cena para ver o host recitar uma fala.10.

Retorne ao componente de fala e clique em ao lado de cada arquivo de fala para adicionar amarcação de gesto.

11. Reproduza a cena novamente para ver o host recitar uma fala com gestos.

Adicionar modo VRAté agora você só usou uma câmera padrão em modo de reprodução. Adicione uma plataforma VR parapermitir que os usuários exibam a cena em 3D com um fone de áudio e acompanhamento. Sumerianagrupa as entidades e os scripts necessários para o modo VR em um pacote de ativos chamadoCoreVR.

Para adicionar modo VR

1. Escolha Import assets (Importar ativos) e adicione o pacote de ativos CoreVR à cena.

14

samples/sonnets.ziphttps://docs.aws.amazon.com/polly/latest/dg/voicelist.html

Amazon Sumerian Guia do usuárioPublicar e exibir a cena

2. Quando o carregamento do pacote de ativos terminar, arraste a entidade VRCameraRig para a tela afim de adicioná-la à cena.

3. Escolha a entidade VRCameraRig.4. Escolha o componente VRCameraRig.5. Selecione oAtual VRCameraRigpara habilitar a plataforma.6. Desmarque a caixaIniciar na câmera atualopção. Isso permite o uso da plataforma de câmera onde

ela está na cena, em vez de usar a localização da câmera não VR quando o usuário entra no modoVR.

7. No painel de entidades, arraste a entidade VRCameraRig para a entidade plank (plataforma) a fim detorná-la um irmão da câmera do usuário.

8. Selecione oUsuáriocâmera. Clique no ícone de engrenagem na seção Transform (Transformar) eescolha Copy (Copiar) para copiar os valores de transformação.

9. Selecione oVRCamerarig. Clique no ícone de engrenagem na seção Transform (Transformar) eescolha Paste (Colar) para colar os valores de transformação da câmera do usuário.

10. Use a alça de transformação verde para ajustar a altura da câmera VR em relação à plataforma.

11. Reproduza a cena e clique no ícone de fone de ouvido VR para entrar no modo VR.

Publicar e exibir a cenaTempo para compartilhar a cena com o mundo. Publique a cena com o Amazon CloudFront para hospedá-la como um site que qualquer pessoa possa ver.

15

Amazon Sumerian Guia do usuárioLimpar

Para publicar a cena

1. Abra a cena no editor sumerian.2. Escolha Publish.3. SelecioneCriar link público.4. Escolha Publish.

LimparA cena publicada é pública e permanecerá online até você cancelar a publicação.

Para cancelar a publicação da cena

1. Escolha Publish.2. Escolha Unpublish (Cancelar publicação).3. Escolha Unpublish (Cancelar publicação).

Você pode manter a cena Sumerian e o projeto ao lado para uso com outros tutoriais ou excluí-los. Vocêsempre poderá restaurar os itens excluídos depois pelo menu de lixeira.

Para excluir o projeto

1. AbertoO painel da Sumerian.2. Escolha um projeto.3. Em Project details (Detalhes do projeto), escolha Delete (Excluir).

Se você tiver criado um grupo de identidades para este tutorial e não pretender usá-lo novamente, exclua-o noConsole do Amazon Cognito.

Próximas etapasSaiba mais sobre Sumerian no próximo capítuloConceitos Amazon Sumerian (p. 21).

Trabalhando com um modelo de amostraUm modelo de exemplo no formato FBX está disponível noamazon-sumerian-guia do usuárioRepositórioGitHub. O modelo inclui animações que você pode usar para explorar recursos relacionados à animaçãono Sumerian.

Baixe o modelo usando este link:american-robin.fbx

Example Scene

Clique ou toque no modelo para reproduzir uma animação aleatória.

O arquivo modelo contém vários tipos de dados:

• Dados de malha— O wireframe 3D que define a forma do modelo.• Dados de textura— A imagem 2D que envolve a malha para colorir o modelo.• Dados de animações— O esqueleto que deforma a malha e as animações que movem o esqueleto.• Outras entidades— O arquivo também pode incluir entidades auxiliares, como luzes e câmeras.

16

https://console.aws.amazon.com/sumerian/homehttps://console.aws.amazon.com/cognitohttps://github.com/awsdocs/amazon-sumerian-user-guide/tree/master/modelshttps://github.com/awsdocs/amazon-sumerian-user-guide/raw/master/models/american-robin.fbx

Amazon Sumerian Guia do usuárioModelo de amostra

Quando você importa um arquivo de modelo, o Sumerian o processa e armazena os ativos resultantes nacena.

Para importar o modelo

1. AbertoPainel da Sumerian.2. Escolha ouCriar um projeto (p. 23).3. Criar uma nova cena (p. 24).4. Para importar o modelo, arraste-o do explorador de arquivos do seu computador para a tela de

desenho.5. Sumerian processa o modelo e adiciona um pacote de ativos aoAtivosPainel com os seguintes ativos:

• american-robin.fbx— A entidade pai que representa o modelo.• americano-robin— A imagem de textura do modelo.• Material— O material que contém a configuração de textura e sombreamento para o modelo.• Mesh_material_mesh— A malha wireframe do modelo.• Esqueleto— O esqueleto de animação da armadura do modelo.• Armadura|Bico,Armadura|Hop,Armadura|Saltar,Armadura|Peck,Armadura|flape— Um clipe para

cada tomada de animação no arquivo de modelo.• Animações— Um contêiner para os clipes de animação que podem ser aplicados a umComponente

de animação (p. 201).

Para obter mais informações sobre cada tipo de ativo, consulteAtivos Amazon Sumerian (p. 226).

Adicionar o modelo à cena é uma etapa separada que leva os ativos do modelo e cria entidades que osrepresentam na cena.

Para adicionar o modelo importado à cena

1. Arraste oamerican-robin.fbxa partir da entidadeAtivosPainel da tela.2. Sumerian adiciona várias entidades à sua cena em uma hierarquia, como mostrado

naEntidadesPainel:

• american-robin.fbx— Uma entidade vazia com um componente de animação que contém asanimações do modelo.

• Thrush_material— A parte visível do modelo, contida em uma entidade que possui geometria ecomponentes de material. O componente geometria contém a malha e o esqueleto do modelo. Ocomponente de material contém o arquivo de textura e as configurações de sombreamento. Estemodelo usa um sombreamento difuso com sombreamento suave.

• luz-1,light,luz-3— Luzes de três pontos que iluminam o modelo. Você pode arrastá-los para um localdiferente na hierarquia ou excluí-los e criar novas luzes.

• Armadura— Uma entidade vazia que representa a armadura usada para equipar o modelo paraanimação.

Adicionar o modelo à sua cena cria uma cópia das entidades que ele compreende. Os outros tiposde ativo no modelo, no entanto, são referenciados a partir dos ativos da cena. Assim, quando vocêadiciona o mesmo modelo à cena várias vezes, eles têm configurações de entidade independentes, comolocalização, rotação e escala. Mas eles também compartilham referências aos ativos de textura, material eanimação.

Se, por exemplo, você alterar a opacidade no componente de material doThrush_material, ele altera asconfigurações desse material naAtivos, e em quaisquer outras cópias do modelo criado no passado ou nofuturo. Alternativamente, se você alterar oYrotação da entidade na cena, ela afeta somente essa instância

17

https://console.aws.amazon.com/sumerian/home

Amazon Sumerian Guia do usuárioModel Showcase

do modelo. E se você alterar a rotação da entidade noAtivos, ele afeta somente novas cópias do modeloque você adiciona à cena depois de definir a rotação.

NoAtivos, os ativos do modelo são organizados em um pacote de ativos. Para criar uma cópia do pacotede ativos que você pode importar para outras cenas, exporte-a para seu projeto.

Para exportar o modelo em um pacote de ativos

1.Escolher o ícone da biblioteca de ativos para exportar o pacote de ativos.

2. Escolha uma categoria para o pacote. Para modelos com vários tipos de ativos, você podeescolherEntidadesouOther (Outros).

3. Escolha Add to asset library (Adicionar à biblioteca de ativos).

Agora você pode importar o modelo para outras cenas selecionandoImportar ativosNo topo da cena. Cadavez que você importa ou exporta um pacote de ativos, ele cria uma cópia sem referências ou links paraoutras cenas.

Saiba como tornar o modelo interativo e personalizar a câmera de cena nopróximo tópico (p. 18).

Construindo uma apresentação de modelosPara mostrar omodelo de amostra (p. 16), a cena de exemplo usa uma máquina de estado e um dostipos de câmera embutidos. A máquina de estado aguarda a entrada do usuário (clique ou toque) e acionauma das animações incluídas no modelo aleatoriamente. O tipo de câmera órbita suporta entrada demouse e toque para orbitar, zoom e panorâmica.

Example Model Showcase

Use os procedimentos a seguir para recriar a cena de amostra.

Para adicionar o comportamento de máquina de estado

1. Escolha a entidade pai e, em seguida, escolhaAdicionar componente,Máquina de estado.2. Para criar um comportamento, escolha o símbolo de adição no painel da máquina de estado. Adicione

os seguintes estados e ações.

Example Estados para acionar a animação

• initialize:Pausa animaçãopausa todas as animações na entidade. Isso evita que a animaçãopadrão seja reproduzida quando a cena é iniciada. Clique/toque na entidadetransições para opróximo estado quando o usuário interage com o modelo.

• randomizer:Transição aleatóriaescolhe entre dois estados. Encadeie vários estados aleatóriosjuntos para vincular a todas as animações disponíveis.

• animate:Definir animaçãodefine a animação ativa. Após a reprodução da animação para o númeroespecificado de loops, ela faz a transição para o próximo estado. Retomar animaçãoExecuta aanimação.

18


A câmera de cena tem umOrbit e panque oferece suporte aos controles a seguir.

Controls

• Órbita— Clique com o botão direito do mouse e arraste, ou toque e arraste.• Pan— Clique com o meio e arraste, ou toque e arraste com dois dedos.• Zoom— Roda do mouse ou pinça.

Adicione a câmera à cena e configure-a para orbitar em torno do ponto de origem, onde o modelo está.

Para adicionar a câmera

1. Para adicionar uma câmera à cena, escolhaCriar entidade,Câmera de órbita.2. No componente Transform, aplique as seguintes configurações:

• X Translation:5.5• Y Translation:3.5• Z Translation:4• X Rotação:-20• Y Rotação:50

3. No componente de câmera, aplique as seguintes configurações:

• Câmera principal:enabled• FOV:30

4. No componente de script, aplique a seguinte configuração:

• Olhe para a distância:7.65

19


OOlhe para a distânciaé a distância entre a câmera e o modelo, para que o modelo permaneça no centroda tela enquanto você clica e arrasta ou arrasta por toque para mover a câmera. Se você mover a câmerapara um ponto inicial diferente, poderá recalcular a aparência à distância tomando a raiz quadrada dasoma dos quadrados das traduções X, Z e Y da câmera.

Defina a cor do plano de fundo naConfigurações de ambiente (p. 72).

Para definir a cor do plano de fundo

1. Escolha o nó raiz na listaEntidadesPainel do.

2. Expanda a seção Environment (Ambiente) no painel do inspetor.

3. Escolha o quadrado da cor de fundo.4. Para escolher uma cor, use o seletor de cores ou insira um código de cor hexadecimal ou RGB. A

cena de exemplo usa cor hexadecimaladcac8.

Reproduza a cena no editor ouPublish (p. 57).

20

Amazon Sumerian Guia do usuárioScenes

Conceitos Amazon SumerianAmazon Sumerian permite criar Virtual Reality (VR — Realidade virtual), AR (AR — Realidade aumentada)e 3DCenasque são compostas porComponentes doeentidades, organizado emProjetos do. Vejamosatentamente os conceitos usados no editor do Sumerian e neste guia.

ScenesCena é um espaço 3D que contém objetos e comportamentos que definem um ambiente VR ou AR. Entreos objetos estão geometrias, materiais, sons que você importa de um formato de arquivo compatível eobjetos que você cria na cena, como luzes, câmeras e efeitos de partícula. Os comportamentos incluemcomportamentos de máquina de estado, animações, linhas do tempo e scripts.

Quando estiver pronto para mostrar a cena, exporte-a diretamente para o Amazon CloudFront como umsite estático que você pode abrir em um navegador.

Consulte Scenes (p. 24) para obter mais informações.

Componentes e entidadesTodos os objetos e comportamentos sãoComponentes doque combinam para criarentidades. Por exemplo,quando você importa um modelo 3D e o adiciona a uma cena, o editor cria uma entidade que possuium componente de geometria, um componente de material, um componente de transformação e umcomponente de animação. Em seguida, você pode usar o editor para adicionar um corpo rígido, colliders eoutros componentes à entidade.

Consulte Entidades e componentes Amazon Sumerian (p. 80) para obter mais informações.

AssetsOs ativos são imagens, sons, scripts, modelos e documentos que você importa para o Sumerian para usarem uma cena. Você pode gerenciar ativos de maneira independente das cenas que as usa nobiblioteca deativos. Os ativos podem pertencer a um usuário ou a um projeto.

Consulte Pacotes de ativos (p. 25) para obter mais informações.

HostsHost é um ativo fornecido pelo Sumerian com animação, fala e comportamento internos para interaçãocom usuários.

21

Amazon Sumerian Guia do usuárioProjects

Os hosts usam o Amazon Polly para conversar com usuários por uma origem de texto. Você pode usarhosts para envolver usuários e orientá-los em meio a uma experiência virtual.

Consulte Componente Host do Amazon Sumerian (p. 176) para obter mais informações.

ProjectsProjetos são uma ferramenta organizacional para gerenciar cenas, ativos e modelos.

Consulte Projects (p. 23) para obter mais informações.

TemplatesOs modelos permitem que você salve uma cópia de uma cena a ser usada como ponto de partida paraoutras cenas. Os modelos pertencem a um projeto. O Sumerian fornece vários modelos que você podeacessar no painel.

Consulte Templates (p. 26) para obter mais informações.

22

Amazon Sumerian Guia do usuárioProjects

Amazon Sumerian DasherianPainel é a primeira coisa que você vê ao abrir Amazon Sumerian. É onde você gerencia os projetos, ascenas, os pacotes de ativos e os modelos.

Os projetos coletam cenas e os pacotes de modelos e ativos que você exporta deles. Você pode criarprojetos preliminares fora de um projeto, mas deve ter um projeto para exportar modelos e ativos.

Quando você abre uma cena no editor, ela está bloqueada para impedir que outros usuários a modifiquem.O painel gerencia travas e permite que você roube uma trava se o outro usuário deixar uma cena abertapor acidente.

Tópicos• Projects (p. 23)• Scenes (p. 24)• Pacotes de ativos (p. 25)• Templates (p. 26)• Trash (p. 27)• Locks (p. 27)

ProjectsOs projetos coletam as cenas nas quais você está trabalhando. Você pode criar até 1.000 projetos porregião.

23

Amazon Sumerian Guia do usuárioScenes

Para criar um projeto

1. AbertoO painel da Sumerian.2. Escolha Projects (Projetos).3. Selecione New project (Novo projeto).4. Digite um nome de projeto e escolha Create (Criar).

Assim que tiver um projeto, você poderá usar o painel para criar uma cópia ou excluí-lo.

Para gerenciar um projeto

1. AbertoO painel da Sumerian.2. Escolha um projeto.3. Em Project details (Detalhes do projeto), use uma das opções a seguir.

• Miniatura— EscolhaNavegarPara fazer upload de uma imagem em miniatura.• Name (Nome)— Altere o nome do projeto.• Descrição— Altere a descrição do projeto.• Ações:MoverouCopiarO projeto. Delete (Excluir) o projeto para enviá-lo à Trash (Lixeira).• Published URLs— EscolhaExibir lista de URLsPara obter links de todas as cenas do projeto que

foram publicadas no Amazon CloudFront.

ScenesCena é um espaço 3D que você gerencia no painel e trabalha no editor sumerian. Sumerian fornecediversos modelos que você pode usar como um ponto de partida.

As cenas podem ser rascunhos ou parte de um projeto. Você pode criar até 10.000 cenas por região.

Para criar uma cena

1. AbertoO painel sumerian.2. Escolha o local para criar a cena.

• Início— Crie um projeto preliminar.• Rascunhos— Crie um projeto preliminar.• Projeto— Crie uma cena em um dos projetos.

3. Escolha Create scene (Criar cena).4. (opcional) Escolha um modelo (p. 26).

24

https://console.aws.amazon.com/sumerian/homehttps://console.aws.amazon.com/sumerian/homehttps://console.aws.amazon.com/sumerian/home

Amazon Sumerian Guia do usuárioPacotes de ativos

5. Digite o nome de uma cena e escolha Create (Criar).

Quando você cria uma cena, ela é aberta no painel daEditor sumerian (p. 29)para uso imediato. Assimque tiver uma cena, você poderá usar o painel para criar uma cópia ou excluí-la. Escolha o ícone sumerianno canto superior esquerdo para deixar a cena e retornar ao painel.

Para gerenciar uma cena

1. AbertoO painel sumerian.2. Localize a cena em Recent scenes (Cenas recentes), Drafts (Rascunhos) ou um projeto.3. Escolha a cena clicando na miniatura.

Note

Se você clicar no nome da cena ou clique duas vezes na miniatura, a cena será aberta noeditor sumerian.

4. Em Scene details (Detalhes da cena), use uma das opções a seguir.

• Miniatura— EscolhaNavegarpara fazer upload de uma imagem em miniatura.• Name (Nome)— Altere o nome da cena.• Descrição— Altere a descrição da cena.• Tags— Adicione tags à cena para uso com filtros.• Ações

• Aberto— Abra a cena no editor sumerian.• Visualizar publicado— (cenas públicas) Abra a versão publicada da cena hospedada no Amazon

CloudFront.• Baixe Amplify JSON— (cenas privadas (p. 57)) Faça download do arquivo de configuração do

Amplify.• Mover— Mova a cena para um projeto diferente.• Copiar— Copie a cena para um projeto diferente.• Duplicate (Duplicar)— Crie uma cópia da cena no mesmo projeto.• Excluir— Envie a cena para aLixeira

Opções adicionais para cenas estão disponíveis no editor sumerianConfigurações de Cena (p. 66).

Pacotes de ativosA página Assets (Ativos) de um projeto mostra pacotes de ativos que foram exportados de uma cena.

No painel, você pode alterar o nome e a descrição de um pacote, além de copiar ou movê-lo para outroprojeto.

Para gerenciar um pacote de ativos

1. AbertoO painel sumerian.2. Escolha um projeto.3. Escolha Assets (Ativos).4. Escolha um pacote de ativos.5. Em Asset details (Detalhes do ativo), use uma das opções a seguir.

25

https://console.aws.amazon.com/sumerian/homehttps://console.aws.amazon.com/sumerian/home

Amazon Sumerian Guia do usuárioTemplates

• Miniatura— EscolhaNavegarpara fazer upload de uma imagem em miniatura.• Name (Nome)— Altere o nome do pacote de ativos.• Descrição— Altere a descrição do pacote de ativos.• Tags— Adicione tags ao pacote de ativos a ser usado com filtros.• Ações

• Mover— Mova o pacote de ativos para um projeto diferente.• Copiar— Copie o pacote de ativos para um projeto diferente.• Excluir— Envie o pacote de ativos para aLixeira

As opções adicionais para pacotes de ativos estão disponíveis noEditor sumerian (p. 227).

TemplatesModelos são cenas que foram exportadas de um projeto a ser usado como um ponto de partida paraoutras cenas. Além dos modelos fornecidos pelo sumerian, o painel permite que você gerencie modelosexportados de uma cena.

Você pode usar o painel para criar uma cena de um modelo ou mover ou copiar modelos entre cenas.Sumerian também fornece uma biblioteca de modelos.

Para criar uma cena com base em um modelo

1. AbertoO painel sumerian.2. Escolha Create new scene (Criar nova cena).3. Escolha uma dasModelos sumerian, ou escolhaMinhas modelospara usar um modelo de um dos

projetos.4. Digite o nome da cena e escolha Create (Criar).

Crie modelos com base nas cenas doSeção Configurações de cena (p. 66)no editor Sumerian. Emseguida, você pode copiar os modelos para outros projetos na seção Templates (Modelos) da página doprojeto da cena no painel.

Para gerenciar um modelo

1. AbertoO painel sumerian.2. Escolha um projeto.3. Escolha Templates (Modelos).4. Escolher um modelo.5. Em Template details (Detalhes do modelo), use uma das opções a seguir.

• Miniatura— EscolhaNavegarpara fazer upload de uma imagem em miniatura.• Name (Nome)— Altere o nome do modelo.• Descrição— Altere a descrição do modelo.• Tags— Adicione tags ao modelo a ser usado com filtros.• Ações

• Mover— Move o modelo para um projeto diferente.• Copiar— Copie o modelo para um projeto diferente.• Excluir— Envie o modelo para aLixeira

26


Amazon Sumerian Guia do usuárioTrash

TrashQuando você exclui uma cena, um projeto, um modelo ou um pacote de ativos, o Amazon Sumeriané movido para a lixeira. Os itens na lixeira são mantidos indefinidamente, e você pode restaurá-los aqualquer momento.

Você pode usar o menu da lixeira para restaurar itens excluídos ou excluí-los permanentemente.

Para restaurar um item excluído

1. AbertoO painel da Sumerian.2. Escolha Trash (Lixeira).3. Selecione um item e, em seguida, selecione Restore (Restaurar).

Os itens restaurados retornam ao projeto original.

Para evitar o pagamento de custos de armazenamento para itens excluídos, exclua-os permanentemente.

Para excluir itens permanentemente

1. AbertoO painel da Sumerian.2. Escolha Trash (Lixeira).3. Selecione um item e, em seguida, selecione Delete (Excluir).

ou

Selecione Empty trash (Esvaziar lixeira).4. Escolha Delete (Excluir).

LocksO editor do Amazon Sumerian usa travas para controlar modificações feitas em uma cena. Quando vocêabre uma cena, o editor cria uma trava na cena e a atualiza periodicamente. Se tentar abrir a cena emoutro navegador enquanto a trava estiver ativa, você verá um erro.

27


Amazon Sumerian Guia do usuárioLocks

Você poderá forçar a Sumerian a descartar a trava se tiver certeza de que mais ninguém estejatrabalhando na cena, ou crie uma cópia da cena e trabalhe nela.

28


Amazon Sumerian EditorO editor Sumerian fornece uma interface para importar facilmente ativos, criar uma cena e publicar a cenana Internet.

Ao carregar uma cena no editor Sumerian, você pode ver uma barra de menus na parte superior da tela,no painel de entidades, no painel de ativos, na tela e no painel do inspetor. Essa barra de menus fornecemenus para navegar cenas, acessar ferramentas e publicar.

Barra superior

• Scene— Retorne ao painel, abra uma cena recente ou exporte a cena.• Ferramentas— Acesse o editor de texto, o editor de comportamento e o editor da linha do tempo.• Criar entidade— Adicione uma entidade de forma, luz, câmera ou em branco à cena.• Importar ativos— Abra a biblioteca de ativos do.• Ajuda— Exiba a lista de atalhos ou envie comentários.• Nome de usuário— Log out.

A barra de status na parte inferior da tela mostra atualizações sobre operações de salvar, importar erenderizar.

Barra de status

29

Amazon Sumerian Guia do usuárioTela

• Barra de progresso— Mostra informações sobre a atividade atual, como o upload do modelo.• Caminho— O usuário, o projeto e a cena atuais.

Os tópicos a seguir descrevem as opções de menu em cada uma das áreas do editor.

Painéis e menus• Tela do editor do Amazon Sumerian (p. 30)• Importar ativos da biblioteca de ativos no editor do Amazon Sumerian (p. 36)• Usar o painel de ativos no editor do Amazon Sumerian Editor (p. 37)• Usar o painel de entidades no editor Amazon Sumerian (p. 39)• Usar o painel do Inspector no editor Amazon Sumerian (p. 44)• Usar as ferramentas no editor Amazon Sumerian (p. 47)• Controles de teclado e mouse para o Editor Amazon Sumerian (p. 52)• Publicar cenas no editor sumerian (p. 57)• Exportação para GLTF a partir do Editor Amazon Sumerian (p. 62)

Tela do editor do Amazon SumerianA janela de exibição renderizada pelo WebGL está localizada no centro do editor do Sumerian do. Aquivocê pode navegar, inspecionar e visualizar o conteúdo da cena.

30

Amazon Sumerian Guia do usuárioTela

31

Amazon Sumerian Guia do usuárioEditor de controles da câmera

A barra de menus na parte superior da tela tem opções de câmera, reprodução e renderização. Muitos dosbotões também têm comandos de teclado (p. 52) equivalentes.

Menu da tela

•— Altere as alças de transformação no modo de translação.

•— Altere as alças de transformação para o modo de rotação.

•— Altere as alças de transformação para o modo de escala.

•— Alterne posicionamentos relativo e absoluto.

•— Escolha o modo de renderização da tela.

•— Mostre ou oculte oskybox (p. 233)textura.

•— Mostre ou oculte a grade.

•— Mostre ou oculte pós-efeitos.

•— Visualize a cena com uma câmera predefinida.

•— Preencha a tela com a entidade selecionada.

•— Preencha a tela com todas as entidades na cena.

•— Preencha a tela com a tela.

•— Oculte ou mostre painéis laterais.

•

— Visualize a cena renderizada na tela.

Editor de controles da câmeraControles do teclado e mouse da câmera do editor

• Arrasto direito— Orbita em torno da posição no centro da tela.• Arraste com a esquerda+SHIFT + Opção (Mac) /Alt (Windows)— Movimentação panorâmica para a

esquerda ou direita, para cima ou para baixo• Arrasto Médio— Movimentação panorâmica para a esquerda ou direita, para cima ou para baixo• Rolar rolagem— Ampliar/reduzir. Observe que a câmera do editor só pode ampliar até o valor de

transformação da entidade selecionada.

32

Amazon Sumerian Guia do usuárioVárias seleções

Observações: Os trackpads são suportados pelo Sumerian. Os controles do trackpad usarão asrespectivas ações do mouse definidas pelas configurações do seu computador

Por padrão, clique com o botão do meio noFirefoxO permite a rolagem automática. Para usar o botão domeio para deslocar dentro de uma cena suméria, você precisará alterar as configurações do navegador:

1. Abra uma nova guia no navegador.2. Digite oabout:configna barra de pesquisa de URL.3. SearchGeneral.autoScrollNa barra de pesquisa de preferência.4. OnceGeneral.autoScrollPreencha o, clique duas vezes notruepara torná-lo falso.

Várias seleçõesSumerian agora oferece suporte à capacidade de selecionar várias entidades. Para selecionar váriasentidades usando a tela de desenho, arraste o cursor com a esquerda para criar uma caixa delimitadoraazul. Todas as entidades cujas caixas delimitadoras individuais se cruzam, ou estão incluídas na caixa,serão selecionadas. Entidades adicionais podem ser adicionadas à seleção pressionando SHIFT +Arrastar para a esquerda para criar outra caixa delimitadora. As entidades podem ser subtraídas daseleção selecionando-as enquanto mantém CMD (Mac) /Ctrl (Windows).

33

https://www.mozilla.org


Uma vez que várias entidades são selecionadas, cada entidade será destacada.

34


Se várias entidades forem selecionadas, você poderá executar as seguintes ações:

• Exclua todas as entidades clicando no botão excluir na caixaEntidadesPainel.• Duplicar todas as entidades clicando no botão duplicar noEntidadesPainel.• AlteraçãoTransformaçãomovendo as alças da tela de desenho. OTransformaçãoserão colocados na

posição média de todas as entidades selecionadas.

Observe que, se várias entidades forem selecionadas, oInspectorserá desativado.

35

Amazon Sumerian Guia do usuárioBiblioteca de ativos

Importar ativos da biblioteca de ativos no editor doAmazon Sumerian

Você pode usar a biblioteca de ativos do editor do Sumerian para importar ativos da biblioteca doSumerian, da máquina local ouPacotes de ativos (p. 227)que você exporta de uma cena.

Para importar ativos

1. Abra uma cena no editor Sumerian.2. Escolha Import assets (Importar ativos).3. Escolha um tipo de ativos (p. 226) para filtrar os ativos disponíveis por tipo.4. Escolha um pacote de ativos e Add (Adicionar) para adicioná-lo aos ativos da cena.

36

Amazon Sumerian Guia do usuárioPainel de ativos

5. Depois que o editor terminar de importar o pacote de ativos, arraste a entidade contida no (procure oícone de hexágono) doPainel de ativos (p. 37)Na tela a fim de adicioná-la à cena.

Os ativos também podem ser importados do disco local emImportar do disco. Para importar ativos,escolhaNavegarou arraste e solte na entrada de soltar.

Usar o painel de ativos no editor do AmazonSumerian Editor

O painel de ativos mostra todos os ativos que pertencem à cena. Os ativos são versões portáteis deentidades ou componentes de entidades. Você pode criá-los com base em arquivos externos ou entidadescriadas dentro do editor.

37

Amazon Sumerian Guia do usuárioPainel de ativos

Para criar um ativo, solte um arquivo da máquina ou uma entidade do painel de entidades no painel deativos. Dependendo do tipo de arquivo, você pode dividir o arquivo em vários ativos.

OPacote padrãoestá incluído em todas as cenas Sumerian. Este pacote é usado para armazenar ativospadrão e quaisquer outros ativos que não pertençam a um pacote específico.

O Sumerian agora oferece suporte à capacidade de selecionar vários ativos. Para selecionar vários ativosusando oAtivosselecione um ativo, mantenha a tecla SHIFT pressionada e clique em outra entidade paraselecionar todas as entidades sequenciais entre os dois ativos selecionados. Mantenha pressionadaa tecla CMD (Mac) /Ctrl (Windows) para alternar o estado de seleção de ativos individuais ou nãosequenciais.

Os pacotes de ativos também podem ser importados usando o botão de importação (ou seja, ícone depasta).

38

Amazon Sumerian Guia do usuárioPainel de entidades

Ações disponíveis usando o painel de ativos

• Filtrar ativos usando os ícones de ativos na parte superior do painel• Crie, gerencie e mova pacotes e ativos• Arraste e solte ativos de entidade na tela ouEntidadespara adicioná-los à sua cena• Arrastar e soltar ativos paraInspectorpara aplicar o ativo às entidades selecionadas• Os ativos também podem ser aplicados a outros ativos, como adicionar um comportamento a um

componente de máquina de estado ou editar um ativo de tipo de entidade que não esteja na scen• Os ativos que não aparecem na cena podem ser selecionados e editados naInspectorPainel do

Botões de ação para ativos

Os botões a seguir aparecerão ao passar o mouse sobre um ativo.

• Botão Editar para editar ativos noInspectorPainel do. Isso só é aplicável a alguns ativos• Botão Dependências para mostrar dependências de ativos (outros ativos que dependem do ativo

selecionado)• Botão duplicado para duplicar ativos• Botão Excluir para excluir ativos. Observe que os ativos usados na cena não podem ser excluídos

Botões de ação para pacotes de ativos

Os botões a seguir aparecerão ao passar o mouse sobre um pacote de ativos.

• Criar um novo ativo e adicioná-lo ao pacote selecionado• Adicionar pacotes de ativos à Biblioteca de ativos• Excluir dependências não utilizadas do pacote selecionado• Excluir o pacote de ativos selecionado

Para obter mais informações, consulteAtivos Amazon Sumerian (p. 226)ou confira oMergulho profundodo painel de ativos tutorial.

Usar o painel de entidades no editor AmazonSumerian

O painel de entidades mostra entidades de uma cena em uma hierarquia, começando pela cenapropriamente dita. Uma entidade pode ser um filho da cena ou de outra entidade. Quando você escolhea cena no painel de entidades, oPainel inspetor (p. 44)(à direita do editor) mostra as configurações dacena. Quando você escolhe uma entidade, o painel do inspetor mostra os componentes da entidade.

39

https://docs.sumerian.amazonaws.com/tutorials/create/intermediate/asset-panel-deep-dive/https://docs.sumerian.amazonaws.com/tutorials/create/intermediate/asset-panel-deep-dive/

Amazon Sumerian Guia do usuárioNavegação de Hierarquia usando as teclas de seta

Organize as entidades pelo relacionamento físico ou lógico para outras entidades. A posição, a rotação ea escala de uma entidade são relativas ao pai. Quando você move o pai, o filho também se move. Paraalterar o pai de uma entidade, arraste-o e solte-o no novo pai no painel de entidades.

Controles do painel de entidades

•— Recolha a entidade para ocultar os filhos no painel de entidades.

•— Oculte ou mostre uma entidade na tela.

•— Duplique uma entidade.

•— Exclua uma entidade.

•— Desfaça ou refaça alterações.

Clique duas vezes no nome de uma entidade para renomeá-la. Clique duas vezes no ícone da entidadepara enquadrá-la na tela de desenho.

Navegação de Hierarquia usando as teclas de setaUse as setas do teclado para navegar nas seleções naEntidadesPainel. As setas PARA CIMA e PARABAIXO movem a seleção para cima e para baixo através de entidades exibidas na hierarquia quando umaúnica entidade é selecionada.

As teclas de seta para a esquerda/direita navegam para cima/para baixo para entidades irmãos (entidadesque compartilham o mesmo pai). Se uma entidade pai for expandida, as teclas de seta para a esquerdana hierarquia, irá recolhê-la. Se uma entidade pai não for expandida, as teclas de seta para a direitaexpandirão a entidade para exibir as entidades filhas.

Por último, se uma entidade for selecionada mas oculta por uma entidade pai ou avô recolhida, clicar emqualquer uma das quatro teclas de seta tornará a seleção visível no primeiro clique. Após esta expansão,as teclas de seta retornarão às suas funções normais.

Observe que quando várias entidades (não irmãos) são selecionadas as teclas de seta não podem serusadas para navegar.

40

Amazon Sumerian Guia do usuárioVárias entidades de seleção

Várias entidades de seleçãoO Sumerian agora oferece suporte à capacidade de selecionar várias entidades. Para selecionar váriasentidades na caixa de diálogo doEntidadesselecione uma entidade, mantenha a tecla SHIFT pressionadae clique em outra entidade para selecionar todas as entidades sequenciais entre as duas entidadesselecionadas. O nó da cena (a entidade de nível superior) não pode ser incluído em uma seleção de váriasentidades.

Mantenha pressionada a tecla CMD (Mac) /Ctrl (Windows) para alternar o estado de seleção de entidadesindividuais ou não sequenciais.

41


Uma vez que várias entidades são selecionadas, cada entidade será destacada na tela.

42


Se várias entidades forem selecionadas, você pode realizar as seguintes ações:

• Exclua todas as entidades clicando no botão Excluir na caixaEntidadesPainel• Duplicar todas as entidades clicando no botão duplicar naEntidadesPainel• AlteraçãoTransformaçãomovendo as alças da tela• Reparenting - movendo entidades filho de um pai para outro

Observe que, se várias entidades forem selecionadas, a opçãoInspectorserá desativado.

43

Amazon Sumerian Guia do usuárioPainel do inspector

Usar o painel do Inspector no editor AmazonSumerian

Use o painel do inspetor para gerenciar configurações de cena, entidades e ativos. Quando você selecionaqualquer um desses elementos no editor do Sumerian, obtém as propriedades a seguir em uma seção como nome do elemento.

44


Quando você escolhe a cena naPainel de entidades (p. 80)ou clique no plano de fundo da cena na tela,o painel do inspetor mostra várias seções adicionais para as configurações que se aplicam a toda a cena.Entre elas estão configurações ambientais, efeitos de pós-processamento e credenciais do SDK da AWS.Consulte ??? (p. 66) para obter mais informações.

Propriedades genéricas

• Miniatura— A imagem em miniatura do elemento. Solte uma imagem na entrada de soltar.Alternativamente, pausar o cursor sobre a entrada de soltar e escolhaFazer captura de tela doParasalvar uma imagem da exibição atual da tela.

• Name (Nome)— O nome do elemento.• ID(somente leitura) — Um identificador exclusivo do elemento.• Tipo(somente leitura) — O tipo de elemento: cena, entidade ou umTipo de ativo (p. 226).• Descrição— Descrição do elemento.

45


• Tags— Metadados somente de chave que você pode usar em scripts. Você pode ler tags ou procurarentidades com tags específicas usando o objeto de contexto (p. 246).

• Atributos personalizados— Metadados de valor de chave que você pode usar em scripts. Você pode leratributos usando o objeto de contexto (p. 246).

O painel Inspetor contém os componentes e configurações para todas as suas entidades. Como visto naimagem acima, se a entidade raiz (ou entidade cena) estiver selecionada, você verá componentes globaise propriedades. Se outra entidade dentro da cena for selecionada, você verá componentes específicospara essa entidade. Por exemplo, selecione a caixa de seleçãoCâmera padrãono painel de entidadese você verá os componentes anexados à entidade de câmera. Selecione+ Adicionar Componenteparaadicionar mais componentes.

Quando você escolhe uma entidade no painel de entidades ou clica nela na tela, o painel do inspetormostra uma seção para cada componente na entidade. Cada entidade tem pelo menos um componente detransformação que determina o local, a rotação e o tamanho. As entidades que você cria soltando ativosna cena têm componentes adicionais com base no tipo. Você pode adicionar componentes a qualquerentidade no painel do inspetor escolhendoAdicionar componenteNa parte inferior do painel. Consulte??? (p. 80) para obter mais informações.

Quando você escolhe um ativo noPainel de ativos do (p. 37), o painel do inspetor mostra seçõessomente de componentes que se aplicam a todas as instâncias do ativo na cena. Por exemplo, um ativode script tem apenas código, mas um componente de script em uma entidade pode ter parâmetros quepersonalizam essa instância do script. Um ativo de material, no entanto, tem todas asComponente dematerial (p. 91)Propriedades. Modificar qualquer uma dessas propriedades muda todas as instâncias domaterial na cena.

Observe que, se vários objetos forem selecionados, oInspectorserá desativado.

46

Amazon Sumerian Guia do usuárioFerramentas

Usar as ferramentas no editor Amazon SumerianO editor Sumerian tem três painéis de ferramenta para funcionar com ativos e componentes complexos:

• OTextoO editor do fornece uma interface para criar scripts, documentos JSON e arquivos de fala.• OCronogramaanima entidades entre quadros-chave.• OState Machine (Máquina de estado)O editor do permite que você crie e conecte comportamentos e

ações da máquina de estado.

Editor de textoO editor de texto permite visualizar e modificar todos os ativos de texto na cena, inclusive scripts,documentos JSON e arquivos de fala.

47

Amazon Sumerian Guia do usuárioEditor da máquina de estado

Para usar o editor de texto, selecioneFerramentas,Editor de texto. Ou pressione o botãoJChave.

ODocumentosLista os ativos de texto na cena. Clique em um para abri-lo em uma guia. Para renomear umativo, destaque-o e clique no ícone de lápis.

Quando você abre um script, oRecursos externosAparecerá. Você pode usar esse painel para importarbibliotecas da Internet das quais o script depende. Consulte Dependências externas (p. 250) para obtermais informações.

Editor da máquina de estadoO editor de máquina de estado fornece uma representação visual das ações e dos comportamentosassociados a um componente de máquina de estado (p. 221).

48


49


Para usar o editor da máquina de estado, clique no ícone de lápis ao lado de um comportamento no painelde ativos ou em componente da máquina de estado.

O editor de máquina de estado é usado para criar comportamentos. Cada comportamento tem um oumais estados, representados por uma caixa. Cada estado tem uma ou mais ações. Você pode selecionarquais transições de ação para outro estado, representado por uma seta que conecta a ação ao estado dedestino. Clique em uma ação e arraste o cursor para outro estado para criar uma transição entre os dois.

Para adicionar uma ação a um estado, selecione o estado e, no painel inspetor, escolhaAdd Action.

Selecione uma ação noBiblioteca de ação.

50

Amazon Sumerian Guia do usuárioTimeline

Para obter mais informações, consulteMáquina de estado Amazon Sumerian (p. 236), oNoções básicasda máquina de estado tutorial, ou oNoções básicas da Amazon Sumerian tutorial.

TimelineUse linhas do tempo para mover, girar ou alterar a escala de entidades ao longo do tempo. Vocêpode definir os valores inicial e final dessas propriedades e adicionar quadros-chave para controlar avelocidade ou a direção da animação ao longo do caminho. A linha do tempo também pode emitir eventospersonalizados, que podem ser consumidos de uma máquina de estado ou script.

51

https://docs.sumerian.amazonaws.com/tutorials/create/beginner/state-machine-basics/https://docs.sumerian.amazonaws.com/tutorials/create/beginner/state-machine-basics/https://docs.sumerian.amazonaws.com/tutorials/create/getting-started/light-switch/

Amazon Sumerian Guia do usuárioTeclado e mouse

Para obter mais informações, consulteComponente da linha do tempo do Amazon Sumerian (p. 223)ouoNoções básicas da linha do tempo tutorial.

Controles de teclado e mouse para o EditorAmazon Sumerian

A câmera padrão que o Sumerian adiciona a cada cena é compatível com controles de mouse parapanorâmica, zoom e órbita em torno do ponto de ancoragem da câmera. É idêntico aoÓrbitaTipo decâmera. Para

amazon sumerian - guia do usuário · 2021. 1. 15. · amazon sumerian guia do usuário casos de...

Documents