Amazon Sumerian - ユーザーガイド · 連するすべてのストレージ (Amazon S3)...

Amazon Sumerianユーザーガイド

Amazon Sumerian ユーザーガイド

Amazon Sumerian: ユーザーガイドCopyright © 2020 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 discreditsAmazon. All other trademarks not owned by Amazon are the property of their respective owners, who may or may notbe affiliated with, connected to, or sponsored by Amazon.


Table of ContentsAmazon Sumerian とは ....................................................................................................................... 1ユースケース ..................................................................................................................................... 2アクセス許可 ..................................................................................................................................... 3

Sumerian 用の IAM 管理ポリシー ................................................................................................. 3シーンアクセス許可 .................................................................................................................... 3

ご利用開始にあたって ......................................................................................................................... 5前提条件 .................................................................................................................................... 5プロジェクトとシーンの作成 ........................................................................................................ 5シーンの設定 ............................................................................................................................. 6エンティティの追加と設定 ........................................................................................................... 7ビヘイビアの追加 ...................................................................................................................... 10VR モードの追加 ...................................................................................................................... 13シーンの公開と表示 .................................................................................................................. 14クリーンアップ ......................................................................................................................... 14次のステップ ............................................................................................................................ 15

概念 ................................................................................................................................................ 16シーン ..................................................................................................................................... 16コンポーネントとエンティティ ................................................................................................... 16アセット .................................................................................................................................. 16ホスト ..................................................................................................................................... 16プロジェクト ............................................................................................................................ 17テンプレート ............................................................................................................................ 17

ダッシュボード ................................................................................................................................. 18プロジェクト ............................................................................................................................ 18シーン ..................................................................................................................................... 19アセットパック ......................................................................................................................... 20テンプレート ............................................................................................................................ 21ごみ箱 ..................................................................................................................................... 22ロック ..................................................................................................................................... 22

エディタ .......................................................................................................................................... 24キャンバス ............................................................................................................................... 25アセットライブラリ .................................................................................................................. 26アセットパネル ......................................................................................................................... 27エンティティパネル .................................................................................................................. 28インスペクターパネル ............................................................................................................... 28ツール ..................................................................................................................................... 29

テキストエディタ .............................................................................................................. 30ステートマシンエディタ .................................................................................................... 31タイムライン .................................................................................................................... 31

キーボードおよびマウス ............................................................................................................ 32発行 ........................................................................................................................................ 34

シーン設定 ....................................................................................................................................... 35AWS 構成 ................................................................................................................................ 37スナップショット ...................................................................................................................... 38ドキュメント ............................................................................................................................ 40環境 ........................................................................................................................................ 41ポストエフェクト ...................................................................................................................... 42シーンサイズ ............................................................................................................................ 45シーンの統計 ............................................................................................................................ 45

エンティティ .................................................................................................................................... 47エンティティの管理 .................................................................................................................. 47コンポーネントの管理 ............................................................................................................... 48Transform ................................................................................................................................ 49ジオメトリ ............................................................................................................................... 50

iii


マテリアル ............................................................................................................................... 50カメラ ..................................................................................................................................... 51VR カメラリグ ......................................................................................................................... 52HMD カメラ ............................................................................................................................. 52VR コントローラー ................................................................................................................... 52ホスト ..................................................................................................................................... 52音声 ........................................................................................................................................ 54

[State Machine] ................................................................................................................ 54Script .............................................................................................................................. 55

ダイアログ ............................................................................................................................... 55[State Machine] ................................................................................................................ 56Script .............................................................................................................................. 58

2D グラフィックス ................................................................................................................... 58HTML ...................................................................................................................................... 58HTML 3D ................................................................................................................................. 59サウンド .................................................................................................................................. 60軽度 ........................................................................................................................................ 60パーティクルシステム ............................................................................................................... 60Animation ................................................................................................................................ 62コライダ .................................................................................................................................. 62剛体 ........................................................................................................................................ 64State Machine .......................................................................................................................... 65Script ...................................................................................................................................... 66タイムライン ............................................................................................................................ 67

アセット .......................................................................................................................................... 70パック ..................................................................................................................................... 71テンプレート ............................................................................................................................ 72VR ツール ............................................................................................................................... 73AR ツール ............................................................................................................................... 73

Android サンプルプロジェクト ............................................................................................ 74iOS サンプルプロジェクト ................................................................................................. 74

ホスト ..................................................................................................................................... 74モデル ..................................................................................................................................... 75Skybox .................................................................................................................................... 76メディア .................................................................................................................................. 78

ステートマシン ................................................................................................................................. 80アニメーション ......................................................................................................................... 81音声とカメラ ............................................................................................................................ 81AWS の機能 ............................................................................................................................. 82キーボードおよびマウス ............................................................................................................ 82エフェクトと照明 ...................................................................................................................... 83マテリアルとレンダリング ......................................................................................................... 84フィジックスと衝突 .................................................................................................................. 84ロジック、移行 ......................................................................................................................... 84

スクリプト ....................................................................................................................................... 86組み込みスクリプト .................................................................................................................. 87コンテキストオブジェクト ......................................................................................................... 87パラメータと引数 ...................................................................................................................... 88

パラメータの形式 .............................................................................................................. 89パラメータータイプ .......................................................................................................... 89

外部依存関係 ............................................................................................................................ 91デバッグ .................................................................................................................................. 91

トラブルシューティング .................................................................................................................... 92

iv


Amazon Sumerian とはAmazon Sumerian は、ウェブで高品質なバーチャルリアリティ (VR) 体験を作成するためのツールのセットです。Sumerian,では、プログラミング経験がなくてもインタラクティブな 3D シーンを構築し、ブラウザでテストして、ユーザーがすぐに利用できるウェブサイトとして公開することができます。

Sumerian のアセットのライブラリを使用するか、ご自身のものをお持ちください。3D モデルをインポートすると、Sumerian は 3D モデルを自動的に変換および最適化します。Sumerian は、基本シェイプ、3Dモデル、ホスト、テクスチャ、およびスクリプトのライブラリも持っています。

Note

3D、VR、アニメーション、およびスクリプトは初めてですか？Sumerian ウェブサイトには、あらゆる方向けの役立つチュートリアルが多数あります。

Sumerian 3D エンジンは JavaScript で高度なスクリプト用のライブラリを提供しますが、インタラクティブな VR を作成するにはプログラマーである必要はありません！組み込みステートメントを使用してオブジェクトをアニメーション化し、クリックや動作などのユーザーアクションに反応します。

作品を世界と共有する準備ができたら、WebVR と互換性のあるブラウザおよびヘッドセットで閲覧できる静的ウェブサイトとして直接 Amazon CloudFront に公開できます。

1

https://docs.sumerian.amazonaws.com/

https://webvr.info/


Amazon Sumerian のユースケースと要件

Amazon Sumerian の中核となるのは、アニメーション、スクリプト化されたインタラクション、および特殊効果を持つ 3D シーンを構築するウェブベースのエディタです。このエディタはウェブブラウザで実行され、すべてのデータが AWS に保存されます。このエディタは、WebVR 互換ブラウザとヘッドセットに直接ロードできるか、他のユーザーがアクセスできるようにウェブサイトに組み込むことができる静的ウェブサイトとしてシーンを Amazon CloudFront に出力します。

Note

スクリプト化の方法がわからなくても心配ありません。Sumerian エディタは、アニメーションとユーザーのやり取りをスクリプト化するための豊富な機能を備えたステートマシンを提供します。コーディングは不要です。

WebVR は、ウェブを通じてバーチャルリアリティ (VR) 体験を作成し、共有できるオープン仕様です。WebVR アプリケーションは、他のウェブアプリと同じように、複数のデスクトップおよびモバイルオペレーティングシステムでサポートされています。これにより、すべてのユーザーに到達するために、アプリケーションをさまざまなプログラミング言語やパッケージ形式に移植する必要がなくなります。Sumerian には、VR をシーンに追加するために使用できるツールやコンポーネント (p. 73)が用意されています。

Sumerian では、拡張現実 (AR) アプリケーションを作成することもできます。AR アプリケーションは、スマートフォンのカメラまたは AR 互換ヘッドセットを使用して、実際のグラフィックを重ねることができます。Sumerian には、iOS スマートフォン用の ARKit アプリケーションを作成するためのテンプレートとサンプルアプリケーション (p. 73)が用意されています。

Sumerian には、既存のアセットがなくてもシーンを構築するために使用できる、最適化された 3D オブジェクトとシーンテンプレートのライブラリが用意されています。3D モデルがある場合は、ファイルシステムからエディタのキャンバスにドラッグして、アニメーションやテクスチャとともにインポートできます。Sumerian は OBJ および FBX 形式のモデルをサポートしています。

2

Amazon Sumerian ユーザーガイドSumerian 用の IAM 管理ポリシー

Amazon Sumerian アクセス許可AWS Identity and Access Management (IAM) を使用して、Sumerian のアクセス許可をアカウントのユーザーやコンピューティングリソースに付与します。IAM は、アクセス許可を均一かつ安全に適用するため、API レベルで AWS へのアクセスを制御しています。

Sumerian 用の IAM 管理ポリシーIAM では、アクセス許可を簡単に付与するために、各サービスの管理ポリシーに対応しています。新しい API がリリースされると、新しいアクセス許可を使用して、サービスでこれらの管理ポリシーをアップデートできます。Sumerian は、Sumerian エディタを使用するために必要なユーザーアクセス許可の管理ポリシーを提供します。

• AmazonSumerianFullAccess – すべての Sumerian 機能を使用できるアクセス許可です。

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

管理ポリシーを IAM ユーザー、グループ、ロールに追加するには

1. IAM コンソールを開きます。2. インスタンスプロファイル、IAM ユーザー、または IAM グループに関連付けられたロールを開きま

す。3. [Permissions] で、管理ポリシーをアタッチします。

Sumerian の API のみにアクセスする必要があります。Sumerian は、アカウント外で作成したシーンに関連するすべてのストレージ (Amazon S3) およびコンテンツ配信 (Amazon CloudFront) を管理します。

シーンアクセス許可シーン内で AWS を使用するには、シーンは認証情報も必要とします。Amazon Cognito ID を使用して、AWS を使用するアクセス許可を持ったロールへのアクセスをシーンに与える ID プールを作成できます。スクリプトからアクセスするすべてのサービスへのアクセス許可を持つロールと、AWS を使用するコンポーネントへのアクセス許可を持つロールを作成します。

Sumerian シーンの ID プールを作成するには

1. Amazon Cognito コンソールの [Federated identities] ページを開きます。2. [Create new identity pool] を選択します。

3

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

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

Amazon Sumerian ユーザーガイドシーンアクセス許可

3. 次の設定でプールを作成します。

• [Unauthenticated identities] – 有効4. [Edit identity pool] を選択してプールの詳細を確認します。5. あとで使用するために [Identity pool ID] を書き留めます。

ID プールを作成すると、認証されたロールと認証されていないロールの 2 つのロールを作成するよう、Amazon Cognito に求められます。認証されていないロールにアクセス許可を追加します。

Sumerian シーンの ID プールのロールにアクセス許可を追加するには

1. IAM コンソールの [Roles] ページを開きます。2. [Cognito_pool-nameUnauth_Role] という名前のロールを選択します。3. [Attach policy] を選択し、シーンが使用するサービスのポリシーを追加します。

• [Speech component] – AmazonPollyReadOnlyAccess は、音声コンポーネント (p. 54)を使用してテキストをオーディオにレンダリングするために Amazon Polly を使用するアクセス許可をシーンに付与します。

• [AWS SDK for JavaScript] – SDK for JavaScript で呼び出すサービスへのアクセス許可を付与するポリシーを追加します。たとえば、AmazonS3ReadOnlyAccess と指定します。

シーン設定で、[AWS configuration (p. 37)] の下のシーンに ID プールを割り当てます。

4

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

Amazon Sumerian ユーザーガイド前提条件

Amazon Sumerian の開始方法Amazon Sumerian の使用を開始するには、Sumerian ライブラリのアセットからシーンを組み立てます。1 時間以内に、効果、アニメーション、およびバーチャルリアリティ (VR) ヘッドセットのサポートを備えたシーンを作成できます。また、このチュートリアルでは、音声コンポーネントを備えたスクリプト化の基本的な使用についても示します。これは Amazon Polly がテキストから音声へのレンダリングに使用します。

セクション• 前提条件 (p. 5)• プロジェクトとシーンの作成 (p. 5)• シーンの設定 (p. 6)• エンティティの追加と設定 (p. 7)• ビヘイビアの追加 (p. 10)• VR モードの追加 (p. 13)• シーンの公開と表示 (p. 14)• クリーンアップ (p. 14)• 次のステップ (p. 15)

前提条件Sumerian エディタを使用するには、IAM ユーザーに対して Sumerian API を使用するアクセス権限が必要です。さらに、シーン自体に、Amazon Polly を呼び出すためのアクセス権限が必要です。このアクセス権限は、ロールと Amazon CognitoID プールを作成して提供します。「Amazon Sumerian アクセス許可 (p. 3)」の指示に従って、両方をセットアップします。

このエディタは、最近のバージョンの Chrome または Firefox で使用できます。完了したシーンを VR で表示するには、最新バージョンの Firefox を使用してください。VR モードの場合、互換性のあるヘッドセットも必要です。

サポートされるハードウェア

• Oculus Rift• HTC Vive

プロジェクトとシーンの作成プロジェクトとシーンを作成します。プロジェクトには、複数のシーンと、それらのシーンから作成するアセットパックおよびテンプレートを含めることができます。

プロジェクトとシーンを作成するには

1. Sumerian ダッシュボードを開きます。2. [プロジェクト]、[新しいプロジェクト] の順に選択します。

5

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

Amazon Sumerian ユーザーガイドシーンの設定

3. プロジェクト名に「チチチチチチチ」と入力し、[作成] を選択します。4. [Create new scene] (新しいシーンの作成) を選択します。5. シーン名に「seesaw」と入力し、[作成] を選択します。

シーンの設定skybox は、シーンの周囲に配置されて背景イメージを提供する 1 つ以上のテクスチャです。skyboxは、Sumerian の [Asset] (アセット) ライブラリから追加します。

Sumerian ライブラリから skybox をインポートするには

1. 画面の上部の [Import assets] (アセットのインポート) を選択します。2.

[Blue skysphere] (青い天球) を選択します。すぐに見つからない場合は、skybox アイコンをクリックしてリストをフィルタします。

3. [追加] を選択します。

skybox アセットパックが [Asset] (アセット) パネルに追加されます。パックには、skybox アセットと、skybox が使用する PNG 形式のテクスチャが含まれています。[Environment] (環境) のシーン設定で、skybox をシーンに追加します。ここで、霧と雪をいくつか追加します。

シーンの環境を設定するには

1. [Entities] (エンティティ) パネルでルートノード (seesaw) を選択するか、キャンバスのシーンの背景をクリックします。画面の右側のインスペクターパネルに表示されるオプションのグループは、シーンの設定です。

2. [Environment] (環境) セクションをクリックして展開します。その下にある [Skybox]、[Fog &Ambient] (フォグとアンビエント) および [パーティクル] セクションを展開します。

3. [Blue skysphere] (青い天球) skybox をクリックし、アセットパネルからインスペクターパネルの[Drop skybox] (skybox をドロップ) フィールドにドラッグして、シーンにアタッチします。

4. [Fog] (霧) を選択して有効にし、そのパラメータを次のように設定します。

• Fog near (近くの霧) – 5• Fog far (遠くの霧) – 20

これにより、霧はカメラから 5 単位離れてフェードインし、20 単位を超えるとすべてが覆い隠されます。

5. [Snow] (雪) を選択して有効にし、そのパラメータを次のように設定します。

• Velocity (速度) – 20• Rate (レート) – 30• Height (高さ) – 100

6. 雪が降るシーンを表示するには、画面下部の再生ボタンをクリックします。好みに合わせて、雪の速度とレートを調整します。これらの設定の変更は、再生モード中にすぐに適用されます。

このチュートリアルの後半では、Amazon Polly を使用して再生中にテキストをオーディオにレンダリングするようにシーンを設定します。これを行うには、ウェブブラウザで AWS SDK for JavaScript を使用するための認証情報がシーンに必要です。前提条件セクション (p. 5)で作成した ID プールの ID を割り当てて、シーンの認証情報を提供します。

6

Amazon Sumerian ユーザーガイドエンティティの追加と設定

AWS SDK for JavaScript 認証情報を設定するには

1. [Entities (エンティティ)] パネルでルートノードを選択します。

2. インスペクターパネルの [AWS 設定] セクションを展開します。3. Amazon Cognito ID プールを入力します。

エンティティの追加と設定シーンに地面を追加します。

シーンに雪のフィールドを追加するには

1. [エンティティの作成] を選択します。2.

[3D プリミティブ] で、四角形を選択します。

四角形は自動的に選択されます。他のものを選択する場合、キャンバスまたはエンティティパネルでそれをクリックして再度選択できます。

3. 四角形のコンポーネントが、キャンバスの右側にあるインスペクタパネルに表示されます。上部のセクションを展開し、エンティティの名前を「チチ」に変更します。変更はセクション名とエンティティパネルに直ちに反映されます。

4. [Transform] (変形) セクションを展開し、以下の値を入力します。

• X rotation (X 回転) – -90• X, Y, and Z scale (x、y、z のスケール) – 100

7


• Static (静的) – 有効

5. [Material] (マテリアル) セクションを展開し、各レイヤーの設定を確認します。拡散色または反射色をクリックして別の色を選択するか、イメージファイルをドロップしてテクスチャを追加できます。

カメラ近くのスペースは、現在非常に暗くなっています。指向性照明を追加してシーンを照らします (太陽の光で照らすなど)。

指向性照明を追加するには

1. [エンティティの作成] を選択します。2. [光] の [Directional] (指向性) を選択します。3. [Transform] (変形) セクションを展開し、以下の値を入力します。

• Y translation (Y 変形) – 10• X rotation (X 回転) – -30• Y rotation (Y 回転) – -60• Static (静的) – 有効

4. [光] セクションを展開し、[Shadows] (シャドウ) を有効にします。

シーソー、および支点と床板の形を表す空のエンティティを追加します。

シーソーを追加するには

1. [エンティティの作成] を選択します。2. [その他] で、[エンティティ] を選択します。3. インスペクターパネルで、エンティティの名前を「チチチチ」に変更します。4. [エンティティの作成] を選択し、シーンに円筒形を追加します。5. 円筒形の名前を「チチ」に変更し、[均一スケール] をオフにして、Z スケールを 0.6 に設定します。拡

