Amazon Sumerian - Amazon Sumerian

本文為英文版的機器翻譯版本,如內容有任何歧義或不一致之處,概以英文版為準。

Amazon Sumerian

若要開始使用 Amazon Sumerian,透過在 Sumerian 程式庫中的資產來組成場景。您可以用不到一小時的時間建立含資產的場景、狀態機器動畫和支援虛擬實境 (VR) 耳機的場景。此教學課程也會顯示以語音元件進行指令碼的基本使用,其會使用 Amazon Polly 來將文字轉譯為音訊。

Prerequisites

若要使用 Sumerian 編輯器,您需要在 IAM 使用者上使用 Sumerian API 的許可。此外,場景本身需要呼叫 Amazon Polly 的許可。您透過建立角色和 Amazon Cognito 身分集區來提供此許可。遵循 Amazon Sumerian 權限 中的指示來設定兩者。

您可以在最新版本的 Chrome 或 Firefox 中使用編輯器。要查看在虛擬實境中完成的場景,請使用最新版本的 Firefox。對於虛擬實境模式,您也需要相容的耳機。

支援的虛擬實境耳機
  • Oculus Rift

  • Oculus Go

  • Oculus Quest

  • Oculus Rift 5

  • HTC Vive

  • HTC Vive Pro

  • 三星虛擬實境

建立專案和場景

建立專案和場景 專案可以包含多個場景,以及您可以透過這些場景建立的資產套件和範本。

若要建立專案和場景
  1. 開啟Sumerian 儀表板

  2. 選擇 Projects (專案)、New project (新專案)。

  3. Entertutorials做為專案名稱,然後選擇建立

  4. 請選擇 Create new scene (建立新場景)。

  5. Enterseesaw做為場景名稱,然後選擇建立

設定場景

skybox 是一種紋理或一組紋理,其會圍繞場景以提供背景映像。從 Sumerian資產程式庫。

從 Sumerian 程式庫匯入 skybox。
  1. 在螢幕頂端選擇 Import assets (匯入資產)。

  2. 選擇藍色天空。如果您無法立即找到,按一下 skybox 圖示 來篩選清單。

  3. 選擇 Add (新增)

這會將 skybox 資產套件新增到資產面板。此套件包含 skybox 資產和 skybox 使用的 PNG 格式的紋理。將 skybox 新增到場景設定中的場景中的場景中的場景。環境。在該處新增一些霧和雪。

若要設定場景的環境
  1. 選擇根節點 (鐵索) 在實體面板中的場景背景,或按一下在畫布中的場景背景。顯示在右側螢幕上檢測器面板中的選項群組是場景設定

  2. 按一下環境區段以將其展開。展開其下的 SkyboxFog & Ambient (煙霧和環境) 和 Particles (粒子) 區段。

  3. 從資產面板中按一下 Blue skysphere skybox 並將其拖曳至檢測器面板中的 Drop skybox (放置 skybox) 欄位來將它連接到場景。

  4. 選擇 Fog (煙霧) 來啟用並設定其參數:

    • 5

    • 20

    這會在離相機 5 個單位淡入煙霧和在 20 個單位或更遠處完全遮住所有東西。

  5. 選擇 Snow (雪) 來啟用並設定其參數:

    • Velocity20

    • Rate (速率)30

    • Height (高度)100

  6. 按一下畫面下方的播放按鈕,以查看雪片。調整雪片至您喜歡的速度和速率。在播放模式中對這些設定的變更會立即套用。

在本教學課程中稍後,您會設定場景來在播放時使用 Amazon Polly 將文字轉譯為音訊。若要這樣做,場景需要登入資料才能在 Web 瀏覽器中使用適用於 JavaScript 的 AWS 開發套件。為場景登入資料指派您在先決條件區段中建立之身分集區的 ID 來提供場景登入資料。

若要設定 AWS 開發套件以供登入資料
  1. 選擇根節點實體面板。

  2. 在檢測器面板中展開 AWS configuration (AWS 組態) 區段。

  3. 輸入 Amazon Cognito 身分集區 ID。

    
            檢測器面板的 AWS 組態區段。

設定和新增實體

將一些地面新增到場景。

若要將下雪的田地新增到場景
  1. 選擇 Create entity (建立實體)。

  2. UNELATIVE3D 基本型中,選擇四 
              The quad icon.

    會自動選取四。如果您選擇其他,您可以在畫布按一下或在實體面板按一下以再次選擇

  3. 四元件會出現在畫布右側上的檢測器面板中。展開最上方的區段,將實體名稱變更為ground。這些變更會立即反映在區段名稱和實體面板。

  4. 展開 Transform (轉換) 區段,然後輸入以下值:

    • X 向內旋轉-90

    • X、Y 和 Z 比例100

    • 靜態— 已啟用

    
            檢測器面板的轉換區段。
  5. 展開Material (材質)區段,並檢閱每個層的設定。您可以按一下擴散或反射顏色以選擇不同的顏色,或放置映像檔以新增紋理。

