翻訳は機械翻訳により提供されています。提供された翻訳内容と英語版の間で齟齬、不一致または矛盾がある場合、英語版が優先します。

# ストリームの外観をカスタマイズする
<a name="sdk-stream-appearance"></a>

## 画面のロード
<a name="sdk-loading-screen"></a>

顧客がウェブブラウザを開いてストリームを表示すると、ウェブクライアントは Amazon GameLift Streams ストリームセッションへの接続の確立を開始します。ストリームセッションのロード中に、顧客の画面にカスタム背景とロゴを表示できます。

Amazon GameLift Streams Web SDK サンプルクライアントは、 `GameLiftStreamsSampleGamePublisherService/public/LoadingScreen/loadingscreen.js` ファイルのフロントエンドウェブクライアントにアニメーションロゴを実装する方法を示しています。デフォルトのロード画面は、背景と前景の 2 つの画像で構成されます。前景画像は中央に配置され、パルスアニメーションがあります。アニメーションは、ストリームセッションの接続中にのみ再生されます。

**ロード画面を有効にするには**

1. Amazon GameLift Streams Web SDK サンプルクライアントで、 `GameLiftStreamsSampleGamePublisherService/public/LoadingScreen/`フォルダに移動します。

1. デフォルト名 および を使用して、背景イメージ`Background.png`とフォアグラウンドイメージを追加します`LoadingLogo.png`。名前を変更する場合、または別のイメージ形式を使用する場合は、 でコードを更新する必要があります`GameLiftStreamsSampleGamePublisherService/public/loadingscreen.js`。

1. (オプション) で`GameLiftStreamsSampleGamePublisherService/public/loadingscreen.js`、JavaScript コードを更新してさまざまなアニメーションを実装します。