散色を黄色に設定します。6. 空のエンティティを追加します。この名前を「チチ」に変更します。この空のエンティティは床板モデ

ルの親となります。また、床板と一緒に動くカメラおよびホストエンティティとなります。7. ボックスのエンティティを追加します。この名前を「チチチチチ」に変更します。次の変形を適用し、変

換色を青に設定します。

8


• Y translation (Y 変形) – .5• Z rotation (Z 回転) – 12• X scale (X スケール) – 4.5• Y scale (Y スケール) – 0.1• Z scale (Z スケール) – 0.6• Static (静的) – 無効

次に、Sumerian ライブラリからホストをインポートします。ホストは、Sumerian が提供する、組み込みのアニメーションと音声のサポートを備えたキャラクタモデルです。

ホストを追加するには

1. [Import assets] (アセットのインポート) を選択します。2. [Cristine]、[Luke]、または [Preston] を選択します。次に、[Add] を選択します。

3. アセットパックのロードが完了したら、[アセット] パネルからキャンバスにホストエンティティをドラッグします。

4. 以下の変形を適用します。

• X translation (X 変換) – 1.95• Y translation (Y 変換) – 0.97• Z rotation (Z 回転) – 12• Y rotation (Y 回転) – -90• X, Y, and Z scale (x、y、z のスケール) – 1.3• Static (静的) – 無効

最後に、[エンティティ] パネルを使用して、階層に作成したエンティティを整理します。エンティティを別のエンティティにドラッグして、親と子にします。

9

Amazon Sumerian ユーザーガイドビヘイビアの追加

ビヘイビアの追加スクリプトまたはステートマシンコンポーネントをエンティティにアタッチして、ビヘイビアをシーンに追加できます。

ステートマシンにより、イベントによってトリガーされるアクションを選択し、それらを状態に整理することで、視覚的にビヘイビアを追加できます。床板エンティティにステートマシンを追加して、そのエンティティと子をアニメーション化します。

ステートマシンで床板をアニメーション化するには

1. エンティティパネルで [床板] を選択します。2. インスペクターパネルで、[コンポーネントの追加] をクリックします。次に、[ステートマシン] を選

択します。3. 次に、ビヘイビアフィールドの横にあるプラス記号をクリックして、新しいビヘイビアを作成しま

す。これに、「チチチチチチチ」という名前を付けます。4. [ステートマシン] パネルが 1 つの状態で表示されます。状態に「チチチ」という名前を付け、[アクショ

ンの追加] を選択します。5. [Animate] (アニメ化) で、[Tween rotate] (トゥイーン回転) を選択します。以下のプロパティを適用し

ます。

• Z rotation (Z 回転) – -24• Relative (相対値) – 無効• Time (時間) – 1000• Easing type (イージングタイプ) – Linear (線形)• Direction (方向) – In

6. もう一度 [アクションの追加] を選択し、[待機] アクションを追加します。以下のプロパティを適用します。

• Time (時間) – 2000

10


• Random (ランダム) – 07. [ステートマシン] パネルで、[Duplicate state] (状態の複製) を選択して [アップ] のコピーを作成しま

す。新しい状態をダブルクリックして、インスペクターパネルで開きます。8. 状態の名前を「チチチ」に変更し、回転の値を -24 から 0 に変更します。9. [ステートマシン] パネルで、各状態は 2 つのイベントを表示します。1 つはアニメーションの最後に

発生するイベントで、もう 1 つは待機アクションの最後に発生するイベントです。[アップ] の [Onwait end] (待機終了時) イベントをクリックし、[ダウン] 状態に行をドラッグします。次に、もう一方の方向で同じ操作を行います。

10. シーンを再生して、シーソーのアニメーションを確認します。

シーソーのもう一方の端にカメラを追加し、それをデフォルトのカメラにします。再生中に、ユーザーは1 つの場所にとどまり、環境を見回します。ユーザーは、組み込みのカメラスクリプトにより、VR モードに切り替える前にマウスで周囲を見回すことができます。

マウスの見回しコントロールを備えたカメラを追加するには

1. [エンティティの作成] を選択し、シーンに固定カメラを追加します。この名前を「チチチチ」に変更し、次の変形を適用します。

• X translation (X 変換) – -2.5• Y translation (Y 変換) – 1.2• Y rotation (Y 回転) – -90

2. エンティティパネルで、カメラを [床板] エンティティにドラッグして、シーソーと一緒に動くようにします。

3. カメラの [カメラ] コンポーネントで、次のプロパティを追加します。

• Main camera (メインカメラ) – 有効• FOV – 35

11


4. [コンポーネントの追加] を選択し、スクリプトコンポーネントをカメラに追加します。5. スクリプトフィールドの横にあるプラス記号をクリックし、[Mouse look control] (マウスの見回しコン

トロール) を選択します。これにより、マウスの見回しの組み込みスクリプトのインスタンスが追加されます。スクリプトのすべてのインスタンスは同じスクリプトコードを共有しますが、パラメータ値は個別になります。

6. ユーザーが低すぎる場所を見ないようにするには、[Min ascent] (最小角度) パラメータを -40 に変更します。

7. シーンを再生し、カメラの動作を確認します。左マウスボタンをクリックしてドラッグし、シーンを見回します。再生中にスクリプトのパラメータを調整して、コントロールへの影響をすぐに表示できます。

ホストには、音声コンポーネントがアタッチされています。これを使用するには、シーンに AWS 認証情報を追加し、コンポーネントにテキストファイルを追加する必要があります。また、スクリプトまたはステートマシンコンポーネントを追加し、再生中に音声をトリガーする必要があります。

この例では、スクリプトを使用して、ステートマシンが実行できないこと (ファイルをランダムに選択して再生) を行います。前提条件セクション (p. 5)で説明されているように、シーンに対して AWS 認証情報を設定していない場合は、まずこの操作を行います。

ホストで音声を設定するには

1. キャンバスまたはエンティティパネルでホストを選択します。2. [音声] で、テキストファイルを音声フィールドにドロップします。アーカイブ sonnets.zip のファイル

を使用できます。3. ホストのボイスを選択します。ロケール別に並べ替えられたボイスの一覧については、Amazon Polly

開発者ガイドの「使用できるボイス」を参照してください。4. ホストにスクリプトコンポーネントを追加します。5. スクリプトフィールドの横にあるプラス記号をクリックし、[カスタム] を選択します。6. スクリプトインスタンスパラメータの [編集] (鉛筆アイコン) をクリックして、テキストエディタでス

クリプトを開きます。また、J キーを押すと、いつでもテキストエディタを開くことができます。7. [ドキュメント] リストでスクリプト名 (Script) をダブルクリックして、名前を RandomSpeech に変

更します。8. プレースホルダー setup の関数を次のように置き換えます。

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

このスクリプトは、AWS SDK for JavaScript が認証情報をロードして取得するのを待機します。次に、同じエンティティ (ホスト) の音声コンポーネントへの参照を取得し、アタッチされたすべての音声のリストを取得します。配列から音声を選択して再生します。

9. シーンを再生し、ホストによる読み上げを確認します。10.

音声コンポーネントに戻り、各音声ファイルの横にあるをクリックして、ジェスチャのマークアップを追加します。

11. もう一度シーンを再生し、ホストによるジェスチャ付きの読み上げを確認します。

12

samples/sonnets.zip

https://docs.aws.amazon.com/polly/latest/dg/voicelist.html

Amazon Sumerian ユーザーガイドVR モードの追加

VR モードの追加これまでは、再生モードで標準カメラを使用したのみです。バーチャルリアリティ (VR) リグを追加し、ユーザーが VR ヘッドセットとヘッドトラッキングを使用して 3D のシーンを表示できるようにします。Sumerian は、CoreVR という名前のアセットパックで、VR モードに必要なエンティティとスクリプトをバンドルしています。

VR モードを追加するには

1. [Import assets] (アセットのインポート) を選択し、[CoreVR] アセットパックをシーンに追加します。2. アセットパックのロードが完了したら、[VRCameraRig] エンティティをキャンバスにドラッグして

シーンに追加します。3. [VRCameraRig] エンティティを選択します。4. [VRCameraRig] コンポーネントを選択します。5. [Current VR camera rig] オプションを選択してリグを有効化します。6. [Start at current camera] (現在のカメラで開始) オプションをオフにします。これにより、ユーザーが

VR モードに移行したときに VR 以外のカメラの場所を使用する代わりに、シーンに配置されている場所でカメラリグの使用が可能になります。

7. エンティティパネルで、VRCameraRig エンティティを [床板] エンティティにドラッグして、ユーザーカメラの兄弟とします。

8. [ユーザー] カメラを選択します。[Transform] (変形) セクションの歯車アイコンをクリックし、[コピー] を選択して変形値をコピーします。

9. [VRCameraRig] を選択します。[Transform] (変形) セクションの歯車アイコンをクリックし、[貼り付け] を選択してユーザーカメラからの変形値を貼り付けます。

10. 緑の変形ハンドルを使用して、床板に対する VR カメラの相対的な高さを調整します。

13

Amazon Sumerian ユーザーガイドシーンの公開と表示

11. シーンを再生し、VR ヘッドセットアイコンをクリックして VR モードに切り替えます。

シーンの公開と表示これで、シーンを世界と共有する準備ができました。Amazon CloudFront を使用してシーンを公開し、誰でも表示できるウェブサイトとしてホストします。

ビューを公開して表示するには

1. 画面の左上にある [シーン] メニューの [Publish] (公開) を選択します。2. [Publish] を選択します。3. エディタでシーンの公開を終了したら、[表示] を選択します。

クリーンアップ公開されたシーンがパブリックになり、公開解除するまでオンラインになります。

シーンを公開解除するには

1. 画面の左上にある [シーン] メニューの [Publish] (公開) を選択します。

14

Amazon Sumerian ユーザーガイド次のステップ

2. [Unpublish] (公開解除) を選択します。3. [Yes] を選択します。

Sumerian シーンとプロジェクトは、他のチュートリアルで使用するために保持しておくことも、削除することもできます。削除した項目は、後からいつでもごみ箱メニューから復元できます。

プロジェクトを削除するには

1. Sumerian ダッシュボードを開きます。2. プロジェクトを選択します。3. [プロジェクト詳細] で、[削除] を選択します。

このチュートリアルの ID プールを作成し、再度使用する予定のない場合は、Amazon Cognito コンソールで削除します。

次のステップ次の章「Amazon Sumerian の概念 (p. 16)」で Sumerian の詳細をご覧ください。

15


https://console.aws.amazon.com/cognito

https://console.aws.amazon.com/cognito

Amazon Sumerian ユーザーガイドシーン

Amazon Sumerian の概念Amazon Sumerian は、バーチャルリアリティ (VR) と拡張現実 (AR) シーンを作成し、コンポーネントとエンティティで構成され、プロジェクトに編成されます。Sumerian エディタとこのガイドで使用されている概念を詳しく説明します。

シーンシーンは、VR または AR 環境を定義するオブジェクトや動作を含む 3D 空間です。オブジェクトには、サポートされているファイル形式からインポートするジオメトリ、マテリアル、サウンド、および照明、カメラ、パーティクル効果などのシーンで作成するオブジェクトが含まれます。動作には、ステートマシンの動作、アニメーション、タイムライン、スクリプトなどがあります。

シーンを披露する準備ができたら、ブラウザで開くことができる静的ウェブサイトとして AmazonCloudFront に直接エクスポートします。

詳細については、「シーン (p. 19)」を参照してください。

コンポーネントとエンティティすべてのオブジェクトと動作は、エンティティを作成するために結合されるコンポーネントです。たとえば、3D モデルをインポートしてシーンに追加すると、ジオメトリコンポーネント、マテリアルコンポーネント、変換コンポーネント、およびアニメーションコンポーネントを持つエンティティが作成されます。エディタを使用して、リジッドボディ、コライダ、およびその他のコンポーネントをエンティティに追加できます。

詳細については、「Amazon Sumerian エンティティ (p. 47)」を参照してください。

アセットアセットは、シーン内で使用するために Sumerian にインポートするイメージ、サウンド、スクリプト、モデル、およびドキュメントです。アセットライブラリで使用するシーンとは独立してアセットを管理できます。アセットはユーザーまたはプロジェクトに属できます。

詳細については、「アセットパック (p. 20)」を参照してください。

ホストホストは、Sumerian によって提供されるアセットで、アニメーション、サウンド、およびユーザーとの対話のための動作が組み込まれています。

16

Amazon Sumerian ユーザーガイドプロジェクト

ホストは、Amazon Polly を使用してテキストソースからユーザーに話します。ホストを使用して、VR エクスペリエンスを利用してユーザーの関心を引き、ユーザーを導くことができます。

詳細については、「Amazon Sumerian ホストコンポーネント (p. 52)」を参照してください。

プロジェクトプロジェクトは、シーン、アセット、およびテンプレートを管理するための組織ツールです。

詳細については、「プロジェクト (p. 18)」を参照してください。

テンプレートテンプレートを使用すると、他のシーンの開始点として使用するシーンのコピーを保存できます。テンプレートはプロジェクトに属します。Sumerian には、ダッシュボードからアクセスできるいくつかのテンプレートが用意されています。

詳細については、「テンプレート (p. 21)」を参照してください。

17

Amazon Sumerian ユーザーガイドプロジェクト

Amazon Sumerian ダッシュボードダッシュボードは、Amazon Sumerian アプリを開いたときに最初に表示されます。ここでプロジェクト、シーン、アセットパック、テンプレートを管理します。

プロジェクトは、シーンとシーンからエクスポートするテンプレートとアセットパックを収集します。プロジェクト外でプロジェクトのドラフトを作成することはできますが、テンプレートとアセットをエクスポートするプロジェクトが必要です。

エディタでシーンを開くと、他のユーザーがシーンを変更できないようにロックされています。ダッシュボードはロックを管理しますが、他のユーザーが偶発的にシーンを開いたままにすると、ロックを盗むことができます。

トピック• プロジェクト (p. 18)• シーン (p. 19)• アセットパック (p. 20)• テンプレート (p. 21)• ごみ箱 (p. 22)• ロック (p. 22)

プロジェクトプロジェクトは、作業中のシーンを収集します。リージョンごとに最大 1,000 のプロジェクトを作成できます。

18

Amazon Sumerian ユーザーガイドシーン

プロジェクトを作成するには

1. Sumerian ダッシュボードを開きます。2. [Projects] を選択します。3. [New project] を選択します。4. プロジェクト名を入力し、[Create] を選択します。

プロジェクトが作成されると、ダッシュボードを使用してコピーを作成するか削除できます。

プロジェクトを管理するには

1. Sumerian ダッシュボードを開きます。2. プロジェクトを選択します。3. [Project details] で、次のいずれかのオプションを使用します。

• [Thumbnail] – [Browse] を選択してサムネイルイメージをアップロードします。• [Name] – プロジェクト名を変更します。• [Description] – プロジェクトの説明を変更します。• [Actions] – プロジェクトを [移動] または [コピー] します。プロジェクトを [削除] して [ごみ箱] に送

信します。• [Published URLs] – [View URL List] を選択して、Amazon CloudFront で公開されたすべてのプロ

ジェクトのシーンのリンクを取得します。

シーンシーンは、お客様がダッシュボードで管理し、Sumerian エディタで操作する 3D スペースです。Sumerian には、開始点として使用できるテンプレートがいくつか用意されています。

シーンは下書きとするか、プロジェクトの一部にすることができます。リージョンごとに最大 10,000 のシーンを作成できます。

シーンを作成するには

1. Sumerian ダッシュボードを開きます。2. シーンを作成する場所を選択します。

• Home (ホーム) – 下書きのシーンを作成します。• Drafts (下書き) – 下書きのシーンを作成します。• Project (プロジェクト) – いずれかのプロジェクトでシーンを作成します。

3. [Create scene] (シーンの作成) を選択します。

19




Amazon Sumerian ユーザーガイドアセットパック

4. (オプション) テンプレート (p. 21)を選択します。5. シーン名を入力し、[Create] (作成) を選択します。

シーンを作成すると、Sumerian エディタ (p. 24) で開き、すぐに使用できます。シーンが作成されたら、ダッシュボードを使用してコピーを作成するか削除できます。左上隅の Sumerian アイコンを選択すると、シーンを離れ、ダッシュボードに戻ります。

シーンを管理するには

1. Sumerian ダッシュボードを開きます。2. [Recent scenes] (最近のシーン)、[Drafts] (下書き)、またはプロジェクトでシーンを見つけます。3. サムネイルをクリックしてシーンを選択します。

Note

シーンの名前をクリックするか、サムネイルをダブルクリックすると、シーンは Sumerianエディタで開きます。

4. [Scene details] (シーンの詳細) で、次のいずれかのオプションを使用します。

• Thumbnail (サムネイル) – [参照] を選択してサムネイルイメージをアップロードします。• Name (名前) – シーン名を変更します。• Description (説明) – シーンの説明を変更します。• Tags (タグ) – フィルタで使用するために、シーンにタグを追加します。• アクション

• Open (開く) – シーンを Sumerian エディタで開きます。• View published (公開済みを表示) – ホストされているシーンの公開済みバージョンを Amazon

CloudFront で開きます。• Move (移動) – シーンを別のプロジェクトに移動します。• Copy (コピー) – シーンを別のプロジェクトにコピーします。• Duplicate (複製) – 同じプロジェクトでシーンのコピーを作成します。• Delete (削除) – シーンをゴミ箱に送ります

シーンのその他のオプションは、Sumerian エディタの [scene settings (p. 35)] (シーンの設定) で使用できます。

アセットパックプロジェクトの [アセット] ページには、シーンからエクスポートされたアセットパックが表示されます。

ダッシュボードで、パックの名前と説明を変更したり、コピーして他のプロジェクトに移動したりできます。

アセットパックを管理するには

1. Sumerian ダッシュボードを開きます。2. プロジェクトを選択します。3. [アセット] を選択します。4. アセットパックを選択します。5. [Asset details] (アセットの詳細) で、次のいずれかのオプションを使用します。

20



Amazon Sumerian ユーザーガイドテンプレート

• Thumbnail (サムネイル) – [参照] を選択してサムネイルイメージをアップロードします。• Name (名前) – アセットパック名を変更します。• Description (説明) – アセットパックの説明を変更します。• Tags (タグ) – フィルタで使用するために、アセットパックにタグを追加します。• アクション

• Move (移動) – アセットパックを別のプロジェクトに移動します。• Copy (コピー) – アセットパックを別のプロジェクトにコピーします。• Delete (削除) – アセットパックをゴミ箱に送ります