目前靠近相機的空間是非常暗。新增定向光源以為場景打光,像是太陽在其中照射。

若要新增定向光源
  1. 選擇 Create entity (建立實體)。

  2. Lights (光源) 底下,選擇 Directional (定向)。

  3. 展開 Transform (轉換) 區段,然後輸入以下值:

    • Y 轉譯10

    • X 向內旋轉-30

    • Y 軸旋轉-60

    • 靜態— 已啟用

  4. 展開 Light (光源) 區段並啟用 Shadows (陰影)。

新增空白實體來代表 seesaw 與支點和板條的形狀。

若要新增 seesaw
  1. 選擇 Create entity (建立實體)。

  2. Others (其他) 底下,選擇 Entity (實體)。

  3. 在檢測器面板中,將實體名稱變更為seesaw

  4. 選擇 Create entity (建立實體),然後將圓柱體新增到場景。

  5. 將圓柱體更名為fulcrum,取消勾選一致縮放,並將設定為Z擴展為0.6。將擴散顏色設定為黃色。

  6. 新增空白實體。將重新命名為。plank。此空白實體可做為到板條模型的父項目,以及將與板條一同移動的相機和主機實體。

  7. 新增方塊實體。將重新命名為。plank model。套用以下轉換並將擴散顏色設定為藍色:

    • Y 轉譯.5

    • Z 軸旋轉12

    • X 向量平移4.5

    • Y 縮放0.1

    • Z 向內擴展0.6

    • 靜態— 已停用

接著從 Sumerian 程式庫匯入主機。主持人是 Sumerian 提供的角色模型,內含內建動畫並支援語音。

若要新增主機
  1. 選擇 Import assets (匯入資產)。

  2. 選擇CristineLuke, 或Preston。接著選擇 Add (新增)

    
            Sumerian 主人。
  3. 當資產套件完成載入時,將主機實體從 Asset (資產) 面板拖曳至畫布。

  4. 套用以下轉換:

    • X 向量平移1.95

    • Y 轉譯0.97

    • Z 軸旋轉12

    • Y 軸旋轉-90

    • X、Y 和 Z 比例1.3

    • 靜態— 已停用

最後,使用實體面板中的實體來組織您建立的實體到階層中。拖曳實體到另一個實體,讓他們成為父項與子項。


        Seesaw 實體階層。

新增行為

您可以透過將指令碼或狀態機器元件附加到實體來對場景新增行為。

狀態機器可讓您以視覺化的方式新增行為,方法是選擇事件觸發的動作,並將這些動作組織成狀態。將狀態機器新增到板條實體,以將其及其子項變成動畫。

若要使用狀態機器製作板條的動畫。
  1. 在實體面板中選擇 plank (板條)。

  2. 在檢測器面板中,選擇新增元件。然後選擇 State machine (狀態機器)。

  3. 按一下行為欄位旁的加號來建立新行為。將其命名為 animate

  4. 所以此狀態機器面板會與單一狀態一起顯示。命名狀態up,然後選擇新增動作

  5. UNELATIVE動畫中,選擇補間動畫旋轉。套用以下屬性:

    • Z 軸旋轉-24

    • RELATIVE— 已停用

    • 時間1000

    • 簡化類型線性

    • DirectionIn

  6. 選擇新增動作,然後將等候動作。套用以下屬性:

    • 時間2000

    • 隨機0

  7. 在 中狀態機器面板中,選擇複製狀態複製up。按兩下新狀態以在檢測器面板中開啟。

  8. 將狀態的名稱變更為down,然後將旋轉值從-240

  9. 在 中狀態機器面板中,每個狀態顯示兩個事件,一個發生在動畫結尾,另一個發生在等待動作結尾。按一下等待結束事件up,然後將直線拖曳至down狀態。然後在另一個方向執行相同動作。

    
            連接狀態機器動作。
  10. 播放場景,以觀賞 seesaw 動畫。

將相機新增到另一端 seesaw 並使其成為預設相機。在播放期間,使用者將會保持在同一位置並查看周圍環境。內建的相機指令碼允許使用者在進入虛擬實境模式前使用滑鼠來進行尋找。

