기계 번역으로 제공되는 번역입니다. 제공된 번역과 원본 영어의 내용이 상충하는 경우에는 영어 버전이 우선합니다.

# 스트림 모양 사용자 지정
<a name="sdk-stream-appearance"></a>

## 화면 로드
<a name="sdk-loading-screen"></a>

고객이 스트림을 보기 위해 웹 브라우저를 열면 웹 클라이언트가 Amazon GameLift Streams 스트림 세션에 대한 연결을 설정하기 시작합니다. 스트림 세션이 로드되는 동안 사용자 지정 배경과 로고를 고객 화면에 표시할 수 있습니다.

`GameLiftStreamsSampleGamePublisherService/public/LoadingScreen/loadingscreen.js` 파일의 Amazon GameLift Streams Web SDK 샘플 클라이언트는 프런트 엔드 웹 클라이언트에서 애니메이션 로고를 구현하는 방법을 보여줍니다. 기본 로드 화면은 배경과 전경이라는 2개의 이미지로 구성됩니다. 포그라운드 이미지는 중간에 위치하며 펄스 애니메이션이 있습니다. 애니메이션은 스트림 세션이 연결되는 동안에만 재생됩니다.

**로딩 화면을 활성화하려면**

1. Amazon GameLift Streams Web SDK 샘플 클라이언트에서 `GameLiftStreamsSampleGamePublisherService/public/LoadingScreen/` 폴더로 이동합니다.

1. 기본 이름인 및를 사용하여 배경 `Background.png` 및 전경 이미지를 추가합니다`LoadingLogo.png`. 이름을 바꾸거나 다른 이미지 형식을 사용하려면에서 코드를 업데이트해야 합니다`GameLiftStreamsSampleGamePublisherService/public/loadingscreen.js`.

1. (선택 사항)에서 JavaScript 코드를 `GameLiftStreamsSampleGamePublisherService/public/loadingscreen.js`업데이트하여 다양한 애니메이션을 구현합니다.