アセットパックのその他のオプションは、Sumerian エディタ (p. 71)で使用できます。

テンプレートテンプレートは、他のシーンの開始点として使用するためにプロジェクトからエクスポートされたシーンです。Sumerian によって提供されるテンプレートの他に、ダッシュボードではシーンからエクスポートしたテンプレートを管理できます。

ダッシュボードを使用してテンプレートからシーンを作成したり、シーン間でテンプレートを移動またはコピーしたりできます。Sumerian テンプレートのライブラリも用意されています。

テンプレートからシーンを作成するには

1. Sumerian ダッシュボードを開きます。2. [Create new scene] (新しいシーンの作成) を選択します。3. [Sumerian Templates] のいずれかを選択するか、[My templates] を選択して、いずれかのプロジェク

トのテンプレートを使用します。4. シーンの名前を入力し、[作成] を選択します。

Sumerian エディタで、シーン設定セクション (p. 35)のシーンからテンプレートを作成します。ダッシュボードのシーンのプロジェクトページのテンプレートセクションからテンプレートを他のプロジェクトにコピーできます。

テンプレートを管理するには

1. Sumerian ダッシュボードを開きます。2. プロジェクトを選択します。3. テンプレートを選択します。4. テンプレートの選択.5. [テンプレートの詳細] で、次のいずれかのオプションを使用します。

• [Thumbnail] – [Browse] を選択してサムネイルイメージをアップロードします。• [Name] – テンプレート名を変更します。• [Description] – テンプレートの説明を変更します。• Tags – フィルタで使用するために、テンプレートにタグを追加します。• アクション

• Move – テンプレートを別のプロジェクトに移動します。• Copy – テンプレートを別のプロジェクトにコピーします。• Delete – テンプレートをゴミ箱に送ります

21



Amazon Sumerian ユーザーガイドごみ箱

ごみ箱シーン、プロジェクト、テンプレート、またはアセットパックを削除すると、Amazon Sumerian によりごみ箱に移動されます。ごみ箱にある項目は無期限に保持され、それらはいつでも復元することができます。

ごみ箱メニューを使用して、削除された項目を復元したり、完全に削除したりできます。

削除されたアイテムを復元するには

1. Sumerian ダッシュボードを開きます。2. [ごみ箱] を選択します。3. 項目を選択し、[復元] を選択します。

復元された項目は、元のプロジェクトに返されます。

削除された項目のストレージコストの支払いを避けるには、それらを完全に削除します。

項目を完全に削除するには

1. Sumerian ダッシュボードを開きます。2. [ごみ箱] を選択します。3. 項目を選択し、[削除] を選択します。

または

[Empty trash (ごみ箱を空にする)] を選択します。4. [削除] を選択します。

ロックAmazon Sumerian エディタは、ロックを使用してシーンへの変更を制御します。シーンを開くと、エディタはシーンのロックを作成し、定期的に更新します。ロックがアクティブな間にシーンを別のブラウザで開こうとすると、エラーが表示されます。

22



Amazon Sumerian ユーザーガイドロック

他に誰もシーンで作業していない確信がある場合はロックを破棄するよう Sumerian を強制するか、シーンのコピーを作成してそのコピーで作業します。

23


Amazon Sumerian エディタSumerian エディタには、アセットのインポート、シーンの構築、およびインターネットでのシーンの公開を簡単に行うためのインターフェイスが用意されています。

Sumerian エディタにシーンをロードすると、画面上部のメニューバー、エンティパネル、アセットパネル、キャンバス、およびインスペクタパネルが表示されます。このメニューバーには、シーン間の移動、ツールへのアクセス、および公開のメニューが用意されています。

トップバー

• Sumerian ロゴ – 終了してダッシュボードに移動します。• Scene (シーン) – 新しいシーンを作成する、シーンを公開する、または最近のシーンを開きます。• Tools (ツール) – テキストエディタ、ビヘイビアエディタ、およびタイムラインエディタにアクセスしま

す。• Create entity (エンティティの作成) – シェイプ、ライト、カメラ、または空白のエンティティをシーン

に追加します。• Import assets (アセットのインポート) – アセットライブラリを開きます。• Help (ヘルプ) – ショートカットリストを表示するか、フィードバックを送信します。• Username (ユーザー名) – ログアウトします。

画面の下部にあるステータスバーに、保存、インポート、およびレンダリングオペレーションに関する更新情報が表示されます。

24

Amazon Sumerian ユーザーガイドキャンバス

ステータスバー

• 進行状況バー – モデルのアップロードなど、現在のアクティビティに関する情報が表示されます。• Path (パス) – 現在のユーザー、プロジェクト、およびシーン。

以下のトピックでは、エディタの各領域のメニューオプションについて説明します。

パネルとメニュー• Amazon Sumerian エディタキャンバス (p. 25)• Amazon Sumerian エディタのアセットライブラリからアセットをインポート (p. 26)• Amazon Sumerian エディタのアセットパネルを使用する (p. 27)• Amazon Sumerian エディタのエンティティパネルの使用 (p. 28)• Amazon Sumerian エディタのインスペクターパネルを使用する (p. 28)• Amazon Sumerian エディタのツールを使用する (p. 29)• Amazon Sumerian エディタのキーボードおよびマウス制御 (p. 32)• Amazon Sumerian エディタでシーンを公開する (p. 34)

Amazon Sumerian エディタキャンバスWebGL にレンダリングされたビューポートは、Sumerian エディタの中央に配置されています。ここで、シーンのコンテンツの移動、確認、およびプレビューを行えます。

キャンバスの上部にあるメニューバーには、カメラ、再生、およびレンダリングのオプションがあります。多くのボタンにも、同等のキーボードコマンド (p. 32)があります。

キャンバスメニュー

• – サイドパネルを非表示または表示します。

• – 変形ハンドルを変換モードに変更します。

• – 変形ハンドルを回転モードに変更します。

• – 変形ハンドルをスケールモードに変更します。

• – 相対位置および絶対位置を切り替えます。

•

– レンダリングされたシーンをキャンバスでプレビューします。•

– キャンバスのレンダリングモードを選択します。

25

Amazon Sumerian ユーザーガイドアセットライブラリ

• – skybox (p. 76) テクスチャを表示または非表示にします。

• – グリッドを表示または非表示にします。

• – ポスト効果を表示または非表示にします。

• – カメラプリセットでシーンを表示します。

• – 選択されたエンティティでキャンバスを埋めます。

• – シーン内のすべてのエンティティでキャンバスを埋めます。

• – キャンバスで画面を埋めます。

Amazon Sumerian エディタのアセットライブラリからアセットをインポート

Sumerian エディタのアセットライブラリを使用して Sumerian ライブラリ、ローカルマシン、またはシーンからエクスポートするアセットパック (p. 71)からアセットをインポートできます。

アセットをインポートするには

1. Sumerian エディタでシーンを開きます。2. [Import assets] を選択します。3. 利用可能なアセットを種類別にフィルタリングするには、アセットタイプ (p. 70)を選択します。4. アセットパックを選択し、シーンのアセットに追加する [追加] を選択します。

5. エディタがアセットパックのインポートを終了したら、アセットパックが含まれているエンティティを、アセットパネル (p. 27)からキャンバスにドラッグして、シーンに追加します。

26

Amazon Sumerian ユーザーガイドアセットパネル

Amazon Sumerian エディタのアセットパネルを使用する

アセットパネルは、シーンに属するすべてのアセットを表示します。アセットは、エンティティまたはエンティティコンポーネントのポータブルバージョンです。外部ファイルから、またはエディタ内で作成したエンティティから作成できます。

アセットを作成するには、ファイルをマシンから、またはエンティティをエンティティパネルから、アセットパネルにドロップします。ファイルの種類に応じて、ファイルを複数のアセットに分割できる場合があります。

詳細については、「Amazon Sumerian のアセット (p. 70)」を参照してください。

27

Amazon Sumerian ユーザーガイドエンティティパネル

Amazon Sumerian エディタのエンティティパネルの使用

エンティティパネルには、シーン自体から開始するシーンのエンティティが階層で表示されます。エンティティはシーンまたは別のエンティティの子とすることができます。エンティティパネルでシーンを選択すると、インスペクタパネル (p. 28)にはシーンの設定が表示されます。エンティティを選択すると、インスペクタパネルにはエンティティのコンポーネントが表示されます。

他のエンティティへの物理的または論理的な関係により、エンティティを整理します。エンティティの位置、回転、スケールは、親に対して相対的です。親を移動すると、子も同じように移動します。エンティティの親を変更するには、エンティティパネルで新しい親にドラッグします。

エンティティパネルのコントロール

• – エンティティを折りたたむと、エンティティパネルでその子が非表示になります。

• – キャンバス内のエンティティを表示または非表示にします。

• – エンティティを複製します。

• – エンティティを削除します。

• – 変更を取り消しまたはやり直します。

Amazon Sumerian エディタのインスペクターパネルを使用する

インスペクターパネルを使用して、シーン設定、エンティティ、およびアセットを管理します。Sumerianエディタでこれらの要素のいずれかを選択すると、要素にちなんで名付けられたセクションに次のプロパティが取得されます。

28

Amazon Sumerian ユーザーガイドツール

汎用プロパティ

• [Thumbnail] – 要素のサムネイルイメージです。イメージをサムネイルフィールドにドロップするか、その上にマウスポインタを置きます。次に [Take screenshot] を選択して、キャンバスの現在のビューのイメージを保存します。

• [Name] – 要素の名前です。• [ID] (読み取り専用) – 要素の一意の識別子です。• [Type] (読み取り専用) – 要素のタイプ。シーン、エンティティ、またはアセットタイプ (p. 70)です。• [Description] – 要素の説明です。• [Tags] – スクリプトで使用できるキーのみのメタデータです。コンテキストオブジェクト (p. 87)を使

用することで、タグの読み取りまたは特定のタグを持つエンティティの検索を行えます。• [Custom attributes] – スクリプトで使用できるキー値のメタデータです。コンテキストオブジェク

ト (p. 87)を使用することで、属性を読み取ることができます。

エンティティパネル (p. 47)でシーンを選択するか、キャンバスでシーンの背景をクリックすると、インスペクターパネルはシーン全体に適用される設定の追加セクションを複数表示します。これらには、環境設定、後処理効果、および AWS SDK 認証情報が含まれます。詳細については、「??? (p. 35)」を参照してください。

エンティティをエンティティパネルで選択するか、キャンバスでクリックすると、インスペクターパネルはエンティティ上の各コンポーネントのセクションを表示します。少なくとも、すべてのエンティティにその位置、回転、およびサイズを決定する変換コンポーネントがあります。アセットをシーンにドロップすることで作成されるシーンには、そのタイプにもとづいた追加のコンポーネントがあります。パネルの最下部で [Add component] を選択して、インスペクターパネルにあるすべてのエンティティにコンポーネントを追加できます。詳細については、「??? (p. 47)」を参照してください。

アセットパネル (p. 27)でアセットを選択すると、インスペクターパネルはシーン内のアセットのすべてのインスタンスに適用されるコンポーネントのみのセクションを表示します。たとえば、スクリプトアセットにはコードしかありませんが、エンティティのスクリプトコンポーネントには、スクリプトのインスタンスをカスタマイズするパラメータがある場合があります。ただし、マテリアルアセットにはすべてのマテリアルコンポーネント (p. 50)プロパティがあります。これらのプロパティのいずれかを変更すると、シーン内のマテリアルのすべてのインスタンスが変更されます。

Amazon Sumerian エディタのツールを使用するSumerian エディタには、複雑なアセットやコンポーネントを使用するためのツールパネルが 3 つあります。

29

Amazon Sumerian ユーザーガイドテキストエディタ

• テキストエディタは、スクリプト、JSON ドキュメント、および音声ファイルを作成するためにインターフェイスを提供します。

• タイムラインエディタは、キーフレーム間のエンティティをアニメーション化します。• ステートマシンエディタは、ステートマシンの動作とアクションを視覚的に構築および接続することを

可能にします。

テキストエディタテキストエディタでは、スクリプト、JSON ドキュメント、および音声ファイルを含む、シーン内のすべてのテキストアセットを表示および変更することができます。

テキストエディタを使用するには、[ツール]、[テキストエディタ] の順に選択します。または、J キーを押します。

[Documents] パネルはシーンにあるテキストアセットのリストを表示します。1 つクリックしてタブで開きます。アセットの名前を変更するには、名前をハイライトして鉛筆アイコンをクリックします。

スクリプトを開くと、[External Resources] パネルが表示されます。このパネルを使用して、スクリプトが依存するライブラリをインターネットからインポートできます。詳細については、「外部依存関係 (p. 91)」を参照してください。

30

Amazon Sumerian ユーザーガイドステートマシンエディタ

ステートマシンエディタステートマシンエディタは、ステートマシンコンポーネント (p. 65)にアタッチされたアクションおよび動作の視覚表現を提供します。

ステートマシンエディタを使用するには、アセットパネルの動作の横にある、またはステートマシンコンポーネントにある鉛筆アイコンをクリックします。

ステートマシンエディタは、各動作のボックスを表示します。各ボックスにはアクションのスタックがあり、実行される順番にリストで表示されています。アクションが別の動作に移行すると、矢印がアクションをターゲット動作に結びつけます。アクションをクリックし、カーソルを動作にドラッグして、アクションと動作の間に移行を作成します。

詳細については、「Amazon Sumerian ステートマシン (p. 80)」を参照してください。

タイムラインタイムラインを使用して、エンティティのスケールを時間とともに移動、回転、または変更します。これらのプロパティの開始値と終了値を設定し、キーフレームを追加して、その過程でアニメーションの速度または方向を制御します。タイムラインはカスタムイベントを出力することも可能で、ステートマシンまたはスクリプトから消費できます。

31

Amazon Sumerian ユーザーガイドキーボードおよびマウス

詳細については、「Amazon Sumerian タイムラインコンポーネント (p. 67)」を参照してください。

Amazon Sumerian エディタのキーボードおよびマウス制御

Sumerian がすべてのシーンに追加するデフォルトのカメラは、パン、ズーム、およびカメラのアンカーポイントを軸にした回転のマウス制御をサポートします。カメラを移動するには、マウスボタンを押したままマウスを移動します。マウスボタンが 1 つしかない場合は、キーボードのキーとマウスボタンを組み合わせて使用することで同じ動作を実行できます。

カメラの移動

• ズームインまたはズームアウト – 上または下にマウスホイールをスクロールします• パン – マウスホイールボタン、またはShift+マウスの左ボタン• 回転 – マウスの右ボタン、またはAlt+マウスの左ボタン

Sumerian エディタは、キャンバスメニューボタン (p. 25)の多くと同等のキーボードを提供します。キーの最下行を使用してプリセットカメラビューを切り替え、F キーを使用してキャンバスを単一のエン

32

Amazon Sumerian ユーザーガイドキーボードおよびマウス

ティティで埋めます。スペースバーは、キャンバスで画面を埋められるようにサイドパネルを非表示にします。

カメラ

• エンティティをフレーム – F• すべてをフレーム – Shift+F• 下部および上部ビュー – V• 背面および正面ビュー – C• 左および右ビュー – X• エディタカメラビュー – Z• サイドバーの表示および非表示 – Space

エディタまたは [Entities] パネルでクリックしてエンティティを選択します。エンティティが選択された状態で、次のコマンドを使用して編集をスピードアップします。

編集

• エンティティの削除 – Backspace または Delete• エンティティの複製 – Ctrl+D• ハンドルの変換 – W• ハンドルの回転 – E• ハンドルのスケーリング – R• グローバル変換と相対変換の切り替え – G• 元に戻す – Ctrl+Z• やり直し – Ctrl+Shift+Z

次のコマンドを使用して、テキストエディタ、タイムラインエディタ、および公開メニューを開きます。

ツール

• テキストエディタ – J• タイムライン – T• 公開 – Ctrl+Shift+P

タイムラインを開いた状態で、次のコマンドを使用してキーフレームおよび再生ヘッドを調整します。

タイムライン

• キーフレームを左に移動 – Left (高速)、Ctrl+Left (低速)• キーフレームを右に移動 – Right (高速)、Ctrl+Right (低速)• 再生ヘッドを左に移動 – Shift+Left (高速)、Ctrl+Shift+Left (低速)• 再生ヘッドを右に移動 – Shift+Right (高速)、Ctrl+Shift+Right (低速)• キーフレームを左に配置 – Ctrl+Alt+1• キーフレームを中央に配置 – Ctrl+Alt+2• キーフレームを右に配置 – Ctrl+Alt+3• キーフレームを開始点に移動 – Home• キーフレームを終了点に移動 – End

33

Amazon Sumerian ユーザーガイド発行

Amazon Sumerian エディタでシーンを公開するSumerian シーンを公開することで、インターネットでユーザーと共有することができます。シーンを公開すると、Sumerian によって、シーンを含む静的ウェブサイトが作成され、Amazon CloudFront 上でホストされます。ユーザーを直接シーンにリンクするか、ウェブサイトのフレームに埋め込むことができます。

シーンを公開するには

1. Sumerian エディタでシーンを開きます。2. [シーン]、[公開] の順に選択します。3. 公開設定を行います。

• Custom CSS – style タグの内容を指定して、生成されたウェブページに追加します。• Custom JavaScript – script タグの内容を指定して、生成されたウェブページに追加します。

4. [Publish] を選択します。

間もなくして、シーンが公開されます。シーンを開くには、[表示] をクリックします。

34


Amazon Sumerian シーン設定ダッシュボードで利用できるオプション (p. 19)に加えて、Sumerian エディタには、シーンを設定する多数のオプションが含まれています。インスペクターパネルでは、AWS SDK for JavaScript の認証情報の設定、キャンバスサイズおよびグリッドの調整だけでなく、霧や背景画像、後処理効果などのグローバル設定を行うことができます。

シーンを設定するには

1. Sumerian エディタでシーンを開きます。2. [Entities (エンティティ)] パネルでルートノードを選択します。

3. インスペクターパネルでシーン設定を変更します。

• Details – シーンの名前と説明を更新します。• Tags – メタデータタグをシーンに追加します。• Custom attributes – メタデータのキーと値のペアをシーンに追加します。

他のシーンを作成するための開始点として使用するには、[テンプレート] としてシーンのコピーを保存します。シーンがプロジェクトに保存されている場合、テンプレートは同じプロジェクトに保存されます。それ以外の場合は、プロジェクトを選択して、テンプレートを保持する必要があります。

テンプレートを作成するには