若要使用滑鼠查詢控制新增相機
  1. 選擇建立實體,然後將固定的相機新增到場景。將重新命名為。user,然後套用下列轉換:

    • X 向量平移-2.5

    • Y 轉譯1.2

    • Y 軸旋轉-90

  2. 在實體面板中,將相機移動到 plank (板條) 實體,使其能與 seesaw 一起移動。

  3. 在相機的 Camera (相機) 元件中,套用下列屬性:

    • 主要相機— 已啟用

    • FOV35

  4. 選擇 Add component (新增元件),然後將指令碼元件新增到相機。

  5. 按一下指令碼欄位旁的加號,然後選擇滑鼠外觀控制。此會新增滑鼠查詢內建指令碼的執行個體。指令碼的所有執行個體共用同一個指令碼程式碼,但有不同的參數值。

  6. 若要避免使用者尋找過低的值,將最小上升參數設定為-40

  7. 播放場景,並確認相機的行為。按一下並拖曳滑鼠左鍵以查看場景。您可以在播放期間調整指令碼的參數,以及查看他們是否會立即影響到控制。

主機隨附語音元件。若要使用該元件,您需要將 AWS 登入資料新增至場景,並將文字檔案新增到元件,並新增指令碼或狀態機器元件來觸發播放時的語音。

在此範例中,您將使用指令碼來執行狀態機器無法做到的事項隨機選擇和播放檔案。如果您尚未為場景設定 AWS 登入資料,如先決條件中所述,請先執行該部分。

若要在主機上設定語音
  1. 在畫布或實體面板中選擇主機。

  2. UNELATIVE語音,將一些文字檔案放置到語音欄位。您可以使用此存檔中的檔案:sonnets.zip

  3. 選擇主機的聲音。請參閱可用語音中的Amazon Polly 開發人員指南以尋找依地區排序的語音清單。

  4. 將指令碼元件新增至主機。

  5. 按一下指令碼欄位旁的加號,然後選擇 Custom (自訂)。

  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 開發套 JavaScript 載入和擷取登入資料。然後,它會取得對相同實體上語音元件的參考 (主機) 並取得所有附加語音的清單。它會從陣列中選擇一個語音並播放它。

  9. 播放場景,以查看主機描述語音。

  10. 返回語音元件,然後按一下 每個語音檔案旁的 會新增手勢標記。

  11. 再次播放場景,以查看主機使用手勢描述語音。

新增虛擬實境模式

到目前為止,您只能在播放模式中使用標準相機。新增虛擬實境 (VR) 設備,以讓使用者使用虛擬實境耳機與頭追蹤檢視 3D 中的場景。Sumerian 會將虛擬實境模式所需的實體和指令碼配套包裹在名為共同轉換

若要新增虛擬實境模式
  1. 選擇 Import assets (匯入資產),然後將 CoreVR 資產套件新增到場景。

  2. 當資產套件完成載入時,將 VRCameraRig 實體拖曳至畫布以將其新增至場景。

  3. 選擇 VRCameraRig 實體。

  4. 選擇 VRCameraRig 元件。

  5. 選擇目前 VRCameraRig選項以啟用裝備。

  6. 取消勾選從目前的相機開始選項。這可讓您在相機裝備在場景中放置的位置使用該裝備,而不在使用者進入虛擬實境模式時使用非虛擬實境相機的位置。

  7. 在實體面板中,將 VRCameraRig 實體移動到 plank (板條) 實體,使其能成為使用者相機的同級。

  8. 選擇使用者攝影機。按一下 Transform (轉換) 區段中的齒輪圖示,然後選擇 Copy (複製) 以複製轉換值。

  9. 選擇VRCamera。按一下 Transform (轉換) 區段中的齒輪圖示,然後選擇 Paste (貼上) 以貼上來自使用者相機的轉換值。

  10. 使用綠色轉換處理,以調整與板條相對的虛擬實境相機高度。

    
            轉換 VRCameraRig 的控制點。
  11. 播放場景,然後按一下虛擬實境耳機圖示,以進入虛擬實境模式。

發佈和檢視場景

是時候與全世界共用場景。使用 Amazon CloudFront 發佈場景來主控其做為任何人都能查看的網站。

若要發佈場景
  1. 在 Sumerian 編輯器中開啟您的場景。

  2. 選擇 Publish (發佈)

  3. 選擇建立公開連結

  4. 選擇 Publish (發佈)

清除

您的發佈場景會是公有的和將保持線上直到您取消發佈。

若要取消發佈場景
  1. 選擇 Publish (發佈)

  2. 選擇 Unpublish (取消發佈)。

  3. 選擇 Unpublish (取消發佈)。

您可以保持 Sumerian 場景和專案以用於其他教學課程或將其刪除。您可以隨時從垃圾桶功能表中恢復已刪除的項目。

若要刪除專案。
  1. 開啟Sumerian 儀表板

  2. 選擇專案。

  3. Project details (專案詳細資訊) 下,請選擇 Delete (刪除)。

如果您為此教學課程建立了身分集區且不打算再次使用該及區,請在Amazon Cognito 主控台

後續步驟

在下一章進一步了解 Sumerian,Amazon Sumerian 概念