Social Overlay Overview

사용자에게 보이는 EOS 소셜 오버레이에 대해 살펴봅니다.

17 분 소요

기술

소셜 오버레이(Social Overlay) 는 웹 기술을 사용하며, 콘텐츠 전송 네트워크(CDN, Content Delivery Networks) 를 통해 전 세계에 배포됩니다. 소셜 오버레이를 사용하면 게임에서 실행 중인 에픽 온라인 서비스(Epic Online Services, EOS) SDK 버전과 관계없이 새로운 기능을 출시하고 버그를 수정할 수 있습니다.

EOS SDK가 소셜 오버레이를 로딩하고 초기화하면 사용자는 에픽게임즈의 CDN에 배포된 최신 소셜 오버레이 버전을 요청할 수 있습니다. EOS SDK와 소셜 오버레이는 브리지를 통해 통신합니다. 초기화 중에 EOS SDK는 EOS SDK에 포함된 기능과 활성화/비활성화한 기능을 소셜 오버레이에 알려줍니다.

서비스에 장애가 발생하는 경우는 드물지만, 에픽은 서비스가 중단된 동안에도 원활한 사용자 경험을 제공하기 위해 소셜 오버레이의 기능을 활성화 또는 비활성화할 수 있는 옵션을 지원합니다. 자세한 내용은 내비게이션 바 섹션에서 확인하세요.

지속적인 보완 추구

에픽게임즈의 목표는 게임을 소셜 오버레이와 통합하는 개발자뿐 아니라, 소셜 오버레이를 사용하는 사용자에게도 최고의 사용자 경험을 제공하는 것입니다. 모든 사용자에게 최상의 경험을 제공하기 위해 향후에 관련을 기능을 추가 및 보강할 예정입니다. 핵심 기능은 대체로 원래의 상태로 유지되겠지만, 텍스트, 외형, 스타일 등은 꾸준히 개선하고 보완할 예정입니다.

초기화

애플리케이션이 소셜 오버레이 로드 및 초기화를 마치면 에픽 소셜 패널에 연결되었습니다(You are now online on the Epic Social Panel) 라는 알림이 표시됩니다. 이 알림 메시지가 나타나면 단축키 조합을 눌러 소셜 오버레이를 엽니다.

사용자가 연결에 성공했음을 나타내는 알림

소셜 오버레이를 처음으로 열면 친구 목록(friends list) 이 표시됩니다. 다른 페이지로 이동하고 오버레이를 닫은 다음 오버레이를 열면 마지막으로 열었던 페이지가 표시됩니다. 이러한 동작 방식은 사용자 경험을 개선하기 위해 추후에 변경될 수 있습니다.

현지화

다음 표에는 현재 소셜 오버레이에서 지원하는 모든 로케일이 나열되어 있습니다.

로케일 코드언어
ar아랍어
de독일어
en-US영어(미국)
es-ES스페인어(스페인)
es-MX스페인어(멕시코)
fr프랑스어
it이탈리아어
ja일본어
ko한국어
pl폴란드어
pt-BR포르투갈어(브라질)
ru러시아어
th태국어
tr터키어
zh-Hans중국어[간체]
zh-Hant중국어[번체]

소셜 오버레이에는 다양한 오버라이드 및 대비책이 마련되어 있으므로, 사용자가 요청한 로케일을 기반으로 차선의 로케일을 제공합니다.

내비게이션 바

오버레이의 내비게이션 바

내비게이션 바(Navigation Bar) 는 소셜 오버레이 내의 다양한 페이지로 이동하는 데 사용할 수 있습니다. 내비게이션 바에 나열되는 메뉴는 프로젝트에 주로 사용하는 기능과 EOS SDK 버전에 따라 결정됩니다.

드문 경우지만 서비스에 문제가 있으면 에픽에서 내비게이션 바 메뉴를 숨길 수도 있습니다. 예를 들어, 업적(Achievements) 서비스에 문제가 생긴 경우 에픽에서는 서비스 문제가 해결될 때까지 업적 버튼을 숨길 수 있습니다. 이는 혼란과 미흡한 사용자 경험을 막기 위함입니다.

친구

개요

내비게이션 바의 친구 버튼

EOS SDK 버전 1.6 이상에서는 친구(Friends) 아이콘이 내비게이션 바 상단에 나타납니다. 친구(Friends) 페이지는 사용자가 소셜 오버레이를 처음으로 열었을 때 가장 먼저 표시되는 페이지이기도 합니다. 친구는 여러 섹션으로 나뉘고, 각 섹션에는 사용자의 친구 목록에 대한 다양한 정보가 표시됩니다.

상태 패널

친구 정보를 표시하는 상태 패널