35


3. インスペクターパネルのシーンセクションを展開します。4. [Save scene as template] (テンプレートとしてシーンを保存) を選択します。5. シーンが下書きの場合はテンプレートのプロジェクトを選択します。

ダッシュボードを使用して、テンプレートをシーン間でコピーまたは移動 (p. 21)することができます。テンプレートを更新するには、同じソースシーン、またはテンプレートから作成したシーンから再度テンプレートを作成します。テンプレートを保存したら、新しいテンプレートを作成するか、既存テンプレートを更新することができます。

シーン設定セクションを折りたたむには、シーンの名前を選択します。

セクション• Amazon Sumerian シーンの AWS 認証情報を設定する (p. 37)• Amazon Sumerian シーンのスナップショットを作成する (p. 38)• Amazon Sumerian シーンのキャンバスを設定する (p. 40)• Amazon Sumerian シーンの環境を設定する (p. 41)

36

Amazon Sumerian ユーザーガイドAWS 構成

• Amazon Sumerian シーンの後処理効果を設定する (p. 42)• Amazon Sumerian シーンのサイズを計算する (p. 45)• Amazon Sumerian シーンのパフォーマンス情報を表示する (p. 45)

Amazon Sumerian シーンの AWS 認証情報を設定する

[AWS 設定] セクションでは、AWS SDK for JavaScript で使用する認証情報を設定できます。AmazonCognito ID プールを設定できます。これは、シーンのロード時に、認証情報を取得するために Sumerianによって使用されます。この ID プールには、スクリプトからアクセスする AWS API を使用するためのアクセス許可を持つ認証されていないロールが必要です。

Note

ID プールをお持ちでない場合は、「Amazon Sumerian アクセス許可 (p. 3)」の手順に従って、作成してください。

AWS SDK for JavaScript 認証情報を設定するには


3. インスペクターパネルの [AWS 設定] セクションを展開します。4. Amazon Cognito ID プールを入力します。

37

Amazon Sumerian ユーザーガイドスナップショット

認証情報を使用するには、SDK for JavaScript クライアントを初期化する前に aws.sdkReady をリッスンするスクリプトを作成します。次の例では、mybucket という名前の Amazon S3 バケットの内容がブラウザコンソールに表示されます。この機能を検証するには、スクリプトを作成 (p. 86)してエンティティにアタッチし、シーンを再生します。

Example S3listobjects スクリプト

'use strict';

var setup = function(args, ctx) { sumerian.SystemBus.addListener('aws.sdkReady', () => { let s3 = new AWS.S3(); s3.listObjects({Bucket: "mybucket"}, function(err, data) { if (err) { console.log('ERROR', err, data); } else { console.log('DATA', data); } } ); }, true );};

Amazon Sumerian シーンのスナップショットを作成する

スナップショットパネルを使用してシーンのコピーを作成します。このコピーは、シーンの復元に使用できます。新しい機能を試す前、またはシーンの変更を破棄する前に復元ポイントを設定するには、スナップショットを作成します。

スナップショットを作成するには


3. インスペクターパネルの [スナップショット] セクションを展開します。

38

Amazon Sumerian ユーザーガイドスナップショット

4. 説明を入力します。5. [Create] を選択します。

スナップショットを復元または削除するには


3. インスペクターパネルの [スナップショット] セクションを展開します。4. スナップショットを選択します。5. [復元] または [削除] を選択します。

39

Amazon Sumerian ユーザーガイドドキュメント

Amazon Sumerian シーンのキャンバスを設定するWebGL キャンバスのサイズとグリッドの色を設定するには、ドキュメントパネルを使用します。これらの設定は、エディタのシーン、および公開されているシーンで作業している間のみ適用されます。

ドキュメント設定を使用してキャンバスを設定するには


3. インスペクターパネルの [ドキュメント] セクションを展開します。

40

Amazon Sumerian ユーザーガイド環境

4. 次のオプションから選択します。

• Grid – グリッドの色を変更します。• Stretch – キャンバスをコンテナに引き延ばします。• Aspect ratio – キャンバスをコンテナに引き延ばすが、アスペクト比は維持します。• Resolution – キャンバスの固定サイズを設定します。

Amazon Sumerian シーンの環境を設定する環境設定を使用して、シーンの背景画像、アンビエント照明、天候を設定します。

環境設定を行うには


3. インスペクターパネルの [環境] セクションを展開します。

41

Amazon Sumerian ユーザーガイドポストエフェクト

4. 以下の設定を行います。

• Background – シーンの背景色とその不透明度を設定します。

背景を透明にするには、[Opacity] (不透明度) を 0 に設定します。skybox を追加しても、背景設定には影響ありません。

• Skybox – イメージをシーンの背景として使用します。アセットパネルから既存の skybox をドロップするか、プラスアイコンを選択して新しい skybox を作成します (p. 76)。

• Ambient – アンビエント照明を追加して、シーンのすべてのオブジェクトに照明を照らします。アンビエント照明は、skybox に影響を与えることはありません。

• Fog – 霧をシーンに追加します。霧は、カメラの [Fog near] ユニットでシーンのオブジェクトの遮蔽を開始し、[Fog far] ユニットまで強まります。ここで、霧は完全に透明になります。

• Particles – アニメーション化された雪のようなパーティクルをシーンの背景に追加します。

プロパティ

• Velocity – パーティクルの落下速度。• Rate – 1 秒あたりに表示されるパーティクルの数。• Height – カメラの高さに対して、パーティクルが表示される高さ。

Amazon Sumerian シーンの後処理効果を設定するインスペクターパネルの後処理効果セクションでは、アンチエイリアシングやモーションブラーなどのレンダリング効果を追加できます。ポストエフェクトは、VR モードと互換性がありません。

ポストエフェクトを追加するには


42


3. インスペクターパネルの [ポストエフェクト] セクションを展開します。

4. [Add effects] (効果の追加) を選択します。5. 1 つ以上の効果を選択し、[追加] を選択します。6. インスペクターパネルの効果ごとに設定を調整します。7. ポストエフェクトによるレンダリング効果を確認するには、キャンバスツールバーのポストエフェク

トアイコンをクリックし、オンとオフを切り替えます。

ポストエフェクトのプロパティ

• Antialias – FXAA ベースのアンチエイリアシングを追加して、ギザギザしたエッジを滑らかにします。• Span – 平滑化効果の領域。

• Bloom – フォアグラウンドオブジェクトのエッジにかけて背景色を明るくします。• Opacity – 適用されるブルームの量。• Size – グローエリアのサイズ。• Gain – 加えられる明るさの度合い。• Intensity – コントラストの度合い。

• Bleach – 明るさで入力色を変更します。• Opacity – 効果のブレンドの乗数。

• Blur – シーン全体をぼかして、焦点をはずします。

43


• Amount – ぼかしを使用するブレンドの度合い。• Size – ぼかしエリアのサイズ。

• Contrast – 明度、輝度、彩度を調整します。• Brightness – 明度を調整します。• Contrast – 輝度を調整します。• Saturation – 彩度を調整します。

• Dot – 白黒の格子効果を追加します。• Angle – 格子の角度。• Scale – 格子の厚さ。• SizeX – X 軸の格子を歪曲させます。• SizeY – Y 軸の格子を歪曲させます。

• Edge detect – 異なるガウシアンベースのエッジ検出を追加します。• Gauss Sigma – 2 つのガウスカーネルのベース。• Threshold – エッジ検出の許容値。• Background % – 背景色とエッジ色のブレンドの度合い。• Edge Color – エッジの色。• Background Color – 背景色。

• Film grain – ノイズや解像度を加えます。• Noise – ノイズの量。• Line Intensity – 線のシャープネス。• Line Count – ラインの数。

• Hatch – シーンを黒と白でレンダリングし、黒の部分に格子効果を付けます。• Width – 格子線の幅。• Spread – 格子の線の間の距離。

• HSB (色合い、彩度、明度) – シーンの色を調整します。• Hue – 色合いを調整します。• Saturation – 彩度を調整します。• Brightness – イメージの明るさを調整します。

• Levels – ガンマ補正をイメージに適用します。• Gamma – ガンマレベルを調整します。• Min input および Max input – ガンマの入力範囲。• Min output および Max output – ガンマの出力範囲。

• Motion Blur – 前回のレンダリングされたフレーム以降に移動したオブジェクトにぼかし効果を適用します。カメラが移動すると、イメージ全体がぼやけます。• Amount – ブレンドの度合い。• Scale – 現在のフレームの上に、別のスケールで前のフレームを重ね、ズーム効果または飛行効果を作

成します。• Noise – シグナルノイズをイメージに加えます。

• Noise – シグナルノイズの度合い。• Overlay – イメージにテクスチャを重ねます。

• Texture – テクスチャのアセット。• Blend mode – オーバーレイおよび背景をブレンドする方法。• Amount – ブレンドの度合い。

• Radial – 放射状ぼかしをイメージに加えます。• Offset – ぼかしオフセット。• Multiplier – ぼかしの乗数。

44

Amazon Sumerian ユーザーガイドシーンサイズ

• RGB shift – レイヤー間にオフセットを使用して、イメージを赤、緑、青のレイヤーに分割します。• Amount – レイヤー間の距離。• Angle – レイヤー間の角度 (ラジアン)。

• Sepia – セピア色のフィルタを加えます。• Amount – 効果の強度。

• Tint – 色フィルタをイメージに適用します。• Color – 淡彩色。• Amount – 効果の強度。

• Vignette – イメージのエッジ周辺に暗めのグラデーションを加えます。• Offset – グラデーションのサイズ。• Darkness – グラデーションの度合い。

Amazon Sumerian シーンのサイズを計算する[シーンサイズ] セクションでは、シーンで使用しているデータの量を計算します。JSON、メッシュデータ、バイナリ (キロバイト) が表示されます。

表示されている数値は、未圧縮のシーンサイズを示します。Amazon CloudFront から提供されているシーンのデータは圧縮されています。圧縮サイズを表示するには、シーンを開き、ブラウザの開発者ツールのネットワークタブを使用して、転送されたデータ量を探します。

Amazon Sumerian シーンのパフォーマンス情報を表示する

[シーンの統計] セクションでは、現在のシーンに関するパフォーマンス統計をいくつか示します。

45

Amazon Sumerian ユーザーガイドシーンの統計

統計

• FPS – 1 秒あたりにレンダリングされるフレーム数。• Draw calls – フレームごとに行われる描画呼び出しの数。• Entities – 表示されるエンティティの数。• Lights – レンダリングされている照明の数。• Shadow casters – レンダリングされているシャドウキャスターの数。• Shaders – レンダリングされているシェーダーの数。• Texture size – GPU の現在のテクスチャサイズ。• Triangles – レンダリングされている三角形の数。

パフォーマンスを向上させるには、描画呼び出し数、照明、シェーダーを減らします。

46

Amazon Sumerian ユーザーガイドエンティティの管理

Amazon Sumerian エンティティエンティティは、シーン内のアセットを収集して整理するために使用する、Sumerian のコンテナのようなものです。たとえば、シーンに 3D モデルを追加すると、エディタはメッシュ、テクスチャ、およびアニメーションアセットに分割し、対応する Sumerian ジオメトリ、マテリアル、およびアニメーションコンポーネントを持つエンティティに割り当てます。シーンは最大で 1,000 のエンティティを含められます。

エンティティは、カメラ、ライト、または他のエンティティのコンテナです。エンティティパネル (p. 28)はエンティティを階層に整理します。親子関係のエンティティをお互いにアタッチするために使用できます。

コンポーネントは、再生中の外観と動作を決定する、エンティティの設定可能な部分です。ランプモデルでシーンを明るくするには、ライトコンポーネントを追加します。再生中にエンティティを移動または変更するには、ステートマシン、タイムライン、またはスクリプトコンポーネントを追加します。

エンティティを作成してコンポーネントを追加するには

1. Sumerian エディタでシーンを開きます。2. [エンティティの作成] を選択します。3. 形状または組み込みオブジェクトを選択します。空のエンティティには、[Entity] を選択します。4. エンティティパネルで新しいエンティティを選択します。5. インスペクターパネルで、[Details] セクションを展開します。フィールドにテキストを入力して、エ

ンティティ名、説明、タグ、および属性を変更します。6. シーンにエンティティを配置するには、キャンバスの X、Y、および Z 軸のハンドルを使用します。

または [Transform] セクションを展開して絶対座標を入力します。7. プラスアイコンを選択し、コンポーネントタイプを選択してエンティティにコンポーネントを追加し

ます。

エンティティの管理エンティティパネルを使用して、シーンのエンティティを階層に整理します。エンティティを別のエンティティの子にすると、親にアタッチされます。つまり、親を移動すると子も移動し、子の位置を設定すると、親の位置に相対的であるということです。

47

Amazon Sumerian ユーザーガイドコンポーネントの管理

エンティティを管理するには

1. Sumerian エディタでシーンを開きます。2. エンティティパネルでエンティティを選択します。3. エンティティを別のエンティティにドラッグして、そのエンティティの子にします。4. エンティティ名の横にあるアイコンを使用して管理し、エンティティの横にある目のアイコンを使用

して非表示にします。

• – エンティティを非表示にします。

• – エンティティのコピーを作成します。

• – エンティティを削除します。

コンポーネントの管理コンポーネントには、設定またはアセットのアタッチに使用できるプロパティがあります。すべてのエンティティが、エンティティをシーン中で移動するために使用できる変換コンポーネントを含んでいます。作成するエンティティの種類に応じて、他のコンポーネントも自動的に含まれます。

デフォルトコンポーネント

• 2D シェイプ – 変換、2D グラフィック• 3D シェイプ – 変換、ジオメトリ、マテリアル• カメラ – 変換、カメラ、スクリプト• HTML 3D – 変換、HTML 3D• ライト – 変換、ライト• パーティクル – 変換、パーティクル• タイムライン – 変換、タイムライン

コンポーネントを管理するには

1. Sumerian エディタでシーンを開きます。2. エンティティパネルでエンティティを選択します。3. インスペクターパネルで、コンポーネントの名前を選択して、そのプロパティを展開または折りたた

みます。各コンポーネントで利用可能なプロパティの詳細については、以下のトピックを参照してください。

4. 歯車アイコンをクリックして、次のオプションを使用します。

• [Reset] – コンポーネントのプロパティのデフォルト値を復元します。• [Toggle panel] – コンポーネントのプロパティを表示または非表示にします。• [Remove] – コンポーネントを削除します。• [Copy] (一部のコンポーネント) – コンポーネント設定をコピーします。• [Paste] (一部のコンポーネント) – 同一のコンポーネントからコピーしたコンポーネント設定を、別

のエンティティに貼り付けます。

48

Amazon Sumerian ユーザーガイドTransform

一部のコンポーネントは、親のコンポーネントの影響を受ける特別なプロパティも持っています。たとえば、コライダの動作は、同一のエンティティまたは親エンティティにアタッチされているリジッドボディのタイプによって変わります。

次のトピックでは、パラメータおよび各タイプのコンポーネントの使用について説明します。

基本コンポーネント

• Amazon Sumerian 変換コンポーネント (p. 49)• Amazon Sumerian ジオメトリコンポーネント (p. 50)• Amazon Sumerian マテリアルコンポーネント (p. 50)• Amazon Sumerian カメラコンポーネント (p. 51)• Amazon Sumerian VR カメラリグコンポーネント (p. 52)• Amazon Sumerian HMD カメラコンポーネント (p. 52)• Amazon Sumerian VR コントローラーコンポーネント (p. 52)• Amazon Sumerian ホストコンポーネント (p. 52)• Amazon Sumerian 音声コンポーネント (p. 54)• Amazon Sumerian ダイアログコンポーネント (p. 55)

コンテンツおよび効果

• Amazon Sumerian 2D グラフィックスコンポーネント (p. 58)• Amazon Sumerian HTML コンポーネント (p. 58)• Amazon Sumerian HTML 3D コンポーネント (p. 59)• Amazon Sumerian サウンドコンポーネント (p. 60)• Amazon Sumerian ライトコンポーネント (p. 60)• Amazon Sumerian パーティクルシステムコンポーネント (p. 60)

キャラクターと物理

• Amazon Sumerian アニメーションコンポーネント (p. 62)• Amazon Sumerian コライダコンポーネント (p. 62)• Amazon Sumerian リジッドボディコンポーネント (p. 64)• Amazon Sumerian ステートマシンコンポーネント (p. 65)• Amazon Sumerian スクリプトコンポーネント (p. 66)• Amazon Sumerian タイムラインコンポーネント (p. 67)

Amazon Sumerian 変換コンポーネント変換コンポーネントは、コンポーネントのローカル変換 (変換、回転、およびスケール) を含んでいます。変換は、その親と相対的です。

プロパティ

• [Translation] – 親と相対的な、オブジェクトの位置です。• [Rotation] – オブジェクトの回転角度です。• [Scale] – オブジェクトのサイズです。• [Uniform scale] – スケールのいずれかの軸が変更されたときに維持する比率です。

49

Amazon Sumerian ユーザーガイドジオメトリ

• [Static] – オブジェクトが再生中に動かないことにもとづいた、オブジェクトのレンダリングの最適化です。

Amazon Sumerian ジオメトリコンポーネントジオメトリコンポーネントは、エンティティ上にレンダリング可能なメッシュまたはプリミティブを含んでいます。3D モデルをインポートするか、[Create entity] メニューからプリミティブを作成すると、常にジオメトリコンポーネントを取得します。

マテリアルコンポーネントと併用することで、エンティティをレンダリングできます。マテリアルコンポーネントがない場合、ジオメトリは表示されません。

パネルは、異なる種類のメッシュやプリミティブで見た目が異なりますが、一般的に、次の設定があります。

プロパティ

• 影を投げる• 影を受ける• サンプルのディメンションまたは数 (またはその両方) (プリミティブのみ)。

Amazon Sumerian マテリアルコンポーネント環境に 3D モデルを追加すると、少なくとも 2 つのコンポーネントがあります。ジオメトリコンポーネント (p. 50)は、モデルの形状を定義します。マテリアルコンポーネントは、テクスチャとレンダリングプロパティを定義します。

プロパティ

• 拡散色 – 表面の基本色。• 色 – 基本拡散色。• テクスチャ – テクスチャからの拡散色。

• 法線 – バンプマップの一種。法線マップは、バンプ、グルーブ、スクラッチなどの表面の詳細をモデルに追加するために使用する特別な種類のテクスチャです。これらの詳細は、実際のジオメトリで表されるかのように光をキャッチします。

