스트림 모양 사용자 지정 - Amazon GameLift Streams
화면 로드배경 이미지

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

스트림 모양 사용자 지정

화면 로드

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

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

로딩 화면을 활성화하려면

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

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

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

배경 이미지

스트림에 사용자 지정 배경 이미지를 표시할 수 있습니다. Amazon GameLift Streams 서버에 연결되어 있고 애플리케이션이 아직 시작되지 않았거나 종료되면 배경 이미지가 나타납니다. 배경 이미지를 지정하지 않으면 스트림에 기본적으로 검은색(#000000) 배경이 표시됩니다.

배경 이미지에는 다음 속성이 있어야 합니다.

  • 파일의 이름을 지정Background.bmp하고에 배치해야 합니다s3://amzn-s3-demo-bucket/application-folder/GameLiftStreamsConfig/.

  • 파일은 bmp 형식이어야 합니다.

  • 가장 적합하려면 해상도가 스트림 해상도와 일치해야 합니다. 현재 스트림은 1080p 또는 1920 x 1080픽셀로 고정되어 있습니다.

파일이이 형식과 일치하지 않거나 파일 경로/이름이 일치하지 않는 경우 Amazon GameLift Streams는 검은색(#000000) 배경색을 표시합니다.

스트림에서 백그라운드 이미지를 활성화하려면

  1. Amazon GameLift Streams 애플리케이션의 Amazon S3 버킷에서 GameLiftStreamsConfig 폴더로 이동합니다. GameLift 예시: s3://amzn-s3-demo-bucket/application-folder/GameLiftStreamsConfig/.

  2. 라는 이미지를 추가합니다Background.bmp.