Amazon Sumerian チュートリアル テレビルームの作成
このチュートリアルでは、テレビルームを構築するための手順を1から説明します。基礎から丁寧に解説するので、全くの未経験者でも問題なく構築できます。
これは、このチュートリアルで構築するシーンです。ブラウザの最新バージョンを使用していることを確認してください。
※スマホでは動作不可
次のことについて学習します:
・sumerianのインターフェース
・新しいシーンの作成
・アセットの読み込み
・Transformコンポーネントを使用したオブジェクトの配置
・照明
・イルミネーションテクスチャ
・マテリアル
前提条件
Amazon Sumerian Interfaceのチュートリアルを完了
ステップ1:新しいシーンを作成する
- Sumerianアカウントにサインインし、ダッシュボードを開きます。ここからシーンを開いたり、新しいシーンを作成したりすることができます。
- 新しいシーンを作成を選択します。
- シーンに「TV Room Final」と名前を付けます。
- カメラのみの新しい空のシーンが作成されます。
ステップ2:一時的なポイントライトを作成する
私たちは現在、カメラだけで、オープンシーンを持っています。私たちは最初に一時的な光を加えて、見ることができます。
- キャンバスの上部にある「エンティティの作成(Create Entity)」を選択します。
- 「エンティティの作成」メニューの「ライト(Light)」カテゴリで、「ポイント(Point)」を選択します。
- 右サイドバーのインスペクタパネルで、ライト(Light)パネルを選択します。選択したLightに関する一般的な情報が表示されます。
- 名前を「TempLight」に変更します。タブを再度選択して、一般情報を最小化します。エンティティ名が「Light」から「TempLight」に変わります。
※これはエンティティの名前を変更するのに共通の方法です。このチュートリアルでも何度も登場してきます。 -
インスペクタパネルで、Transformコンポーネントを開きます。
- TransformコンポーネントのTransrationの値を、(2.3、2、-3.5)に変更します。これにより、シーン内のTempLightの位置を変更します。
ステップ3:テレビ視聴ルームを組み立てる
このステップでは、部屋、テーブル、Amazonエコー、ソファ、照明器具、テレビなど、いくつかのアセットをシーンにインポートします。まず、それらのアセットパックをアセット パネルにインポートします。[ Assets ]パネルから、エンティティをシーンにドラッグできます。
※パックは、エンティティ、スケルトン、メッシュ、マテリアル、サウンド、スクリプト、JSONファイル、イメージ、ビヘイビア、テクスチャなど、さまざまなアセットタイプの集合体です。ただし、パックにはこれらのアセットタイプがすべて含まれるとは限りません。
下の2枚の画像は、アセット配置後のシーンのイメージ画像です。
- 部屋の正面
- 部屋の背面
部屋の設置
- キャンバスの上部で、[ Import Assets]を選択します。
- これにより、アセットライブラリが開きます。「View Room」と検索します。対象のアセットパックを選択し、右下の[Add]を選択します。
- [ Assets ]パネルで、[ViewRoom]パックを展開します。VIewRoomエンティティ(六角形アイコンの隣)をキャンバスにドラッグアンドドロップします。キャンバスに部屋が表示されます。
- いくつかエンティティを追加するとエンティティパネルがすぐにいっぱいになります。より操作性を高めるために、名前を簡素化しましょう。ViewRoomの エンティティを選択し、ViewRoomのタブを選択してください。
- 名前を「部屋」に変更します(インスペクタパネルの一番上のタブをクリックします)。
- View Roomパックを折りたたんでAssetsパネルを最小化します(矢印をクリック)。
※Roomエンティティが表示されない場合は、カメラの方向が間違っている可能性があります。マウスの右ボタンを押したままマウスを動かして、カメラの表示を変更します。スクロールしてズームイン/ズームアウトします。
ラグマットの設置
部屋と同様に、ラグマットを設置します。
- キャンバスの上部にある[ Import Assets]を選択し、アセットライブラリを開きます。
- "Rug"を検索してください。
- 対象のパッケージを選択し、右下の[ Add]を選択します。
- [ Assets ]パネルで、Rug Packを展開します。Rugエンティティ(六角形アイコンの隣)をキャンバスにドラッグアンドドロップします。
- ラグのエンティティを選択し、ラグのインスペクタパネルで。
- 名前を「Rug」に変更します。
ルームの配置では、位置などをいじらずに済みましたが、ラグの配置では、Transformパネルで位置などの数値を入力する必要があります。
※Transformパネルで値を変更せずに、ギズモで感覚的に位置や角度を変更することもできます。 - インスペクタパネルでTransformコンポーネントを開き、Transration(移動)のX,Y,Zの値を(0.8、0、-1.28)に変更する 。
- Rugのアセットパッケージを最小化します。
テーブルの配置
後で、このテーブルの上にAmazon Echoを配置します。
- キャンバスの上部にある[ 資産を読み込む]を選択して、資産ライブラリを開きます。
- 「table」と検索します。
- Table Curvedを選択し、右下の[Add]を選択します。
- [ Assets ]パネルで、[ Table Curved]パックを展開します。キャンバスにテーブル(六角形アイコンの隣に)をドラッグアンドドロップします。部屋はキャンバス上に表示されます。
- テーブルエンティティを選択し、インスペクタパネルを開きます。
- 名前を「Table」に変更します。
- インスペクタパネルでTransformコンポーネント開き、TransrationのX,Y,Zの値を(2.35、0、-6.6)に変更します。
- TableCurvedパックを折りたたんで、Assetパネルを最小化します。
アセットごとに同じプロセスを実行していることに注目してください。アセットライブラリからアセットをインポートし、名前を変更し、Tranform値を変更してから、パックを折りたたんでアセットパネルを最小化します。残りのアセットについては、この4つの手順を省略してこのチュートリアルを簡略化します。ただし、途中でいくつかのステップを追加します。
Amazon Echo
エコーはテーブルの上、テレビの真下に配置し、最終的にテレビのチャンネルチェンジャーとして機能します。
- 「Echo 」をインポートし、エンティティをキャンバスにドラッグアンドドロップします。
- 名前を「Echo」に変更します。
- X、Y、Zの値を(2.35、0.53、-6.6)に変更します。
- エコーパックを折りたたんでアセットパネルを最小化します。
シートの選択:レザーソファまたはベンチ
座席には2つのオプションがあります。ソファやベンチのいずれかを使用できます。この演習ではソファを使用します。
- "ASIN:B007HLZJ2E"または "Bench Wooden"のいずれかをインポートし、エンティティを、キャンバスにドラッグアンドドロップします。
- 名前を「Sofa」または「Bench」に変更します。
- TransformのTransrationのX、Y、Zの値を(2.35、0.027、-3.17)、Rotation(回転)のX,Y,Zの値を(0、180、0)に変更します。
- 選択したシートパックを折りたたみ、アセットパネルを最小化します。
テレビの配置
テレビが部屋の中心になります。テレビは、正面の壁、アマゾンエコーとテーブルの真上に立てかけます。
- Import Assetsより、"Television Hanging"を追加し、キャンバスにエンティティをドラッグアンドドロップします。
- 名前を「Television」に変更します。
- Transformコンポーネント内の、Transrationの X、Y、Zの値を(0.89、0.675、-6.8)に変更します。
- Television Hangingパックを折りたたんで、アセットパネルを最小化します。
別の配置方法(ギズモによる配置)
これまで、Transformコンポーネントの 値をに手動で入力することで、シーン内にオブジェクトを配置しました。この方法は、正確な位置を必要とするエンティティに最適です。しかし、エンティティを配置するもう一つの視覚的な方法があります。それがギズモです。
ギズモは、エンティティが選択されたときに表示される矢印、円、またはアンカーです。
※アンカーとは、シーン上に行事される 4 つの小さな三角形のことです。
Transrationギズモとアマゾンエコー。
ギズモは、シーン内でエンティティを視覚的に配置、回転、またはスケーリングするのに便利です。移動、回転、およびスケールのギズモ(矢印、円、アンカーなど)を切り替えるには、キャンバスの右上にあるギズモタイプを選択します。
それぞれの色付きの矢印、円、またはアンカーは、関連する頂点に沿ってエンティティを変更します。
- 赤:X
- 緑:Y
- 青:Z
Echoを選択し、移動、回転、スケールを変更 して、トランスフォームギズモを試してみましょう。終了したら、Echo を元のTransform値に戻すか、テーブルの上に戻します。
※Duplicate(複製)に関する注意:複製したエンティティは元のものと同じTransform値を共有するため、完全に同じ位置に配置されます。これにより、単一のエンティティが存在するように見えます。複製したエンティティを表示するには、エンティティパネルでエンティティを選択し、トランスレートギズモを使用して新しい位置にドラッグします。
ステップ4:Final Roomの家具
Transformギズモを使ったり、Transformコンポーネントに数値を入力することでアセットを配置できます。チュートリアルで提供する値は、部屋内のエンティティを綺麗に配置しますが、ギズモを使用して配置を試みることをお勧めします。
この手順では、アセットを複数回使用します。ただし、アセットを複製して一度だけインポートする必要があります。アセットパネルとエンティティパネルには、それぞれのパネルの上部に[ Duplicate ]ボタンがあります。
このチュートリアルでは、簡単に進めるために、アセット、推奨する名前、およびTransration値を提供します。各アセットについて、次の手順を実行します。
- アセットをインポートします。
- アセットの名前を変更します。
- 以下のどちらかの方法でアセットを配置します。
・Transformコンポーネントの値を手動で入力
・ギズモを使用してそれらを所定の位置にドラッグ - アセットを複製します。
- 手順1〜3を繰り返します。
滑らかな像(x2)
彫像は、ドアの両側の真ん中あたりに配置します。
アセット名 | 推奨する名前 | 移動値 | 回転値 | スクリーンショット |
---|---|---|---|---|
ASIN:B000SAGNT4 | Statue | (3.75,1.08、-0.56) | (0,0,0) | |
ASIN:B000SAGNT4 | Statue2 | (0.77,1.08、-0.56) | (0,180,0) |
フロアスピーカー(x2)
フロアスピーカーはテレビの左右の床に配置します。
アセット名 | 推奨する名前 | 移動値 | 回転値 | スクリーンショット |
---|---|---|---|---|
Speaker Floor | Speaker Floor Left | (0.48, 0, -6.5) | (0,0,0) | |
Speaker Floor | Speaker Floor Right | (4.2,0、-6.5) | (0、-90,0) |
ウォールライト(x2)
壁掛けライトは、テレビの両側に配置します。このチュートリアルの後半では、Lightエンティティと合わせて部屋に光を追加します。
アセット名 | 推奨する名前 | 移動値 | 回転値 | スクリーンショット |
---|---|---|---|---|
Wall Sconce | Sconce Left | (0.525,1.85、-6.9) | (0,0,0) | |
Wall Sconce | Sconce Right | (4.2,1.85,6.9) | (0,0,0) |
台座(x2)
台座は、ドアの左右に彫像の下に配置します。
アセット名 | 推奨する名前 | 移動値 | 回転値 | スクリーンショット |
---|---|---|---|---|
Pedestal White | Pedestal Left | (0.6, 0, -0.357) | (0,0,0) | |
Pedestal White | Pedestal Right | (3.58,0、-0.357) | (0,0,0) |
天井スピーカー(x5)
天井から垂れ下がっている5つのスピーカーを設置します。このシーンでは、部屋の前に3つ、後ろに2つあります。それぞれが異なる回転値を持つことに注意してください。
・フロントハンギングスピーカーの設置場所
・バックハンギングスピーカーの場所
アセット名 | 推奨する名前 | 移動値 | 回転値 | スクリーンショット |
---|---|---|---|---|
Speaker Hanging | Speaker Hanging Front Left | (0.54,2.503、-6.4) | (0,30,0) | |
Speaker Hanging | Speaker Hanging Front Right | (4.17,2.503,6.4) | (0,-30,0) | |
Speaker Hanging | Speaker Hanging Front Center | (2.35,2.503,6.4) | (0,0,0) | |
Speaker Hanging | Speaker Hanging Rear Right | (4.17,2.503、-0.5) | (0,-150,0) | |
Speaker Hanging | Speaker Hanging Rear Left | (0.54,2.503、-0.5) | (0,150,0) |
ハンギングタブレット(x6)
壁には装飾として6枚のタブレットがあります。部屋の左側に3枚、右側に 3枚です。部屋の右側のタブレットは異なる回転に注意してください。
・部屋の左側のタブレット。
・部屋の右側にタブレット。
アセット名 | 推奨する名前 | 移動値 | 回転値 | スクリーンショット |
---|---|---|---|---|
Sumerian Tablets | Tablet Left Left | (0.137, 0.16, -0.85) | (0,0,0) | |
Sumerian Tablets | Tablet Left Center | (0.137, 0.16, -1.61) | (0,0,0) | |
Sumerian Tablets | Tablet Left Right | (0.137, 0.16, -2.37) | (0,0,0) | |
Sumerian Tablets | Tablet Right Right | (4.55, 0.16, -1.25) | (0,180,0) | |
Sumerian Tablets | Tablet Right Center | (4.55, 0.16, -2.01) | (0,180,0) | |
Sumerian Tablets | Tablet Right Left | (4.55, 0.16, -2.77) | (0,180,0) |
トラックライト(x4)
天井から垂れ下がるトラックライトは4セットあります。部屋の左側に2セット、右側に2セットです。次のステップでは、照明器具(トラックライトとウォールライト)にライトを追加するので、チュートリアルで示されているTransform値を参考にして、正確に配置する必要があります。
・天井から吊るされたトラックライトの上面図。
アセット名 | 推奨する名前 | 移動値 | 回転値 | スクリーンショット |
---|---|---|---|---|
Tracklighting | Tracklights Front Left | (1, 2.5, -5) | (0,0,0) | |
Tracklighting | Tracklights Rear Left | (1, 2.5, -1.8) | (0,0,0) | |
Tracklighting | Tracklights Rear Right | (3.75, 2.5, -1.8) | (0,180,0) | |
Tracklighting | Tracklights Front Right | (3.75, 2.5, -5) | (0,180,0) |
ステップ5:ライト(光源)を追加する
これまでで、部屋の家具の配置は完了しました。次は、私たちが最初に作ったTempLightを置き換えます。今度は、これらの照明器具にライトやイルミネーションを追加する必要があります。ライトはエンティティとして作成されますが、プロパティはInspectorパネルにあるLightコンポーネントで制御されます。
ライトのトランスフォーム値を変更して、照明器具の内部にライトバルブがあるかのように表示させます。ただし、照明エンティティは、エンティティパネルの照明器具の内部に入れ子にする必要はありません。
※照明が正しく機能するためには、ステップ4(照明器具の追加)を完了する必要はありません。
照明にはいくつかのプロパティと設定が含まれています。Sumerianのライトに関する詳細は、次のチュートリアルを参照してください。
ライト1
- インターフェイスの上部にあるCreate Entityを選択して、新しいライトを作成します(Lightエンティティになります)。
- [Light ]カテゴリで[ Spot ]を選択します。
- Transform値を設定します (0.975,2.05、-5)。
- Rotation値を設定します(-90、0、-40)。
- 「インスペクタ」パネルで「ライト」コンポーネントを開き、次の値を設定します。
・強度(Intensity):1.5
・鏡面反射(Specular):1
・コーンアングル(Cone Angle):150
・Penumbra:70
・範囲:3
・[ Shadows]チェックボックスをオンにします。
・タイプをVSMに設定する
ライト2
このライトはトラックライトの左後に配置されています。
- Lightを複製します(複製したライトはLight2になります)。
- Transform値を設定します: (0.975、2.05、-1.8)。
- Rotation値を設定します(-90、0、-30)。
- ライトコンポーネントの値を設定する:
・強度:2
・鏡面反射:1
・コーンアングル:140
・Penumbra:100
・範囲:3
・[ Shadows ]チェックボックスをオンにします。
・タイプをVSMに設定する
ライト3
このライトはトラックライトの右下に配置されています。
- Light2を複製します(複製したライトはLight3になります)。
- Transform値を設定します (3.77,2.05、-1.8)。
- Rotation値を設定します(-90、0、30)。
- ライトコンポーネントの値を設定する:
・強度:1.5
・鏡面反射:1
・コーンアングル:150
・Penumbra:70
・範囲:3
・[ Shadows ]チェックボックスをオンにします。
・タイプをVSMに設定する
ライト4
このライトはトラックライトの右前に配置されます。
- Light 3を複製します(複製したライトはLight 4になります)。
- Transform値を設定します (3.77,2.05、-5)。
- Rotation値を設定します(-90、0、40)。
- ライトコンポーネントの値を設定する:
・強度:2
・鏡面反射:1
・コーンアングル:140
・Penumbra:100
・範囲:3
・[ Shadows ]チェックボックスをオンにします。
・タイプをVSMに設定する
左の壁のウォールライト
このライトは左のSconce Leftの内側に配置されます。
- Duplicateライト4(複製したライトはライト5になります)。
- Light 5エンティティの名前を "Left Wall Light"に変更します。
- Transform値を設定します (0.52、1.95、-6.75)。
- Rotation値を設定します(-90、0、0)。
- ライトコンポーネントの値を設定する:
・強度:13
・鏡面反射:1
・コーンアングル:56
・Penumbra:63
・範囲:2.2
・[ Shadows ]チェックボックスをオンにします。
・タイプをVSMに設定する
右の壁のウォールライト
この光はSconce Rightの内側に配置されます。
- [ エンティティ ]パネルで[ 左のウォールライト]エンティティを選択し、[ Dupricate ]を選択します (複製したライトは左ウォールライト2になります)。
- 名前を「Right Wall Light」に変更します。
- Transform値を設定してください: (4.2,1.95、-6.75)。
- Rotation値を設定します(-90、0、0)。
- ライトコンポーネントの値を設定する:
強度:13
鏡面反射:1
コーンアングル:56
Penumbra:63
範囲:2.2
[ Shadows ]チェックボックスをオンにします。
タイプをVSMに設定する
テレビライト
この光はテレビの内部に配置されます。
- [ エンティティ ]パネルで[ 右のウォールライト]エンティティを選択し、[ Dupricate ]を選択します 。
- 名前:「TVライト」。
- Transform値を設定してください: (2.35、1.15、-6.8)。
- Rotation値を設定します(-160,0,0)。
- ライトコンポーネントの値を設定する:
・強度:0.4
・鏡面反射:1
・コーンアングル:170
・Penumbra:100
・範囲:8
・[ Shadows ]チェックボックスをオフにします
TempLightを削除
ではエンティティパネルでTempLightを選択して、エンティティパネルの上部にある[削除]ボタン(ゴミ箱のアイコン)で削除します。
ステップ6:マテリアル(材質)調整
ここまでで家具付きの部屋が作れました。ステップ6では、テクスチャ(表面)やマテリアル(材質)を調整していきます。
マテリアルは、オブジェクトの外観と光の反射を定義します。台座、ソファ、テレビ、などのいくつかのエンティティに色、輝き、反射、グロー、凹凸などの材質を設定していきます。マテリアルコンポーネントと設定を読み込むには、いくつか方法があります。
このステップでは、2番目の方法で調整します。[ Assets ]パネルでアセットマテリアルを選択 すると、そのマテリアルを使用するすべての複製されたものが同じ調整になります。これは、複数のエンティティに対して1つのアセットを使用する場合の最良の事例です。
テクスチャ、マテリアル、環境は幅広いテーマです。詳細については、次のチュートリアルを参照してください。
- マテリアルファンダメンタルズ
- マテリアルディープダイブ
- 環境を理解する
※この次のセクションを開始する前に、必ずアセットボックス内のパックを最小限に抑えてください。
台座
- Assetsパネルで、Pedestal White packを選択。
- マテリアルのWhitePlasticを選択します(球のアイコンの隣)。
- 「インスペクタ」パネルで、Ambientプロパティのカラーピッカーを開きます。
- RGB値を0.1,0.1,0.1に設定します。
ソファー
- Assetsパネルで、ASIN:B007HLZJ2Eのパックを選択。
- マテリアルのB007HLZJ2E:Leather1(球形アイコンの隣)を選択します。
- 「インスペクタ」パネルで、Ambientプロパティのカラーピッカーを開きます。
- RGB値を0.1,0.1,0.1に設定します。
- ASIN:B007HLZJ2Eのパックを開いたままで、B007HLZJ2E:METAL1(球のアイコンの隣)を選択します。
- インスペクタパネルで、Specular の値を35に設定。
- インスペクタパネルで、反射率のプロパティを0.46に変更。
ウォールライト
- Assetsパネルで、ウォールライトのパックを選択。
- マテリアルのwall_light_glassを選択します(球のアイコンの隣)。
- 「インスペクタ」パネルで、Emissiveプロパティのカラーピッカーを開きます。
- RGB値を1.00、1.00、1.00に設定します。※好みに応じて、色を暖かくまたはより冷たく調整します。
テレビ
- Assetsパネルで、テレビのパックを選択します。
- マテリアルのTV Screen(球のアイコンの隣)を選択します。
- 「インスペクタ」パネルで、Emissiveプロパティのカラーピッカーを開きます。
- RGB値を1.00、1.00、1.00に設定します。
トラックライト
- Assetsパネルで、Tracklightingのパックを選択。
- マテリアルのHalogen material(球のアイコンの隣)を選択します。
- 「インスペクタ」パネルで、Emissiveプロパティのカラーピッカーを開きます。
- RGBを1.00,1.00,1.00に設定してください。
部屋環境と雰囲気
- エンティティのパネルで、[ テレビルームチュートリアルのエンティティ、シーン全体のトップ(ルート)エンティティを選択。
- インスペクタパネルで、環境( Enviroment )コンポーネントを開きます。
- フォグアンドアンビエント(Fog and Ambient)プロパティでカラーピッカーを開きます。
- Ambient RGBを0.02,0.02,0.02に設定します。
- カラーピッカーを閉じて、[ Fog ]チェックボックスをオンにします。
- Fog Nearを2に設定します。
- Fog Farを30に設定します。
ラグ
- アセットパネルでラグパックを選択。
- マテリアルのrag material(球のアイコン)を選択します。
- インスペクタパネルで、Normalプロパティを開きます。
- 強さを2に設定します。
レンガ壁
- アセットパネルでView Roomのパックを選択。
- マテリアルのBrick_Wall material(球のアイコン)を選択します。
- 「インスペクタ」パネルで、カラーピッカーのSpecularプロパティを開きます。
- RGBを0.35,0.35,0.35に設定します。
フロアスピーカー
- アセットパネルでスピーカーのフロアパックを選択。
- マテリアルのSpeakerCover material(球アイコン)を選択します。
- インスペクタパネルで、Specularプロパティを開きます。
- Shininessを6に設定します。
これでテレビルームの完成です!
お疲れ様です(*'ω'*)
Amazon Sumerian チュートリアル インターフェースの使い方 - azpino12の日記
インターフェースの詳細については、上記記事をご参考ください。