テクスチャ入力で法線マップを設定し、強度の値を設定して、その大きさを変更できます。• 鏡面色 – 鏡面色エフェクトは、シーンの光源の直接的なリフレクションです。これらは、通常、オブ

ジェクトの表面に明るいハイライトまたは光沢として表示されます(鏡面ハイライトは微妙で拡散性もある)。

基本の鏡面性色を設定、テクスチャを使用、光沢の値を設定できます。• 発光 – オブジェクトの自己発光色。色入力を使用したり、テクスチャを使用して発光色を設定できま

す。• アンビエント – 影にあるオブジェクトの色。この色は、直接光の代わりに周囲光によって照明されたと

きにオブジェクトが反射するものです。• 色基本アンビエント色。• テクスチャアンビエントマップは、周囲の照明にさらされているか隠れているメッシュ上の領域を識

別。• 不透明度 – 透明度ブレンディングで使用される。強度を使用して、0 と 1 の間の値を入力でき、0.0 は

完全に透明、1.0 は完全に不透明です。

50

Amazon Sumerian ユーザーガイドカメラ

• しきい値 – 表面が完全に透明で、レンダリングから破棄することができるときに使用します。• デュアル透過性 – マテリアルの前面と背面の両方をレンダリングします。

• 反射性 – マテリアルの反射性設定。• Texture – 反射性のアセット。• 環境 – リフレクションで見る環境マップ。選択されていない場合は、現在の skybox が使用されま

す。• 量 – 使用する反射性の量。• フレネル – ゼロ以外のフレネル値は、法線方向に依存してリフレクションが少なくなります。

• 屈折率 – 屈折入力。表面の屈折率をシミュレートするテクスチャまたは値を取得します。これは、ガラスや水のようなものを通過する光を屈折させるために便利です。環境テクスチャは屈折に使用されます。• 量 – 現在の色とブレンドする屈折。• 屈折 – 屈折に関与する屈折率。

• ブレンド – マテリアルに使用するブレンドモード。• NoBlending• TransparencyBlending• CustomBlending• AdditiveBlending• SubtractiveBlending• MultiplyBlending

• カリング – 三角形のレベルを取り除くかどうか、またどの面 (後部、前部、両方) を取り除くか。• 深度 – 深度テストや書き込みの深さを有効にするかどうか、どの RenderQueue の値を使用するか。• シェーディング

• フラット – メッシュのフラットシェーディングをオンにします。• Wireframe – ワイヤフレームモードでメッシュをレンダリングします。• ラップ要素 – 光ラップ要素。• ラップ量 – 照明量をラップ。

Note

エンティティ間でマテリアルアセットを共有できます。マテリアルアセットが共有されている場合、1 つのエンティティの外観を変更すると、マテリアルを共有しているものも変更されます。

Amazon Sumerian カメラコンポーネントカメラコンポーネントは、カメラをエンティティに追加します。Amazon Sumerian エディタでは、3Dビューポートを定義できます。

プロパティ

• Main camera – このカメラは、シーン開始時に使用します。カメラが複数ある場合は、編集モードおよび再生モード時に切り替えることができます。

• Follow editor camera – エディタカメラを使用してカメラの位置を設定します。これは、編集モードと再生モードを切り替える際に便利です。

• Projection – カメラを使用して 2D キャンバスに 3D 世界を射影する方法を制御します。• Field of view (FOV) – 左右にカメラが広がる角度数を設定します。• Clipping planes – オブジェクトが描画されるカメラからの距離を設定します。

51

Amazon Sumerian ユーザーガイドVR カメラリグ

Amazon Sumerian VR カメラリグコンポーネントVR カメラリグコンポーネントは、再生中に VR モードで使用するバーチャルリアリティ (VR) ヘッドセットとコントローラーを設定します。ユーザーは、サポートされているヘッドセットを持っている場合、VRボタンをクリックして、メインカメラ (p. 51)と VR ヘッドセットを表すヘッドマウントディスプレイ(HMD) カメラ (p. 52)を切り替えることができます。



HMD カメラの子エンティティと各 VR コントローラーを持つエンティティに、VR カメラリグコンポーネントをアタッチします。Sumerian ライブラリの CoreVR アセットパック (p. 73)には、サポートされている各ヘッドセットの HMD カメラとコントローラーを持つリグエンティティが含まれています。

プロパティ

• Load gamepads (ゲームパッドのロード) – コントローラーを無効にするには、選択を解除します。• Start at current camera (現在のカメラで開始) – ユーザーが VR モードに切り替えたときに VR リグのメ

インカメラを入れ替えるのではなく、変形位置からカメラを使用する場合は、選択を解除します。• Current VR camera rig (現在の VR カメラリグ) – VR モードでこのリグを使用する場合に選択します。

Amazon Sumerian HMD カメラコンポーネントHMD カメラコンポーネントは、VR カメラリグのヘッドマウントディスプレイ (HMD) を表します。HMDカメラコンポーネントを持つエンティティを VR カメラリグにアタッチすると、ユーザーは VR ヘッドセットを使用して VR モードでシーンを表示できます。

このコンポーネントには、設定可能なプロパティがありません。詳細については、「Amazon SumerianVR カメラリグコンポーネント (p. 52)」を参照してください。

Amazon Sumerian VR コントローラーコンポーネント

VR コントローラーコンポーネントは、VR カメラリグの単一のバーチャルリアリティ (VR) コントローラーを表します。ユーザーがコントローラーを取り付けた状態で VR モードに入ると、VR コントローラーコンポーネントは 3D 空間内のその位置を追跡します。

詳細については、「Amazon Sumerian VR カメラリグコンポーネント (p. 52)」を参照してください。

プロパティ

• ID – このエンティティが表すコントローラータイプ。

Amazon Sumerian ホストコンポーネントホストは、Sumerian によって提供されるアセットで、アニメーション、サウンド、およびユーザーとの対話のための動作が組み込まれています。アセットライブラリ (p. 26)からシーンにホストを追加します。

52

Amazon Sumerian ユーザーガイドホスト

シーンにホストを追加すると、シーンにはホストの動作を設定するための [ホスト] コンポーネント、およびホストの音声やスクリプトを設定するために使用できる音声コンポーネント (p. 54)が含まれます。

プロパティ

• Point of interest (目的の位置) – 再生中にホストの目をカメラ、オブジェクト、または他のエンティティでトレーニングし続けるには、[Look at entity] (エンティティを見る) に設定します。

• Target entity (ターゲットエンティティ) – ホストの目的の位置として設定するには、エンティティをここにドロップします。

• Lip sync (唇の同期) – 音声中に唇の同期アニメーションを再生します。• Gestures (ジェスチャ) – 音声中にジェスチャアニメーションを再生します。• Gesture hold time (ジェスチャ保持時間) – ジェスチャアニメーションを再生する秒数を設定します。• Minimum gesture period (最小ジェスチャ期間) – ジェスチャの完了後に別のジェスチャが発生するまで

待機する秒数を設定します。

53

Amazon Sumerian ユーザーガイド音声

Amazon Sumerian 音声コンポーネント音声コンポーネントは、Amazon Polly を持つ再生のエンティティにテキストを割り当てます。テキストをエンティティに割り当て、Amazon Polly からのオーディオ出力をステートマシンまたはスクリプトで再生します。実行時にシーンが Amazon Polly を呼び出し、オーディオを生成します。

再生中に Amazon Polly を使用するには、Amazon Cognito ID から取得した AWS 認証情報がシーンに必要です。シーンにID プールを作成 (p. 3)し、シーン設定の AWS 設定 (p. 37)で設定します。

プロパティ

• [Voice] – Amazon Polly 音声です。• [Volume] – レンダリングされたオーディオのボリュームです。•

[Speech files] – ここにテキストファイルをドロップしてコンポーネントに追加します。[ で音声ファイルをジェスチャでマークアップします。

再生時に音声をトリガーするには、ステートマシンまたはスクリプトコンポーネントを同じエンティティで使用します。

[State Machine]音声を再生するには、音声コンポーネントを持つエンティティにステートマシン (p. 65)を追加します。[AWS SDK ready] および [Start speech] アクションでステートを追加します。

54

https://docs.aws.amazon.com/polly/latest/dg/voicelist.html

Amazon Sumerian ユーザーガイドScript

Script音声を再生するには、音声コンポーネントへの参照をコンテキストオブジェクトから取得します。このコンポーネントには、コンポーネントにアタッチされている音声を含む speeches 配列があります。音声のplay を呼び出します。

音声を再生すると、Sumerian によって Amazon Polly が呼び出されるため、aws.sdkReady リスナーを使用して、シーンの AWS 認証情報が呼び出し前にロードされていることを確認します。

Example スクリプト – ランダムな音声を再生します

'use strict';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);};

Amazon Sumerian ダイアログコンポーネントダイアログコンポーネントによって、Amazon Lex チャットボットがエンティティに割り当てられます。このコンポーネントを使用して、ユーザーと対話して情報を収集する機能をホスト (p. 52)または他のエンティティに提供できます。

再生中に Amazon Lex を使用するには、Amazon Cognito ID から取得した AWS 認証情報がシーンに必要です。シーンにID プールを作成 (p. 3)し、シーン設定の AWS 設定 (p. 37)で設定します。

55

https://content.sumerian.amazonaws.com/engine/latest/docs/SpeechComponent.html

https://content.sumerian.amazonaws.com/engine/latest/docs/Speech.html

Amazon Sumerian ユーザーガイド[State Machine]

プロパティ

• Name – Amazon Lex ボットの名前。• Alias – ボットの公開時に選択するエイリアス。

再生時にダイアログをトリガーするには、ステートマシンまたはスクリプトコンポーネントを同じエンティティで使用します。

[State Machine]Amazon Lex ボットを使用するには、ダイアログコンポーネントおよび音声 (p. 54)コンポーネントを使用してステートマシン (p. 65)をエンティティに追加します。音声またはテキストをキャプチャするアクションを使用して、Amazon Lex に送信し、レスポンスを再生して、他の入力を待機します。

Example テキスト入力の状態

• Initialize – AWS SDK ready は、AWS SDK for JavaScript によって Amazon Cognito ID プールから認証情報が取得されるまで待機します。

• Collect text – HTML コンポーネントの input 要素の内容を取得する [Get HTML text] (HTML テキストの取得) アクション。• Entity – input 要素を持つ HTML 要素。• HTML element selector – input 要素の ID。例: チmyTagId。

• Send to bot – [Send text input to dialogue bot (テキスト入力をダイアログボットに送信)] は、以前の状態のテキストを Amazon Lex ボットに送信し、レスポンスを次の状態に中継します。

[On response ready] を Play response、[On processing error] を Collect text に移行します。• Play response – [Start speech] は、Amazon Lex からレスポンスを再生します。Collect text に移

行します。• Use Lex response – 有効。

56

Amazon Sumerian ユーザーガイド[State Machine]

Example 音声入力の状態

• Initialize – AWS SDK ready は、AWS SDK for JavaScript によって Amazon Cognito ID プールから認証情報が取得されるまで待機します。

• Record (1) – [Key down] は、ユーザーがキーを押すまで待機します。• Record (2) – [Start microphone recording] は音声を記録し、[Key up] はユーザーがキーを離すまで待

機します。• Record (3) – [Stop microphone recording] は、音声記録を完了し、次の状態に渡します。• Send to bot – [Send audio input to dialogue bot] は、以前の状態の音声を Amazon Lex ボットに送信

します。• Play response – [Start speech] は、以前の状態の音声レスポンスを再生します。Waitに移行しま

す。

57


Scriptスクリプトを使用して、ユーザーの入力に応じてエンティティの対話コンポーネントの設定を更新できます。次の例では、2 つのボタンにリスナーを追加して、ボタンをクリックしたときにアクティブなボットを変更します。

Example スクリプト – アクティブなボットを変更します。

'use strict';

function setup(args, ctx) { ctx.entityData.changeBot = function(event){ var name = event.target.getAttribute("botname"); var alias = event.target.getAttribute("botalias"); console.log("Changing bot to " + name); ctx.entity.dialogueComponent.updateConfig({name: name, alias: alias}); }; document.getElementById("bot1button").addEventListener('click', ctx.entityData.changeBot); document.getElementById("bot2button").addEventListener('click', ctx.entityData.changeBot);}

同じシーン内の HTML コンポーネントは、スクリプトによって参照されるボタンを作成します。

Example HTML – ダイアログスクリプトのボタン

<button id="bot1button" botname="OrderFlowers" botalias="latest" type="button">Order Flowers</button><button id="bot2button" botname="BookTrip" botalias="latest" type="button">Book Trip</button>

Amazon Sumerian 2D グラフィックスコンポーネント

2D の画像またはビデオ。

プロパティ

• Tint – 淡彩色。• Emissiveness – イメージの発光性。• Opacity – イメージの不透明度。• Reflection – イメージの反射性。

Amazon Sumerian HTML コンポーネントHTML コンポーネントを使用して、2D HTML ドキュメント (div) をシーンに追加します。また、その内容はテキストエディタで編集できます。エンティティ変換を使用してドキュメントを配置するか、CSS を使用してビューポートに相対的に配置することができます。

プロパティ

• [Move with transform (変換で移動)] – 同じエンティティ上の変換コンポーネントを使用してシーン内にHTML ドキュメントを配置します。ドキュメントは常に同じサイズでカメラに向いていますが、カメラ

58

Amazon Sumerian ユーザーガイドHTML 3D

に対して相対的に移動できます。スタイル属性を使用して、HTML コンテンツをビューポートを基準にして配置するには、選択を解除します。

• [Pixel Perfect (ピクセルパーフェクト)] – エンティティ変換で配置するときは、HTML ウィンドウを最も近いピクセル位置にスナップします。

• [Attributes (属性)] – HTML 属性をに追加します。divたとえば、HTML コンテンツを画面上に配置するためのスタイル属性を追加できます。

HTML ドキュメントをテキストエディタで開くには、[Open in editor (エディタで開く)] ボタンを選択します。

Amazon Sumerian HTML 3D コンポーネントHTML 3D コンポーネントは、3D DOM 要素をエンティティに追加し、WebGL と簡単に組み合わせることができます。3D DOM 要素は 3D 空間で四角形のように動作し、そのコンテンツはテキストエディタで編集できます。

プロパティ

• Width (幅) – X 軸に沿って 3D 四角形に合わせるピクセルの数。

HTML 3D コンポーネントの背後にある手法は次のとおりです。WebGL キャンバスは DOM 要素の前面に配置されます。これは、CSS3D 要素を使用して変換されます。WebGL シーン内部には、キャンバスをマスクする四角形があるため、キャンバスの背後にある DOM 要素は四角形を通じて見えます。WebGL とCSS3D 変換の同期は、Sumerian エンジンによって内部的に行われます。

最も目立つ制限は、HTML の透明度を使用できないことです。3D DOM 要素の背後には何もないため、空の背景が表示されます。

59

Amazon Sumerian ユーザーガイドサウンド

iFrame を埋め込むには、HTML 3D コンポーネントに次の HTML を使用します (URL を置き換えるだけです)。

<iframe src="https://en.wikipedia.org/wiki/WebGL" width="100%" height="100%"></iframe>

YouTube ビデオの埋め込み

YouTube ビデオに移動し、[共有]、[埋め込み] の順にクリックして、埋め込みコードをコピーします。そのコードを HTML 3D コンポーネントに貼り付けます。

<iframe width="100%" height="100%" src="https://www.youtube.com/embed/qpQFfMofc1I" frameborder="0" allowfullscreen></iframe>

Amazon Sumerian サウンドコンポーネントサウンドコンポーネントは、多数のサウンドアセットをエンティティに追加します。サウンドは自動的には再生されませんが、スクリプトまたはステートマシンを使用して再生できます。

プロパティ

• [Master volume] – コンポーネントのすべてのサウンドのボリュームです。

Amazon Sumerian ライトコンポーネントライトコンポーネントは、エンティティに光源を追加します。

プロパティ

• タイプ• [Point] – 炎のように、空間の一点から全方向にライトを放射します。• [Directional] – 太陽のように、シーン全体に均等にライトを放射します。• [Spot] – スポットライトのように、円錐状にライトを放射します。

• [Color] – ライトの色です。• [Intensity] – ライトの強度です (通常 0 ～ 1 の間)。• [Specular] – 反射ライトの強度です (通常 0 ～ 1 の間)。• [Range] (ポイントおよびスポット) –• [Cone angle] (スポット) – 光源での円錐の角度 (度数) です。• [Penumbra] (スポット) – 円錐の縁付近のライトの強度です。• [Projection] (指向性およびスポット) – ライトに適用するテクスチャをアップロードします。• [Shadows] (ディレクショナルおよびスポット) – ライトが当たるオブジェクトから影を落とします。

Amazon Sumerian パーティクルシステムコンポーネント

パーティクルシステムコンポーネントは、多数の小さな 2D イメージをシーン内に生成およびアニメーション化することで、液体、雲、および炎といった流体エンティティをシミュレートします。

60

Amazon Sumerian ユーザーガイドパーティクルシステム

プロパティ

• [General] – パーティクルエミッタの基本的な動作です。• [Auto play] – シーン開始時に放出アニメーションを開始します。• [Loop] – アニメーションをループします。• [Duration] – 秒単位でのアニメーションの持続時間です。• [Prewarm] – 再生する前に効果をロードします。• [Max particles] – 表示されるパーティクルの数を制限します。• [Gravity] – パーティクルに適用される重力のベクトルです。• [Seed] – ランダム化シードです。値で実験してお好みの見た目を探すか、-1 に設定して毎回異なる効

果を得ます。• [Local space simulation] – true に設定して、パーティクルシステムを、シーン全体内ではなく、親エ

ンティティの境界内でシミュレートします。• [Emitter shape] – エミッタの形状とサイズです。追加設定はそれぞれの形状に固有です。

ボックス

• [Random direction] – 各パーティクルをランダムな方向に放出します。• [Box extents] – エミッタの高さ、幅、および長さです。

Sphere

• [Radius] – エミッタのサイズです。• [Emit from shell] – エミッタの外側の縁からパーティクルを放出します。• [Random direction] – 各パーティクルをランダムな方向に放出します。

Cone

• [Random direction] – 各パーティクルをランダムな方向に放出します。• [Emit from] – 円錐の狭い端 ([Base])、円錐の中心 ([Volume])、または円錐の縁 ([Volumeedge]) から

パーティクルを放出します。• [Cone radius] – 円錐の狭い端の半径です。• [Cone angle] – 円錐の側面が広がる角度です。• [Cone length] – 円錐の側面の長さです。