상태 패널(Status Panel)에는 다음과 같은 내용이 나타납니다.

  • 사용자 이름의 첫 글자가 표시된 유색 아바타
  • 사용자의 표시명
  • 사용자가 방해 금지(Do Not Disturb) 모드를 활성화했는지를 나타내는 종 모양 아이콘
  • 사용자의 참가 가능 상태
    • 참가 가능(Joinable) 은 초대받을 수 있음을 뜻함
    • 참가 불가(Not Joinable) 는 초대받을 수 없음을 뜻함

상태 패널을 클릭하면 세팅 화면이 열리는데, 여기서 방해 금지 상태를 토글할 수 있습니다. 방해 금지 모드를 활성화해도 여전히 게임 초대, 친구 초대, 완료된 업적 등은 받을 수 있습니다. 하지만 알림은 받지 않게 됩니다.

친구 필터 적용하기

검색 바로 친구 필터링

이 컴포넌트는 친구 목록에 필터를 적용하는 데 사용할 수 있습니다. 소셜 오버레이는 표시명이 사용자의 입력 내용과 일치하지 않는 모든 친구에게 필터를 적용합니다. 사용자 입력 내용과 일치하는 부분 문자열은 강조 표시됩니다.

플레이 초대하기

친구가 보낸 초대 목록

친구(Friends)의 첫 번째 섹션에는 사용자의 친구에게서 받은 초대 내용이 표시됩니다. 초대를 받고 수락할 때 사용 편의성을 위해 이 목록이 가장 먼저 표시되지만, 이 목록에 있는 친구들은 나머지 친구 목록의 해당 섹션에도 표시됩니다.

초대를 받을 때마다 사용자는 수락(Accept) 또는 거절(X 버튼) 중 하나를 선택할 수 있습니다. 사용자가 이 두 버튼 중 하나를 클릭하면, 사용자가 요청한 작업을 EOS SDK가 처리하는 동안 버튼은 잠시 비활성화 상태가 됩니다. 이 작업을 처리하는 과정에서 오류가 발생하면 오류 알림이 표시됩니다.

에픽게임즈 런처의 초대 기능을 실행하려면 디플로이를 아티팩트에 매핑해야 합니다.

<앱 이름> 플레이하기

현재 게임 중인 친구의 목록

친구(Friends)의 두 번째 섹션에는 로컬 사용자와 동일한 게임을 플레이 중인 친구가 나열됩니다. 소셜 오버레이는 사용자의 앱 ID와 친구의 앱 ID를 비교하여 이 섹션에 포함할 친구를 정합니다. 앱 ID가 일치하는 친구는 친구 목록의 이 섹션에 표시됩니다.

언제나 이 목록 상단에는 사용자가 표시되며, 표시명 끝에 나(YOU)라는 라벨이 붙습니다. 사용자가 다른 친구와 동일한 그룹에 있는 경우, 이들은 차례차례 오버레이되며 수행할 액션이 없습니다. 같은 그룹의 친구들을 참고하세요.

이 섹션은 다음 순서로 정렬됩니다.

  1. 나(You)(현재 사용자)
  2. 같은 그룹 친구들(Same Group Friends)(표시명을 기준으로 알파벳순 나열)
  3. 다른 친구들(Other Friends)(표시명을 기준으로 알파벳순 나열)

같은 그룹의 친구들

같은 그룹에 속하고 함께 게임 중인 친구

같은 파티나 같은 게임 세션 등에 참가하고 있어서 사용자와 같은 그룹에 속하는 친구가 여기에 나열되며, 친구 그룹으로 다같이 표시됩니다. 이 섹션에 나열된 다른 친구들(Other Friends)과 달리, 선택할 수 있는 버튼이 표시되지 않습니다.

게임 플레이 중인 친구

그룹에 속하지 않고 혼자 게임 중인 친구

사용자와 같은 그룹이 아닌 친구는 플레이 중(Playing) 인 다른 친구들 섹션에 표시됩니다. 각 사용자 이름 옆에는 참가(Join) 버튼과 초대(Invite) 버튼이 표시됩니다.

친구가 참가 가능 상태가 아니면 참가 버튼이 비활성화됩니다.

친구가 초대를 수락하지 않으면 초대 버튼이 비활성화됩니다.

사용자가 2개의 버튼 중 하나를 클릭하면 EOS SDK가 요청된 작업을 처리하는 동안 두 버튼이 모두 비활성화될 수 있습니다. 이 작업을 처리하는 과정에서 오류가 발생하면 오류 알림이 표시됩니다.

다른 친구들

이전 기준에 맞지 않는 친구의 목록

