こんにちは！ちょこです！
このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！
今回は「フェスティバトル」（以下「フェスバ」）からバッテリー残量と回線状況を示すUIついてご紹介します。
以下、目次です。
それではそれぞれ詳細を記載します。
切断ペナルティがあるためバッテリー残量や回線状況のUIがあると便利
「フェスバ」では基本的に、常にバッテリー残量と回線状況のUIが画面端に小さく表示されています。これらのUIはゲームによっては重要な情報のひとつです。
©COLOPL, Inc. ©MIXI
▲「フェスバ」のバトル画面。画面左下にバッテリー残量と回線状況のUIが表示されている
分かりやすいようにバッテリー残量と回線状況のUIをトリミングします。
©COLOPL, Inc. ©MIXI
▲バッテリー残量のUI
「フェスバ」の場合、事情に関わらず回線が切断されるとマナーポイントが減り、ポイントが一定以下になるとペナルティが科されます。
ペナルティが科されるとランクマッチの参加不可など、自由なゲームプレイに支障があります。
©COLOPL, Inc. ©MIXI
▲ペナルティについて説明しているヘルプ
そのため、ユーザーがバッテリー残量や回線状況の把握不足が原因で回線切断してしまわないように、常に状況が分かるようにUIを表示していると考えられます。
こういったUIはモバイル端末ならではかもしれません。
ユーザーの目に留まるような工夫
バッテリー残量や回線状況を示すUIがユーザーの目に留まりやすいよう、「フェスバ」では以下の工夫をしていると推測します。
- 背面にどのような色がきても見えるように、灰色の下地を敷いている
- バトル中にバッテリー残量が少ない場合、下地の色が赤くなる
- 横画面の場合、画面左下に表示される
- 縦画面の場合、画面左上に表示される
- 充電中はアイコンが変化し、状態が可視化されている
©COLOPL, Inc. ©MIXI
▲バッテリー残量が少なくなると下地が赤くなる
以下、各場面ごとのUIの表示事例です。
©COLOPL, Inc. ©MIXI
▲バトル中、バッテリー十分
©COLOPL, Inc. ©MIXI
▲バトル中、バッテリー残量減少時
©COLOPL, Inc. ©MIXI
▲バトル中、バッテリー充電中
©COLOPL, Inc. ©MIXI
▲ホーム画面、バッテリー残量十分
©COLOPL, Inc. ©MIXI
▲ホーム画面、バッテリー充電中
以上です。
バッテリー残量と通信状況のUIを表示する際の参考になれば幸いです。
このブログではこのようにゲームUIついて簡単にまとめて紹介しています。
他のゲームUIも紹介しているので、もし良かったら他の記事も見て行っていただけると嬉しいです。
権利者さまへ
以下はコンテンツ利用に関する認識の説明です。
「フェスティバトル」のガイドラインを確認したところ、プレイ画像の投稿が可能な旨が書かれていました。
主な参照箇所を抜粋します。
◆『フェスティバトル』アプリ内でのプレイ動画の投稿等
『フェスティバトル』に登場するすべてのキャラクターを使用する『フェスティバトル』のプレイ動画を対象とします。◆YouTube等の外部プラットフォームを利用したプレイ動画の投稿等
『フェスティバトル』に登場するキャラクターのうち、「白猫プロジェクト」と「モンスターストライク」の ゲームオリジナルキャラクターを使用する『フェスティバトル』のプレイ動画を対象とします。
『フェスティバトル』とのコラボを含む、上記 以外のキャラクターを使用するプレイ動画は、本ガイドラインの対象外とさせていただきます。◆プレイ画像の投稿等
上記「YouTube等の外部プラットフォームを利用したプレイ動画の投稿等」と同様とします。
これによりゲーム画面のスクリーンショットのブログの利用についてはガイドラインに従った前提で許可されている認識でおります。
画像利用、記事の内容について問題がありましたら、お手数ですがご連絡ください。
速やかに対応いたします。