• [Over duration properties] – アニメーションの各ループに適用される値を微調整します。それぞれの値は定数、または持続時間中、直線的にあるいはランダムに進行します。• [Emission rate] – 1 秒あたりに放出されるパーティクルの数です。• [Start speed] – パーティクルの速度です。• [Start size] – パーティクルのサイズです。• [Start color] – パーティクルの色です。• [Start life time] – 各パーティクルが消えるまでの秒数です。• [Start angle] – パーティクルの角度です。

• [Over lifetime properties] – パーティクルエミッタの有効期間全体に適用される値を微調整します。それぞれの値は定数、または有効期間中、直線的にあるいはランダムに進行します。• [Color] – パーティクルの色です。持続時間の色と組み合わせられます。• [Size] – パーティクルのサイズ。持続時間のサイズと組み合わせられます。• [Rotation speed] – 1 秒あたりのパーティクルの回転 (角度)。• [Local velocity] – 1 秒単位のローカルスペース速度です。• [World velocity] – 1 秒単位のワールドスペース速度です。

• [Texture] – 各パーティクルのテクスチャです。提供されたテクスチャの 1 つを使用するか、[custom] を選択してテクスチャをアップロードします。61

Amazon Sumerian ユーザーガイドAnimation

• [Texture animation]• [Texture tiles] – X 方向および Y 方向での、スプライトシートにあるタイルの数です。• [Cycles] – 有効期間中に完了するテクスチャアニメーションサイクルの数です。• [Frame over lifetime] – どのフレームをいつアニメーションに表示するかを指定する曲線です。0 が最

初のフレーム、1 が最後のフレームです。0 で始まり 1 で終わる線形曲線は、アニメーションの全フレームを横断します。

• [Rendering] – レンダリングの動作をカスタマイズします。• [Billboard] – パーティクルは常にカメラの方を向きます。• [Render queue] – パーティクルメッシュのレンダリングキューです。• [Render queue offset] – レンダリングキューに追加されたオフセットです。• [Blending] – ブレンドのタイプ ([None]、[Additive]、[Subtractive]、[Multiply]、または [Transparency])

です。• [Depth write] – 深度バッファも書き込みます。• [Depth test] – 深度バッファに対してテストします。• [Sorting mode] – パーティクルの描画順序 ([None] または [Camera distance])。透明性のブレンドに

は、カメラ距離ソートが推奨されます。• [Opacity threshold] – フラグメントが破棄されるアルファしきい値の下限です。

Amazon Sumerian アニメーションコンポーネントアニメーションコンポーネントはインポートされた 3D メッシュのアニメーションを制御します。それには、アニメーションの状態と移行のリストが含まれています。

モデルをエディタにインポートすると、ジオメトリコンポーネントとアニメーションコンポーネントが取得されます。

アニメーションの状態には、アニメーションに関する情報 (ループの回数、実行の速さ、移行があるかなど) が含まれます。アニメーションの状態の移行がない場合は、下部のデフォルトの移行が使用されます。

アニメーションの状態を切り替え、アニメーションの状態をスムーズにする場合は、移行を追加します。

Transitions

• フェード – アニメーション状態間が一定時間ブレンドされ、移行の開始時にローカル時間 0 からターゲットクリップを開始する移行です。これは、類似した動きを持つ 2 つのクリップで最もよく使用されます。

• SyncFade – アニメーション状態間が一定時間ブレンドされ、ターゲット状態を初期状態の開始時刻に同期させる移行です。これは、類似した動きを持つ 2 つのクリップで最もよく使用されます。

• Frozen – 現在の位置で開始状態をフリーズさせ、その状態を一定時間ターゲット状態とブレンドする 2つの状態移行です。ターゲット状態は、ブレンド中は法線として前方に移動します。

Amazon Sumerian コライダコンポーネントコライダコンポーネントは、エンティティに衝突ジオメトリを追加します。リジッドボディコンポーネントと併用すると、動的に衝突するエンティティを作成できます。コライダにリジッドボディコンポーネントがない場合は、物理世界では静的な衝突ジオメトリになります。これは静的コライダと呼ばれています。

コライダまたはその親のいずれかを持つエンティティが動的なリジッドボディコンポーネントを持っている場合は、動的コライダになります。コライダまたはその親のいずれかを持つエンティティが運動学的なリジッドボディコンポーネントを持っている場合は、運動学的コライダになります。

62

Amazon Sumerian ユーザーガイドコライダ

コライダのシェイプは緑のワイヤーフレームでレンダリングされています。

プロパティ

• [Shape] – コライダのシェイプです。• ボックス• Sphere• Plane• 無限平面

• [Trigger] –

コライダがトリガーでない場合、衝突中に次のイベントを出力します。• sumerian.physics.beginContact• sumerian.physics.duringContact• sumerian.physics.endContact

コライダがトリガーである場合は、他の物理オブジェクトと衝突しません。ただし、物理オブジェクトが入るとイベントを出力します。利用できるイベントは次のとおりです。• sumerian.physics.triggerEnter• sumerian.physics.triggerStay• sumerian.physics.triggerLeave

63

Amazon Sumerian ユーザーガイド剛体

• [Friction] – 0 は摩擦がないことを意味します。衝突で最後に使用された摩擦 (および反発) 値は、乗算を使用して計算されています。たとえば、摩擦 = 0.5 の平面と衝突する摩擦 = 0.5 の球体の摩擦値は 0.25になります。

• [Restitution] – コライダがどれほどバウンスするか。0 はバウンスなしで、1 は最大のバウンスです。反発を 1 より大きい数字に設定すると、バウンスごとにより多くのエネルギーを得ます。

• [Half extents] – X、Y、および Z 軸のコライダの半径です。

Amazon Sumerian リジッドボディコンポーネントリジッドボディコンポーネントは、質量や速度などの物理プロパティをエンティティに追加します。コンポーネントは、コンポーネントの物理をシミュレートし、それに応じてエンティティの位置および方向を設定します。

プロパティ

• [Mass] – ボディの質量です。• [Kinematic] – リジッドボディを動的ではなく運動学的にします。動的ボディは重力などの外部要因の影

響を受けます。運動学的ボディはヒットされたときに落下せず反応もしません。• [Velocity] – ボディの初期線形速度です。• [Angular Velocity] – ボディの初期角速度です。• [Linear drag] – 0 ～ 1 の間の、ボディの線形運動に対する抵抗です。• [Angular drag] – 0 ～ 1 の間の、ボディの角運動に対する抵抗です。

エンティティにコライダコンポーネントを追加すると、コライダはリジッドボディの衝突に使用され、質量の中心はリジッドボディと同じ位置になります。

64

Amazon Sumerian ユーザーガイドState Machine

単一のコライダコンポーネントおよびリジッドボディコンポーネントを同じエンティティに追加することは、少し制限されています。コライダは常にエンティティの中央に位置し、移動することはできません。解決策は、階層でリジッドボディの下にあるエンティティに追加することです。これにより、コライダの移動または複数のコライダの使用が可能になります。

したがって、6 つのコライダ (4 つの脚 + 背もたれ + 座席) で構成される椅子を作成するには、まずリジッドボディコンポーネントを持つルートエンティティを作成します。次に、ボックスコライダコンポーネントを持つエンティティを 6 つ作成し、ルートエンティティの子とします。正確にスケーリングおよび配置し、終了します。

Amazon Sumerian ステートマシンコンポーネントステートマシンコンポーネントは、Sumerian ステートマシンをエンティティに追加します。ステートマシンを使用して、アニメーション、フィジックス、特殊効果を特徴とするダイナミックでインタラクティブなシーンを作成できます。ステートマシンはエンティティに固有のものであるため、異なるイベントでトリガーする複数のステートマシンをシーン内に持つことができます。

65


ステートマシンは、状態、アクション、および推移にシーンロジックを構成する 1 つ以上の動作を持っています。詳細については、「Amazon Sumerian ステートマシン (p. 80)」を参照してください。

Amazon Sumerian スクリプトコンポーネントスクリプトを任意のエンティティに追加できます。スクリプトコンポーネントは、複数のスクリプトを含められます。スクリプトは、上から下の順序で実行され、スクリプトコンポーネントプロパティで順序を調整できます。

再利用をサポートするには、スクリプトのインスタンスをスクリプト自体ではなく、スクリプトコンポーネントに追加します。インスタンスにはスクリプトの状態とパラメータが含まれているため、提供されている引数にもとづいて、異なる動作を持つ同一のスクリプトの複数のインスタンスをそれぞれに追加することができます。

プロパティ

• [Enabled] – スクリプトを無効にするには、チェックボックスをオフにします。• [Instance of] – リストの各スクリプトインスタンスは、使用しているスクリプトのリファレンスを持って

います。スクリプトを選択してスクリプト独自のパネルに移動します。• [Parameters] – スクリプトの parameters配列 (p. 88)で定義されたパラメータはここに表示されま

す。値を調整して、このスクリプトインスタンスの動作をカスタマイズします。

パラメータを構造化するには、パラメータを JSON ファイルに保存します。スクリプト自身にあるパラメータを定義して開始します。次に、JSON ファイルを追加して、スクリプト設定から参照します。

Example JSON パラメータを持つスクリプト

