(57)【要約】【課題】画像をスクロールさせる際の処理負荷と消費電力を軽減する。【解決手段】表示制御装置（１０）の項目画像表示制御手段（１０１）は、表示領域の一部であるメニュー表示領域内に、複数の項目画像を、所定方向に並べて表示させる。スクロール手段（１０２）は、ユーザによる操作指示に応じて、複数の項目画像を所定方向にスクロールさせる。判定手段（１０３）は、何れかの項目画像の一部がメニュー表示領域の外に出たかを判定する。除外手段（１０４）は、判定手段（１０３）によりメニュー表示領域の外に一部が出たと判定された項目画像を、項目画像表示制御手段（１０１）により表示させる対象から除外する。固定画像表示制御手段（１０５）は、メニュー表示領域における所定方向の端部に、少なくとも１つの項目画像を覆い隠すことができる大きさの固定画像を重畳して表示させる。【選択図】図４
2018045477.tif 000002
【特許請求の範囲】
【請求項１】
表示領域の一部であるメニュー表示領域内に、複数の項目画像を、所定方向に並べて表示させる項目画像表示制御手段と、
ユーザによる操作指示に応じて、前記複数の項目画像を前記所定方向にスクロールさせるスクロール手段と、
前記スクロール手段により前記複数の項目画像が前記所定方向へスクロールされることで、何れかの前記項目画像の一部が前記メニュー表示領域の外に出たかを判定する判定手段と、
前記判定手段により前記メニュー表示領域の外に一部が出たと判定された前記項目画像を、前記項目画像表示制御手段により表示させる対象から除外する除外手段と、
前記メニュー表示領域における前記所定方向の端部に、少なくとも１つの項目画像を覆い隠すことができる大きさの固定画像を重畳して表示させる固定画像表示制御手段と、
を含むことを特徴とする表示制御装置。
【請求項２】
前記判定手段は、何れかの前記項目画像のうちの前記所定方向の端部が前記メニュー表示領域の外に出たかを判定する、
ことを特徴とする請求項１に記載の表示制御装置。
【請求項３】
前記項目画像の前記所定方向の幅と、前記固定画像の前記所定方向の幅と、は同じ長さである、
ことを特徴とする請求項１又は２に記載の表示制御装置。
【請求項４】
前記項目画像表示制御手段は、前記メニュー表示領域内に、複数のフレームを、前記所定方向に並べて設定し、前記複数の項目画像を、当該設定された複数のフレームにそれぞれ関連付けるフレーム設定手段を更に含み、
前記スクロール手段は、前記複数の項目画像と共に、それぞれの項目画像に関連付けられた複数のフレームをスクロールさせ、
前記フレーム設定手段は、何れかの前記フレームに関連付けられた項目画像が前記メニュー表示領域の外に出た場合、当該フレームを、前記所定方向のうちスクロールによる進行方向の逆側に移動させ、当該フレームに関連付けられていた項目画像とは異なる項目画像と関連付ける、
ことを特徴とする請求項１〜３の何れかに記載の表示制御装置。
【請求項５】
前記フレーム設定手段は、前記メニュー表示領域に表示される項目画像の数よりも１つ多い数の前記フレームを設定する、
ことを特徴とする請求項４に記載の表示制御装置。
【請求項６】
前記固定画像は、前記複数の項目画像が示す内容を案内するための画像である、
ことを特徴とする請求項１〜５の何れかに記載の表示制御装置。
【請求項７】
各項目画像は、当該項目画像に情報が表示される表示対象に関連付けられた複数の情報の中から抽出された情報を示す画像である、
ことを特徴とする請求項１〜６の何れかに記載の表示制御装置。
【請求項８】
表示領域の一部であるメニュー表示領域内に、複数の項目画像を、所定方向に並べて表示させる項目画像表示制御手段と、
ユーザによる操作指示に応じて、前記複数の項目画像を前記所定方向にスクロールさせるスクロール手段と、
前記スクロール手段により前記複数の項目画像が前記所定方向へスクロールされることで、何れかの前記項目画像の一部が前記メニュー表示領域の外に出たかを判定する判定手段と、
前記判定手段により前記メニュー表示領域の外に一部が出たと判定された前記項目画像を、前記項目画像表示制御手段により表示させる対象から除外する除外手段と、
前記メニュー表示領域における前記所定方向の端部に、少なくとも１つの項目画像を覆い隠すことができる大きさの固定画像を重畳して表示させる固定画像表示制御手段と、
を含むことを特徴とする表示制御システム。
【請求項９】
請求項１〜７の何れかに記載の表示制御装置又は請求項８に記載の表示制御システムとしてコンピュータを機能させるためのプログラム。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、表示制御装置、表示制御システム、及びプログラムに関する。
【背景技術】
【０００２】
従来から、スクロール可能なメニューを表示させる技術が検討されており、その方法として、２つの方法があった。１つは、画面全体を使ってメニュー表示を行う方法（以降、方法１と記載する。）であり、もう１つは、画面全体でなく、画面の一部の領域を使ってメニュー表示を行う方法（以降、方法２と記載する。）である。方法１では、画面全体がメニュー表示に利用されるため、メニューに関係する画像以外を表示させることができず、レイアウトの自由度が低い。このため、レイアウトの自由度を高めるために方法２を採用することが多く、例えば、特許文献１には、ゲームキャラクタ名を示す複数の画像をメニュー形式で画面の一部の領域（以降、メニュー表示領域という。）内に表示させ、メニュー表示領域内で各画像を縦方向にスクロールさせる装置が記載されている。
【先行技術文献】
【特許文献】
【０００３】
【特許文献１】特開２０１４−０４２７５９号公報
【発明の概要】
【発明が解決しようとする課題】
【０００４】
例えば、特許文献１の技術に、ある画像内の一部のみを表示させるマスク処理を適用すると、画像がスクロールしてその一部がメニュー表示領域の外側に出た場合に、メニュー表示領域の外側に出た部分は表示させず、メニュー表示領域の内側にある部分だけを表示させることができる。しかしながら、マスク処理を利用すると、スクロールする画像のうち、表示しない部分（即ち、メニュー表示領域の外側に出た部分）を１ピクセル単位で判定する必要があり、当該判定処理を常に実行しなければならないので、コンピュータの処理負荷と消費電力が増大してしまう。
【０００５】
例えば、メニューの項目を示す画像の縦が１０ピクセルであり、横が２００ピクセルであったとすると、全ピクセル数は２０００となる。マスク処理によれば、メニュー表示領域Ａ１２の外に出ているピクセルと出ていないピクセルを判定する処理を実行し、メニュー表示領域Ａ１２の外に出ていないピクセルを描画対象として描画処置が実行される。例えば、１秒間で６０フレームを表示する場合、上記画像に対し、１秒間で２０００×６０＝１２００００回の判定処理が必要になる。画像が高解像度になるほど、判定処理の回数は増加する。例えば、携帯端末に高解像度の画像が表示される場合は、画像の解像度が高くなるほどマスク処理により判定するピクセル数が増えるため、携帯端末の処理負荷が増大する。その結果、携帯端末の消費電力が増大し、携帯端末のバッテリー消費に影響を与えてしまう。
【０００６】
本発明は上記課題に鑑みてなされたものであって、その目的は、画像をスクロールさせる際の処理負荷と消費電力を軽減することが可能な表示制御装置、表示制御システム、及びプログラムを提供することにある。
【課題を解決するための手段】
【０００７】
上記課題を解決するために、本発明の一態様に係る表示制御装置は、表示領域の一部であるメニュー表示領域内に、複数の項目画像を、所定方向に並べて表示させる項目画像表示制御手段と、ユーザによる操作指示に応じて、前記複数の項目画像を前記所定方向にスクロールさせるスクロール手段と、前記スクロール手段により前記複数の項目画像が前記所定方向へスクロールされることで、何れかの前記項目画像の一部が前記メニュー表示領域の外に出たかを判定する判定手段と、前記判定手段により前記メニュー表示領域の外に一部が出たと判定された前記項目画像を、前記項目画像表示制御手段により表示させる対象から除外する除外手段と、前記メニュー表示領域における前記所定方向の端部に、少なくとも１つの項目画像を覆い隠すことができる大きさの固定画像を重畳して表示させる固定画像表示制御手段と、を含むことを特徴とする。
【０００８】
本発明の一態様に係る表示制御システムは、表示領域の一部であるメニュー表示領域内に、複数の項目画像を、所定方向に並べて表示させる項目画像表示制御手段と、ユーザによる操作指示に応じて、前記複数の項目画像を前記所定方向にスクロールさせるスクロール手段と、前記スクロール手段により前記複数の項目画像が前記所定方向へスクロールされることで、何れかの前記項目画像の一部が前記メニュー表示領域の外に出たかを判定する判定手段と、前記判定手段により前記メニュー表示領域の外に一部が出たと判定された前記項目画像を、前記項目画像表示制御手段により表示させる対象から除外する除外手段と、前記メニュー表示領域における前記所定方向の端部に、少なくとも１つの項目画像を覆い隠すことができる大きさの固定画像を重畳して表示させる固定画像表示制御手段と、を含むことを特徴とする。
【図面の簡単な説明】
【０００９】
【図１】表示制御システムの全体構成を示す図である。
【図２】メニュー画像の一例を示す図である。
【図３】項目画像がスクロールする様子を示す図である。
【図４】表示制御システムで実現される機能のうち、本発明に関連する機能を示す機能ブロック図である。
【図５】所有キャラクタデータの一例を示す図である。
【図６】メニュー表示領域に設定されたフレームを示す図である。
【図７】フレームデータのデータ格納例を示す図である。
【図８】項目画像と固定画像との位置関係を示す図である。
【図９】フレームが上方向にスクロールする様子を示す図である。
【図１０】フレームが上方向にスクロールした場合のメニュー画像の変化を示す図である。
【図１１】フレームが下方向にスクロールする様子を示す図である。
【図１２】フレームが下方向にスクロールした場合のメニュー画像の変化を示す図である。
【図１３】表示制御システムにおいて実行される処理の一例を示すフロー図である。
【図１４】変形例のメニュー画像を示す図である。
【図１５】変形例のメニュー画像を示す図である。
【発明を実施するための形態】
【００１０】
以下、本発明に係る実施形態を図面に基づいて説明する。本実施形態では、表示制御装置を含む表示制御システムを一例に挙げて説明する。なお、図面において同一又は対応する構成には同一の符号を付し、繰り返しの説明を省略することがある。
【００１１】
［１．表示制御システムの全体構成］
図１は、表示制御システムの全体構成を示す図である。図１に示すように、本実施形態に係る表示制御システム１は、表示制御装置１０と、サーバ３０と、を含む。表示制御装置１０及びサーバ３０は、ネットワークＮに接続される。このため、表示制御装置１０とサーバ３０との間で相互にデータ通信が可能である。
【００１２】
表示制御装置１０は、ユーザが操作するコンピュータである。例えば、表示制御装置１０は、携帯端末（例えば、スマートフォンなどの携帯電話又はタブレット型コンピュータ）、パーソナルコンピュータ、携帯ゲーム機、据置ゲーム機、業務用ゲーム機、又は、情報処理機能を備えた多機能型テレビジョン受像機（スマートテレビ）等である。なお、以下では、タッチパネルを備えた携帯電話が表示制御装置１０であり、サーバ３０から供給されるプログラムが携帯電話において実行される場合について説明する。プログラムは、サーバ３０とは異なるサーバや記録媒体等を介して供給されてもよい。
【００１３】
図１に示すように、表示制御装置１０は、制御部１１、記憶部１２、通信部１３、操作部１４、及び表示部１５を含む。制御部１１は、少なくとも１つのマイクロプロセッサを含む。制御部１１は、オペレーティングシステムやその他のプログラムに従って処理を実行する。記憶部１２は、主記憶部（例えば、ＲＡＭ）及び補助記憶部（例えば、不揮発性の半導体メモリ）を含む。記憶部１２は、プログラムやデータを記憶する。なお例えば、表示制御装置１０がパーソナルコンピュータ等である場合、記憶部１２は、例えばハードディスクドライブ又はソリッドステートドライブ等の補助記憶部を含むようにしてもよい。通信部１３は、ネットワークカードなどの通信インタフェースを含む。通信部１３は、ネットワークＮを介してデータ通信を行う。
【００１４】
操作部１４は、入力デバイスであり、例えば、ボタン、キー、レバー、ゲームコントローラ（ゲームパッド）、マウスやタッチパネルなどのポインティングデバイス、又はキーボード等である。なお、操作部１４は、ユーザが音声又はジェスチャによって入力操作を行うためのマイクやカメラを含んでもよい。表示部１５は、例えば、液晶表示パネル又は有機ＥＬディスプレイ等であり、制御部１１の指示に従って画面を表示する。なお、操作部１４及び表示部１５は、表示制御装置１０に内蔵されていなくともよく、表示制御装置１０に接続された外部装置であってもよい。
【００１５】
サーバ３０は、サーバコンピュータである。図１に示すように、サーバ３０は、制御部３１、記憶部３２、及び通信部３３を含む。制御部３１、記憶部３２、及び通信部３３のハードウェア構成は、それぞれ制御部１１、記憶部１２、及び通信部１３と同様であってよい。
【００１６】
なお、記憶部１２又は記憶部３２に記憶されるものとして説明するプログラムやデータは、例えば、ネットワークＮを介して表示制御装置１０又はサーバ３０に供給されるようにしてもよい。また、表示制御装置１０又はサーバ３０は、情報記憶媒体（例えば、光ディスク又はメモリカード等）に記憶されたプログラム又はデータを読み取るための読取部（例えば、光ディスクドライブ又はメモリカードスロット）を含むようにしてもよい。そして、情報記憶媒体を介して表示制御装置１０又はサーバ３０にプログラムやデータが供給されるようにしてもよい。
【００１７】
［２．表示制御装置において実行される処理の概要］
表示制御装置１０は、種々の画像を表示部１５に表示可能であるが、本実施形態では、画像の一例として、ゲームに関する画像を説明する。例えば、サーバ３０は、ゲームプログラムを表示制御装置１０に配信可能であり、表示制御装置１０は、配信されたゲームプログラムを受信すると記憶部１２に記録する。表示制御装置１０がゲームプログラムを実行すると、ゲームの設定をするための画像やゲーム内の世界を示す画像などが、表示部１５に表示される。
【００１８】
表示制御装置１０は、種々のタイプのゲームを実行してよいが、本実施形態では、ゲームの一例としてサッカーゲームを説明する。例えば、現実又は架空のサッカー選手を示す選手キャラクタが用意されており、その一部がユーザに付与される。選手キャラクタは、ゲームの初回起動時にユーザに付与されてもよいし、ガチャと呼ばれる抽選、ゲーム内のミッションの達成、又は、他のユーザからのプレゼントなどによりユーザに付与されてもよい。例えば、ユーザが所有可能な選手キャラクタの数は、上限値が設けられていてよく、当該上限値は、ゲーム内通貨を消費することによって変更可能であってよい。
【００１９】
ユーザは、対戦相手チームと試合をするために、自身が所有する選手キャラクタの中から、試合に最初から出場するスターティングメンバーと、試合に途中から出場可能なベンチ入りメンバーと、を選択し、自身のサッカーチームを編成する。例えば、サッカーチームの編成を支援するために、表示制御装置１０は、ユーザが所有する選手キャラクタに関する情報を表示することができる。例えば、ユーザが操作部１４から所定の操作をすると、ユーザが所有する選手キャラクタのメニュー（リスト）を示すメニュー画像が、表示部１５に表示される。
【００２０】
図２は、メニュー画像の一例を示す図である。図２に示すように、メニュー画像Ｇ１は、例えば、情報表示領域Ａ１０、メニュー名称画像Ｇ１１、及びメニュー表示領域Ａ１２を含む。本実施形態では、表示領域の左上を原点Ｏとし、横方向をＸ軸とし、縦方向をＹ軸とするスクリーン座標軸が設定される。表示領域内の各画素の位置は、スクリーン座標系の２次元座標により示される。例えば、表示領域は、表示部１５において画像を表示可能な領域であり、表示部１５の画素全体（画面全体）のことである。ここでは、表示領域の右端の画素のＸ座標をＸｍａｘと記載し、表示領域の下端の画素のＹ座標をＹｍａｘと記載する。
【００２１】
例えば、情報表示領域Ａ１０は、ゲームに関する種々の情報を表示するための領域であり、ユーザが所有するゲーム内通貨（例えば、ポイント）、ユーザのレベルや経験値などのパラメータ、又は、ゲームアイテムやゲーム内通貨を購入するためのゲーム内の店舗に画面遷移するための画像が表示されてよい。なお、情報表示領域Ａ１０は、他の情報が表示されてもよく、例えば、ユーザ名やユーザのアバタ画像などが表示されてもよい。
【００２２】
例えば、メニュー名称画像Ｇ１１は、メニュー画像Ｇ１に表示されるメニューの名称を示す。メニューとは、例えば、表示部１５に表示される情報のリストであり、ユーザが選択可能な複数の画像が表示される。本実施形態では、メニュー画像Ｇ１には、ユーザが所有する選手キャラクタのリストがメニューとして表示されるので、図２に示すように、メニュー名称画像Ｇ１１には、「メンバーリスト」の文字列が示される。
【００２３】
例えば、メニュー表示領域Ａ１２は、メニューを表示するための領域であり、表示領域の一部に設定される。本実施形態では、表示領域の一部が情報表示領域Ａ１０やメニュー名称画像Ｇ１１の表示に用いられるので、メニュー表示領域Ａ１２は、それ以外の部分に設定されている。メニュー表示領域Ａ１２の上端の画素のＹ座標をＹ０とするとメニュー表示領域Ａ１２は、表示領域のうち、Ｙ座標がＹ０以上の領域となる。別の言い方をすれば、メニュー表示領域Ａ１２は、Ｙ座標がＹ０の画素から下の部分である。即ち、本実施形態では、メニュー表示領域Ａ１２は、（０，Ｙ０）、（Ｘｍａｘ，Ｙ０）、（０，Ｙｍａｘ）、（Ｘｍａｘ，Ｙｍａｘ）の４つの座標を頂点とする長方形の領域である場合を一例として説明する。
【００２４】
また、本実施形態では、メニュー表示領域Ａ１２の下端は、表示領域の下端（Ｙ座標がＹｍａｘの画素）と一致する。また、メニュー表示領域Ａ１２の左端は、表示領域の左端（Ｘ座標が０の画素）と一致し、メニュー表示領域Ａ１２の右端は、表示領域の右端（Ｘ座標がＸｍａｘの画素）と一致する。なお、図２のメニュー表示領域Ａ１２は一例にすぎず、メニュー表示領域Ａ１２のそのサイズ及び形状は、後述する変形例のように任意であってよい。
【００２５】
図２に示すように、メニュー表示領域Ａ１２には、複数の項目画像Ｇ１３Ａ〜Ｇ１３Ｆが縦方向に並べられており、固定画像Ｇ１４が上端に配置されている。なお、以降では、項目画像Ｇ１３Ａ〜Ｇ１３Ｆを区別する必要のないときは、単に項目画像Ｇ１３と記載する。
【００２６】
例えば、項目画像Ｇ１３は、ユーザが所有する選手キャラクタに関する情報を示す。１つの項目画像Ｇ１３につき、複数の選手キャラクタの情報が示されてもよいが、ここでは、１つの項目画像Ｇ１３につき、１人の選手キャラクタの情報が示されるものとする。また例えば、選手キャラクタには、多数の項目（例えば、選手名や能力など）の情報が関連付けられており、項目画像Ｇ１３には、その一部の項目が表示されるものとする。更に、メニュー表示領域Ａ１２に表示可能な項目画像Ｇ１３の数は、任意であってよく、例えば、表示部１５のサイズやアスペクト比によって決まるようにしてよい。
【００２７】
例えば、固定画像Ｇ１４は、項目画像Ｇ１３に表示される情報の項目名を示す。図２の例では、項目画像Ｇ１３には、選手キャラクタの名称、能力の総合的な高さ、及びレベルが表示されるので、固定画像Ｇ１４には、これらの項目名（例えば、「選手名」、「総合値」、及び「レベル」）の文字列が表示される。なお、固定画像Ｇ１４は、項目画像Ｇ１３よりも上のレイヤ（別の言い方をすれば、視点側のレイヤ又は前面側のレイヤ）に配置されており、項目画像Ｇ１３に重畳して表示される。
【００２８】
本実施形態では、項目画像Ｇ１３は、メニュー表示領域Ａ１２において、縦方向にスクロール可能である。例えば、操作部１４がタッチパネルを含むとすると、ユーザがタッチパネルをタッチして縦方向にスライド操作又はフリック操作をすると、項目画像Ｇ１３は、スライド操作又はフリック操作の方向（即ち、上方向又は下方向）にスクロールする。
【００２９】
図３は、項目画像Ｇ１３がスクロールする様子を示す図である。図３に示すように、メニュー画像Ｇ１Ａの状態において、ユーザが項目画像Ｇ１３を上方向にスクロールさせると、メニュー画像Ｇ１Ｂに示すように、項目画像Ｇ１３Ａは、固定画像Ｇ１４の下に徐々に隠れるようにスクロールする。そして、メニュー表示領域Ａ１２の下端（ここでは、表示領域の下端）からは、新たな項目画像Ｇ１３Ｇが徐々に表れるようにスクロールする。その間にある項目画像Ｇ１３Ｂ〜Ｇ１３Ｆも同様にして上方向にスクロールする。
【００３０】
また、メニュー画像Ｇ１Ｂの状態において、ユーザが項目画像Ｇ１３を下方向にスクロールさせると、固定画像Ｇ１４の下にある項目画像Ｇ１３Ａが、固定画像Ｇ１４の下から徐々に表れるようにスクロールする。そして、メニュー表示領域Ａ１２の下端（ここでは、表示領域の下端）に、項目画像Ｇ１３Ｇが徐々に隠れるようにスクロールする。その間にある項目画像Ｇ１３Ｂ〜Ｇ１３Ｆも同様にして下方向にスクロールする。本実施形態では、項目画像Ｇ１３をスクロール可能にすることで、ユーザが保有する選手キャラクタの数が、メニュー表示領域Ａ１２に表示可能な項目画像Ｇ１３の数より多かったとしても、全ての選手キャラクタの情報をメニュー表示領域Ａ１２に表示できるようになっている。
【００３１】
本実施形態のように、メニュー表示領域Ａ１２が表示領域の一部に設定されている場合、項目画像Ｇ１３がメニュー表示領域Ａ１２の上端に近づいた場合にその一部だけを表示させようとしてマスク処理を実行すると、従来技術で説明したように、表示制御装置１０の処理負荷及び消費電力が増大する。また例えば、表示制御装置１０がスマートフォンなどの携帯端末であり、当該携帯端末で高解像度の画像を表示させる場合には、先述したように、処理負荷及び消費電力の増大が特に問題となる。
【００３２】
この点、表示制御装置１０は、メニュー表示領域Ａ１２の上端に固定画像Ｇ１４を配置し、スクロールした項目画像Ｇ１３が、徐々にその下に隠れるようにしている。そして、項目画像Ｇ１３の上端がメニュー表示領域Ａ１２の上に少しでも出ると、当該項目画像Ｇ１３が表示の対象から除外される。即ち、項目画像Ｇ１３は、固定画像Ｇ１４に隠れた状態で表示の対象から除外されることになる。このため、マスク処理のような複雑な処理を利用しなくても、メニュー表示領域Ａ１２の上端に近づいた項目画像Ｇ１３の一部だけを表示可能とし、かつ、項目画像Ｇ１３が突然消えるような見た目上の違和感を防止可能としている。即ち、表示制御装置１０は、固定画像Ｇ１４を利用して簡易的な処理で済むようにすることで、処理負荷及び消費電力を軽減するようにしている。以降、この処理の詳細を説明する。
【００３３】
［３．表示制御システムにおいて実現される機能］
図４は、表示制御システム１で実現される機能のうち、本発明に関連する機能を示す機能ブロック図である。本実施形態では、表示制御装置１０において、データ記憶部１００、項目画像表示制御部１０１、固定画像表示制御部１０２、スクロール部１０３、判定部１０４、及び除外部１０５が実現される場合を説明する。
【００３４】
［３−１．データ記憶部］
データ記憶部１００は、記憶部１２を主として実現される。データ記憶部１００は、メニュー画像Ｇ１を表示させるために必要なデータやゲームを実行するために必要なデータを記憶する。ここでは、データ記憶部１００が記憶するデータの一例として、ユーザが所有する選手キャラクタに関する所有キャラクタデータＤＴ１を説明する。
【００３５】
図５は、所有キャラクタデータＤＴ１の一例を示す図である。図５に示すように、例えば、所有キャラクタデータＤＴ１には、選手キャラクタを一意に識別する選手ＩＤに関連付けられて、複数の項目の情報が格納される。例えば、所有キャラクタデータＤＴ１に格納される項目としては、選手キャラクタの名称、ポジション、各種属性（例えば、所属クラブ、所属リーグ、所属地域、国籍、年齢など）、能力の総合値、各種能力パラメータ、及び現在のレベル等であってよい。
【００３６】
なお、データ記憶部１００に記憶されるデータは、所有キャラクタデータＤＴ１に限られない。例えば、データ記憶部１００は、後述するフレームデータＤＴ２を記憶してもよい。また例えば、データ記憶部１００は、メニュー画像Ｇ１に表示される各画像の画像データやメニュー画像Ｇ１のレイアウトを定義したデータを記憶してもよい。他にも例えば、データ記憶部１００は、操作部１４がポインティングデバイスである場合に、ユーザが指示した画面上の位置の履歴を記憶してもよい。
【００３７】
［３−２．項目画像表示制御部］
項目画像表示制御部１０１は、制御部１１を主として実現される。項目画像表示制御部１０１は、表示領域の一部であるメニュー表示領域Ａ１２内に、複数の項目画像Ｇ１３を、所定方向に並べて表示させる。
【００３８】
先述したように、メニュー表示領域Ａ１２は、例えば、表示部１５の全画素のうち、項目画像Ｇ１３及び固定画像Ｇ１４の表示で利用される部分である。別の言い方をすれば、例えば、メニュー表示領域Ａ１２は、項目画像Ｇ１３及び固定画像Ｇ１４が配置される領域であり、項目画像Ｇ１３をスクロール可能な領域である。なお、メニュー表示領域Ａ１２のサイズ及び形状は、任意であってよく、例えば、本実施形態のような長方形以外にも、正方形や他の多角形であってよい。また、メニュー表示領域Ａ１２には、固定画像Ｇ１４及び項目画像Ｇ１３が隙間なく敷き詰められていてもよいし、画像間に隙間を設けて画像が表示されない領域を含んでいてもよい。
【００３９】
また、先述したように、項目画像Ｇ１３は、画面内でスクロール可能な画像である。本実施形態では、項目画像Ｇ１３が文字列を含む画像である場合を説明するが、特に文字列を含まない画像であってもよい。また例えば、項目画像Ｇ１３は、所定の処理を実行するための画像であってもよい。この場合、例えば、項目画像Ｇ１３には、ユーザが項目画像Ｇ１３を選択した場合に実行される処理が関連付けられている。本実施形態では、この処理は、例えば、選手キャラクタの詳細な情報を示す画面に遷移する処理、又は、ユーザのサッカーチームを編成する処理である。更に、項目画像Ｇ１３は、自身が選択された場合に実行される処理の内容を示してもよい。
【００４０】
本実施形態では、項目画像Ｇ１３は、当該項目画像Ｇ１３に情報が表示される表示対象に関連付けられた複数の情報の中から抽出された情報を示す画像である場合を説明する。表示対象とは、複数の情報が関連付けられる対象であり、例えば、ゲームキャラクタ、ゲームカード、ゲームアイテム、又はユーザである。例えば、ゲームキャラクタ、ゲームカード、又はゲームアイテムが表示対象に相当する場合、これらに関連付けられる情報は、名前、レベル、能力パラメータの総合値、役割、又は能力などの各種パラメータ（例えば、攻撃力や守備力など）である。また例えば、ユーザが表示対象に相当する場合、ユーザに関連付けられる情報は、名前、レベル、代表画像（例えば、アバタや保有キャラクタの何れかなど）、ゲーム内通貨、又はポイントなどである。
【００４１】
本実施形態では、表示対象の一例として選手キャラクタを説明する。このため、項目画像Ｇ１３には、選手キャラクタに関連付けられた複数の情報の中から抽出された情報が示される。即ち、項目画像Ｇ１３には、所有キャラクタデータＤＴ１に格納された複数の項目のうちの一部が示されることになる。どの項目が項目画像Ｇ１３に表示されるかは、例えば、予めゲームプログラム又はゲームの設定を示すファイルに定められていてよい。なお、当該ファイルは、データ記憶部１００に記憶されていてよい。あるいは、ユーザが、どの項目を項目画像Ｇ１３に表示させるかをユーザが自由に設定可能であってもよい。
【００４２】
なお、項目画像Ｇ１３のサイズ及び形状は、任意であってよく、例えば、図２に示すような長方形以外にも、正方形であってもよいし、四角形以外の多角形であってもよい。更には、項目画像Ｇ１３は、多角形の角を削って丸みを帯びさせた形状であってもよいし、円形であってもよい。また、本実施形態では、項目画像Ｇ１３のサイズ及び形状と、固定画像Ｇ１４のサイズ及び形状と、が同じである場合を説明するが、これらは異なっていてもよい。例えば、本実施形態では、項目画像Ｇ１３の縦方向の幅（縦幅）と、固定画像Ｇ１４の縦方向の幅と、が同じ長さとするが、これらは異なってもよい。これらの幅が異なる場合には、固定画像Ｇ１４によって項目画像Ｇ１３を隠すために、固定画像Ｇ１４の縦方向の幅は、項目画像Ｇ１３の縦方向の幅よりも長いものとするが、例えば数画素程度であれば項目画像Ｇ１３の縦方向の幅よりも短くてもよい。
【００４３】
同様に、本実施形態では、項目画像Ｇ１３の横方向の幅（横幅）と、固定画像Ｇ１４の横方向の幅と、も同じ長さとするが、これらは異なってもよい。これらの幅が異なる場合には、固定画像Ｇ１４によって項目画像Ｇ１３を隠すために、固定画像Ｇ１４の横方向の幅は、項目画像Ｇ１３の横方向の幅よりも長いものとするが、例えば数画素程度であれば項目画像Ｇ１３の横方向の幅よりも短くてもよい。更に、例えば、項目画像Ｇ１３と固定画像Ｇ１４とは、縦方向の幅のみが同じであり、横方向の幅が異なってもよい。また例えば、項目画像Ｇ１３と固定画像Ｇ１４とは、縦方向の幅が異なっており、横方向の幅のみが同じであってもよい。また例えば、項目画像Ｇ１３と固定画像Ｇ１４とは、縦方向の幅と横方向の幅との両方が異なってもよい。
【００４４】
所定方向とは、画面内の予め定められた方向であり、例えば、画面の縦方向（上下方向・垂直方向）、又は、横方向（左右方向・水平方向）である。なお、画面の縦方向と横方向は、表示部１５の向き（姿勢）によって変化するので、アスペクト比の大きい方向（長手方向）が縦方向であり小さい方が横方向に相当することもあるし、アスペクト比の小さい方向（短手方向）が縦方向であり大きい方が横方向に相当することもある。本実施形態では、縦方向が所定方向に相当する場合を説明する。このため、本実施形態で「縦方向」と記載した部分は、横方向などの任意の所定方向に読み替えることが可能である。
【００４５】
例えば、項目画像表示制御部１０１は、所有キャラクタデータＤＴ１のうち、項目画像Ｇ１３を生成する選手キャラクタのレコードを参照する。項目画像Ｇ１３を生成する選手キャラクタは、ユーザが所有する選手キャラクタのうちの一部又は全部であり、任意の方法によって定まればよい。例えば、項目画像表示制御部１０１は、所有キャラクタデータＤＴ１に情報が格納された選手キャラクタを所定のソート条件のもとでソートする。そして、項目画像表示制御部１０１は、ソートされた選手キャラクタのうちの一部（例えば、後述するフレームＦの数の選手キャラクタ）のレコードを選択する。項目画像Ｇ１３を生成する選手キャラクタは、項目画像Ｇ１３のスクロールに応じて変わってよい。なお、ソート条件としては、例えば、選手ＩＤ、選手名、レベル、総合値、又はポジションであってよく、これらの昇順又は降順でソートが実行されてよい。また、項目画像表示制御部１０１は、全ての選手キャラクタについて項目画像Ｇ１３を予め生成しておいてもよく、この場合には、所有キャラクタデータＤＴ１の全てのレコードに対して項目画像Ｇ１３を生成する。
【００４６】
例えば、項目画像表示制御部１０１は、選択したレコードから、項目画像Ｇ１３に表示させる項目の情報を取得する。そして、項目画像表示制御部１０１は、取得した情報に基づいて、選手キャラクタに対応する項目画像Ｇ１３を生成する。なお、項目画像Ｇ１３の画像データは、データ記憶部１００に記憶されており、項目画像表示制御部１０１は、当該画像データが示す画像に、取得した選手キャラクタの情報（文字列）を合成することで、項目画像Ｇ１３を生成するようにしてよい。また、本実施形態では、項目画像表示制御部１０１は、各項目画像Ｇ１３の間隔（隙間）をあけずに敷き詰める場合を説明するが、項目画像Ｇ１３間に一定の間隔を設けて並べてもよい。項目画像表示制御部１０１は、生成した項目画像Ｇ１３の一部又は全部を、メニュー表示領域Ａ１２において、縦方向に並べて表示させることになる。項目画像Ｇ１３の並び順は、上記説明したソート順であってもよいし、所有キャラクタデータＤＴ１におけるレコード順であってもよい。
【００４７】
本実施形態では、上記のような項目画像Ｇ１３を表示及びスクロールさせるために、フレームを利用する場合を説明する。このため、項目画像表示制御部１０１がフレーム設定部１０１Ａを含む場合を説明する。
【００４８】
フレームとは、例えば、画像を表示すべき領域を示す枠である。本実施形態では、フレームの形状を矩形とするが、例えば、矩形以外の多角形であってもよいし、円形であってもよい。本実施形態では、フレームのサイズ及び形状と、表示対象となる画像のサイズ及び形状と、が同じである場合を説明するが、これらは異なっていてもよい。これらが異なる場合には、画像は、フレームに合わせて拡張又は縮小されたうえで表示されてもよいし、画像の一部がフレームに合わせて切り取られた状態で表示されてもよい。
【００４９】
図６は、メニュー表示領域Ａ１２に設定されたフレームを示す図である。図６に示すように、例えば、フレーム設定部１０１Ａは、メニュー表示領域Ａ１２内に、複数のフレームＦ１〜Ｆ７を、縦方向に並べて設定し、複数の項目画像Ｇ１３Ａ〜Ｇ１３Ｇを、当該設定された複数のフレームＦ１〜Ｆ７にそれぞれ関連付ける。なお、以降、フレームＦ１〜Ｆ７を区別する必要のないときは、フレームＦと記載する。
【００５０】
フレームＦの数は、任意であってよく、例えば、画面に表れる項目画像Ｇ１３の数と同じであってもよいし、それより多くてもよい。本実施形態では、フレーム設定部１０１Ａは、メニュー表示領域Ａ１２に表示される項目画像Ｇ１３の数よりも１つ多い数のフレームＦを設定する場合を説明する。例えば、図２に示すように、見た目上は６つの項目画像Ｇ１３Ａ〜Ｇ１３Ｆが表示されていたとしても、フレーム設定部１０１Ａは、それよりも１つ多い７つのフレームＦ１〜Ｆ７を設定する。
【００５１】
図６に示すように、一部がメニュー表示領域Ａ１２の外に出ているフレームＦ７が存在してもよい。ただし、本実施形態では、メニュー表示領域Ａ１２の下にフレームＦが出ることは許容するが、メニュー表示領域Ａ１２の上にフレームＦは出ないものとする。詳細は後述するが、フレームＦがメニュー表示領域Ａ１２の上に出た場合には、当該フレームＦは、最も下に移動する。フレーム設定部１０１Ａは、フレームＦを設定すると、各フレームＦの現在の位置を示すフレームデータＤＴ２を、データ記憶部１００に記録する。
【００５２】
図７は、フレームデータＤＴ２のデータ格納例を示す図である。図７に示すように、フレームデータＤＴ２には、例えば、各フレームＦを一意に識別するためのフレームＩＤに関連付けて、フレームＦの現在の位置と、フレームＦに関連付けられた項目画像Ｇ１３と、が格納される。なお、フレームＦのサイズ及び形状を定義する情報は、フレームデータＤＴ２とは別にデータ記憶部１００に記憶されていてもよいし、フレームデータＤＴ２に格納されていてもよい。
【００５３】
本実施形態では、各フレームＦ１〜Ｆ７の現在の位置として、中心点Ｐ１〜Ｐ７の２次元座標が用いられる場合を説明するが、他にも例えば、四隅の２次元座標であってもよいし、四隅以外の端部の２次元座標であってもよい。なお、各フレームＦのサイズ及び形状は共通なので、中心点Ｐを特定できれば、フレームＦの端部の２次元座標も特定可能である。また、フレームＦは、後述するスクロール部１０３によりスクロール可能なので、フレームＦのスクロールに応じて、当該フレームＦの現在の位置を示す情報が更新されることになる。
【００５４】
フレーム設定部１０１Ａは、表示対象の項目画像Ｇ１３を何れかのフレームＦに関連付ける。フレーム設定部１０１ＡがフレームＦに項目画像Ｇ１３を関連付けると、当該フレームＦ内に当該項目画像Ｇ１３が表示される。どのフレームＦにどの項目画像Ｇ１３が関連付けいているかは、フレームデータＤＴ２に定義される。例えば、あるフレームＦに関連付けられていた項目画像Ｇ１３が、当該フレームＦに関連付けられなくなると、当該項目画像Ｇ１３は、メモリ上から消去されるようにしてよい。
【００５５】
［３−３．固定画像表示制御部］
固定画像表示制御部１０２は、制御部１１を主として実現される。固定画像表示制御部１０２は、メニュー表示領域Ａ１２における縦方向の端部に、少なくとも１つの項目画像Ｇ１３を覆い隠すことができる大きさの固定画像Ｇ１４を重畳して表示させる。
【００５６】
ここでの端部とは、本実施形態のように項目画像Ｇ１３が並ぶ所定方向が縦方向であれば、上端部又は下端部であり、所定方向を横方向とするのであれば、右端部又は左端部である。本実施形態では、固定画像表示制御部１０２は、メニュー表示領域Ａ１２の上端部と、固定画像Ｇ１４の上端部と、が一致するように、固定画像Ｇ１４を表示させる。別の言い方をすれば、固定画像Ｇ１４は、メニュー表示領域Ａ１２の端部うち、表示領域の端部と一致しない端部に配置される。
【００５７】
少なくとも１つの項目画像Ｇ１３を覆い隠すことができる大きさとは、例えば、項目画像Ｇ１３と同じ大きさであること、又は、項目画像Ｇ１３よりも大きいことである。別の言い方をすれば、項目画像Ｇ１３が固定画像Ｇ１４の下に移動した場合に、真上から見て項目画像Ｇ１３が見えない程度の大きさである。なお、本実施形態では、固定画像Ｇ１４が１つの項目画像Ｇ１３を隠す場合を説明するが、２つ以上の項目画像Ｇ１３を隠すようにしてもよい。
【００５８】
固定画像Ｇ１４は、項目画像Ｇ１３とは異なる画像であればよく、例えば、項目画像Ｇ１３を隠すために、背景が透過しない画像、背景の透過度が基準未満の画像、又は、背景の模様の密度が基準以上の画像であってよい。例えば、固定画像Ｇ１４は、縦方向の幅が項目画像Ｇ１３の幅以上の画像であってよい。別の言い方をすれば、固定画像Ｇ１４は、項目画像Ｇ１３以上のサイズを有する画像であってよい。
【００５９】
固定画像Ｇ１４は、何らかの情報を含む画像（例えば、文字列を含む画像）であってもよいし、特に情報を含まない画像（例えば、文字列を含まずに所定の色で塗りつぶされた画像）であってもよい。他にも例えば、固定画像Ｇ１４は、項目画像Ｇ１３の意味を説明する画像であってもよいし、項目画像Ｇ１３が含む情報の概要を表す画像であってよい。また例えば、項目画像Ｇ１３が所定の文字列を含む場合、固定画像Ｇ１４は、その文字列が何を示すを説明する画像であってもよいし、複数の項目画像Ｇ１３がリスト形式で表示される場合、固定画像Ｇ１４は、リスト名又はリストに含まれる項目名を示す画像であってもよい。
【００６０】
本実施形態では、固定画像Ｇ１４は、複数の項目画像Ｇ１３が示す内容を案内するための画像である場合を説明する。別の言い方をすれば、固定画像Ｇ１４は、例えば、複数の項目画像Ｇ１３が示す内容を案内するための画像であり、項目画像Ｇ１３に関連する画像であってよい。先述したように、固定画像Ｇ１４は、項目画像Ｇ１３に重畳するようにして表示される。
【００６１】
図８は、項目画像Ｇ１３と固定画像Ｇ１４との位置関係を示す図である。図８に示すように、例えば、固定画像表示制御部１０２は、項目画像Ｇ１３よりも前面側（上のレイヤ）に固定画像Ｇ１４を配置することによって、重畳して表示させる。前面とは、レイヤが上のことであり、例えば、視点から見て手前側であって、背面側ではないことである。例えば、固定画像Ｇ１４が配置されるレイヤＬ１は、項目画像Ｇ１３が配置されるレイヤＬ２よりも上面（前面）である。即ち、項目画像Ｇ１３が配置されるレイヤＬ２は、固定画像Ｇ１４が配置されるレイヤＬ１よりも下面（背面）である。
【００６２】
なお、図８の例では、説明の簡略化のために、２つのレイヤＬ１，Ｌ２のみを示しており、情報表示領域Ａ１０内の各画像、メニュー名称画像Ｇ１１、及び固定画像Ｇ１４が同じレイヤＬ１に配置されているが、これらは、別々のレイヤに分けられていてもよい。また、図８では、模式的に、レイヤＬ１，Ｌ２のサイズ及び形状と、表示領域のサイズ及び形状と、を同じとしているが、実際には、レイヤＬ１，Ｌ２は、表示領域よりも広くてよい。また、固定画像Ｇ１４は、項目画像Ｇ１３よりも前面であればよく、最前面である必要はない。例えば、固定画像表示制御部１０２は、背面側である項目画像Ｇ１３のレイヤＬ２が描画された後に、前面側の固定画像Ｇ１４のレイヤＬ１を描画するようにしてよい。即ち、背面側のレイヤＬ２から前面側のレイヤＬ１にかけて順番に、各レイヤの画像が描画されるようにしてよい。
【００６３】
［３−４．スクロール部］
スクロール部１０３は、制御部１１を主として実現される。スクロール部１０３は、ユーザによる操作指示に応じて、複数の項目画像Ｇ１３を縦方向にスクロールさせる。
【００６４】
操作指示は、例えば、画像をスクロールさせるための操作であり、操作部１４から入力可能な任意の操作であってよい。例えば、操作部１４がポインティングデバイスであれば、ユーザが入力する画面上の位置を移動させることであってよい。ポインティングデバイスがタッチパネルであれば、例えば、スライド操作、フリック操作、又はドラッグ操作と呼ばれる操作であってよい。また例えば、操作指示は、スクロールの方向を指示するための方向指示操作であってよい。このため、操作部１４がレバーやスティックであれば、ユーザがレバーやスティックを倒して方向指示をすることが操作指示に相当してもよい。また例えば、操作部１４がキーボードであれば、ユーザがキーボードの矢印ボタンを押すことが操作指示に相当してもよい。
【００６５】
スクロールとは、例えば、画面上を画像が移動することであり、画像の表示位置が変わることである。本実施形態では、項目画像Ｇ１３が並ぶ方向と、スクロールする方向（即ち、項目画像Ｇ１３の移動方向）と、が同じ方向である場合を説明するが、これらの方向は一致していなくてもよく、ある程度のずれ（角度）があってもよい。項目画像Ｇ１３が並ぶ方向とスクロールする方向とにずれがある場合、例えば、このずれは閾値未満であってよい。例えば、項目画像Ｇ１３は、画面の縦方向又は横方向にスクロールするようにしてよい。
【００６６】
本実施形態では、項目画像Ｇ１３の表示及びスクロールにフレームＦが利用されるので、スクロール部１０３は、複数の項目画像Ｇ１３と共に、それぞれの項目画像Ｇ１３に関連付けられた複数のフレームＦをスクロールさせることになる。項目画像Ｇ１３は、自身に関連付けられたフレームＦの移動とともに移動する。別の言い方をすれば、項目画像Ｇ１３は、フレームＦに従動する。
【００６７】
図９は、フレームＦが上方向にスクロールする様子を示す図であり、図１０は、フレームＦが上方向にスクロールした場合のメニュー画像Ｇ１の変化を示す図である。なお、図９では、説明の簡略化のために、メニュー画像Ｇ１内の各画像を省略している。図９のメニュー画像Ｇ１Ｃ〜Ｇ１Ｆに示すように、フレームＦが上方向にスクロールすると、図１０のメニュー画像Ｇ１Ｃ〜Ｇ１Ｆに示すように、フレームＦに関連付けられた項目画像Ｇ１３は、自身に関連付けられたフレームＦとともに上方向にスクロールする。
【００６８】
図１１は、フレームＦが下方向にスクロールする様子を示す図であり、図１２は、フレームＦが下方向にスクロールした場合のメニュー画像Ｇ１の変化を示す図である。なお、図１２では、説明の簡略化のために、メニュー画像Ｇ１内の各画像を省略している。図１１のメニュー画像Ｇ１Ｇ〜Ｇ１Ｊに示すように、フレームＦが上方向にスクロールすると、図１２のメニュー画像Ｇ１Ｇ〜Ｇ１Ｊに示すように、フレームＦに関連付けられた項目画像Ｇ１３は、自身に関連付けられたフレームＦとともに下方向にスクロールする。
【００６９】
［３−５．判定部］
判定部１０４は、制御部１１を主として実現される。判定部１０４は、スクロール部１０３により複数の項目画像Ｇ１３が縦方向へスクロールされることで、何れかの項目画像Ｇ１３の一部がメニュー表示領域Ａ１２の外に出たかを判定する。なお、メニュー表示領域Ａ１２の位置を示す情報（例えば、四隅の２次元座標）は、予めデータ記憶部１００に記憶されているものとする。
【００７０】
例えば、判定部１０４は、項目画像Ｇ１３に関連付けられた基準点がメニュー表示領域Ａ１２の外に出たかを判定する。基準点は、例えば、項目画像Ｇ１３のうち縦方向側の端部の位置、又は、端部から所定距離以内の位置である。例えば、本実施形態のように縦方向にスクロールする場合、基準点は項目画像Ｇ１３の上端又は下端であり、横方向にスクロールする場合、基準点は項目画像Ｇ１３の左端又は右端である。
【００７１】
例えば、判定部１０４は、何れかの項目画像Ｇ１３のうちの縦方向の端部がメニュー表示領域Ａ１２の外に出たかを判定する。例えば、判定部１０４は、項目画像Ｇ１３の上端又は下端の２次元座標と、メニュー表示領域Ａ１２の上端又は下端の２次元座標と、を比較することによって、判定処理を実行する。
【００７２】
本実施形態では、項目画像Ｇ１３の表示及びスクロールにフレームＦが利用されるので、判定部１０４は、何れかのフレームＦのうちの縦方向の端部がメニュー表示領域Ａ１２の外に出たかを判定する。例えば、判定部１０４は、何れかのフレームＦのうちの上端部がメニュー表示領域Ａ１２の外に出たかを判定する。
【００７３】
例えば、図９に示すように、フレームＦが上方向にスクロールする場合、メニュー画像Ｇ１Ｅに示すように、判定部１０４は、最も上にあるフレームＦ１の上端の２次元座標が、メニュー表示領域Ａ１２の上端の２次元座標（ここでは、Ｙ座標値がＹ０）の外に出たかを判定することになる。また例えば、図１１に示すように、フレームＦが下方向にスクロールする場合、メニュー画像Ｇ１Ｉに示すように、判定部１０４は、最も下にあるフレームＦ７の上端の２次元座標が、メニュー表示領域Ａ１２の下端の２次元座標（ここでは、Ｙ座標値がＹｍａｘ）の外に出たかを判定することになる。
【００７４】
例えば、フレーム設定部１０１Ａは、何れかのフレームＦに関連付けられた項目画像Ｇ１３がメニュー表示領域Ａ１２の外に出た場合、当該フレームＦを、縦方向のうちスクロールによる進行方向の逆側に移動させ、当該フレームに関連付けられていた項目画像Ｇ１３とは異なる項目画像Ｇ１３と関連付ける。
【００７５】
スクロールによる進行方向の逆側とは、例えば、本実施形態のようにスクロールの進行方向が縦方向であれば、最も下又は上である。即ち、スクロールの進行方向が上方向であれば逆側は下側であり、スクロールの進行方向が下方向であれば逆側は上側である。また例えば、スクロールの進行方向が横方向であれば、逆側は、最も右又は左である。即ち、スクロールの進行方向が右方向であれば逆側は左側であり、スクロールの進行方向が左方向であれば逆側は右側である。即ち、逆側は、スクロールの進行方向に対して最後尾側である。
【００７６】
例えば、フレーム設定部１０１Ａは、何れかのフレームＦに関連付けられた項目画像Ｇ１３がメニュー表示領域Ａ１２の外に出た場合、当該フレームＦを、縦方向のうちスクロールによる進行方向の逆側に移動させ、当該フレームに関連付けられていた項目画像Ｇ１３とは異なる項目画像Ｇ１３と関連付ける。
【００７７】
例えば、図９のメニュー画像Ｇ１Ｆに示すように、上方向にスクロールしてフレームＦ１がメニュー表示領域Ａ１２の外に出た場合、フレーム設定部１０１Ａは、当該フレームＦ１を、逆側である下側（最も下にあるフレームＦ７の下側）に移動させる。そして、移動させたフレームＦ１にそれまで関連付けられていた項目画像Ｇ１３Ａの関連付けが、後述する除外部１０５により解除され、図１０のメニュー画像Ｇ１Ｆに示す項目画像Ｇ１３Ｈ（即ち、新たに下側から表示すべき項目画像Ｇ１３Ｈ）がフレームＦ１に関連付けられる。
【００７８】
また例えば、図１１のメニュー画像Ｇ１Ｊに示すように、下方向にスクロールしてフレームＦ７がメニュー表示領域Ａ１２の外に出た場合、フレーム設定部１０１Ａは、当該フレームＦ７を、逆側である上側（最も上にあるフレームＦ１の上側）に移動させる。そして、移動させたフレームＦ７にそれまで関連付けられていた項目画像Ｇ１３Ｈの関連付けが後述する除外部１０５により解除され、図１０のメニュー画像Ｇ１Ｊに示す項目画像Ｇ１３Ａ（即ち、新たに上側から表示すべき項目画像Ｇ１３Ａ）がフレームＦ７に関連付けられる。
【００７９】
［３−６．除外部］
除外部１０５は、制御部１１を主として実現される。除外部１０５は、判定部１０４によりメニュー表示領域Ａ１２の外に一部が出たと判定された項目画像Ｇ１３を、項目画像表示制御部１０１により表示させる対象から除外する。表示させる対象から除外するとは、例えば、項目画像Ｇ１３を画面の表示対象から外すことであり、メモリに展開した項目画像Ｇ１３を消去することはその一例である。
【００８０】
なお、表示対象から除外するためには、メモリから項目画像Ｇ１３を消去しなくてもよく、本実施形態のように、項目画像Ｇ１３の表示及びスクロールにフレームＦが利用される場合には、除外部１０５は、フレームＦと項目画像Ｇ１３との関連付けを解除することによって、項目画像Ｇ１３を表示対象から除外するようにしてよい。
【００８１】
［４．表示制御システムにおいて実行される処理］
図１３は、表示制御システム１において実行される処理の一例を示すフロー図である。図１３に示す処理は、制御部１１が記憶部１２に記憶されたプログラムに従って動作することによって実行される。下記の処理は、図４に示す各機能ブロックによる処理の一例である。なお、下記の処理は、所定のフレームレート（例えば、３０ｆｐｓ）に基づいて定まる時間（例えば、１／３０秒）ごとにされるものとする。また、下記の処理が実行されるにあたり、制御部１１は、予めフレームＦを設定し、項目画像Ｇ１３と関連付けており、フレームデータＤＴ２を記憶部１２に記録しているものとする。
【００８２】
図１３に示すように、まず、表示制御装置１０においては、制御部１１は、操作部１４からの信号に基づいて、ユーザが操作指示をしたかを判定する（Ｓ１）。例えば、操作部１４がポインティングデバイスを含んでいたとすると、Ｓ１においては、制御部１１は、操作部１４から入力された画面上の位置が変化したかを判定する。より具体的には、ポインティングデバイスがタッチパネルだったとすると、制御部１１は、スライド操作又はフリック操作により縦方向が指示されたかを判定する。なお、制御部１１は、操作部１４から入力された画面上の位置の履歴を記憶部１２に記録し、履歴に基づいて画面上の位置の変化を特定すればよい。
【００８３】
ユーザが操作指示をしたと判定された場合（Ｓ１；Ｙ）、制御部１１は、操作指示に基づいて、フレームＦを移動させる（Ｓ２）。Ｓ２においては、制御部１１は、操作指示が示す移動方向に、操作量に対応する移動量だけ、各フレームＦを移動させる。移動方向は、操作指示により特定される方向であり、ここでは上方向又は下方向である。また例えば、移動量は、操作指示が示す画面上の位置の変化量である。例えば、スライド操作によるスライド量又はフリック操作によるフリック量が移動量として取得される。Ｓ２においては、制御部１１は、フレームデータＤＴ２に格納された各フレームＦの現在の位置を更新する。
【００８４】
制御部１１は、各フレームＦの現在の位置を参照し、最も上にあるフレームＦの上端がメニュー表示領域Ａ１２の上に出たかを判定する（Ｓ３）。Ｓ３においては、制御部１１は、最も上にあるフレームＦの上端のＹ座標値と、メニュー表示領域Ａ１２の上端のＹ座標値であるＹ０と、を比較する。制御部１１は、最も上にあるフレームＦの上端のＹ座標値がＹ０未満である場合に、最も上にあるフレームＦの上端がメニュー表示領域Ａ１２の上に出たと判定する。
【００８５】
最も上にあるフレームＦの上端がメニュー表示領域Ａ１２の上に出たと判定された場合（Ｓ３；Ｙ）、制御部１１は、当該フレームＦに関連付けられていた項目画像Ｇ１３を表示の対象から除外する（Ｓ４）。Ｓ４においては、制御部１１は、当該フレームＦに関連付いていた項目画像Ｇ１３が当該フレームＦに関連付いていない状態となるように、フレームデータＤＴ２を更新する。これに応じて、当該項目画像Ｇ１３を記憶部１２上から消去するようにしてもよい。当該項目画像Ｇ１３は、固定画像Ｇ１４に隠れた状態で、表示の対象から除外される。このため、見た目では、当該項目画像Ｇ１３が表示の対象から除外されたことが分からないことになる。
【００８６】
制御部１１は、メニュー表示領域Ａ１２の上に出たフレームＦを最も下に移動させる（Ｓ５）。Ｓ５においては、制御部１１は、現時点において最も下にあるフレームＦの下に位置するように、メニュー表示領域Ａ１２の上に出たフレームＦの現在の位置を更新する。例えば、制御部１１は、現時点において最も下にあるフレームＦの現在の位置の所定距離だけ下の位置を、メニュー表示領域Ａ１２の上に出たフレームＦの現在の位置とする。
【００８７】
制御部１１は、所有キャラクタデータＤＴ１に基づいて、最も下に移動させたフレームＦに新たな項目画像Ｇ１３を関連付ける（Ｓ６）。Ｓ６においては、制御部１１は、下から２番目のフレームＦに関連付けられた項目画像Ｇ１３が示す選手キャラクタの次の選手キャラクタの情報に基づいて、新たな項目画像Ｇ１３を生成し、最も下に移動させたフレームＦに関連付ける。なお、制御部１１は、所有キャラクタデータＤＴ１に情報が格納された各選手キャラクタの項目画像Ｇ１３を予め生成しておいてもよく、この場合には、下から２番目のフレームＦに対応する選手キャラクタの情報が格納されたレコードの次のレコードの情報を示す項目画像Ｇ１３を、最も下に移動させたフレームＦに関連付けることになる。
【００８８】
一方、Ｓ３において、最も上にあるフレームＦの上端がメニュー表示領域Ａ１２の上に出たと判定されない場合（Ｓ３；Ｎ）、制御部１１は、最も下にあるフレームの上端がメニュー表示領域Ａ１２の下に出たかを判定する（Ｓ７）。Ｓ７の判定処理は、Ｓ３の判定処理とは異なる判定であり、Ｓ３の判定処理は、フレームＦの一部がメニュー表示領域Ａ１２の外に出たかを判定する処理であるのに対し、Ｓ７の判定処理は、フレームＦの全部がメニュー表示領域Ａ１２の外に出たかを判定する処理である。Ｓ７においては、制御部１１は、最も下にあるフレームＦの上端のＹ座標値と、メニュー表示領域Ａ１２の下端のＹ座標値であるＹｍａｘと、を比較する。制御部１１は、最も下にあるフレームＦの上端のＹ座標値がＹｍａｘよりも大きい場合に、最も下にあるフレームＦの下端がメニュー表示領域Ａ１２の下に出たと判定する。
【００８９】
最も下にあるフレームの上端がメニュー表示領域Ａ１２の下端よりも下に出たと判定された場合（Ｓ７；Ｙ）、制御部１１は、最も下のフレームＦに関連付けられた項目画像Ｇ１３を表示の対象から除外する（Ｓ８）。Ｓ８においては、制御部１１は、当該フレームＦに関連付いていた項目画像Ｇ１３が当該フレームＦに関連付いていない状態となるように、フレームデータＤＴ２を更新する。これに応じて、当該項目画像Ｇ１３を記憶部１２上から消去するようにしてもよい。当該項目画像Ｇ１３は、表示領域から完全に出た状態で、表示の対象から除外される。このため、見た目では、当該項目画像Ｇ１３が表示の対象から除外されたことが分からないことになる。
【００９０】
制御部１１は、メニュー表示領域Ａ１２の下に出たフレームＦを最も上に移動させる（Ｓ９）。Ｓ９においては、制御部１１は、現時点において最も上にあるフレームＦの上に位置するように、メニュー表示領域Ａ１２の下に出たフレームＦの現在の位置を更新する。例えば、制御部１１は、現時点において最も上にあるフレームＦの現在の位置の所定距離だけ上の位置を、メニュー表示領域Ａ１２の下に出たフレームＦの現在の位置とする。
【００９１】
制御部１１は、所有キャラクタデータＤＴ１に基づいて、最も上に移動させたフレームＦに新たな項目画像Ｇ１３を関連付ける（Ｓ１０）。Ｓ１０においては、制御部１１は、上から２番目のフレームＦに関連付けられた項目画像Ｇ１３が示す選手キャラクタの前の選手キャラクタの情報に基づいて、新たな項目画像Ｇ１３を生成し、最も上に移動させたフレームＦに関連付ける。なお、制御部１１は、所有キャラクタデータＤＴ１に情報が格納された各選手キャラクタの項目画像Ｇ１３を予め生成しておいてもよく、この場合には、上から２番目のフレームＦに対応する選手キャラクタの情報が格納されたレコードの前のレコードの情報を示す項目画像Ｇ１３を、最も上に移動させたフレームＦに関連付けることになる。
【００９２】
制御部１１は、最新のフレームデータＤＴ２に基づいて、項目画像Ｇ１３のレイヤＬ２を描画し（Ｓ１１）、次いで固定画像Ｇ１４のレイヤＬ１を描画する（Ｓ１２）。Ｓ１１においては、制御部１１は、フレームデータＤＴ２が示す位置にフレームＦを配置し、当該フレームＦに関連付けられた項目画像Ｇ１３を、当該フレームＦの位置に描画する。Ｓ１２においては、制御部１１は、固定画像Ｇ１４を予め定められた位置であるメニュー表示領域Ａ１２の上端に表示させる。Ｓ１２においては、制御部１１は、情報表示領域Ａ１０内の画像やメニュー名称画像Ｇ１１も表示させる。Ｓ１１及びＳ１２の処理により、メニュー画像Ｇ１の表示が更新され、本処理は終了する。そして、次の処理単位が訪れた場合に、Ｓ１の処理が再び実行される。
【００９３】
なお、Ｓ２において、ユーザが操作指示をしたと判定されない場合（Ｓ２；Ｎ）、項目画像Ｇ１３をスクロールさせる必要がないので、Ｓ３〜Ｓ１０の処理は実行されず、Ｓ１１の処理に移行する。この場合、フレームＦは移動せず、項目画像Ｇ１３は、直近の位置のまま移動しない。
【００９４】
以上説明した表示制御システム１によれば、項目画像Ｇ１３がスクロールしてメニュー表示領域Ａ１２の端部に近づいた場合に、項目画像Ｇ１３は、固定画像Ｇ１４によって徐々に覆われるので、項目画像Ｇ１３の一部のみを表示させるためにマスク処理を利用する必要がなくなり、表示制御装置１０の処理負荷と消費電力を軽減することができる。
【００９５】
例えば、従来技術で説明した方法１は、メニュー表示領域Ａ１２が表示領域全体に設定されるので、項目画像Ｇ１３がスクロールして外に出た部分はそもそも描画されず、マスク処理を利用しなくても当該部分を表示させないようにすることができ、処理負荷を抑えることができる。しかし、方法１は、表示領域全体がメニュー表示領域Ａ１２になるので、項目画像Ｇ１３以外の画像を表示させようとしても、そのレイアウトが制約されるので、表示領域のレイアウトの自由度が低下してしまう。この点、従来技術で説明した方法２では、レイアウトの自由度が高くなるが、マスク処理が必要なので処理負荷が高くなってしまう。マスク処理により処理負荷が高くなるのは、先述したように、画素単位で描画対象を判定する必要があるからである。例えば、モバイルゲームの分野では、携帯端末のバッテリーの持ち時間が短くならないように、処理負荷の少ない方を採用することが多い。このため、メニュー表示に関しては、レイアウトの自由度を犠牲にして、処理負荷の少ない方法１を採用することが多かった。しかし、最近、ゲームコンテンツのリッチ化に伴い、レイアウトの自由度を高めたいという要望が高まっており、方法２を採用するモバイルゲームも多い。しかしながら、リッチなゲームコンテンツは、ゲーム全体で複雑な画像処理が実行されることが多く、もともとバッテリーの持ちが短くなりがちである。更に、携帯端末の表示部の高解像度化に伴い個々の項目も高解像度になる傾向があり、方法２による処理負荷が増大している。
【００９６】
上記のように、方法２のデメリットである処理負荷を軽減する方法が求められているところ、表示制御システム１では、方法２で実行される判定処理の回数を減少させる（ここでは、ポイント１と記載する。）とともに、それまで見えていた画像が突然消えるという見た目の不自然さをなくす表示とする（ここでは、ポイント２と記載する。）ことができる。具体的には、ポイント１では、画素単位で行っていた判定処理を、メニューの項目単位で行うようにする。このため、例えば、項目画像Ｇ１３が一部でもメニュー表示領域Ａ１２の外に出たか否かが判定されることで、１つの項目についての判定処理を１回にすることができる。ポイント２は、ポイント１を実現することで生じる見た目の不自然さをなくすものである。具体的には、ポイント１により、各項目の一部分がメニュー表示領域Ａ１２の外に出たタイミングで当該項目全体を描画対象から除外すると、はみ出ていない部分は表示されているため、ユーザにとって当該項目が突然消去されたように見えてしまう。そこで、ユーザに各項目が消去されたことを見えないようにするための固定画像Ｇ１４をメニュー表示領域Ａ１２の端部に重畳して表示することで、項目画像Ｇ１３が消えたことを隠すためのカバーをかぶせた状態で項目画像Ｇ１３が消えるようにしている。固定画像Ｇ１４の大きさは、少なくとも１つの項目画像Ｇ１３を覆い隠すことができる大きさであればよく、項目画像Ｇ１３には、メニューに表示される内容を示す名称（例えば、選手名、総合値、レベルなど）が表示される。小手により、ユーザには、単なるメニューのヘッダなどに見える。
【００９７】
上記のように、例えば、先述したように、携帯端末に高解像度の画像を表示させる場合には、特に処理負荷と消費電力の問題が発生するが、表示制御システム１によれば、マスク処理が必要ないので、携帯端末に高解像度の画像を表示させる場合であったとしても、処理負荷と消費電力を軽減することができる。また、項目画像Ｇ１３が見えているにも関わらず項目画像Ｇ１３を表示の対象から除外すると、それまでは見えていた項目画像Ｇ１３が突然見えなくなり、見た目上の違和感を生じさせる可能性があるが、項目画像Ｇ１３は、固定画像Ｇ１４に覆われた状態で、表示の対象から除外されるので、見た目上の違和感を抑えることもできる。また、もし仮に、表示領域全体（表示部の画面全体）をメニュー表示領域Ａ１２にしたとすると、項目画像Ｇ１３がスクロールして外に出た部分はそもそも描画されないので、マスク処理を利用しなくても当該部分を表示させないようにすることができるが、この場合は、表示領域全体がメニュー表示領域Ａ１２になるので、項目画像Ｇ１３以外の画像を表示させようとしても、そのレイアウトが制約されるので、表示領域のレイアウトの自由度が低下してしまう。この点、表示制御システム１によれば、メニュー表示領域Ａ１２を表示領域の一部としており、メニュー表示領域Ａ１２以外の部分（例えば、情報表示領域Ａ１０）を自由に使用できるので、上記説明した効果に加えて、表示領域のレイアウトの自由度を高めることもできる。
【００９８】
また、項目画像Ｇ１３の端部を基準にしてメニュー表示領域Ａ１２の外に出たかを判定するので、当該判定処理を簡略化することができる。その結果、表示制御装置１０の処理負荷と消費電力を効果的に軽減することができる。
【００９９】
また、固定画像Ｇ１４を、項目画像Ｇ１３を覆うことのできる最低限のサイズとすることで、メニュー表示領域Ａ１２のスペースを有効活用することができる。また、メニュー表示領域Ａ１２のサイズを小さくすることが可能になり、表示領域全体のうちメニュー表示領域Ａ１２以外の部分を広くとることができるので、表示領域のレイアウトの自由度を更に高めることができる。
【０１００】
また、メニュー表示領域Ａ１２の外に出たフレームＦを、スクロールによる進行方向の逆側に移動させることで、不要になったフレームＦを使いまわすことができ、設定するフレーム数を抑えることができるので、メモリ消費量を軽減することができる。また、フレームＦを使いまわすことによって、設定するフレームＦの数以上の項目を表示可能となる。例えば、項目画像Ｇ１３を使ってゲームキャラクタの情報を表示する場合に、設定されるフレーム数が１１個であり、５０人のゲームキャラクタが用意されていたとすると、ゲームキャラクタの数よりも少ない１１個のフレームを使いまわすことによって、５０人分のゲームキャラクタの情報が表示させることができる。即ち、５０個のフレームＦを用意しなくても、５０人分の情報を表示させることができる。
【０１０１】
また、固定画像Ｇ１４と、表示される項目画像Ｇ１３の数よりも１つ多いフレームＦと、により項目画像Ｇ１３が表示の対象から除外される際の見た目上の違和感を抑えることができる。このため、設定するフレームＦの数を、当該違和感を抑えるために必要最低限の数とすることができる。
【０１０２】
また、項目画像Ｇ１３を覆い隠すためだけの何の情報も含まない画像を使うわけではないので、ユーザにとって有益な情報を提示することができる。また、固定画像Ｇ１４自身が項目画像Ｇ１３に関する情報を案内しているので、固定画像Ｇ１４とは別に当該情報を案内するための画像を表示させる必要がなくなるので、メニュー表示領域Ａ１２のスペースを有効活用することもできる。
【０１０３】
また、表示対象に関連付けられた複数の情報の中から抽出された情報の内容を示す項目画像Ｇ１３をスクロールさせる場合の見た目上の違和感を抑えつつ、表示制御装置１０の処理負荷及び消費電力を低減させることができる。
【０１０４】
［５．変形例］
なお、本発明は、以上に説明した実施の形態に限定されるものではない。本発明の趣旨を逸脱しない範囲で、適宜変更可能である。
【０１０５】
例えば、実施形態では、メニュー表示領域Ａ１２の下端と表示領域の下端とが一致する場合を説明したが、メニュー表示領域Ａ１２は、表示領域の一部であればよく、実施形態の例に限られない。
【０１０６】
図１４は、変形例のメニュー画像Ｇ１を示す図である。図１４に示すように、メニュー表示領域Ａ１２の上端と表示領域の上端とが一致しており、メニュー表示領域Ａ１２の下端と表示領域の下端とが一致していないようにしてもよい。この場合、メニュー表示領域Ａ１２の下端は、表示領域の下端から所定距離の画素（図１４では、Ｙ座標がＹ１とする。）となる。即ち、図１４のメニュー表示領域Ａ１２は、（０，０）、（Ｘｍａｘ，０）、（０，Ｙ１）、（Ｘｍａｘ，Ｙ１）の４つの座標を頂点とする長方形の領域となる。例えば、項目画像Ｇ１３が上方向にスクロールしてメニュー表示領域Ａ１２の上に出たとしても、そもそも表示領域の外に出るため、特に固定画像Ｇ１４を上端に配置しなくても、メニュー表示領域Ａ１２の上に出た項目画像Ｇ１３の一部だけを表示させることは可能である。
【０１０７】
一方、項目画像Ｇ１３が下方向にスクロールしてメニュー表示領域Ａ１２の下に出た場合は、実施形態とは異なり、表示領域の外に出るわけではないので、図１４では、メニュー表示領域Ａ１２の下端に、固定画像Ｇ１４が配置される。なお、項目画像Ｇ１３が縦方向に並んで配置される点は、実施形態と同様である。図１４の場合、項目画像Ｇ１３が下方向にスクロールすると、固定画像Ｇ１４の下に徐々に隠れる。そして、最も下にある項目画像Ｇ１３の下端がメニュー表示領域Ａ１２の下に出ると、当該項目画像Ｇ１３が表示の対象から除外される。この場合、実施形態と同様、最も下にあるフレームＦが最も上に移動するようにしてよい。
【０１０８】
図１５は、変形例のメニュー画像Ｇ１を示す図である。図１５に示すように、メニュー表示領域Ａ１２の上端及び下端と、表示領域の上端及び下端と、が両方とも一致しなくてもよい。この場合、メニュー表示領域Ａ１２の上端は、表示領域の上端から所定距離の画素（図１５では、Ｙ座標がＹ２とする。）であり、メニュー表示領域Ａ１２の下端は、表示領域の下端から所定距離の画素（図１５では、Ｙ座標がＹ３とする。）となる。即ち、図１５のメニュー表示領域Ａ１２は、（０，Ｙ２）、（Ｘｍａｘ，Ｙ２）、（０，Ｙ３）、（Ｘｍａｘ，Ｙ３）の４つの座標を頂点とする長方形の領域となる。図１５に示すように、固定画像Ｇ１４Ａ，Ｇ１４Ｂは、それぞれメニュー表示領域Ａ１２の上端と下端の両方に配置されるようにしてよい。即ち、固定画像Ｇ１４Ａ，Ｇ１４Ｂは、項目画像Ｇ１３を挟み込むように配置されてよい。項目画像Ｇ１３が縦方向に並んで配置される点は、実施形態と同様である。
【０１０９】
図１５の場合、項目画像Ｇ１３が上方向にスクロールすると、固定画像Ｇ１４Ａの下に徐々に隠れる。そして、最も上にある項目画像Ｇ１３の上端がメニュー表示領域Ａ１２の上に出ると、当該項目画像Ｇ１３が表示の対象から除外される。この場合、実施形態と同様、最も上にあるフレームが最も下に移動するようにしてよい。また、項目画像Ｇ１３が下方向にスクロールすると、固定画像Ｇ１４Ｂの下に徐々に隠れる。そして、最も下にある項目画像Ｇ１３の下端がメニュー表示領域Ａ１２の下に出ると、当該項目画像Ｇ１３が表示の対象から除外される。この場合、実施形態と同様、最も下にあるフレームが最も上に移動するようにしてよい。
【０１１０】
また例えば、メニュー表示領域Ａ１２の左右の端部と、表示部１５の表示領域の左右の端部と、が一致する場合を説明したが、これらは一致している必要はない。即ち、メニュー表示領域Ａ１２は、左端及び右端の少なくとも一方が、表示領域の左端及び右端と一致していなくてもよい。例えば、メニュー表示領域Ａ１２の左右の端部が、表示部１５の表示領域の左右の端部と項目画像Ｇ１３の左右の端部との間に位置してもよいし、メニュー表示領域Ａ１２の左右の端部と、項目画像Ｇ１３の左右の端部と、が一致してもよい。更に、項目画像Ｇ１３が並ぶ方向は、横方もよい。この場合、項目画像Ｇ１３は横方向にスクロールしてよい。固定画像Ｇ１４は、メニュー表示領域Ａ１２の右端又は左端のうち、表示領域の端部と接していない端部に配置されるようにすればよい。他にも例えば、項目画像Ｇ１３が斜めにスクロール可能とする場合には、項目画像Ｇ１３を斜めに並べて配置し、固定画像Ｇ１４をメニュー表示領域Ａ１２の端部に配置すればよい。更に、固定画像Ｇ１４は、常に表示されているのではなく、ユーザが操作指示をした場合に表示されるようにしてよい。
【０１１１】
また例えば、実施形態では、項目画像Ｇ１３がメニュー表示領域Ａ１２の外に出たかを判定する際に、項目画像Ｇ１３の縦方向の端部を基準としたが、判定部１０４の判定の基準となる位置は、端部に限られない。例えば、項目画像Ｇ１３の縦方向の端部から所定距離以内の位置を基準としてもよい。また例えば、項目画像Ｇ１３の縦方向の幅と固定画像Ｇ１４の縦方向の幅とが同じ長さである場合を説明したが、これらの幅は異なっていてもよい。また例えば、実施形態では、項目画像Ｇ１３の表示及びスクロールにフレームＦが用いられる場合を説明したが、項目画像表示制御部１０１は、フレームＦを用いずに項目画像Ｇ１３を表示させてもよい。例えば、項目画像表示制御部１０１は、各項目画像Ｇ１３の表示位置を示す情報をデータ記憶部１００に記録しておき、後述するスクロール部１０３によるスクロールに応じて当該情報を更新するようにしてもよい。また例えば、フレームＦの数がメニュー表示領域Ａ１２に表示される項目画像Ｇ１３の数よりも１つ多い場合を説明したが、２つ以上多くてもよい。また例えば、固定画像Ｇ１４が、項目画像Ｇ１３の内容を案内するための画像である場合を説明したが、固定画像Ｇ１４は他の内容を示す画像であってもよいし、特に内容を含まない画像であってもよい。また例えば、項目画像Ｇ１３は、選手キャラクタに関連付けられた複数の項目のうち抽出された項目の情報を示す場合を説明したが、メニュー表示領域Ａ１２が十分な表示スペースを有する場合には、選手キャラクタに関連付けられた項目の全てを項目画像Ｇ１３で表示させてもよい。
【０１１２】
また例えば、上記説明した変形例の２つ以上を組み合わせてもよい。
【０１１３】
また例えば、項目画像表示制御部１０１、スクロール部１０３、判定部１０４、除外部１０５、及び固定画像表示制御部１０２がサーバ３０で実現されるようにしてもよい。この場合、これら各機能は、サーバ３０の制御部３１を主として実現され、サーバ３０が本発明に係る表示制御装置に相当する。サーバ３０は、上記説明した処理を実行することでメニュー画像Ｇ１を生成し、ユーザが操作するコンピュータに配信することになる。ユーザが操作するコンピュータは、メニュー画像Ｇ１の画像データを受信し、メニュー画像Ｇ１を表示する。ユーザが操作指示を当該コンピュータに入力した場合は、サーバ３０にその旨が通知され、サーバ３０において、項目画像Ｇ１３のスクロールが行われるようにすればよい。
【０１１４】
また例えば、表示制御装置１０とサーバ３０とで各機能が分担されてもよい。例えば、判定部１０４がサーバ３０で実現される場合には、表示制御装置１０からサーバ３０に項目画像Ｇ１３のスクロール後の位置が送信され、サーバ３０において判定部１０４の判定処理が実行され、サーバ３０から表示制御装置１０に対して判定結果が送信されるようにしてもよい。また例えば、判定部１０４が表示制御装置１０で実現されて、他の各機能がサーバ３０で実現される場合には、上記とは逆に、判定部１０４の判定結果が表示制御装置１０からサーバ３０に送信されるようにすればよい。
【０１１５】
また例えば、サッカーゲームが実行される場合を説明したが、他のゲームに本発明に係る処理を適用してもよい。例えば、サッカーゲーム以外のスポーツゲーム（例えば、野球、テニス、アメリカンフットボール、バスケットボール、バレーボール等を題材としたゲーム）に本発明に係る処理を適用してもよい。また例えば、スポーツゲーム以外にも、アクションゲーム、ロールプレイングゲーム、シミュレーションゲーム、カードバトルゲーム、又は育成ゲームなどのように、ゲーム形式・ジャンルを問わず種々のゲームに本発明に係る処理を適用してもよい。
【０１１６】
また例えば、ゲーム以外に本発明に係る処理を適用してもよい。例えば、スマートフォンの設定におけるメニュー、ソーシャルネットワーキングサービスにおけるメニュー、音楽プレーヤにおけるメニューなどの種々のメニューにおいて、本発明に係る処理を適用可能である。
【０１１７】
［６．付記］
以上のような記載から、本発明は例えば以下のように把握される。
【０１１８】
１）本発明の一態様に係る表示制御装置（１０）は、表示領域の一部であるメニュー表示領域内に、複数の項目画像を、所定方向に並べて表示させる項目画像表示制御手段（１０１）と、ユーザによる操作指示に応じて、前記複数の項目画像を前記所定方向にスクロールさせるスクロール手段（１０２）と、前記スクロール手段（１０２）により前記複数の項目画像が前記所定方向へスクロールされることで、何れかの前記項目画像の一部が前記メニュー表示領域の外に出たかを判定する判定手段（１０３）と、前記判定手段（１０３）により前記メニュー表示領域の外に一部が出たと判定された前記項目画像を、前記項目画像表示制御手段（１０１）により表示させる対象から除外する除外手段（１０４）と、前記メニュー表示領域における前記所定方向の端部に、少なくとも１つの項目画像を覆い隠すことができる大きさの固定画像を重畳して表示させる固定画像表示制御手段（１０５）と、を含むことを特徴とする。
【０１１９】
８）本発明の一態様に係る表示制御システム（１）は、表示領域の一部であるメニュー表示領域内に、複数の項目画像を、所定方向に並べて表示させる項目画像表示制御手段（１０１）と、ユーザによる操作指示に応じて、前記複数の項目画像を前記所定方向にスクロールさせるスクロール手段（１０２）と、前記スクロール手段（１０２）により前記複数の項目画像が前記所定方向へスクロールされることで、何れかの前記項目画像の一部が前記メニュー表示領域の外に出たかを判定する判定手段（１０３）と、前記判定手段（１０３）により前記メニュー表示領域の外に一部が出たと判定された前記項目画像を、前記項目画像表示制御手段（１０１）により表示させる対象から除外する除外手段（１０４）と、前記メニュー表示領域における前記所定方向の端部に、少なくとも１つの項目画像を覆い隠すことができる大きさの固定画像を重畳して表示させる固定画像表示制御手段（１０５）と、を含むことを特徴とする。
【０１２０】
９）本発明の一態様に係るプログラムは、１）〜７）の何れかに記載の表示制御装置（１０）又は８）に記載の表示制御システム（１）としてコンピュータを機能させる。
【０１２１】
１０）本発明の一態様に係る情報記憶媒体は、１−９）のプログラムを記録したコンピュータで読み取り可能な情報記憶媒体である。
【０１２２】
１）又は８）〜１０）に係る発明によれば、項目画像がスクロールしてメニュー表示領域の端部に近づいた場合に、項目画像は、固定画像によって徐々に覆われるので、項目画像の一部のみを表示させるためにマスク処理を利用する必要がなくなり、表示制御装置の処理負荷と消費電力を軽減することができる。例えば、先述したように、携帯端末に高解像度の画像を表示させる場合には、特に処理負荷と消費電力の問題が発生するが、１）又は８）〜１０）に係る発明によれば、マスク処理が必要ないので、携帯端末に高解像度の画像を表示させる場合であったとしても、処理負荷と消費電力を軽減することができる。また、項目画像が見えているにも関わらず項目画像を表示の対象から除外すると、それまでは見えていた項目画像が突然見えなくなり、見た目上の違和感を生じさせる可能性があるが、項目画像は、固定画像に覆われた状態で、表示の対象から除外されるので、見た目上の違和感を抑えることもできる。また、もし仮に、表示領域全体（表示部の画面全体）をメニュー表示領域にしたとすると、項目画像がスクロールして外に出た部分はそもそも描画されないので、マスク処理を利用しなくても当該部分を表示させないようにすることができるが、この場合は、表示領域全体がメニュー表示領域になるので、項目画像以外の画像を表示させようとしても、そのレイアウトが制約されるので、表示領域のレイアウトの自由度が低下してしまう。この点、１）又は８）〜１０）に係る発明によれば、メニュー表示領域を表示領域の一部としており、メニュー表示領域以外の部分を自由に使用できるので、上記説明した効果に加えて、表示領域のレイアウトの自由度を高めることもできる。
【０１２３】
２）本発明の一態様では、前記判定手段（１０３）は、何れかの前記項目画像のうちの前記所定方向の端部が前記メニュー表示領域の外に出たかを判定する、ことを特徴とする。
【０１２４】
２）の態様によれば、項目画像の端部を基準にしてメニュー表示領域の外に出たかを判定するので、当該判定処理を簡略化することができる。その結果、表示制御装置の処理負荷と消費電力を効果的に軽減することができる。
【０１２５】
３）本発明の一態様では、前記項目画像の前記所定方向の幅と、前記固定画像の前記所定方向の幅と、は同じ長さである、ことを特徴とする。
【０１２６】
３）の態様によれば、固定画像を、項目画像を覆うことのできる最低限のサイズとすることで、メニュー表示領域のスペースを有効活用することができる。また、メニュー表示領域のサイズを小さくすることが可能になり、表示領域全体のうちメニュー表示領域以外の部分を広くとることができるので、表示領域のレイアウトの自由度を更に高めることができる。
【０１２７】
４）本発明の一態様では、前記項目画像表示制御手段（１０１）は、前記メニュー表示領域内に、複数のフレームを、前記所定方向に並べて設定し、前記複数の項目画像を、当該設定された複数のフレームにそれぞれ関連付けるフレーム設定手段（１０１Ａ）を更に含み、前記スクロール手段（１０２）は、前記複数の項目画像と共に、それぞれの項目画像に関連付けられた複数のフレームをスクロールさせ、前記フレーム設定手段（１０１Ａ）は、何れかの前記フレームに関連付けられた項目画像が前記メニュー表示領域の外に出た場合、当該フレームを、前記所定方向のうちスクロールによる進行方向の逆側に移動させ、当該フレームに関連付けられていた項目画像とは異なる項目画像と関連付ける、ことを特徴とする。
【０１２８】
４）の態様によれば、メニュー表示領域の外に出たフレームを、スクロールによる進行方向の逆側に移動させることで、不要になったフレームを使いまわすことができるので、設定するフレーム数を抑えることができる。その結果、表示制御装置の処理負荷や消費電力を軽減するとともに、メモリ消費量も軽減することができる。また、フレームを使いまわすことによって、設定するフレームの数以上の項目を表示可能となる。例えば、項目画像を使ってゲームキャラクタの情報を表示する場合に、設定されるフレーム数が１１個であり、５０人のゲームキャラクタが用意されていたとすると、ゲームキャラクタの数よりも少ない１１個のフレームを使いまわすことによって、５０人分のゲームキャラクタの情報が表示させることができる。即ち、５０個のフレームを用意しなくても、５０人分の情報を表示させることができる。
【０１２９】
５）本発明の一態様では、前記フレーム設定手段（１０１Ａ）は、前記メニュー表示領域に表示される項目画像の数よりも１つ多い数の前記フレームを設定する、ことを特徴とする。
【０１３０】
５）の態様によれば、固定画像と、表示される項目画像の数よりも１つ多いフレームと、により項目画像が表示の対象から除外される際の見た目上の違和感を抑えることができる。このため、設定するフレームの数を、当該違和感を抑えるために必要最低限の数とすることができる。
【０１３１】
６）本発明の一態様では、前記固定画像は、前記複数の項目画像が示す内容を案内するための画像である、ことを特徴とする。
【０１３２】
６）の態様によれば、項目画像を覆い隠すためだけの何の情報も含まない画像を使うわけではないので、ユーザにとって有益な情報を提示することができる。また、固定画像自身が項目画像に関する情報を案内しているので、固定画像とは別に当該情報を案内するための画像を表示させる必要がなくなるので、メニュー表示領域のスペースを有効活用することもできる。
【０１３３】
７）本発明の一態様では、各項目画像は、当該項目画像に情報が表示される表示対象に関連付けられた複数の情報の中から抽出された情報を示す画像である、ことを特徴とする。
【０１３４】
７）の態様によれば、表示対象に関連付けられた複数の情報の中から抽出された情報の内容を示す項目画像をスクロールさせる場合の見た目上の違和感を抑えつつ、表示制御装置の処理負荷及び消費電力を低減させることができる。
【符号の説明】
【０１３５】
１  表示制御システム、１０  表示制御装置、１１  制御部、１２  記憶部、１３  通信部、１４  操作部、１５  表示部、３０  サーバ、３１  制御部、３２  記憶部、３３  通信部、Ｇ１，Ｇ１Ａ，Ｇ１Ｂ，Ｇ１Ｃ，Ｇ１Ｄ，Ｇ１Ｅ，Ｇ１Ｆ，Ｇ１Ｇ，Ｇ１Ｈ，Ｇ１Ｉ  メニュー画像、Ａ１０  情報表示領域、Ｇ１１  メニュー名称画像、Ａ１２  メニュー表示領域、Ｇ１３，Ｇ１３Ａ，Ｇ１３Ｂ，Ｇ１３Ｃ，Ｇ１３Ｄ，Ｇ１３Ｅ，Ｇ１３Ｆ，Ｇ１３Ｇ  項目画像、Ｇ１４  固定画像、１００  データ記憶部、１０１  項目画像表示制御部、１０１Ａ  フレーム設定部、１０２  固定画像表示制御部、１０３  スクロール部、１０４  判定部、１０５  除外部、ＤＴ１  所有キャラクタデータ、ＤＴ２  フレームデータ、Ｎ  ネットワーク、Ｆ，Ｆ１，Ｆ２，Ｆ３，Ｆ４，Ｆ５，Ｆ６，Ｆ７  フレーム、Ｌ１，Ｌ２  レイヤ。
【図１】
2018045477.tif 000003
【図２】
2018045477.tif 000004
【図３】
2018045477.tif 000005
【図４】
2018045477.tif 000006
【図５】
2018045477.tif 000007
【図６】
2018045477.tif 000008
【図７】
2018045477.tif 000009
【図８】
2018045477.tif 000010
【図９】
2018045477.tif 000011
【図１０】
2018045477.tif 000012
【図１１】
2018045477.tif 000013
【図１２】
2018045477.tif 000014
【図１３】
2018045477.tif 000015
【図１４】
2018045477.tif 000016
【図１５】
2018045477.tif 000017