친구 목록의 마지막 섹션은 지금까지의 기준에 속하지 않는 사용자 친구들입니다. 여기에는 다른 게임을 플레이하는 친구, 런처만 실행한 친구, 현재 오프라인인 친구가 포함되지만 이들만 포함하는 것은 아닙니다.

이 섹션은 다음 순서로 정렬됩니다.

  1. 친구의 현재상태
    1. 온라인(Online)
    2. 자리 비움(Away)
    3. 연장된 자리 비움(Extended Away)
    4. 오프라인(Offline)
  2. 표시명(알파벳순으로 나열)

업적

개요

EOS SDK 1.7 이상의 버전에서 업적(Achievements) 을 사용하는 경우 내비게이션 바에 다음 아이콘이 추가됩니다. 사용자는 이 아이콘을 통해 업적 섹션으로 이동할 수 있습니다.

내비게이션 바에 있는 업적 버튼

업적 페이지에는 게임과 관련한 모든 업적이 사용자의 진행 상황과 함께 나열됩니다.

전체 진행 상황

게임 속 모든 업적의 진행 상황을 보여주는 바

이 컴포넌트는 전체 업적 수와 비교하여 전체 완료된 업적 수를 표시합니다.

업적 필터 적용하기

이 컴포넌트를 사용하여 업적 목록에 필터를 적용할 수 있습니다. 소셜 오버레이는 사용자 입력과 일치하지 않는 모든 업적 타이틀(Title)과 설명(Description) 필드에 필터를 적용합니다.

업적 유형

진행 중

단일 업적 진행 상황

진행 중(In-Progress) 인 업적은 업적 목록에 가장 먼저 표시됩니다. 이러한 타입의 업적에는 다음과 같은 내용이 표시됩니다.

  • 잠긴 아이콘
  • 잠긴 타이틀
  • 잠긴 설명
  • 완료율(%)이 표시되는 프로그레스 바

아이콘이 설정되지 않았거나 로드에 실패하면 디폴트로 다음과 같은 아이콘이 표시됩니다.

아이콘이 설정되지 않은 업적의 진행 상황

완료됨

완료된 업적을 보여주는 위젯

완료됨(Completed) 상태의 업적은 업적 목록에 두 번째로 표시됩니다. 이러한 타입의 업적에는 다음과 같은 내용이 표시됩니다.

  • 잠금 해제된 아이콘
  • 잠금 해제된 타이틀
  • 잠금 해제된 설명

아이콘이 설정되지 않았거나 로드에 실패하면 디폴트로 다음과 같은 아이콘이 표시됩니다.

아이콘이 설정되지 않은 업적 완료 위젯

잠김

아직 완료되지 않은 업적

잠김(Locked) 상태의 업적은 업적 목록에 세 번째로 표시됩니다. 이러한 타입의 업적에는 다음과 같은 내용이 표시됩니다.

  • 잠긴 아이콘
  • 잠긴 타이틀(자물쇠 아이콘 접미사 포함)
  • 잠긴 설명

아이콘이 설정되지 않았거나 로드에 실패하면 디폴트로 다음과 같은 아이콘이 표시됩니다.

아이콘이 설정되지 않은 잠긴 업적

숨김

현재 사용자에게 숨겨진 업적

숨김(Hidden) 상태의 업적은 업적 목록에 네 번째이자 마지막으로 표시됩니다. 이러한 타입의 업적에는 다음과 같은 내용이 표시됩니다.

  • 잠긴 아이콘
  • 현지화된 숨겨진 업적(Hidden Achievement) 타이틀

아이콘이 설정되지 않았거나 로드에 실패하면 디폴트로 다음과 같은 아이콘이 표시됩니다.

아이콘이 설정되지 않은 숨겨진 업적

알림

알림 유형

준비

소셜 오버레이가 초기화되었을 때 표시되는 알림

소셜 오버레이가 완전히 초기화되고 열 수 있게 되면 준비(Ready) 알림이 표시됩니다.

게임 초대

게임에 초대받으면 표시되는 알림

사용자의 친구가 게임에 초대하면 게임 초대(Game Invite) 알림이 표시됩니다.

업적 완료됨

업적을 완료하면 표시되는 알림

사용자가 업적을 달성하면 업적 완료됨(Achievement Completed) 알림이 표시됩니다.

업적 유형의 똑같은 예비 규칙이 이 알림의 아이콘에 적용됩니다.

아이콘이 설정되지 않은 업적 완료 알림

오류

오류 알림

사용자의 요청에 오류가 발생한 경우 오류(Error) 알림이 표시됩니다. 알림은 오류의 원인과 현지화된 오류 메시지를 제공하려고 시도하지만, 그러지 못하면 차선책으로 일반적인 현지화된 오류 메시지를 표시합니다.