varsetup=function(args,ctx){ console.log(args.myJsonParameter);// Prints the parsed JSON data};

var parameters=[{ key:'myJsonParameter', type:'json'}];

66

Amazon Sumerian ユーザーガイドタイムライン

JSON パラメータを持つスクリプトを作成するには

1. 空のエンティティを作成 (p. 47)します。2. [Add component]、[Script] の順に選択します。3. [Add script]、[Custom] の順に選択します。

4. [Edit script] を選択します。

5. デフォルトの parameters 宣言を次のものと置き換えます。

var parameters=[{ key:'myJsonParameter', type:'json'}];

6. スクリプト設定に戻ります。JSON パラメータを含むよう、設定が自動的に更新されます。7. JSON ファイルをパラメータフィールドにドロップします。

Amazon Sumerian タイムラインコンポーネントタイムラインを使用して、エンティティのスケールを時間とともに移動、回転、または変更します。これらのプロパティの開始値と終了値を設定し、キーフレームを追加して、その過程でアニメーションの速度または方向を制御します。タイムラインはカスタムイベントを出力することも可能で、ステートマシンまたはスクリプトから消費できます。

67


タイムラインを作成するには、エンティティの作成、タイムラインを選択します。タイムラインコンポーネントを既存のエンティティに追加することもできますが、アニメーション化するエンティティには追加しないでください。タイムラインは、添付されているエンティティ以外のエンティティのみを管理できます。

プロパティ

• 所要時間 – タイムラインの長さ (秒)。• ループ – ループ内でタイムラインアニメーションを繰り返すことができます。• 自動起動 – ステートマシンまたはスクリプトでタイムラインをトリガーするには、このオプションを無

効にして、タイムラインが再生モードで自動的に開始されないようにします。

タイムラインを開くには、タイムラインコンポーネントで [タイムラインの切り替え] を選択するか、[ツール] メニューから [タイムライン] を選択してください。

エンティティをタイムラインに追加するには、[エンティティ] パネルからエンティティをタイムラインエディタにドラッグします。エディタの各チャネルは、X 変換や Z スケールなどのトランスフォームの 1 つのプロパティを制御します。プロパティの横にある時計アイコンをクリックして、チャネルを有効にし、最初のキーフレームを追加します。

時間を選択してプロパティの値を変更することで、チャネルにキーフレームを追加できます。再生中、エンティティは各キーフレームの変換値の間でアニメーション化します。デフォルトでは、プロパティの値

68


を変更した場合は、キーフレームが自動的に作成されます。これを無効にするには、[ここにエンティティをドロップ] ボックスの隣にあるキーアイコンをクリックします。

イベントチャネルをタイムラインに追加して、カスタムイベントをシステムバスに送出します。チャネル名は、イベントチャネル上の各キーフレームで Sumerian が送出するイベントの名前です。このイベントは、SystemBus.addListener を含むスクリプト、またはステートマシン (p. 65)からリッスンするアクションを使用して消費します。

69

https://content.sumerian.amazonaws.com/engine/latest/docs/Bus.html


Amazon Sumerian のアセットSumerian の [アセット] パネルは、シーン内の共有可能なアセットを収集します。シーンにアセットを追加すると、Sumerian はアセットパネルのデフォルトのパックにアセットを自動的に追加します。作成するエンティティは自動的には追加されませんが、エンティティパネルからアセットパネルにドラッグしてエンティティアセットを作成できます。

アセットタイプ

• エンティティ – Sumerian エンティティ (p. 47)。ファイルまたはアセットパックをインポートする

場合は、アセットパネルからキャンバスにエンティティをドロップしてシーンに追加します。•

メッシュ – 3D モデルからのポリゴンメッシュ。•

スケルトン – 3D モデルからのポリゴンメッシュ。•

マテリアル – 3D モデルから生成されたレンダリング可能な各レイヤーのテクスチャを持つマテリアルのコンポーネント (p. 50)。

• サウンド – サウンドコンポーネント (p. 60)で使用するオーディオファイル。

• スクリプト – スクリプトコンポーネント (p. 60)でインスタンス化できる JavaScript スクリプト。

• スピーチ – スピーチコンポーネント (p. 54)で使用するためのテキストファイル。

• JSON – スクリプトコンポーネント (p. 60)のパラメータ入力として使用できる JSON ファイル。

• Skybox – シーンの環境設定 (p. 41)でシーンの背景に追加できるテクスチャのコレクション。

• Behavior – ステートマシンコンポーネント (p. 65)に追加できるアクションのコレクション。

• テクスチャ – マテリアルコンポーネント (p. 50)、2D グラフィックスコンポーネント (p. 58)、また

は skybox のレイヤーに追加できるイメージファイル。

アセットをシーンに追加するには、アセットをデスクトップからキャンバスに直接ドラッグできます。ファイルタイプに応じて、エディタはエンティティパネルと 1 つまたは複数のアセットにエンティティを作成します。たとえば、JPG イメージをシーンに追加すると、シーン内のイメージエンティティ、マテリアルアセット、およびテクスチャアセットが取得されます。

アセットをシーンに追加するには

1. Sumerian エディタでシーンを開きます。2. デスクトップファイルブラウザからキャンバスにファイルをドラッグします。

または

70

Amazon Sumerian ユーザーガイドパック

デフォルトパックの横にあるプラスのアイコンをクリックして空のアセットを作成します。アイコンを表示するには、パック名を選択します。

3. [アセット] パネルでアセットを選択し、スペクターパネルのオプションを使用して変更します。

Amazon Sumerian アセットパックパックを作成することで、アセットを整理してシーン間で共有することができます。アセットパネルでパックを作成し、そこにアセットを移動またはコピーします。

パックは次のアクションをサポートしています。

• – パックに新しいアセットを作成する。

• – パックをアセットライブラリにエクスポートする。

• – パック内の、シーンで使用されていないアセットを削除する。

• – アセットパックを削除する。

パックをエクスポートすると、選択したプロジェクトに追加されます。まだプロジェクトがない場合は、ダッシュボードで作成 (p. 18)します。ダッシュボードを使用して、別のシーンまたはプロジェクトにパックを移動するか、コピー (p. 20)できます。エクスポートされたパックは、シーン内のパックまたはそのアセットに固定されていません。

アセットをパックに追加してエクスポートするには

1. Sumerian エディタでシーンを開きます。2. [Assets] で、[Create pack] を選択します。3. パックを選択して、名前、説明、タグ、およびカスタム属性をインスペクターパネルで変更します。4. デフォルトのパックからカスタムパックにアセットをドラッグします。

または

アイテムを選択し、複製アイコンをクリックして複製します。複製したアイテムをカスタムパックにドラッグします。

5.カスタムパックを選択し、アセットライブラリアイコンを選択するか、インスペクターパネルで [Add to asset library] を選択します。

71

Amazon Sumerian ユーザーガイドテンプレート

6. アセットパックのアセットタイプ (p. 70)を選択します。7. [Add to asset library] を選択します。8. プロジェクトを選択してから、[Select] を選択します。

Amazon Sumerian シーンテンプレートSumerian には、シーンの開始点として使用できるシーンテンプレートが用意されています。

Sumerian シーンテンプレート

• [Augmented reality (拡張現実)] – コンパニオンサンプルアプリで拡張現実 (AR) シーンを作成するためのテンプレート。詳細については、「Amazon Sumerian 拡張現実ツール (p. 73)」を参照してください。

• [Default lighting (デフォルトのライト)] – 天球と 3D ライトがある空のシーン。このテンプレートは、インターフェイスチュートリアルで使用されます。

• [Speech & gestures (音声とジェスチャ)] – ステートマシンで音声を使用するように構成された Sumerianホスト (p. 74)のあるシーン。

ダッシュボード (p. 18)でこれらのいずれかのテンプレートを選択して、下書きのシーンを作成します。

72

https://docs.sumerian.amazonaws.com/tutorials/create/getting-started/sumerian-interface/

https://docs.sumerian.amazonaws.com/tutorials/create/getting-started/sumerian-interface/

Amazon Sumerian ユーザーガイドVR ツール

Amazon Sumerian バーチャルリアリティツールSumerian は、シーン内で VR を有効化することを容易にする、バーチャルリアリティ (VR) 関連アセットのパックを提供します。アセットパックには、ユーザーが VR モードに入ることを可能にする VR カメラと、環境とインタラクトするための VR コントローラーが含まれています。



シーンで VR を有効化するには

1. Sumerian エディタでシーンを開きます。2. [Import assets] を選択します。3. [CoreVR]、[Add] の順に選択します。4. アセットパックのロードが完了すると、[VRCameraRig] エンティティをキャンバスにドラッグして

シーンに追加します。5. [VRCameraRig] エンティティを選択します。6. [VRCameraRig] コンポーネントを選択します。7. [Current VR camera rig] オプションを選択してリグを有効化します。

ユーザーがヘッドセットおよびコントローラーを取り付けて VR モードに入ると、HMD カメラ (p. 52)がヘッドセットを追跡し、VR コントローラー (p. 52)が 3D 空間でコントローラーを追跡します。VR カメラリグ (p. 52)は他のエンティティを管理し、シーンで VR モードボタンを有効化します。

アタッチされたタイプのコントローラーのみがシーンにレンダリングされるため、含まれているすべてのエンティティを残して両方のタイプをサポートできます。含まれているコントローラーを独自のものと置き換えることもできます。

これらのアセットを使用するチュートリアルについては、「VR の開始方法」を参照してください。

Amazon Sumerian 拡張現実ツールSumerian は、iOS および Android デバイス用に拡張現実 (AR) アプリケーションを開発するために使用できる、テンプレート、アセット、およびサンプルプロジェクトを提供します。

[Augmented Reality] シーンテンプレートは、ダッシュボード (p. 18)で利用可能です。拡張現実シーンの開始点として使用してください。

シーンは次のリソースを含みます。

• [AR Camera] – デバイスのカメラにマッピングするスクリプトを持つ、メインカメラです。

73

https://docs.sumerian.amazonaws.com/tutorials/create/beginner/getting-started-vr/

Amazon Sumerian ユーザーガイドAndroid サンプルプロジェクト

• [AR Camera Control] – Sumerian エンジン AR システムを使用してデバイスの拡張現実 API にアクセスするスクリプトです。このスクリプトはテキストエディタで表示できます。

• [ARAnchor] – AR アプリがシーン内のオブジェクトを実世界に固定するために使用する、空のエンティティです。

モデルを追加し、[ARAnchor] エンティティの子とすることで、このテンプレートから AR シーンを構築できます。シーンを公開し、次にサンプル AR Kit プロジェクトを使用して、それを使用するアプリを構築します。

サンプル• Android サンプルプロジェクト (p. 74)• iOS サンプルプロジェクト (p. 74)

Android サンプルプロジェクトサンプルプロジェクトの amazon-sumerian-arcore-starter-app は、AR テンプレートで作成されたシーンをロードする、ARCore アプリを持つ Android Studio プロジェクトです。ビューコントローラーのシーンURL を、公開したシーンの URL と置き換え、アプリを構築し、互換性のある Android デバイス上で実行して稼働中の様子を確認します。

「Sumerian と ARCore を使用した拡張現実」チュートリアルを参照して、これらのアセットの使用方法を詳しく見ます。

iOS サンプルプロジェクトサンプルプロジェクトの amazon-sumerian-arkit-starter-app は、AR テンプレートで作成されたシーンをロードする、Swift アプリを持つ XCode プロジェクトです。ビューコントローラーのシーン URL を、公開したシーンの URL と置き換え、アプリを構築し、互換性のある iOS デバイス上で実行して稼働中の様子を確認します。

「Sumerian と ARKit を使用した拡張現実」チュートリアルを参照して、これらのアセットの使用方法を詳しく見ます。

Amazon Sumerian ホストホストは、Sumerian によって提供されるアセットで、アニメーション、サウンド、およびユーザーとの対話のための動作が組み込まれています。ホストを使用して、ユーザーを会話に惹きつけ、情報を伝達します。

74

https://content.sumerian.amazonaws.com/engine/latest/docs/ArSystem.html

https://github.com/aws-samples/amazon-sumerian-arcore-starter-app

https://github.com/aws-samples/amazon-sumerian-arcore-starter-app/blob/master/SumerianARCoreStarter/app/src/main/java/com/amazon/sumerianarcorestarter/MainActivity.java#L41

https://github.com/aws-samples/amazon-sumerian-arcore-starter-app/blob/master/SumerianARCoreStarter/app/src/main/java/com/amazon/sumerianarcorestarter/MainActivity.java#L41

https://docs.sumerian.amazonaws.com/tutorials/create/intermediate/augmented-reality-using-sumerian-arcore/

https://github.com/aws-samples/amazon-sumerian-arkit-starter-app

https://github.com/aws-samples/amazon-sumerian-arkit-starter-app/blob/master/SumerianARKitStarter/ViewController.swift#L20

https://docs.sumerian.amazonaws.com/tutorials/create/intermediate/augmented-reality-using-sumerian-arkit/

Amazon Sumerian ユーザーガイドモデル

シーンにホストを追加するには

1. Sumerian エディタでシーンを開きます。2. [Import assets] を選択します。3. 次のいずれかのホストを選択します。

• Cristine• Preston• Luke

4. [追加] を選択します。5. [アセット] パネルからホストエンティティをキャンバスにドラッグします。

すべてのホストのメッシュ、マテリアル、アニメーション、およびスクリプトが、3 つの設定可能なコンポーネントを持つ単一のエンティティにバンドルされています。

• Transform (p. 49) (移行) – シーンまたは親エンティティに対して相対的なホストの場所。• Host (p. 52) (ホスト) – アニメーションと動作の設定。• Speech (p. 54) (音声) – Amazon Polly を使用したテキスト読み上げ機能。

ホストのモデルとアニメーションはロックされています。それらを変更または拡張することはできません。

モデルモデルファイルをアセットパネルにドロップしてインポートします。モデルをインポートすると、Sumerian はモデルのメッシュ、スケルトン、マテリアル、およびテクスチャを含むアセットパックに変換します。メッシュはインポート中に自動的に三角形分割が生成されます。モデルサイズとフォーマットに応じて、このプロセスにはしばらくかかる場合があります。

最大でサイズが 50 MB のモデルを次の形式でインポートできます。

ファイル形式

• FilmBox – .fbx

www.autodesk.com/products/fbx/overview

75

http://www.autodesk.com/products/fbx/overview

Amazon Sumerian ユーザーガイドSkybox

• Wavefront OBJ – .obj

en.wikipedia.org/wiki/Wavefront_.obj_file

モデルがインポートされたあと、モデルエンティティをアセットパックからキャンバスにドロップします。これにより、1 つまたは複数のエンティティが、インポートされたファイルにもとづいた階層でシーンに追加されます。少なくとも、エンティティは変換、ジオメトリ、およびマテリアルコンポーネントを持っています。スケルトンとアニメーションを持つモデルをインポートする場合、アニメーションコンポーネントも取得します。スケルトンおよびポリゴンメッシュはジオメトリコンポーネントにアタッチされていて、テクスチャはマテリアルコンポーネントにアタッチされています。

モデルのインポートプロセスを最適化するには、オブジェクト履歴を削除し、モデルツールで変換をフリーズすることで、不必要なデータを削除します。可能な場合は、幾何学変換の使用を避けてください。モデルがアニメーションを持っている場合は、モデルにベイクして、制約の使用は避けてください。

Sumerian エンジンは次のモデル機能をサポートしています。

モデル機能

• 頂点色 – 頂点単位の色またはフェース頂点単位の色がサポートされています。

メッシュデータが頂点色を含んでいる場合、拡散チャンネルにあるメッシュのマテリアルパネルでスライダーを使用できます。スライダーを使用して、セット拡散マップまたは色と頂点色をブレンドできます。

• UV マップ – 2 つ使用可能な場合、たとえばライトマップや環境遮蔽マップに 2 つ目を使用できます。

エディタで、これらのテクスチャをマテリアルパネルのアンビエントチャンネルに適用できます。• タンジェント – タンジェントデータが提供されていない場合、変換中に生成されます。• ノーマル – ノーマルデータが提供されていない場合、補完されたノーマルが変換中に生成されます。• スケルトンアニメーション – スケルトンメッシュ変形を介したアニメーションがサポートされていま

す。1 つのファイルに複数のアニメーションを提供できます。

シェーダーの制限• ウェイトの最大数は頂点ごとに 4 です。それ以上提供されている場合は、値の小さなものから削除さ

れます。• ジョイント数を少なく維持すると、より広い範囲のハードウェアのセットのサポートを可能にしま

す。

すでにスケルトンアニメーションを持つモデルをエディタで変換していて、あとでモデリングツールにさらにアニメーションを追加する場合、エディタで新しいアニメーションを既存のモデルに追加できます。

これを行うには、ファイルをアニメーションパネルのアニメーション状態ドロップエリアにドロップします。これは通常どおりにファイルのアップロードを発行しますが、変換中は、アニメーションデータのみがエクスポートされます。これを機能させるには、基盤となるスケルトンリグは同一である必要があります。リグを変更した場合は、通常のプロセスを通じてモデルを再インポートする必要があります。

• 埋め込みテクスチャ (FBX) – FBX バイナリ形式にエクスポートするとき、結果として生成されるファイルにテクスチャを埋め込むことができます。

SkyboxSkybox は、空、空間、または境界構造を表示するために背景に適用するテクスチャです。Skybox は、球体をラップする単一のテクスチャか、キューブをラップする 6 つのテクスチャです。シーンの環境設定 (p. 41)で skybox をシーンに追加します。

76

http://en.wikipedia.org/wiki/Wavefront_.obj_file

Amazon Sumerian ユーザーガイドSkybox

Skybox を作成するには

1. Sumerian エディタでシーンを開きます。2. デフォルトのパックの横にあるプラスアイコンをクリックします。アイコンを表示するには、パック

名を選択します。

3. [Skybox] を選択します。4. Skybox のシェイプを選択します。

Skybox のシェイプ

• [Box] – キューブにマッピングされる 6 つの四角形のイメージ (キューブマップ) です。• [Sphere] – 球体にマッピングされる単一の長方形イメージ (正距円筒図法) です。

5. テクスチャアセットまたはイメージファイルを skybox の各セクションにドロップします。

6. [Entities (エンティティ)] パネルでルートノードを選択します。

77

Amazon Sumerian ユーザーガイドメディア

7. [Environment] を選択します。8. Skybox アセットをアセットパネルから [Skybox] フィールドにドロップします。

メディアメディアファイルを Sumerian にインポートして、テクスチャ、オーディオ、またはテキストオブジェクトとして使用できます。Sumerian は次のファイル形式をサポートしています。

最大 10 MB のテクスチャ

• CRN• DDS• JPG、JPEG• PNG• SVG• TGA• MP4• OGV• WEBM

最大 10 MB のオーディオ

• OGG• MP3• WAVE、WAV

78

Amazon Sumerian ユーザーガイドメディア

最大 1 MB のテキスト

• JS• JSON

各ファイルが、解凍されたときにそのタイプのサイズ要件を満たしている限り、最大でサイズが 200 MBの ZIP アーカイブに複数のアセットファイルを組み合わせることができます。

79


Amazon Sumerian ステートマシンAmazon Sumerian 動作は、エンティティ上のステートマシンコンポーネント (p. 65)にアタッチできる有限ステートマシンです。動作とは、ユーザーのやりとり、タイミング、または他のイベントに基づいて相互に状態する状態の集合です。

動作内の各状態は、Sumerian で定義されたロジックを含む 1 つ以上のアクションで構成されます。アクティブ状態のアクションは、動作が関連付けられているエンティティをクリックしたユーザーに応答する、スクリプトを実行する、またはオーディオを記録して Amazon Lex チャットボットに送信するなどの操作を行うことができます。アクションが完了すると、同じ状態で別のアクションをトリガーするか、別の状態に移行することができます。

Sumerian は、以下のカテゴリに分類された多くのアクションを提供します。

ステートマシンのアクション• Amazon Sumerian ステートマシンのアニメーションアクション (p. 81)• Amazon Sumerian ステートマシンの音声アクションとカメラアクション (p. 81)• Amazon Sumerian ステートマシンの AWS 機能アクション (p. 82)• Amazon Sumerian ステートマシンのキーボードアクションとマウスアクション (p. 82)• Amazon Sumerian ステートマシンのエフェクトアクションと照明アクション (p. 83)

80

Amazon Sumerian ユーザーガイドアニメーション

• Amazon Sumerian ステートマシンのマテリアルアクションとレンダリングアクション (p. 84)• Amazon Sumerian ステートマシンのフィジックスアクションと衝突アクション (p. 84)• Amazon Sumerian ステートマシンのロジックアクションと移行アクション (p. 84)

Amazon Sumerian ステートマシンのアニメーションアクション

ステートマシンのアクションを使用して、エンティティをアニメーション化および変換できます。

アニメーションアクション

• Copy joint transform (ジョイントの変形をコピー) – ジョイントの変形を別のエンティティからコピーし、このエンティティに適用します。このエンティティは、アニメーションコンポーネントを持つエンティティの子である必要があります。

• [Face current camera (現在のカメラに向ける)] – エンティティをアクティブなカメラに向けるように変換します。

• [Look at (向ける)] – エンティティを空間内のポイントに向けるように変換します。• Move (移動) – エンティティを移動します。• Pause animation (アニメーションの一時停止) – スケルトンアニメーションを一時停止します。• [Play emote (エモートの再生)] – ホストエモートを再生します。• Resume animation (アニメーションの再開) – スケルトンアニメーションの再生を続行します。• Rotate (回転) – 設定された角度 (度数) でエンティティを回転させます。• Scale (スケール) – エンティティをスケールします。• Set animation (アニメーションの設定) – 選択したアニメーションに移行します。• Set animation offset (アニメーションオフセット) – アニメーションクリップオフセットを変更します。• Set animation time scale (アニメーションの時間スケールの設定) – 現在のアニメーションの時間スケー

ルを変更します。• Shake (振動) – エンティティを振動させ、オプションで移行を実行します。• [Set point of interest target (目標ポイントの設定)] – ホストのターゲットエンティティを変更します。• Tween look at (回転して見る) – エンティティの回転を移行し、設定された位置に向けます。• Tween move (移動の変化) – 設定された場所に移行します。• Tween rotate (回転の変化) – 設定された回転 (角度) に移行します。• Tween scale (スケールの変化) – 設定されたスケールに移行します。

Amazon Sumerian ステートマシンの音声アクションとカメラアクション

ステートマシンのアクションを使用して、音声設定とシーンカメラを制御できます。

音声アクションとカメラアクション

• Dolly zoom (dolly ズーム) – dolly ズームを実行します。• Mute (ミュート) – すべてのサウンドをグローバルにミュートします。• Pause sound (サウンドの一時停止) – サウンドを一時停止します。• Play sound (サウンドを鳴らす) – エンティティの選択イベントをリッスンし、新しいブラウザウィンド

ウを開きます。

81

Amazon Sumerian ユーザーガイドAWS の機能

• Sound fade in (サウンドフェードイン) – サウンドをフェードインします。• Sound fade out (サウンドフェードアウト) – サウンドをフェードアウトして停止します。• [Start microphone recording (マイク録音を開始する)] – マイク入力からの音声録音を開始します。• [Stop microphone recording (マイク録音を停止する)] – マイク入力からの音声録音を停止します。• Stop sound (サウンドの停止) – サウンドを停止します。• Switch camera (カメラの切り替え) – 別のカメラに切り替えます。• Toggle mute (ミュートの切り替え) – すべてのサウンドのミュートのオン/オフをグローバルに切り替え

ます。• Unmute (ミュート解除) – すべてのサウンドをグローバルにミュート解除します。

Amazon Sumerian ステートマシンの AWS 機能アクション

ステートマシンのアクションを使用して AWS 統合機能を制御できます。

AWS 機能のアクション

• [AWS SDK ready (AWS SDK 対応)] – AWS サービスを呼び出す機能を使用する前に、が認証情報を取得するのを待ちます。詳細については、「Amazon Sumerian シーンの AWS 認証情報を設定する (p. 37)」を参照してください。

• [Change speech volume (音声ボリュームの変更)] – エンティティの音声コンポーネント (p. 54)のボリュームを変更します。

• [Send audio input to dialogue bot (音声入力をダイアログボットに送信する)] – エンティティのダイアログコンポーネント (p. 55)に割り当てられた Amazon Lex チャットボットに録音されたオーディオを送信します。

• [Send text input to dialogue bot (テキスト入力をダイアログボットに送信する)] – エンティティのダイアログコンポーネントに割り当てられた Amazon Lex チャットボットに入力されたテキストを送信します。

• [Start speech (音声の開始)] と [Stop speech (音声の停止)] – 音声コンポーネント (p. 54)を再生または停止します。

Amazon Sumerian ステートマシンのキーボードアクションとマウスアクション

ステートマシンのアクションを使用して、キーボード、マウス、およびタッチイベントに応答することができます。

キーボードアクションとマウスのアクション

• Arrow keys (矢印キー) – 矢印キーを押したときに他の状態に移行します。• Choose/tap on entity (エンティティの選択/タップ) – エンティティを選択します。• Hover enter (ホバー入力) – エンティティがユーザー定義のボックスボリューム内にあるかどうかに基づ

いて、移行を実行します。このボリュームは 2 つのポイントを設定して定義され、接続されるとボックスボリュームを通じて対角を形成します。

• Hover exit (ホバー出力) – エンティティがユーザー定義のボックスボリューム内にあるかどうかに基づいて移行を実行します。このボリュームは 2 つのポイントを設定して定義され、接続されるとボックスボリュームを通じて対角を形成します。

• Key down (キーダウン) – キープレスをリッスンして移行を実行します。

82

Amazon Sumerian ユーザーガイドエフェクトと照明

• Key pressed (キープレス) – キープレスイベントをリッスンして移行を実行します。移行の境界上で動作します。

• Key up (キーアップ) – キーリリースをリッスンして移行を実行します。• Mouse down (マウスダウン) – マウスボタンのクリックをリッスンして移行を実行します。• Mouse move (マウスの移動) – マウスの移動をリッスンして移行を実行します。• Mouse pressed (マウスのクリック) – マウスボタンのクリックイベントをリッスンして移行を実行しま

す。移行の境界上で動作します。• Mouse up (マウスアップ) – マウスボタンのリリースをリッスンして移行を実行します。• Pick (選択) – エンティティの選択イベントをリッスンし、移行を実行します。• Pick and exit (選択して終了) – エンティティの選択イベントをリッスンし、新しいブラウザウィンドウ

を開きます。• WASD keys (WASD キー) – WASD キーを押したときに他の状態に移行します。

Amazon Sumerian ステートマシンのエフェクトアクションと照明アクション

ステートマシンのアクションを使用して、シーンの照明を変更したり、特殊効果を追加できます。

エフェクトアクションと照明アクション

• Add light (光の追加) – ポイント照明をエンティティに追加します。• Fire FX (FX に火を放つ) – エンティティから火を放ちます。火を消すには、[Remove particles] (パー

ティクルの除去) アクションを使用します。

• Pause particle system (パーティクルシステムの一時停止) – パーティクルシステムを一時停止します。• Remove light (光の削除) – エンティティにアタッチされた光を削除します。• Remove particles (パーティクルの削除) – エンティティにアタッチされたパーティクルエミッタを削除

します。• [Set light properties (光のプロパティの設定)] – 光コンポーネントのプロパティを変更します。• Smoke FX (FX の煙) – エンティティから煙を出します。煙のエミッタをキャンセルするには、[Remove

particles] (パーティクルの除去) アクションを使用します。

• [Start particle system (パーティクルシステムの開始)] と [Stop particle system (パーティクルシステムの停止)] – パーティクルエミッタを開始または停止します。

• [Toggle post effects (ポストエフェクトの切り替え)] – ポストエフェクトをグローバルに有効または無効にします。

• [Tween light (トゥイーンライト)] – 2 つのライトの色の移行。

83

Amazon Sumerian ユーザーガイドマテリアルとレンダリング

Amazon Sumerian ステートマシンのマテリアルアクションとレンダリングアクション

ステートマシンのアクションを使用して、エンティティのテクスチャと可視性を変更できます。

マテリアルアクションとレンダリングアクション

• [Hide (非表示)] と [Show (表示)] – エンティティとその子を表示または非表示にします。• Set material color (マテリアルの色の設定) – マテリアルの色を変更します。• Set render target (レンダリングターゲットの設定) – 現在のエンティティのテクスチャでカメラに表示さ

れるものをレンダリングします。• Sprite animation (スプライトアニメーション) – スプライトアニメーションを開始します。• Tween material color (マテリアルの色の変化) – マテリアルの色を変化させます。• Tween material opacity (マテリアルの透明度の変化) – マテリアルの透明度を変化させます。• Tween texture offset (テクスチャオフセットの変化) – エンティティのテキストオフセットを滑らかに変

化させます。

Amazon Sumerian ステートマシンのフィジックスアクションと衝突アクション

ステートマシンのアクションを使用してフィジックスを適用し、衝突をチェックできます。

フィジックスアクションと衝突アクション

• Apply force (力の適用) – アタッチされたリジッドボディに力をかけます。• Apply impulse (インパルスの適用) – アタッチされたリジッドボディにインパルスをかけます。• Apply torque (トルクの適用) – アタッチされたリジッドボディにトルクをかけます。• Camera distance (カメラの距離) – メインカメラまたは場所までの距離に基づいて移行を実行します。• In box (ボックス内) – エンティティがユーザー定義のボックスボリューム内にあるかどうかに基づいて

移行を実行します。このボリュームは 2 つのポイントを設定して定義され、接続されるとボックスボリュームを通じて対角を形成します。

• Set rigid body angular velocity (リジッドボディの角速度の設定) – リジッドボディの角速度を変更します。

• Set rigid body position (リジッドボディの位置の設定) – リジッドボディの位置を変更します。• Set rigid body rotation (リジッドボディの回転の設定) – リジッドボディの回転を変更します。• Set rigid body velocity (リジッドボディの速度の設定) – リジッドボディの速度を変更します。• Trigger enter (トリガーの入力) – トリガーボリュームが入力されたときに移行します。• Trigger leave (トリガーを離れる) – すべてのコライダがトリガーボリュームを離れるときに移行しま

す。

Amazon Sumerian ステートマシンのロジックアクションと移行アクション

ステートマシンのアクションを使用してスクリプト (p. 86)を実行し、イベントに応答して、状態に移行することができます。

84

Amazon Sumerian ユーザーガイドロジック、移行

ロジックアクションと移行アクション

• [Compare counter (カウンターの比較)] と [Compare 2 counters (2 つのカウンターの比較)] – カウンターを設定値と比較するか、2 つのカウンタの値を比較します。

• DOM listen (DOM リッスン) – 1 つまたは複数の要素 (クエリセレクタで指定) に DOM イベントリスナーを追加し、特定のイベントで移行を実行します。

• Emit message (メッセージの出力) – バスのチャネルにメッセージ (ping) を出力します。メッセージは、リッスンアクション、または SystemBus.addListener(channel, callback) 関数を使用するスクリプトによってリッスンできます。

• [Execute script (スクリプトの実行)] – スクリプト (p. 86)を実行し、成否に応じて移行します。スクリプト内の enter 関数と exit 関数を使用して、状態が入力されて終了するときにコードを実行します。移行をトリガーするには、コンテキストオブジェクト (p. 87)で ctx.transitions.success() または ctx.transitions.failure() を呼び出します。

• Execute script condition (スクリプトの実行条件) – 式を実行し、結果の成否に応じて移行します。• Execute script expression (スクリプト式の実行) – ステートメントを実行します。• [Get HTML text (HTML テキストの取得)] と [Set HTML text (HTML テキストの設定)] – HTML 要素の内容

を読み込みまたは変更します。• In view (表示中) – エンティティがカメラの錐台に入っているかどうかに基づいて移行を実行します。• Increment counter (増分カウンター) – カウンターの値を増分します。• [Listen (リッスン)] – チャネルでシステムバスメッセージの受信の移行を実行します。• Log message (ログメッセージ) – ブラウザのデバッグコンソールにメッセージを表示します。• Pause timeline (タイムラインの一時停止) – タイムラインを一時停止します。• Random transition (ランダムな移行) – ランダムな移行を実行します。• [Set counter (カウンターの設定)] – カウンターを値に変更します。• Set timelime time (タイムラインの時間の設定) – タイムライン上のポイントにジャンプします。• [Start timeline (タイムラインの開始)] と [Stop timeline (タイムラインの停止)] – タイムラインを開始また

は停止します。• Toggle full screen (全画面の切り替え) – 全画面表示のオン/オフを切り替えます。ほとんどのブラウザで

は、これはユーザーのジェスチャによって開始される必要があります。たとえば、クリックやタッチなどです。

• [Transition (移行)] – さまざまな状態に移行します。• [Transition on next frame (次のフレームで移行)] – 次のフレームで選択された状態に移行します。• Wait (待機) – 指定された時間の経過後に移行を実行します。ランダムな時間を設定できます。0 から、

設定されたランダムな時間までの値を、指定した待機時間に追加します。

85


スクリプトスクリプトをシーンに追加して、ユーザー入力またはイベントにもとづいてシーンを更新します。スクリプトを使用して DOM にアクセスし、Sumerian エンジンライブラリでエンティティの作成および変更を行うか、AWS SDK for JavaScript を使用して AWS 製品およびリソースにアクセスします。

Note

Sumerian エンジンライブラリのリファレンスドキュメントは、Sumerian ウェブサイトでご覧頂けます。

空のスクリプトを作成するには

1. Sumerian エディタでシーンを開きます。2. デフォルトパックの横にあるプラスのアイコンをクリックし、[Script] をクリックして空のアセットを

作成します。パック名を選択してアイコンを表示します。

3. j を押してテキストエディタを開きます。4. ドキュメントにある新しいスクリプトを選択します。スクリプト名の横にある鉛筆アイコンを使用し

て、名前を変更します。

スクリプトテンプレートには、7 つのメソッドとパラメータ (p. 88)配列が含まれています。メソッドはシーンのライフサイクルイベントに対応し、次のタイミングでエンジンによって呼び出されます。

• setup – シーンの再生が開始したとき。• fixedUpdate – フィジックスが更新されるごと。• update – レンダリングフレームごと。• lateUpdate – シーン内のすべての update メソッドを呼び出したあと。• enter – ステートマシンのスクリプトアクション (p. 84)で、状態に入ったとき。• exit – ステートマシンのスクリプトアクションで、状態から出たとき。• cleanup – シーンの再生が停止したとき。

トピック• 組み込みスクリプト (p. 87)

86

https://content.sumerian.amazonaws.com/engine/latest/docs/

Amazon Sumerian ユーザーガイド組み込みスクリプト

• コンテキストオブジェクト (p. 87)• パラメータと引数 (p. 88)• 外部依存関係 (p. 91)• デバッグ (p. 91)

組み込みスクリプトエディタには、カメラ、キーボード、およびマウス操作などの標準機能を提供する複数の組み込みスクリプトもあります。

カメラスクリプト

• [Orbit camera control (軌道とパン制御)] – ユーザーがマウスボタンを押したままマウスを動かすことで、シーンを回転させることができます。

• [Orbit and pan control (軌道とパン制御)] – ユーザーが 1 つのマウスボタンでシーンを回転させ、もう 1つのマウスボタンでカメラをパンすることができます。

• [Fly control (フライ制御)] – ユーザーがキーボードでズームおよびパンを行えます。• [Axis-aligned camera control] – カメラを X または Z 軸上で一定の距離まで移動します。• [Pan camera control (パンカメラ制御)] – ユーザーがマウスボタンを押したままマウスを動かすことで、

カメラをパンすることができます。• [Mouse look control (マウスルック制御)] – ユーザーがマウスボタンを押したままマウスを動かすこと

で、周りを見渡すことができます。• [WASD control (WASD 制御)] – ユーザーがキーボードで XZ 平面を歩き回ることができます。

オブジェクトスクリプト

• [Button (ボタン)] – ユーザーがオブジェクトをクリックして URL を開くことができます。• [Pick and rotate (ピックと回転)] – ユーザーがオブジェクトをつかんで方向を操作することができます。• [Lens flare (レンズフレア)] – ユーザーがオブジェクトを見ると、レンズフレアを生成します。

コンテキストオブジェクトコンテキストオブジェクト ctx を使用して、スクリプトの存続期間中にスクリプトデータを保存できます。コンテキストは、セットアップ () 時に作成、クリーンアップ () 時にクリアされ、すべてのスクリプト関数に渡されます。以下のプロパティがあります。

プロパティ

• entity (Entity) – スクリプトがアタッチされているエンティティです。• entityData (Object) – エンティティ上のすべてのスクリプト間で共有されているデータオブジェクト

です。• activeCameraEntity (Entity) – 現在アクティブなカメラエンティティです。• domElement (HTMLCanvasElement) – WebGL キャンバス要素です。• playTime (number) – シーン開始時からの経過時間です。• transitions(Object) – ステートマシン (p. 80)上の [Execute script (スクリプトの実行)] アクションの

成功または失敗を通知するために使用される移行関数です。

87

https://content.sumerian.amazonaws.com/engine/latest/docs/Entity.html

https://content.sumerian.amazonaws.com/engine/latest/docs/Entity.html

Amazon Sumerian ユーザーガイドパラメータと引数

• viewportHeight (number) – キャンバスの高さです。• viewportWidth (number) – キャンバスの幅です。• world (World) – ワールドオブジェクトです。• worldData (Object) – ワールド内のすべてのスクリプト間で共有されているデータオブジェクトで

す。

ctx 上のいくつかのプロパティは、スクリプト間で共有されています。entityData はエンティティ上のすべてのスクリプトに共有され、worldData はすべてのスクリプトに共有されています。これらはすべて最初は空で、あらゆる種類のデータを保存するために使用できます。

たとえば、acceleration という名前のプロパティを定義する場合、3 つのレベルで使用可能にできます。

// Only accessible to the script that defined the propertyctx.acceleration=9.82; // Accessible to all scripts on the entityctx.entityData.acceleration=9.82; // Accessible to all scriptsctx.worldData.acceleration=9.82;

組み込みコンテキストプロパティには、いくつかの便利な関数も含まれています。たとえば、world オブジェクトは、タグにもとづいてエンティティを検索することを可能にします。ctx.world.by.tag で、特定のタグを持つすべてのエンティティを取得できます。

var entities = ctx.world.by.tag('myTag');

パラメータと引数パラメータを使用すると、エディタでスクリプトプロパティにフィールドを追加することで、カスタマイズ可能なスクリプトを作成できます。たとえば、次のスクリプトは、3 つの数値を使用する Velocity という名前のパラメータを定義します (vec3 パラメータ (p. 89))。

var setup = function(args, ctx){ console.log(args.velocity);}; var parameters = [ { name : "Velocity", key : "velocity", type : "vec3", default : [1,0,0] }];

セットアップフェーズ中に、スクリプトは args オブジェクトからパラメータ値を読み取り、コンソールに表示します。

上記のスクリプトのインスタンスをエンティティに追加すると、エディタは 3 つの値を受け入れ、デフォルト値を反映する [Velocity] フィールドを表示します。

88

https://content.sumerian.amazonaws.com/engine/latest/docs/World.html

Amazon Sumerian ユーザーガイドパラメータの形式

パラメータの形式パラメータは、次の必須フィールドおよびオプションフィールドを持つオブジェクトです。

必須フィールド

• key [string] – args オブジェクトにパラメータ値を保存して取得するために使用される一意のキーです。• type [string] – パラメータタイプ (p. 89)です。• default – パラメータのデフォルト値です。

オプションのフィールド

• name [文字列] – スクリプトのインスタンスに表示されているパラメータフィールドのラベルです。名前を指定しない場合、ラベルの生成には key が使用されます。

• control [文字列列挙] – コントロールタイプです。• slider – スライダーコントロールです。• color – 色相環です。• select – options フィールドの値を一覧表示するドロップダウンです。• jointSelector – スクリプトの親エンティティのアニメーションコンポーネントのジョイントを一

覧表示するドロップダウンです。• description [文字列] – パラメータの上にマウスホバーしたときに表示される説明です。• options [配列] – select コントロールの有効な値の配列です。• min および max [数値] – int または float パラメータの最小値および最大値です。• decimal [数値] – float パラメータの有効桁の数です。• step [数値] – float 値がスナップする増分値です。• precision [数値] – float 値の有効桁の数です。• exponential [ブール値] – slider コントロールの値を対数的に分散するため、true に設定されてい

ます。

パラメータータイプtype プロパティは、それぞれがパラメータの type に対応する、いくつかの事前定義済みの文字列の 1 つに設定されている必要があります。

89

Amazon Sumerian ユーザーガイドパラメータータイプ

• int – 可変整数 (例: 1) です。• float – 可変数 (例: 3.14) です。• string – 文字列 (例: “HelloGoo”) です。• boolean – ブール値 (true または false)。• vec2、vec3、vec4 – 2、3、または 4 つの数字の配列です。• texture、sound、entity、camera、animation、json – 指定されたタイプ (p. 70) のアセットで

す。

サンプルスクリプトを含む、稼働中の全タイプ。

var parameters = [ {type: 'int', key: 'int', 'default': 1, description: 'Integer input'}, {type: 'float', key: 'float', 'default': 0.1, description: 'Float input'}, {type: 'string', key: 'string', 'default': 'Hello!', description: 'String input'}, {type: 'boolean', key: 'boolean', 'default': true, description: 'Checkbox'}, {type: 'vec2', key: 'vec2', 'default': [0, 0], description: 'Vector2 input'}, {type: 'vec3', key: 'vec3', 'default': [0, 0, 0], description: 'Vector3 input'}, {type: 'vec4', key: 'vec4', 'default': [0, 0, 0, 0], description: 'Vector4 input'}, {type: 'texture', key: 'texture', description: 'Texture asset drop area'}, {type: 'sound', key: 'sound', description: 'Sound asset drop area'}, {type: 'entity', key: 'entity', description: 'Entity drop area'}, {type: 'camera', key: 'camera', description: 'Camera drop down'}, {type: 'animation', key: 'animation', description: 'Animation state from the Animation component on the same entity'}, {type: 'json', key: 'json', description: 'JSON asset drop area'}, {type: 'float', control: 'slider', key: 'floatSlider', 'default': 10.1, min: 5, max: 15, exponential: false, decimal: 1, description: 'Float slider input'}, {type: 'int', control: 'slider', key: 'intSlider', 'default': 10, min: 5, max: 15, exponential: false, description: 'Integer slider input'}, {type: 'vec3', control: 'color', key: 'vec3Color', 'default': [1, 0, 0], description: 'RGB color input'}, {type: 'vec4', control: 'color', key: 'vec4Color', 'default': [1, 0, 0, 1], description: 'RGBA color input'}, {type: 'string', control: 'select', key: 'select', 'default': 'a', options: ['a', 'b', 'c'], description: 'Dropdown/select'}, {type: 'int', control: 'jointSelector', key: 'jointSelector', description: 'Joint select from the animation component on a parent entity'}];

90

Amazon Sumerian ユーザーガイド外部依存関係

外部依存関係スクリプトが外部 JavaScript ライブラリをウェブからスクリプトに使用する場合、テキストエディタの[External resources] セクションで宣言します。

外部依存関係を宣言するには

1. Sumerian エディタでシーンを開きます。2. J を押してテキストエディタを開きます。3. [Documents] リストでスクリプトアセットを選択します。4. [External resources] で、// で始まる URL を入力します (プロトコルを除く)。5. プラスアイコンをクリックして、ライブラリをリストに追加します。

エディタは、ライブラリをリストに追加するとすぐにライブラリをロードします。ライブラリを再ロードするには、[Refresh resources] を選択します。公開されたシーンでは、すべての依存関係がロードフェーズ中にロードおよび実行されます。

デバッグSumerian エディタでスクリプトをデバッグするには、ブラウザの組み込みツールを使用します。GoogleChrome では、Mac の場合は ALT-CMD-J、Windows の場合は F12 を押して、開発者用ツールを開きます。

Devtools の上部にある [Sources] パネルを開きます。左側に、ブラウザにロードされたすべてのスクリプトが表示されます。シーンにスクリプトがある場合、下部の sumerian-custom-scripts に一覧表示されます。スクリプトを選択して表示します。

スクリプトのデバッグを開始する最も簡単な方法は、debugger; ステートメントをエディタのカスタムスクリプトに追加することです。Devtools が開いていて、このステートメントが実行されている場合、Devtools は自動的にステートメントがあるファイルと行に移動します。

91


Amazon Sumerian シーンに関する問題のトラブルシューティング

このトピックでは、Sumerian エディタとプレイヤーを使用する際に発生する可能性のある一般的なエラーと問題を示します。ここに記載されていない問題が見つかった場合は、このページの [Feedback] ボタンを使用して報告することができます。

問題: (Chrome) 再生中に Sumerian エディタで音声が再生されない。

音声をエディタで再生できるようにするには、次のフラグを設定します。

• 自動再生ポリシー: ユーザーのジェスチャーは必要ありません。 – #autoplay-policy

Chrome フラグにアクセスするには、検索バーに chrome://flags と入力します。

問題: (Chrome) バーチャルリアリティモードに入ることができない。

Chrome でバーチャルリアリティモードを使用するには、次のフラグを設定する必要があります。

• WebVR – #enable-webvr• [Gamepad Extensions (ゲームパッド拡張機能)] – #enable-gamepad-extensions• [Override software rendering list (上書きソフトウェアレンダリングリスト)] – #override-software-rendering-list

Chrome フラグにアクセスするには、検索バーに chrome://flags と入力します。

問題: ブラウザがハードウェアアクセラレーションで間違った GPU を使用する。

複数のグラフィックスカードをお使いの場合は、ブラウザアプリケーションに適切な GPU を使用するようにシステムを設定する必要があります。たとえば、NVIDIA コントロールパネルには、アプリケーションごとに設定できる [target GPU (ターゲット GPU)] というオプションがあります。

92

Amazon Sumerian - ユーザーガイド · 連するすべてのストレージ (Amazon S3)...

Documents

Transcript of Amazon Sumerian - ユーザーガイド · 連するすべてのストレージ (Amazon S3)...