Social Overlay Overview

ユーザーに表示される EOS ソーシャル オーバーレイの概要です

14 分で読めます

テクノロジー

ソーシャル オーバーレイ は Web テクノロジーを使用しており、コンテンツ配信ネットワーク (CDN) を介して世界中に配布されています。これにより、ゲームで使用している Epic Online Services (EOS) SDK のバージョンに関係なく、新機能のプッシュおよびバク修正が可能になります。

ソーシャル オーバーレイはゲームが実行している EOS SDK によって読み込まれて初期化され、ユーザーが CDN にデプロイされた最新のソーシャル オーバーレイをリクエストします。EOS SDK とソーシャルオーバーレイは、ブリッジを介して通信します。初期化中に、EOS SDK は EOS SDK に含まれる機能をソーシャル オーバーレイに通知します。EOS SDK もまた、有効/無効にした機能をソーシャル オーバーレイに通知します。

稀に中断が発生した場合にも最高のユーザー エクスペリエンスを提供するために、エピックではソーシャル オーバーレイの機能を有効/無効にすることができます。詳しくは、「ナビゲーションバー(#ナビゲーションバー)」のセクションを参照してください

イタレーションの哲学

ソーシャル オーバーレイを使用するユーザーだけでなく、ソーシャル オーバーレイをゲームに統合します。すべてのデベロッパーに最高のユーザー エクスペリエンスを提供することが我々の目的です。コアとなる機能全般は安定した状態を求めますが、テキスト、外見、質感などは時間経過と共に改良および洗練が期待されます。

初期化

アプリケーションによってソーシャル オーバーレイが読み込まれて初期化されると、以下の通知が表示されます。Epic Social Panel でオンラインになりました。ソーシャル オーバーレイを開くために、通知に記載されているホットキーの組み合わせを押します。

Notification indicating that user has successfully connected

初めてソーシャル オーバーレイを開くと、フレンド リスト に表示されます。別のページに移動したり、オーバーレイを閉じたり、オーバーレイを開いたりすると、中断した同じページが表示されます。この動作は、ユーザー エクスペリエンスを向上させるために、今後変更される可能性があります。

ローカリゼーション

以下は、ソーシャル オーバーレイが現在サポートしているすべてのロケールを示した表です。

ロケール コード言語
arアラビア語
deドイツ語
en-US英語 (米国)
es-ESスペイン語 (スペイン)
es-MXスペイン語 (メキシコ)
frフランス語
itイタリア語
ja日本語
ko韓国語
plポーランド語
pt-BRブラジル語 (ブラジル)
ruロシア語
thタイ語
trトルコ語
zh-Hans中国語 [簡体字]
zh-HantChinese [繁体字]

ソーシャル オーバーレイにはさまざまなオーバーライドとフォールバックが用意されており、ユーザーがリクエストしたロケールに基づく次善のロケールを提供します。

ナビゲーション バー

The overlay's navigation bar

ナビゲーション バーは、ユーザーがソーシャル オーバーレイ内でさまざまな「ページ」に移動する手段です。ナビゲーション バーに表示される項目は、主に EOS SDK のバージョンと使用している機能によって決まります。

まれにサービスの中断が発生した場合、Epic ではナビゲーション バーのアイテムを非表示にすることがあります。たとえば、アチーブメント サービスが中断されてしまった場合、Epic ではサービスの問題が解決されるまで [Achievements] ボタンの項目を非表示にすることがあります。これにより、混乱とユーザー エクスペリエンスの低下を防ぐことができます。

フレンド

概要

The button for friends in the navigation bar

EOS SDK バージョン 1.6 以降 では、[Friends] アイコンがナビゲーション バーの上部に表示されます。また、このページはソーシャル オーバーレイを初めて開いたときにユーザーに表示される最初のページです。Friends はユーザーのフレンド リストに関するさまざまな情報ごとに、いくつかのセクションに分割されています。

ステータス パネル

A status panel displaying a friend's information

ステータス パネルには以下の情報が表示されます。

  • 名前の最初の文字が付いた色付きの アバター
  • ユーザーの 表示名
  • ユーザーが サイレント モードを有効にしているかどうかを表すベル型アイコン。
  • ユーザーの 参加可能ステート
    • 参加可能 は「招待が許可されている」ことを表します。
    • 参加不可 は「招待は許可されていない」ことを表します。

ステータス パネルをクリックすると設定画面が開き、サイレント モードを切り替えることができます。サイレントが有効になっている場合でも、ゲームへの招待、友達への招待、完了した実績などを取得できますが、通知は届きません。

フレンドをフィルターする

Filtering friends with the search bar

このコンポーネントを使用すると、ユーザーはフレンドのリスト全体をフィルタリングできます。ユーザーが入力すると、ソーシャル オーバーレイは、ユーザーの入力と一致しない表示名を持つすべてのフレンドを除外します。ユーザーの入力に一致する文字部分が強調表示されます。

プレイへの招待

The list of invitations sent by friends

フレンドの最初のセクションには、ユーザーのフレンドからの新着招待が表示されます。便宜上および招待の着受信を簡単にするためにこのリストのフレンドは最初に表示されますが、このリストのフレンドもフレンド リストの別のセクションに適宜表示されます。

それぞれの招待に対してユーザーは 2 つのアクションのいずれかを取ることができます。[Accept (承諾)] まはた [Decline (拒否)] (X アイコンのついたボタンで表示されます)。このボタンのいずれかをクリックした後、EOS SDK がユーザーからリクエストされたアクションを処理している間、ボタンが短期間無効状態になる場合があります。いずれかのアクション中にエラーが発生した場合は、エラー通知が表示されます。

Epic Games Launcher の招待機能の場合は、デプロイメントを アーティファクト にもマッピングしてください。

Playing <App Name>

A list of friends currently playing a game

フレンドの 2 つめのセクションには、ローカル ユーザーと同じゲームをしているフレンドがリストされます。ソーシャル オーバーレイは、ユーザーのアプリ ID とユーザーのフレンドの アプリ ID を比較して、このセクションに属するフレンドを決定します。一致すると、フレンド リストのこのセクションにフレンドが表示されます。

ユーザーは常にこのリストの一番上に表示され、表示名の最後に「YOU」というラベルが付いています。ユーザーが他のフレンドと「グループ」に属している場合、それらはお互いの上にオーバーレイされ、アクションを持ちません (同じセッションのフレンド を参照)。

このセクションは、次の順序で並びます。

  1. 自分 (現在のユーザー)
  2. 同じグループのフレンド (アルファベット順に名前を表示)
  3. 他のフレンド (アルファベット順に名前を表示)

同じグループのフレンド

Friends playing a game together in the same group

ユーザーと同じ「グループ」 (同じパーティー、同じゲーム セッションかどうかなど) のフレンドがここにリストされ、まとまりとなって表示されてフレンド ブループとして表示されます。これらのユーザーは、このセクションにリストされている他のフレンドとは異なり、アクションを持ちません。

ゲームをプレイするフレンド

A friend playing a game by themselves, without any group

同じグループに属していないフレンドは、[Playing …(プレイ中)] のフレンド セクションに入ります。各ユーザー名に対して 2 つのアクション ボタンが表示されます。[Join (参加)] と [Invite (招待)] です。

[Join (参加)] ボタンは、フレンドが現在参加可能な状態ではない場合は無効になります。

[Invite (招待)] ボタンは、フレンドが招待可能な状態ではない場合は無効になります。

ユーザーがアクションを取った後、EOS SDK がリクエストされたアクションの処理している間は両方のボタンが無効状態になる場合があります。いずれかのアクション中にエラーが発生した場合は、エラー通知が発行されます。

その他のフレンド

A list of friends that do not meet previous criteria

フレンド リストの最後のセクションは、ここまでの基準を満たしていないユーザーのフレンドです。他のフレンドに含まれるのは、他のゲームをプレイしているフレンド、ランチャーにいるフレンド、現在オフラインになっているフレンドですが、これらに限定されません。

このセクションは、次の順序で並びます。

  1. フレンドの存在状態
    1. オンライン
    2. 離席
    3. 長期離席
    4. オフライン
  2. アルファベット順に名前を表示

実績

概要

EOS SDK バージョン 1.7+ で 実績 を使用している場合、次のアイコンがナビゲーション バーに追加され、ユーザーはそこから実績セクションに移動します。

The button for achievements in the navigation bar

実績ページには、ゲームに関連づけられたすべての実績とユーザーの進行状況が一覧表示されます。

全体的な進捗

Bar showing progress for all achievements within a game

このコンポーネントは、実績の総数に対する「完了した」アチーブメントの総数を示します。

実績のフィルタリング

このコンポーネントにより、ユーザーは実績リスト全体をフィルタリングすることができます。ユーザーが入力すると、ソーシャル オーバーレイはユーザーの入力と一致しないすべての実績の「タイトル」フィールドおよび「説明」フィールドを除外します。

実績の種類

進行中の実績

Progress for a single achievement

進行中の 実績は、リストの最初に表示される実績です。この種類の実績は以下を表示します。

  • ロックされたアイコン
  • ロックされたタイトル
  • ロックされた説明
  • 完了までの割合を示す進捗状況バー

アイコンが設定されていない、または読み込みに失敗した場合、デフォルトで次のアイコンになります。

Progress for an achievement with no icon set

完了した実績

Widget showing a completed achievement

完了した 実績は、リストの 2 番目に表示される実績です。この種類の実績は以下を表示します。

  • ロックされていないアイコン
  • ロックされていないタイトル
  • ロックされていない説明

アイコンが設定されていない、または読み込みに失敗した場合、デフォルトで次のアイコンになります。

Achievement complete widget with no icon set

ロックされたアチーブメント

An achievement that has not yet been completed

ロックされた 実績はリストの 3 番目に表示される実績です。この種類の実績は以下を表示します。

  • ロックされているアイコン
  • ロックされているタイトル (ロック アイコンのサフィックス付き)
  • ロックされている説明

アイコンが設定されていない、または読み込みに失敗した場合、デフォルトで次のアイコンになります。

A locked achievement with no icon set

非表示

An achievement that is currently hidden from the user

非表示の 実績はリストの 3 番目に表示される実績です。この種類の実績は以下を表示します。

  • ロックされているアイコン
  • ローカライズされている「非表示の実績」のタイトル

アイコンが設定されていない、または読み込みに失敗した場合、デフォルトで次のアイコンになります。

A hidden achievement with no icon set

通知

通知の種類

準備完了

Notification that displays when the social overlay is initialized

ソーシャル オーバーレイが使用され開く準備が整うと、準備完了 通知が表示されます。

ゲームへ招待

Notification that displays when you are invited to a game

ゲームへ招待 通知は、ユーザーの友達がゲームに招待したときに表示されます。

実績達成

Notification that displays when an achievement is completed

実績達成 は、ユーザーの実績を獲得したときに表示されます。

実績の種類(#実績の種類) の同じフォールバック ルールがこの通知のアイコンに適用されます。

Achievement complete notification with no icon set

エラー

Error notification

エラー 通知は、ユーザーがリクエストを行い、エラーが発生したときに発行されます。通知はコンテキストの提供およびローカライズされたエラーメッセージの発行を試みますが、一般的なローカライズされたエラーメッセージにフォールバックします。