JP2013061804A - Ｇｕｉ配置シミュレータ、およびｇｕｉ配置設定支援方法 - Google Patents

Abstract

【課題】小型の機器で操作性のよい入力手段を実現させるのは困難である。
【解決手段】ＧＵＩ配置シミュレーション画面１８０において、画面サイズ指定ウィンドウ１８２は、実際にＧＵＩを表示する情報処理装置を想定した仮想的な画面のアスペクト比とサイズの指定を受け付ける。指定されたアスペクト比およびサイズが反映されたＧＵＩ画像表示ウィンドウ１８４に、作成中のＧＵＩ配置情報ファイルにおいて設定されているＧＵＩの位置およびサイズと、指定された画面サイズとに基づき、実際にＧＵＩを表示する情報処理装置でなされるのと同じように調整した配置で各ＧＵＩを表示する。
【選択図】図１２

Description

本発明は、タッチパネルを用いてユーザの手操作入力を受け付ける情報処理技術に関する。

近年、携帯ゲーム機、携帯電話、ＰＤＡ（Personal Data Asistance）、タブレットなど、携帯を想定した小型の情報機器が普及している。このような小型の機器はそのサイズ上の制約から入力手段も限定される。結果として、小型機器に特化した入力手段や機能が独自の発達を遂げてきた。例えばディスプレイ表面をタッチパネルで覆い、指やタッチペンでの入力を可能とすることにより、ディスプレイに表示されたオブジェクトなどを直接操作しているような感覚を与えることができる。

一方、そのような小型機器を利用して、設置型のゲーム機やパーソナルコンピュータと同等の情報処理を行う環境も整いつつある。例えば小型機器をユーザが操作し、ネットワークを介して接続した設置型の機器が実際の情報処理を行うことにより、高度なゲームを、場所を問わず楽しめるようになってきた。また、設置型の機器のためのゲームをエミュレートすることにより小型の機器で実行することも可能となってきている。

このように近年では、ゲームなどの情報処理を、機器の大きさや使用環境に関わらず行えるようにする技術的方向性がみられる。しかしながら、小型の機器を利用してそのような高度化した情報処理を実施しようとすると、上述のとおり入力手段の制約に起因して操作性が劣ってしまう、という問題があった。また小型の機器にあっては特に、画面サイズを確保するために、ＧＵＩ（Graphical User Interface）を入力手段として画面内に表示することが有効であるが、表示する内容ごと、装置の画面サイズごとに細かい設定を行うのは困難であった。

本発明はこのような課題に鑑みてなされたものであり、その目的は、表示する内容や画面のサイズに適した形態の入力手段を容易に実現できる技術を提供することにある。

本発明の態様はＧＵＩ配置シミュレータに関する。このＧＵＩ配置シミュレータは、タッチパネルで覆われたディスプレイを備えた情報処理装置において情報処理の結果として表示すべきコンテンツ画像にオンスクリーン表示するＧＵＩ（Graphical User Interface）の配置に係る情報の設定を支援するＧＵＩ配置シミュレータであって、ＧＵＩの位置およびサイズの基本設定値を受け付ける配置設定受付部と、想定する情報処理装置のディスプレイのサイズ指定を受け付ける画面サイズ指定受付部と、基本設定値から求められるディスプレイのサイズに対する条件と指定されたディスプレイのサイズとの比較結果に対応する調整を行うことによりＧＵＩの位置およびサイズを決定し、指定されたサイズを有する仮想的な画面を表す矩形領域に、決定に従う配置でＧＵＩを表示するＧＵＩ画像表示部と、確定された前記基本設定値をＧＵＩ配置情報ファイルとして格納する記憶部と、を備えることを特徴とする。

本発明の別の態様はＧＵＩ配置設定支援方法に関する。このＧＵＩ配置設定支援方法は、タッチパネルで覆われたディスプレイを備えた情報処理装置において情報処理の結果として表示すべきコンテンツ画像にオンスクリーン表示するＧＵＩ（Graphical User Interface）の配置に係る情報の設定を支援するＧＵＩ配置シミュレータが行うＧＵＩ配置設定支援方法であって、ＧＵＩの位置およびサイズの基本設定値を受け付けるステップと、仮想的な情報処理装置のディスプレイのサイズ指定を受け付けるステップと、基本設定値から求められるディスプレイのサイズに対する条件と指定されたディスプレイのサイズとの比較結果に対応する調整を行うことによりＧＵＩの位置およびサイズを決定するステップと、指定されたサイズを有する仮想的な画面を表す矩形領域に、決定に従う配置でＧＵＩを配置した画像をディスプレイに表示するステップと、確定された前記基本設定値をＧＵＩ配置情報ファイルとして記憶装置に格納するステップと、を含むことを特徴とする。

なお、以上の構成要素の任意の組合せ、本発明の表現を方法、装置、システム、コンピュータプログラムなどの間で変換したものもまた、本発明の態様として有効である。

本発明によると、表示する内容や画面サイズに適した入力手段を容易に実現できる。

本実施の形態の情報処理装置の外観例を示す図である。 本実施の形態においてジョイスティックＧＵＩとして表示するグラフィックスと、その操作手法を説明するための図である。 本実施の形態における情報処理装置の構成を詳細に示す図である。 本実施の形態におけるＧＵＩ配置情報ファイルに記録されるデータの構造例を示す図である。 図４で示したＧＵＩ配置情報テーブルで設定される、各ＧＵＩの位置およびサイズの設定例を説明するための図である。 本実施の形態におけるＧＵＩ配置部がＧＵＩの位置およびサイズを決定する原理を説明するための図である。 本実施の形態における画面サイズの変化に対するＧＵＩ画像の変化例を示す図である。 本実施の形態においてユーザがＧＵＩの位置とサイズを調整するための受付画面の例を示す図である。 本実施の形態のＧＵＩの位置とサイズを調整するための受付画面において調整対象のＧＵＩが移動中の画面例を示す図である。 本実施の形態における情報処理装置がＧＵＩ画像表示に係る処理を行う手順を示すフローチャートである。 本実施の形態においてＧＵＩ配置情報ファイルの作成を支援するＧＵＩ配置シミュレータの構成を示す図である。 本実施の形態におけるＧＵＩ配置シミュレータによって表示される画面例を示す図である。 本実施の形態におけるＧＵＩ配置シミュレータがＧＵＩ配置情報ファイルの作成を支援する処理手順を示すフローチャートである。 本実施の形態において１つのコンテンツ実行ファイルに複数のＧＵＩ配置情報ファイルを対応づける態様を説明するための図である。

図１は本実施の形態の情報処理装置の外観例を示している。情報処理装置１０はユーザが持ち運びできる小型の装置であり、携帯電話、ＰＤＡ、携帯ゲーム機、タブレットなどのいずれでもよい。またそれらを組み合わせた機能を有していてもよい。そのため情報処理装置１０は、機能に応じた様々な処理機構を備えてよいが、それらは一般的な技術を利用できるため、以後、適宜説明を省略する。

情報処理装置１０は、ディスプレイ１４が本体前面に配置され、起動スイッチ４０が側面に配置された構成を有する。ディスプレイ１４の背面にはＣＰＵ、グラフィックプロセッサユニット、サウンドプロセッサ、メモリなど各種情報処理に必要な機構が内蔵されている（図示せず）。ディスプレイ１４は液晶ディスプレイ、ＥＬ（Electronic Luminescence）ディスプレイ、プラズマディスプレイなど一般的なディスプレイのいずれかでよい。ディスプレイ１４の上面はタッチパネル１２で覆われている。タッチパネル１２は抵抗膜方式、光学式、静電容量結合式など実用化されている方式のいずれかで実現する。

情報処理装置１０はそのほか、音声を出力するスピーカ、イヤホン接続端子、他の装置との通信を行う赤外線ポートや無線ＬＡＮの機構、電池ボックスなどを備えてよいが、ここでは図示を省略している。

ディスプレイ１４には、メニュー画面、アイコンなどユーザの操作入力に必要な画面、情報処理の結果であるゲーム画面、動画再生画面、テキスト表示画面、写真表示画面などを機能に応じて表示する。さらに、それを見ながらユーザが操作入力を行うためのＧＵＩをオンスクリーン表示する。

ユーザは当該ＧＵＩを操作するように、タッチパネル１２上を手指で触れたり手指を滑らせたりすることにより、情報処理装置１０への操作入力を行う。図１においては、方向キーのグラフィックスを表示した方向キーＧＵＩ４２、○ボタン、×ボタン、□ボタン、△ボタンの４種の操作ボタン群のグラフィックスを表示した４種ボタンＧＵＩ４４、全方向対応の方向指示を行うためのグラフィックスを表示したジョイスティックＧＵＩ４６ａ、４６ｂ、「Ｌ」ボタンのグラフィックスを表示したＬボタンＧＵＩ４８、「Ｒ」ボタンのグラフィックスを表示したＲボタンＧＵＩ５０、「ＳＥＬＥＣＴ」ボタンと「ＳＴＡＲＴ」ボタンのグラフィックスを表示したＳＥＬＥＣＴ／ＳＴＡＲＴボタンＧＵＩ５２がＧＵＩとして装備されている。

以後、同図で示すＧＵＩを例に説明するが、これらはあくまで例示であり、そのデザインや役割を限定する主旨ではない。これらのＧＵＩは例えば、据え置き型のゲーム機のコントローラなどと同等の操作性を有する入力手段を実現するために導入される。方向キーＧＵＩ４２は、上下左右の４方向、またはその中間の方向を含む８方向にキーイン可能に構成されており、例えば画面上でのカーソルの移動や、画面のスクロールなどに用いられる。またゲーム画面においてゲームに登場しているキャラクターの移動方向を変化させるのに用いるなどでもよい。

４種ボタンＧＵＩ４４には、実行する処理内容によりそれぞれ異なる機能が割り付けられる。例えばメニュー画面において所望の項目を選択するときは、一覧表示された項目名やアイコンのうち強調表示の対象を方向キーＧＵＩ４２のいずれかの方向のキーに触れることにより移動させ、４種ボタンＧＵＩ４４の○ボタンに触れることにより確定させる。また会話型のゲームにおいて、４種ボタンＧＵＩ４４の○ボタンや×ボタンに触れることにより肯定、否定の意思表示を行うなどでもよい。

ＬボタンＧＵＩ４８、ＲボタンＧＵＩ５０は、例えばゲームにおける視線の方向を変えたり、他のボタンと同時に操作することによって、異なる動きを加えたりするのに用いられる。ＳＥＬＥＣＴ／ＳＴＡＲＴボタンＧＵＩ５２のうち「ＳＥＬＥＣＴ」ボタンは、例えばメニューとして表示された項目から選択するのに用いられ、「ＳＴＡＲＴ」ボタンは動画、音楽再生などを開始させるのに用いられる。

「ＳＥＬＥＣＴ」ボタンと「ＳＴＡＲＴ」ボタンの間には図示するように、ＳＥＬＥＣＴ／ＳＴＡＲＴボタンＧＵＩ５２の表示／非表示を切り替えるためのボタンを表す図形をさらに表示してもよい。この状態で当該図形に触れるとＳＥＬＥＣＴ／ＳＴＡＲＴボタンＧＵＩ５２が非表示ととなり当該図形のみが残される。その状態で当該図形を操作すると、ＳＥＬＥＣＴ／ＳＴＡＲＴボタンＧＵＩ５２が表れる。また当該図形に触れることにより、図形以外のすべてのＧＵＩを非表示とし、一時的にコンテンツの視認性をよくしたり、コンテンツへのタッチをしやすくするなどの目的で用いることもできる。この場合も、再度当該図形に触れることにより、一旦非表示とされたＧＵＩが再表示される。なおＬボタンＧＵＩ４８、ＲボタンＧＵＩ５０、ＳＥＬＥＣＴ／ＳＴＡＲＴボタンＧＵＩ５２も実行する処理内容により様々な機能が割り付けられてよい。

左右のジョイスティックＧＵＩ４６ａ、４６ｂは、ゲームのコントローラなどに用いられる任意方向に傾倒可能なジョイスティックを画像として擬似的に再現したＧＵＩである。ジョイスティックＧＵＩ４６ａ、４６ｂは少なくとも一つの円によって構成され、円の中心からユーザによる接触点までの方向および距離に基づき方向および大きさを入力するように構成される。

このＧＵＩにより任意方向、任意量の入力が可能となるため、ゲームに登場するキャラクタやオブジェクトの移動方向や移動速度、視野の転回などのコントロールに用いることができる。図２はジョイスティックＧＵＩ４６ａとして表示するグラフィックスと、その操作手法を説明するための図である。ジョイスティックＧＵＩ４６ｂも同様である。

ジョイスティックＧＵＩ４６ａへの操作は、ユーザがジョイスティックＧＵＩ４６ａのグラフィックスとして表示されている円７２内の領域に触れた後、そのまま離すことなくタッチパネル上で指を滑らせている期間において有効とする。そして同図左側に示すように、円７２の中心７４からユーザの指７６ａの接触点までの方向ベクトル７１ａの方向および大きさを連続的に取得し、実際のジョイスティックを操作したときの傾倒方向および傾倒角度に対応する入力方向および入力値とする。

このとき指７６ａが触れている箇所に円などの標識７０を表示し、接触点の移動に合わせて移動させる。標識７０は、好適には指によって隠れない大きさ、形状を有する。さらに、輝いているような画像上の加工をその周囲に施したり、接触点の移動を追尾するように僅かに位置をずらしたり、移動跡をかすかに表示したりすることでさらに視認されやすくなる。

ジョイスティックＧＵＩ４６ａへの操作が有効な期間、すなわち円７２内の領域を始点とする接触が継続している期間は、同図右側に示すように、円７２の外側の領域も当該操作の検知領域とする。例えばタッチパネル１２の全領域を検知領域としてもよい。このとき、ディスプレイ１４に表示された他のＧＵＩを無効とすることにより、ジョイスティックＧＵＩ４６ａへの操作を、広い面積を用いてより自由に行える。

指７６ｂの接触点が円７２の外側にあるときは、円の中心７４からの方向のみを入力方向として取得し、入力値は中心７４から接触点までの距離によらず円７２または所定半径を有する同心円（同図においては同心円７７）の半径の値で飽和させる。このとき標識７０は円７２の円周に内接させた状態で、接触点の方向に対応して移動するように表示する。

このようなＧＵＩを設けることによって実現できる操作の内容は、情報処理装置が実現する機能に応じたボタン割り付けによって様々に変化させることができる。本実施の形態ではこのように、据え置き型のゲーム機やパーソナルコンピュータにおける入力手段をタッチパネルの形式で再現することにより、小型の情報機器における操作入力のバリエーションを据え置き型のゲーム機などと同等にできる。また据え置き型のゲーム機で慣れたゲームを、小型の機器でも違和感なく同様の操作性で行える。

一方、このように画面内に入力手段を設ける環境は、入力手段の種類を増やしたりサイズを大きくしたりして操作性を追求することと、コンテンツ画像など処理結果としての本来の画像を見やすくすることとの間にトレードオフの関係を生じさせる。両者の最適なバランスは、情報処理の内容、表示させたい画像、入力手段の種類や使用頻度、画面サイズ、など様々な要因で変化する。本実施の形態ではそのような要因の変化に対応できるＧＵＩの表示機構を実現する。

図３は情報処理装置１０の構成を詳細に示している。情報処理装置１０は上述したタッチパネル１２、ディスプレイ１４のほか、コンテンツを表示させるためのプログラムや各種データを記憶したコンテンツ記憶部１６、ＧＵＩとして用意された素材画像のデータを記憶したＧＵＩ画像記憶部１８、タッチパネル１２からの入力信号受信やディスプレイ１４への画像データの出力を制御する入出力制御部２０、各ＧＵＩのサイズや配置のユーザによる調整を受け付けるＧＵＩ配置調整受付部２１、タッチパネルからの入力信号を操作内容の情報に変換する操作情報変換部２２、各ＧＵＩの画像を画面の座標系に配置するＧＵＩ配置部２６、配置後のＧＵＩ画像を一時記憶するＧＵＩ画像バッファ２８を含む。

情報処理装置１０はさらに、ＧＵＩへの操作内容に応じてコンテンツ表示に係る情報処理を実行するコンテンツ処理部２４、コンテンツの画像を生成するコンテンツ画像生成部３０、生成したコンテンツの画像を一時記憶するコンテンツ画像バッファ３２、コンテンツの画像上にＧＵＩ画像をオンスクリーン表示した画像を生成する画像合成部３４を含む。

ここで「コンテンツ」は、コンピュータゲーム、動画、文章、写真、絵など電子的に処理しディスプレイ表示が可能な対象であればその種類は限定されない。また本実施の形態は、一般的な「コンテンツ」以外に、ウェブページの閲覧、スケジュール管理、住所録表示、文書作成、表計算など一般的な情報処理に対しても適用できる。以下の説明では、そのような画像表示を伴う情報処理を行うことを「コンテンツの実行」と総称する。

またＧＵＩ配置部２６が画面の座標系に配置した各ＧＵＩで構成される画像を以後、「ＧＵＩ画像」と呼ぶ。すなわち情報処理の結果である「コンテンツ画像」上に「ＧＵＩ画像」をオンスクリーン表示した画像が最終的な画像としてディスプレイ１４に表示される。

図３および後述する図１１において、様々な処理を行う機能ブロックとして記載される各要素は、ハードウェア的には、ＣＰＵ、メモリ、その他のＬＳＩで構成することができ、ソフトウェア的には、コンテンツを処理したり画像処理を行うプログラムなどによって実現される。したがって、これらの機能ブロックがハードウェアのみ、ソフトウェアのみ、またはそれらの組合せによっていろいろな形で実現できることは当業者には理解されるところであり、いずれかに限定されるものではない。

入出力制御部２０は既存の方法でタッチパネル１２、ディスプレイ１４と接続し、データの入出力を制御する。タッチパネル１２から受信する入力信号は、タッチパネル１２上でユーザが触れた接触点の座標、接触点が連続的に移動したときの座標の移動経路などである。タッチパネル１２における接触点の検知手法はその方式によって異なるためここでは言及しない。入出力制御部２０はまた、ディスプレイ１４に表示画像のビデオ信号を出力する。

コンテンツ記憶部１６は、コンテンツの処理に必要なプログラムや画像データなど各種データを記録したコンテンツ実行ファイル３８のほか、当該コンテンツに対応づけて設定され、各ＧＵＩの位置およびサイズに係る基本的な情報を記録したＧＵＩ配置情報ファイル３６、ユーザがＧＵＩの位置およびサイズを調整した結果を記録したユーザ設定情報ファイル３７を記憶する。ＧＵＩ配置情報ファイル３６はコンテンツ作成者などにより作成され、コンテンツ実行ファイル３８と対応づけられて提供される。ＧＵＩ配置調整受付部２１は、このように提供されたＧＵＩ配置情報ファイル３６に記録された情報、すなわち各ＧＵＩの位置やサイズを、ユーザが自分の好みに合わせて調整しユーザ設定情報ファイル３７を作成するためのインターフェースである。

コンテンツ実行ファイル３８は例えば、コンテンツがゲームであれば、そのプログラム、プレイヤーの情報、前回のプレイ時の到達レベルなどの情報を記録する。コンテンツが映画や音楽であれば、圧縮符号化されたビデオデータ、オーディオデータと、それを復号再生するためのプログラムなどを記録する。コンテンツ記憶部１６は、ハードディスクドライブでもよいし、メモリカード、ＲＯＭディスク、光ディスク、光磁気ディスクなどのリムーバブル記録媒体とそれに対応した読み取り装置との組み合わせで実現してもよい。

ＧＵＩ画像記憶部１８は、方向キーや４種ボタンなど、ＧＵＩ画像の素材となる画像データを記憶するハードディスクドライブなどの記憶装置である。操作情報変換部２２は、タッチパネル１２からの入力信号を入出力制御部２０から取得し、当該信号に含まれる接触点の座標などを操作内容の情報へ変換する。具体的には図１で示したＧＵＩへの操作の解釈のほか、初期画面などで表示されるアイコン配列やメニュー画面からの選択入力についても、接触点に基づき選択された項目を特定する。

そのため、アイコン、メニュー項目、ＧＵＩなど操作対象のグラフィックスが表示される領域と、当該領域が触れられたときの操作内容との対応関係を示す情報を、コンテンツ実行ファイル３８に記録しておき、操作情報変換部２２がそれを読み出す。さらに図１で示したＧＵＩの領域に係る情報は、ＧＵＩ配置部２６がＧＵＩ画像を生成した際に、ＧＵＩ配置部２６からの通知により取得する。

そしてコンテンツ実行ファイル３８に設定された、ＧＵＩの識別情報と操作内容との対応づけに基づき、領域と操作内容との対応づけを行う。実際の操作時は、入出力制御部２０から取得した接触点の座標が現在表示されている各ＧＵＩの検知領域内にある場合に、当該ＧＵＩに対応づけられた操作内容を特定する。

操作内容の情報のうちコンテンツ処理に係る情報はコンテンツ処理部２４へ、ＧＵＩの表示に係る情報はＧＵＩ配置部２６へ、それぞれ通知される。ＧＵＩ配置部２６は、コンテンツの選択操作がなされたときや、ＧＵＩの表示を変化させるべき操作がなされたときに、コンテンツ記憶部１６から読み出したユーザ設定情報ファイル３７またはＧＵＩ配置情報ファイル３６に設定された情報に基づき、ＧＵＩ画像記憶部１８から読み出した各ＧＵＩの画像を適宜拡縮して画面の座標系に配置する。ＧＵＩ配置情報ファイル３６を読み出した場合、ＧＵＩ配置部２６は、自装置のディスプレイ１４の画面サイズと、ＧＵＩ配置情報ファイル３６に設定された情報とを比較し、設定を遵守しながら画面サイズに合うように、ＧＵＩの位置とサイズを決定する。

配置の結果生成したＧＵＩ画像はＧＵＩ画像バッファ２８に格納する。さらに、決定したＧＵＩの位置とサイズの情報は、操作情報変換部２２にも与える。ＧＵＩ配置部２６と操作情報変換部２２とを、双方向の情報伝送可能に構成することにより、現在表示されているＧＵＩに対する操作に応じて別のＧＵＩを新たに表示したり、配置、大きさ、デザインなどを変化させられるようにできる。例えば図２で示したジョイスティックＧＵＩ４６ａへの操作が有効となっている状態において、無効となる他のＧＵＩの画像を非表示としてもよい。標識７０の表示も同様の機構により行える。

コンテンツ処理部２４は、コンテンツ記憶部１６が記憶するコンテンツ実行ファイル３８を参照し、ユーザの操作内容に応じたコンテンツの処理を行う。実際の処理手順はコンテンツの内容に応じて一般的に行われている通りである。コンテンツ画像生成部３０は、コンテンツ処理部２４による処理の結果として出力すべきコンテンツ画像のデータを生成し、コンテンツ画像バッファ３２に格納する。

画像合成部３４は、ＧＵＩ画像バッファ２８に格納されたＧＵＩ画像のデータと、コンテンツ画像バッファ３２に格納されたコンテンツ画像のデータを用いて画像処理を行うことにより、コンテンツ画像上にＧＵＩ画像がオンスクリーン表示された画像を生成し内部のフレームバッファに格納する。当該フレームバッファに格納された画像に対応するビデオ信号が、入出力制御部２０の制御のもとディスプレイ１４に送信されることにより、ＧＵＩを含む画像がディスプレイ１４に表示される。

図４はＧＵＩ配置情報ファイル３６に記録されるデータの構造例を示している。本実施の形態では上述のとおり、コンテンツごとに１つのＧＵＩ配置情報ファイル３６を、標準設定として画面サイズによらず共通に作成しておき、各情報処理装置のＧＵＩ配置部２６が、当該ファイルを参照しながら自装置の画面サイズに適した位置とサイズで各ＧＵＩを配置する。

ＧＵＩ配置情報ファイル３６に記録されるＧＵＩ配置情報テーブル１００は、ＧＵＩ識別情報欄１０２、表示切り替え欄１０４、位置欄１０６、サイズ欄１０８、左右リンク欄１１０を含む。ＧＵＩ識別情報欄１０２は、表示可能なＧＵＩの識別情報を示す。同図においては、「Ｌボタン」、「Ｒボタン」、「左ジョイスティック」、「右ジョイスティック」、「方向キー」、「４種ボタン」「ＳＥＬＥＣＴ／ＳＴＡＲＴボタン（水平）」、「ＳＥＬＥＣＴ／ＳＴＡＲＴボタン（垂直）」の８つのＧＵＩの名称が示されている。

「ＳＥＬＥＣＴ／ＳＴＡＲＴボタン（垂直）」以外の７つのＧＵＩは、図１で示したＬボタンＧＵＩ４８、ＲボタンＧＵＩ５０、ジョイスティックＧＵＩ４６ａ、４６ｂ、方向キーＧＵＩ４２、４種ボタンＧＵＩ４４、ＳＥＬＥＣＴ／ＳＴＡＲＴボタンＧＵＩ５２にそれぞれ対応している。「ＳＥＬＥＣＴ／ＳＴＡＲＴボタン（垂直）」は、「ＳＥＬＥＣＴ／ＳＴＡＲＴボタン（水平）」を変形したＧＵＩである。

なお同図ではＧＵＩ識別情報欄１０２に各ＧＵＩの名称を示しているが、識別符号、識別番号などでもよい。このようなＧＵＩの識別情報は、ＧＵＩ画像記憶部１８に格納された各ＧＵＩの画像データの識別や、操作情報変換部２２が接触点の情報を操作内容へ変換する際に参照する、ＧＵＩと操作内容とを対応づけた情報にも共通に用いられる。

表示切り替え欄１０４には、ＧＵＩ識別情報欄１０２に示された各ＧＵＩを表示するか否かを設定する。同図においては全てのＧＵＩに対し「ＯＮ」、すなわち表示する設定がなされている。この設定を「ＯＦＦ」、すなわち非表示とすることで、当該ＧＵＩは表示対象から外される。これにより不必要なＧＵＩを非表示とし、コンテンツ画像の隠蔽面積を減らすことができる。なお方向キーＧＵＩ、４種ボタンＧＵＩ、ＳＥＬＥＣＴ／ＳＴＡＲＴボタンＧＵＩなど複数のボタンで構成されるＧＵＩは、その一つずつに対し表示／非表示を設定可能としてもよい。

位置欄１０６には、ＧＵＩ識別情報欄１０２に示された各ＧＵＩの、画面における位置を設定する。より詳細には、各ＧＵＩの素材画像の左上または中心などの基準点の位置を、画面のＸ座標（横方向）、Ｙ座標（縦方向）で設定する。このときＹ座標は、画面の縦方向の長さに対する画面端からの割合で表す。同図においては上端からの割合を１００分率で表している。一方、Ｘ座標は、画面端からの長さで表す。同図においては、左側のＧＵＩは画面の左端から、右側のＧＵＩは画面の右端からの距離をインチ単位で表している。このように位置を設定する画面の座標系は、原点および単位を全てのＧＵＩで共通としなくてよい。

このようにすることで、縦方向に対しては画面サイズが変化しても中央付近など装置を把持する手に近い位置にＧＵＩを配置できる。一方、横方向に対しては、画面サイズの変化によらず、画面の左右の端に接した状態あるいは端近傍の所定距離内にＧＵＩを配置できる。またＧＵＩの縦方向の配列に不自然な凹凸が生じないようにできる。

サイズ欄１０８には、ＧＵＩ識別情報欄１０２に示された各ＧＵＩの画像の幅「Ｗ」と高さ「Ｈ」を設定する。同図においてはインチ単位で表している。操作に好適なＧＵＩの大きさは主に指の大きさや可動範囲で決まるため、基本的には画面のサイズによらず固定とする。ただし後述するように、画面サイズによってはＧＵＩ配置部２６がサイズ調整を行う。

左右リンク欄１１０には、画面の左側に配置するＧＵＩと右側に配置するＧＵＩの対を、画面サイズによらず常に同じ高さに表示させるか否かを設定する。同じ高さ、すなわち縦方向で同じ位置に表示させる設定を「リンクさせる」と呼ぶ。同図においては「Ｌボタン」と「Ｒボタン」、「左ジョイスティック」と「右ジョイスティック」、「十字ボタン」と「４種ボタン」がそれぞれ対となっており、基本的には左右の同じ高さに表示されることを想定している。

そのため各対は、位置欄１０６におけるＹ座標が「５％」、「２０％」、「４５％」と設定されている。しかし後述するように、表示対象とするＧＵＩや画面サイズによっては、ＧＵＩ配置部２６が当該Ｙ座標の設定以外の配置を決定する場合がある。このとき左右リンク欄１１０においてリンクさせる設定がなされているときはそれを優先させることにより、左右の対の高さがずれて不自然な配置にならないようにする。同図においては全ての対に対し「ＯＮ」、すなわちリンクさせる設定がなされている。リンクの必要がない場合は「ＯＦＦ」などと設定する。

図５は図４で示したＧＵＩ配置情報テーブル１００で設定される、各ＧＵＩの位置およびサイズの設定例を説明するための図である。同図に示すように画面１２０において、ＬボタンＧＵＩ４８、左のジョイスティックＧＵＩ４６ａ、方向キーＧＵＩ４２を左側、ＲボタンＧＵＩ５０、右のジョイスティックＧＵＩ４６ｂ、４種ボタンＧＵＩ４４、ＳＥＬＥＣＴ／ＳＴＡＲＴボタンＧＵＩ５３を右側に配置する例を想定する。ここでＳＥＬＥＣＴ／ＳＴＡＲＴボタンＧＵＩ５３以外は図１で示した各ＧＵＩに対応している。

ＳＥＬＥＣＴ／ＳＴＡＲＴボタンＧＵＩ５３は、図１で示したＳＥＬＥＣＴ／ＳＴＡＲＴボタンＧＵＩ５２で水平方向に並べたＳＥＬＥＣＴボタンとＳＴＡＲＴボタンの図形を、垂直方向に並べた状態となっている。このＧＵＩが図４のＧＵＩ配置情報テーブル１００において最終行に示された「ＳＥＬＥＣＴ／ＳＴＡＲＴボタン（垂直）」のＧＵＩであり、図１のＳＥＬＥＣＴ／ＳＴＡＲＴボタンＧＵＩ５２に対応する「ＳＥＬＥＣＴ／ＳＴＡＲＴボタン（水平）」とは別に設定する。「ＳＥＬＥＣＴ／ＳＴＡＲＴボタン（垂直）」と「ＳＥＬＥＣＴ／ＳＴＡＲＴボタン（水平）」の切り替えについては後に述べる。

この７種類のＧＵＩのそれぞれに対し、位置欄１０６およびサイズ欄１０８に、画面上の位置およびサイズを設定する。同図に示すような配置とする場合、ＬボタンＧＵＩ４８、左側のジョイスティックＧＵＩ４６ａ、方向キーＧＵＩ４２の順に、位置欄１０６には（Ｘ１，Ｙ１）、（Ｘ３，Ｙ３）、（Ｘ５，Ｙ５）を設定し、サイズ欄１０８には（Ｗ１，Ｈ１）、（Ｗ３，Ｈ３）、（Ｗ５，Ｈ５）を設定する。ただしＸ１、Ｘ３、Ｘ５は画面の左端を０として右方向を正とする軸に対する各ＧＵＩの重心の座標をインチ単位で表した数値であり、Ｙ１、Ｙ３、Ｙ５は、画面の上端を０、下端を１００とする軸に対する各ＧＵＩの重心の座標である。

同様に、ＲボタンＧＵＩ５０、右側のジョイスティックＧＵＩ４６ｂ、４種ボタンＧＵＩ４４、ＳＥＬＥＣＴ／ＳＴＡＲＴボタンＧＵＩ５３の順に、位置欄１０６には（Ｘ２，Ｙ２）、（Ｘ４，Ｙ４）、（Ｘ６，Ｙ６）、（Ｘ７，Ｙ７）を設定し、サイズ欄１０８には（Ｗ２，Ｈ２）、（Ｗ４，Ｈ４）、（Ｗ６，Ｈ６）、（Ｗ７，Ｈ７）を設定する。このときＸ２、Ｘ４、Ｘ６、Ｘ７は、画面の右端を０として右方向を正とする軸に対する各ＧＵＩの重心の座標をインチ単位で表した数値である。Ｙ２、Ｙ４、Ｙ６、Ｙ７は上述と同様である。

図６は、ＧＵＩ配置部２６が自装置の画面サイズとＧＵＩ配置情報ファイル３６における設定に基づき、ＧＵＩの位置およびサイズを決定する原理を説明するための図である。同図において点線は縦方向に隣り合う２つのＧＵＩの重心間の距離Ｄ、実線は当該重心間で２つのＧＵＩの画像が占める幅の和Ｗｓｕｍの、画面サイズに対する変化を示している。

例えば図５に示した設定において、左側のジョイスティックＧＵＩ４６ａと方向キーＧＵＩ４２を例にとると、
Ｄ＝（Ｙ５−Ｙ３）×Ｖ
Ｗｓｕｍ＝（Ｈ３＋Ｈ５）／２
である。ここで画面の高さをＶ（インチ）としている。

つまり設定に従えば、重心間の距離Ｄは画面の高さＶに比例する変数であり、ＧＵＩの幅の和Ｗｓｕｍは定数である。そのため画面のサイズが小さくなるといずれは両者が等しくなる。同図ではそのときの画面の高さを「Ｖｔｈ１」としている。同図に示すように、高さＶがＶｔｈ以上の画面サイズでは、重心間の距離ＤがＧＵＩの幅の和Ｗｓｕｍより大きいため、ＧＵＩ同士が重なり合うことがない。従ってこの条件ではＧＵＩ配置部２６は、ＧＵＩ配置情報ファイル３６の設定に従い、各ＧＵＩの位置およびサイズを決定する。

一方、画面の高さＶがＶｔｈ１より小さいときは、設定に従えば重心間の距離ＤがＧＵＩの幅の和Ｗｓｕｍより小さくなりＧＵＩ同士が重なり合う状態となる。このときＧＵＩ配置部２６は、ＧＵＩ配置情報ファイル３６の設定のうち当該２つのＧＵＩの縦方向の位置の設定を無効とする。そして図６に示すように、重心間の距離ＤがＧＵＩの幅の和Ｗｓｕｍと等しい状態、すなわちＧＵＩ同士が接した状態となるように２つのＧＵＩの位置を決定する。Ｖｔｈは縦方向に隣り合うする２つのＧＵＩの組ごとに決まるため、当該組ごとに画面の高さＶとの比較を行い、設定値の有効／無効を決定する。

画面サイズがさらに小さくなってくると、縦の配列に含まれる全てのＧＵＩが接した状態となったうえ、設定に従えばそれらのＧＵＩの高さの和が画面の高さＶを超えてしまうようになる。同図ではそのときの画面の高さを「Ｖｔｈ２」としている。このときＧＵＩ配置部２６は、ＧＵＩ配置情報ファイル３６の設定のうちそれらのＧＵＩの縦方向の位置の設定に加え、サイズの設定も無効とする。そして図６に示すように、ＧＵＩのサイズを縦横２方向に対しＶ／Ｖｔｈ２倍に縮小する。このときもＧＵＩ同士が接した状態となるように位置を決定する。

このようにＧＵＩ配置部２６は、Ｖｔｈ１、Ｖｔｈ２の値をＧＵＩ配置情報ファイル３６の設定値から算出し、自装置の画面の高さＶと大きさを比較することにより、設定に従いＧＵＩを表示する、少なくともいずれかのＧＵＩの位置の設定を無効としてつめて表示する、縦の配列に属する全ＧＵＩの位置とサイズの設定を無効とし縮小してつめて表示する、という３つの態様のいずれかに処理を分岐させる。このようにすることで、画面サイズが異なっていても、ＧＵＩ配置情報ファイル３６における設定意図を可能な限り汲んだ状態でＧＵＩを表示できる。

図７は画面サイズの変化に対するＧＵＩ画像の変化例を示している。まずＶ＞Ｖｔｈ１なる高さを有する画面サイズＡの画面においては、ＧＵＩ配置情報ファイル３６の設定に従った位置およびサイズで各ＧＵＩを表示する（画面１３４）。一方、Ｖ＜Ｖｔｈ２なる高さを有する画面サイズＣの画面の場合、画面サイズに応じて各ＧＵＩのサイズを縮小し、縦方向につめた状態でＧＵＩを表示する（画面１３８）。

またＶｔｈ２＜Ｖ＜Ｖｔｈ１なる高さを有する画面サイズＢの画面の場合、上述のとおり各ＧＵＩのサイズはそのままで、縦方向の位置が調整された状態でＧＵＩを表示する（画面１３６）。同図の例では、方向キーＧＵＩ４２と４種ボタンＧＵＩ４４が、直上に位置するジョイスティック４６ａ、４６ｂと重なり合わないように、画面１３４の場合よりいくらか下方に位置している。

また画面１３６では、ＳＥＬＥＣＴ／ＳＴＡＲＴボタンＧＵＩのデザインおよび配置を切り替えている。つまりサイズＡのときの画面１３４において画面右側に表示していた、垂直方向にボタンの図形を並べたＳＥＬＥＣＴ／ＳＴＡＲＴボタンＧＵＩ５３から、水平方向にボタンの図形を並べたＳＥＬＥＣＴ／ＳＴＡＲＴボタンＧＵＩ５２の画面下端中央への表示に切り替えている。このような切り替えは、所定の画面サイズを境界として行ってもよいし、元の設定では他のＧＵＩと重なってしまう場合に行ってもよい。

画面１３４のＳＥＬＥＣＴ／ＳＴＡＲＴボタンＧＵＩ５３と、画面１３６のＳＥＬＥＣＴ／ＳＴＡＲＴボタンＧＵＩ５２は、図４のＧＵＩ配置情報テーブル１００で示した「ＳＥＬＥＣＴ／ＳＴＡＲＴボタン（垂直）」と「ＳＥＬＥＣＴ／ＳＴＡＲＴボタン（水平）」に対応している。デザイン上の観点から画面サイズに応じて形や位置を切り替えたいＧＵＩ、または画面の高さＶ＜Ｖｔｈ２である画面において縮小が好ましくないＧＵＩについては、このように、ＧＵＩ配置情報ファイル３６においてあらかじめ複数のパターンを設定しておく。

なおこのような切り替えはＳＥＬＥＣＴ／ＳＴＡＲＴボタンＧＵＩに限らず、例えば４種ボタンを水平に並べて画面の下端中央に表示してもよいし、単にいずれかのＧＵＩを左側や右側のＧＵＩの配列から離して別の領域に配置するようにしてもよい。いずれの場合も、ＧＵＩの使用頻度や操作性に鑑み、サイズを縮小させるより位置を変化させた方が望ましいなどの設定者の意図を反映させることができる。ＧＵＩ配置部２６は、画面の高さＶがＶｔｈ１より小さい場合に、対象となるＧＵＩの別のパターンがＧＵＩ配置情報ファイル３６に設定されていればそれを採用し、設定されていなければ上述の通り、他のＧＵＩとの関係によって位置とサイズを決定する。

なお画面１３８のように、縦方向につめてＧＵＩを表示する状態において、例えば左側のジョイスティック４６ａが非表示であったとすると、その下の方向キーＧＵＩ４２がさらに上につめてしまい、本来同じ高さに表示することを想定してデザインされた４種ボタンＧＵＩ４４とずれてしまうことが考えられる。このような状況を回避するため、図４のＧＵＩ配置情報テーブル１００においてリンクが設定されている場合は、それを優先するように位置を決定する。これにより上下のＧＵＩとの間隔がどのようであっても、同じ高さに表示すべきＧＵＩの対については常にずれることなく表示される。

図８はＧＵＩ配置調整受付部２１がディスプレイ１４に表示する、ユーザがＧＵＩの位置とサイズを調整するための受付画面の例を示している。この調整画面は、コンテンツ実行処理の開始前、処理の途中を問わず、ＧＵＩの所定のボタンに触ることによっていつでも呼び出せるようにする。あるいはメニュー画面を呼び出したうえでそこから選択することにより呼び出すなどでもよい。

ＧＵＩ配置調整画面１４０ａは、調整開始直前のＧＵＩ画像上に、調整を促すメッセージ１４２と、各ＧＵＩを囲む矩形１４４を表示したものである。この例では、矩形１４４で囲まれたＧＵＩのうち、調整したいＧＵＩに一旦触れることによって、当該ＧＵＩを調整対象とする。このとき当該ＧＵＩのサイズ調整を受け付けるための図形１４６をＧＵＩ近傍に表示する。ユーザはそれを拡大方向、縮小方向に移動させることによりサイズを調整する。また調整対象のＧＵＩに触れ、接触を継続したまま移動させる（ドラッグする）ことによって位置を調整する。

図９はそのようにして調整対象のＧＵＩが移動中の画面例を示している。ＧＵＩ配置調整画面１４０ｂでは、ユーザが４種ボタンＧＵＩ４４の領域内に触れてドラッグすることによって当該ＧＵＩの位置が左上に移動した状態となっている。しかしジョイスティックＧＵＩ４６ｂなど他のＧＵＩと重なる位置にある場合は、当該位置には移動できないことを示すため、ＧＵＩを囲む矩形１４８の色や形状を元の矩形１４４から変化させる。

このように調整対象のＧＵＩの位置やサイズが調整画面上で変更された場合は、図８のメッセージ１４２に代わり、当該変更を決定するための決定ボタンＧＵＩ１５０、および元の設定に戻す初期設定ボタンＧＵＩ１５２を表示させる。決定ボタンＧＵＩ１５０に触れられたら、ＧＵＩ配置調整受付部２１は、その時点における全ＧＵＩの位置および配置を絶対値で表したユーザ設定情報ファイル３７を作成あるいは更新し、コンテンツ記憶部１６に格納する。コンテンツ記憶部１６にユーザ設定情報ファイルが格納されている場合、ＧＵＩ配置部２６はＧＵＩ配置情報ファイル３６よりユーザ設定情報ファイル３７の情報を優先して各ＧＵＩを配置する。初期設定ボタンＧＵＩ１５２に触れられたら、ＧＵＩ配置調整受付部２１はユーザ設定情報ファイル３７を破棄する。

次に、これまで述べた構成によって実現できる情報処理装置１０の動作について説明する。図１０は情報処理装置１０が行う、ＧＵＩ画像表示に係る処理の手順を示すフローチャートである。同フローチャートはユーザが起動スイッチ４０をオンすることにより情報処理装置１０が起動されたときや、実行すべきコンテンツが選択されたときに開始される。なお同図に示した処理と並行し、情報処理装置１０のコンテンツ処理部２４やコンテンツ画像生成部３０は、コンテンツ実行ファイル３８に基づきコンテンツに係る情報処理を適宜行っているものとする。

まずユーザがＧＵＩ配置調整画面を呼び出した場合（Ｓ１０のＹ）、ＧＵＩ配置調整受付部２１は、図８で例示したようなＧＵＩ配置調整画面を表示する（Ｓ１２）。ユーザが調整したいＧＵＩをドラッグしたり、拡大縮小用の図形を操作したりして位置やサイズの調整を行うと（Ｓ１４）、ＧＵＩ配置調整受付部２１は調整後のＧＵＩ配置を絶対値で示したユーザ設定情報ファイル３７を作成し、コンテンツ記憶部１６に格納する（Ｓ１６）。以前に作成したユーザ設定情報ファイル３７が存在する場合はそれを更新する。そしてユーザ設定情報ファイル３７に基づきＧＵＩ画像を作成し、コンテンツ画像にオンスクリーン表示することにより最終的な画像を表示する（Ｓ３０）。

ユーザがＧＵＩ配置調整を行わない場合（Ｓ１０のＮ）、ＧＵＩ配置部２６は、選択されたコンテンツの識別情報などを操作情報変換部２２から取得し、コンテンツ記憶部１６を参照して、当該コンテンツに対応づけられたユーザ設定情報ファイル３７の有無を確認する（Ｓ１７）。当該ファイルがある場合は（Ｓ１７のＮ）、それに基づきＧＵＩ画像を作成し、コンテンツ画像にオンスクリーン表示することにより最終的な画像を表示する（Ｓ３０）。

ユーザ設定情報ファイル３７がない場合は（Ｓ１７のＹ）、コンテンツに対応づけられたＧＵＩ配置情報ファイル３６をコンテンツ記憶部１６から読み出す（Ｓ１８）。そして、当該ファイルにおいて表示対象となっているＧＵＩについて、隣り合うＧＵＩ同士の重なりが発生する画面の高さＶｔｈ１と、自装置の画面の高さＶを比較する（Ｓ２０）。上述の通りＶｔｈ１は隣り合うＧＵＩの対ごとに算出する。

全てのＧＵＩの対についてＶｔｈ１≦Ｖであったら（Ｓ２０のＹ）、ＧＵＩ配置部２６は、ＧＵＩ配置情報ファイル３６に設定されているＧＵＩの位置およびサイズで、ＧＵＩ画像記憶部１８に格納されたＧＵＩ画像を配置することによりＧＵＩ画像を生成する（Ｓ２４）。一方、Ｖ＜Ｖｔｈ１となるＧＵＩの対がある場合は（Ｓ２０のＮ）、さらに、位置のみを調整してもＧＵＩの縦の配列が画面に収まらなくなる高さＶｔｈ２と、自装置の画面の高さＶを比較する（Ｓ２２）。

Ｖｔｈ２≦Ｖであったら（Ｓ２２のＹ）、Ｖ＜Ｖｔｈ１となるＧＵＩの対のうち少なくともどちらかの縦方向の位置を設定値から調整し、それらが重ならずに接した位置に表示されるようにする（Ｓ２６）。例えば上のＧＵＩの位置を調整せずに、それに接するように下のＧＵＩの位置を調整する。上述のＳＥＬＥＣＴ／ＳＴＡＲＴボタンＧＵＩのように、配置やデザインを変更する設定がＧＵＩ配置情報ファイル３６でなされていた場合は、当該設定を優先させる。

Ｖ＜Ｖｔｈ２であったら（Ｓ２２のＮ）、配列に含まれる全てのＧＵＩをＶ／Ｖｔｈ２倍に縮小したうえ、それらが接する位置に表示されるようにする（Ｓ２８）。ただしＧＵＩ配置情報ファイル３６でリンクが設定されている左右のＧＵＩの対についてはそれを優先させる。そしてＳ２４、Ｓ２６、またはＳ２８で生成したＧＵＩ画像をコンテンツ画像にオンスクリーン表示することにより最終的な画像を表示する（Ｓ３０）。

なお上述のとおりＧＵＩ配置部２６は、表示中のＧＵＩに対する操作内容に応じてＳ１８からＳ３０の処理を行うことにより、ＧＵＩ画像を随時変化させてよい。またユーザがＧＵＩ配置調整画面を呼び出したとき、ＧＵＩ配置調整受付部２１はＳ１２からＳ１６の処理を行うことにより、ユーザ設定情報ファイル３７を随時更新してよい。

これまでは、コンテンツを実行する装置において、自装置が有する画面のサイズに応じて好適なＧＵＩ画像を生成する態様について説明した。次に、コンテンツ実行ファイルとともに提供するＧＵＩ配置情報ファイルの作成を支援するための装置について説明する。この装置は例えば、コンテンツ作成者や制作会社が、コンテンツの作成とともに当該コンテンツで表示される画像や必要な入力手段などに鑑み最適な設定のＧＵＩ配置情報ファイルを作成するのに利用される。

本実施の形態では上述のとおり、１つのＧＵＩ配置情報ファイルを作成しておくことにより、どのような画面サイズの情報処理装置においても可能な限りその設定意図を踏襲するかたちで、情報処理装置自体が自律的にＧＵＩのサイズや配置を調整する。しかしこのような場合、コンテンツの作成段階においては、ＧＵＩ配置情報ファイルの設定が実際のＧＵＩ画像にどのように反映されるかを確認するには、様々な画面サイズの実機が必要となってしまう。

コンテンツ作成者が実機を保持していないサイズの装置において、予想外のＧＵＩサイズや配置となり、操作しづらくなったり、コンテンツ画像が見にくくなってしまったりするのを防止するため、本実施の形態では仮想的な画面によってＧＵＩ画像をシミュレートできるようにする。図１１はＧＵＩ配置情報ファイルの作成を支援するＧＵＩ配置シミュレータの構成を示している。

ＧＵＩ配置シミュレータ１６０は、ＧＵＩ配置情報ファイルへの設定値を受け付ける配置設定受付部１６２、仮想的な画面のサイズ指定を受け付ける画面サイズ指定受付部１６４、仮想的な画面にＧＵＩ画像を表示するＧＵＩ画像表示部１６６、ＧＵＩ配置情報ファイルを格納するＧＵＩ配置情報ファイル格納部１６８、ＧＵＩとして用意する素材画像のデータを記憶したＧＵＩ画像記憶部１７０を含む。同図に示すようにＧＵＩ配置シミュレータ１６０は、キーボードやマウスなど一般的な入力手段からの信号を受信し、表示すべき画像データをディスプレイに出力するように構成される。

配置設定受付部１６２は、図４で示したような、ＧＵＩ配置情報ファイル３６で設定可能な項目の一覧を表すＧＵＩ配置情報テーブルをディスプレイに表示する。各項目は入力手段によってデータの手操作入力が可能なように構成される。設定者は表示されたＧＵＩ配置情報テーブルを見ながら、各ＧＵＩの表示／非表示の切り替え、各ＧＵＩの位置やサイズの設定、リンク設定を行う。

画面サイズ指定受付部１６４は、仮想的な画面のサイズの指定を受け付ける画面をディスプレイに表示する。設定者は表示された受付画面を見ながら、仮想的な画面のサイズとアスペクト比を指定する。ＧＵＩ画像表示部１６６は、配置設定受付部１６２に対するＧＵＩ配置に係る設定、および画面サイズ指定受付部１６４において指定された仮想的な画面のサイズに基づき、情報処理装置１０のＧＵＩ配置部２６と同じスキームにより、ＧＵＩのサイズおよび位置を決定する。そして、ＧＵＩ画像記憶部１７０から各ＧＵＩの画像データを読み出したうえ、仮想的な画面サイズに対応するＧＵＩ画像を生成してディスプレイに表示する。

設定者は、画面サイズ指定受付部１６４において画面サイズを様々に変化させながら、ＧＵＩ画像表示部１６６により表示されたＧＵＩ画像を確認し、どの画面サイズでも良好なＧＵＩ画像が得られるように配置設定受付部１６２における設定を修正していく。最終的な設定値が確定できたら、配置設定受付部１６２は当該設定値で構成されるＧＵＩ配置情報ファイルをＧＵＩ配置情報ファイル格納部１６８に格納する。なおＧＵＩ配置情報ファイル格納部１６８には標準的なＧＵＩ配置情報ファイルをあらかじめ格納しておき、設定者が修正していくことで、新たなＧＵＩ配置情報ファイルを格納するようにしてもよい。

図１２はＧＵＩ配置シミュレータ１６０によって表示される画面例を示している。ＧＵＩ配置シミュレーション画面１８０は、仮想的な画面サイズの指定を受け付けるための画面サイズ指定ウィンドウ１８２と、指定された仮想的な画面サイズに対応するＧＵＩ画像を表示するＧＵＩ画像表示ウィンドウ１８４を含む。なお同画面ではＧＵＩ配置情報ファイルに対する設定は別途行われているものとしてその設定画面は表示されていないが、同じ画面内に同時に表示してもよい。

画面サイズ指定ウィンドウ１８２は画面サイズ指定受付部１６４により表示されるものであり、アスペクト比選択ボックス１８６、および画面サイズ変更バー１８８からなる。設定者は、アスペクト比選択ボックス１８６から一つのアスペクト比を選択したうえ、画面サイズ変更バー１８８においてバーを左右に移動させることにより仮想的な画面のサイズを任意に選択することができる。このように選択されたアスペクト比およびサイズが、ＧＵＩ画像表示ウィンドウ１８４のアスペクト比およびサイズに反映される。

これらの操作により、標準的なアスペクト比を有するデバイスのエミュレートを比較的容易に行う事ができる。またＧＵＩ画像表示ウィンドウ１８４を、一般的なウィンドウシステムのウィンドウサイズの変更手法、例えばマウス等でウィンドウ境界をドラッグするなどして変更するようにしてもよい。これにより、より自由なアスペクト比の画面構成も簡易にエミュレートする事ができ、特定の画面比率や画面サイズで発生する破綻などの検出が容易になる。

ＧＵＩ画像表示部１６６は、このような大きさのＧＵＩ画像表示ウィンドウ１８４に、作成中のＧＵＩ配置情報ファイルの設定に従った配置で各ＧＵＩを表示する。このときの処理は情報処理装置１０のＧＵＩ配置部２６が行う処理と同じであるが、ＧＵＩ画像表示部１６６は、画面サイズ指定ウィンドウ１８２に対する画面サイズの指定操作が行われる都度、それに連動するようにＧＵＩ画像表示ウィンドウ１８４に表示するＧＵＩ画像を更新する。

次に上記構成を有するＧＵＩ配置シミュレータの動作を説明する。図１３はＧＵＩ配置シミュレータ１６０がＧＵＩ配置情報ファイルの作成を支援する処理手順を示すフローチャートである。この処理は、設定者がＧＵＩ配置シミュレータ１６０を起動させたときなどに開始される。まず設定者が配置設定画面を呼び出すと（Ｓ４０）、配置設定受付部１６２はＧＵＩ配置情報テーブルを、各項目を入力可能な状態で表示することで、配置情報の設定を受け付ける（Ｓ４２）。

次に画面サイズ指定受付部１６４が画面サイズ指定ウィンドウ１８２を、ＧＵＩ画像表示部１６６がＧＵＩ画像表示ウィンドウ１８４を表示し、画面サイズ指定ウィンドウ１８２に対する画面サイズの指定を受け付ける都度、ＧＵＩ画像表示ウィンドウ１８４におけるＧＵＩ画像を更新する（Ｓ４４、Ｓ４６）。Ｓ４６の処理は、図１０のＳ２０からＳ２８の処理に相当する。ＧＵＩ画像表示ウィンドウ１８４を閉じるなどＧＵＩ配置情報ファイルの設定を最終決定する入力がなされるまで（Ｓ４８のＮ）、Ｓ４２、Ｓ４４、Ｓ４６の処理を繰り返す。あるいはＳ４４とＳ４６の処理のみを繰り返す。

ＧＵＩ配置情報ファイルの最終決定がなされたら（Ｓ４８のＹ）、当該ＧＵＩ配置情報ファイルをＧＵＩ配置情報ファイル格納部１６８に格納する（Ｓ５０）。このファイルを、別に作成したコンテンツ実行ファイルに対応づけて記録媒体などに記録させたり、コンテンツ提供サーバ等からダウンロード可能とすることにより、情報処理装置１０のコンテンツ記憶部１６にまとめて格納できるようにする。

これまでの説明では、サイズの異なる画面に対しても共通のＧＵＩ配置情報ファイルによって、コンテンツに適したＧＵＩの配置を実現するものであった。一方、把持する位置や画像の表示位置などが大きく異なる情報処理装置では、各ＧＵＩ、およびそれらの位置やサイズに対する優先順位が異なる場合がある。そのため１つのコンテンツ実行ファイルに複数のＧＵＩ配置情報ファイルを対応づけて提供することにより、適用可能な情報処理装置の幅をさらに広げてもよい。

図１４はこのような態様を説明するための図である。同図の例は、これまで述べてきた１画面の情報処理装置１０に対する設定を記録した１画面用ＧＵＩ配置情報ファイル１９４に加え、折りたたみ式やスライド式の２画面の情報処理装置１９２に対する設定を記録した２画面用ＧＵＩ配置情報ファイル１９６を、１つのコンテンツ実行ファイル１９８に対応づけている。

例えば、１画面用のコンテンツを上下２画面の情報処理装置１９２で実行する場合、搭載される２つの画面のうち上の画面のみをコンテンツ画像表示用に用いることが考えられる。この場合、下の画面にＧＵＩを大きく表示させてもコンテンツ画像の見やすさに影響しない。また一般的には下の画面側の筐体を把持することが想定されるため、高頻度な操作や素早い操作が必要なＧＵＩは下の画面に表示させるのが望ましい。

このような特徴の差に鑑み、ＧＵＩ配置情報ファイルを複数生成し、コンテンツ実行ファイルとともに１まとまりのコンテンツのファイルとすることにより、容易かつ低コストに、コンテンツに適した形態でのＧＵＩの表示を、様々な情報処理装置で実現させることができる。なお１画面用ＧＵＩ配置情報ファイル１９４と２画面用ＧＵＩ配置情報ファイル１９にはヘッダ情報として１画面用、２画面用を識別する情報を埋め込んでおき、コンテンツを実行する装置のＧＵＩ配置部２６は自装置の画面数に基づきそのいずれかを読み出してＧＵＩを配置する。

なお２画面の場合、情報処理装置１０のＧＵＩ配置部２６およびＧＵＩ配置シミュレータ１６０は、上述したＧＵＩの位置およびサイズを調整する処理やシミュレーションを画面ごとに行う。また２画面用のＧＵＩ配置情報ファイルには、各ＧＵＩに対応づけて、当該ＧＵＩを第１画面、第２画面のどちらに表示するかを設定する欄をさらに設ける。

以上述べた本実施の形態によれば、コンテンツ実行ファイルに対応づけて生成したＧＵＩ配置情報ファイルに、各ＧＵＩの表示／非表示、表示位置、表示サイズ、左右のＧＵＩの対のリンクを設定しておく。そしてコンテンツを実行する情報処理装置は、ＧＵＩ配置情報ファイルを参照し、自装置の画面サイズに応じた調整を行ったうえで表示対象のＧＵＩを表示する。

このようにすることで、情報処理装置の画面がどのような大きさであっても、コンテンツに適した位置とサイズでＧＵＩを表示できる。ＧＵＩの配置に係る基本的な情報のみをＧＵＩ配置情報ファイルとしてコンテンツ実行ファイルに対応づけておき、情報処理装置が、自らが保持するＧＵＩの素材画像を用いて自律的に調整を行うことにより、容易かつ低コストに、コンテンツおよび画面サイズの双方に適したＧＵＩの表示態様を実現できる。ＧＵＩ配置情報ファイルをコンテンツ実行ファイルと独立させることで、ユーザが自らの好みでＧＵＩの配置を調整することも容易にできる。

またＧＵＩ配置情報ファイルを作成する段階において、ＧＵＩ配置シミュレータが、様々なサイズの画面を仮想的に生成し、ＧＵＩの位置やサイズがどのように変化するかを表示する。これにより設定者は、様々な画面サイズの情報処理装置を所有していなくても、作成中のＧＵＩ配置情報ファイルによって実際にはどのようなＧＵＩが表示されるのかを詳細に確認することができる。これにより、画面サイズによって予想外のＧＵＩ配置となるなどの不具合の発生を事前に防止できる。

また１画面の情報処理装置と２画面の情報処理装置など、表示形態、ひいてはＧＵＩの位置やサイズの優先順位が大きく異なる装置に対して、個別にＧＵＩ配置情報ファイルを生成し、コンテンツ実行ファイルに対応づける。コンテンツ実行時には、自装置の画面形態に対応したＧＵＩ配置情報ファイルを参照することにより、それぞれの画面形態に適したＧＵＩ画像を表示することができる。このように複数のＧＵＩ配置情報ファイルを準備することによって、画面の数が異なる情報処理装置ばかりでなく、横長の画面と縦長の画面、サイズが著しく異なる画面などあらゆる情報処理装置に、本実施の形態を容易に適用させることができる。

以上、本発明を実施の形態をもとに説明した。上記実施の形態は例示であり、それらの各構成要素や各処理プロセスの組合せにいろいろな変形例が可能なこと、またそうした変形例も本発明の範囲にあることは当業者に理解されるところである。

１０ 情報処理装置、 １２ タッチパネル、 １４ ディスプレイ、 １６ コンテンツ記憶部、 １８ ＧＵＩ画像記憶部、 ２０ 入出力制御部、 ２１ ＧＵＩ配置調整受付部、 ２２ 操作情報変換部、 ２４ コンテンツ処理部、 ２６ ＧＵＩ配置部、 ２８ ＧＵＩ画像バッファ、 ３０ コンテンツ画像生成部、 ３２ コンテンツ画像バッファ、 ３４ 画像合成部、 ３６ ＧＵＩ配置情報ファイル、 ３８ コンテンツ実行ファイル、 １６０ ＧＵＩ配置シミュレータ、 １６２ 配置設定受付部、 １６４ 画面サイズ指定受付部、 １６６ ＧＵＩ画像表示部、 １６８ ＧＵＩ配置情報ファイル格納部、 １７０ ＧＵＩ画像記憶部。

Claims (7)

1. タッチパネルで覆われたディスプレイを備えた情報処理装置において情報処理の結果として表示すべきコンテンツ画像にオンスクリーン表示するＧＵＩ（Graphical User Interface）の配置に係る情報の設定を支援するＧＵＩ配置シミュレータであって、
   ＧＵＩの位置およびサイズの基本設定値を受け付ける配置設定受付部と、
   想定する情報処理装置のディスプレイのサイズ指定を受け付ける画面サイズ指定受付部と、
   前記基本設定値から求められるディスプレイのサイズに対する条件と指定されたディスプレイのサイズとの比較結果に対応する調整を行うことによりＧＵＩの位置およびサイズを決定し、指定されたサイズを有する仮想的な画面を表す矩形領域に、決定に従う配置でＧＵＩを表示するＧＵＩ画像表示部と、
   確定された前記基本設定値をＧＵＩ配置情報ファイルとして格納する記憶部と、
   を備えることを特徴とするＧＵＩ配置シミュレータ。
2. 前記配置設定受付部は、２画面ディスプレイの情報処理装置を想定した基本設定値を受け付け、
   前記ＧＵＩ画像表示部は、前記２画面ディスプレイを想定した基本設定値に基づき決定したＧＵＩの配置を、前記仮想的な画面を表す矩形領域に１画面ごとに表示することを特徴とする請求項１に記載のＧＵＩ配置シミュレータ。
3. 前記配置設定受付部は、ＧＵＩの所定方向の位置の設定をディスプレイの当該方向の幅に対する割合単位で、ＧＵＩのサイズの設定を長さの単位でそれぞれ受け付け、
   前記ＧＵＩ画像表示部は、前記基本設定値に従えば前記方向に隣り合う２つのＧＵＩ同士に重なりが生じるときのディスプレイのサイズの境界値より指定されたディスプレイのサイズが小さいとき、当該２つのＧＵＩのうち少なくとも１つのＧＵＩの位置の設定を無効とし、ＧＵＩ同士が接する状態を当該ＧＵＩの位置として表示することを特徴とする請求項１または２に記載のＧＵＩ配置シミュレータ。
4. 前記ＧＵＩ画像表示部は、ＧＵＩの位置の設定を無効としてもＧＵＩの配列長がディスプレイのサイズを超えるときの当該サイズの境界値より指定されたディスプレイのサイズが小さいとき、当該配列に属するＧＵＩのサイズの設定を無効とし、指定されたディスプレイのサイズに応じてＧＵＩを縮小して表示することを特徴とする請求項３に記載のＧＵＩ配置シミュレータ。
5. タッチパネルで覆われたディスプレイを備えた情報処理装置において情報処理の結果として表示すべきコンテンツ画像にオンスクリーン表示するＧＵＩ（Graphical User Interface）の配置に係る情報の設定を支援するＧＵＩ配置シミュレータが行うＧＵＩ配置設定支援方法であって、
   ＧＵＩの位置およびサイズの基本設定値を受け付けるステップと、
   仮想的な情報処理装置のディスプレイのサイズ指定を受け付けるステップと、
   前記基本設定値から求められるディスプレイのサイズに対する条件と指定されたディスプレイのサイズとの比較結果に対応する調整を行うことによりＧＵＩの位置およびサイズを決定するステップと、
   指定されたサイズを有する仮想的な画面を表す矩形領域に、決定に従う配置でＧＵＩを配置した画像をディスプレイに表示するステップと、
   確定された前記基本設定値をＧＵＩ配置情報ファイルとして記憶装置に格納するステップと、
   を含むことを特徴とするＧＵＩ配置設定支援方法。
6. コンピュータに、タッチパネルで覆われたディスプレイを備えた情報処理装置において情報処理の結果として表示すべきコンテンツ画像にオンスクリーン表示するＧＵＩ（Graphical User Interface）の配置に係る情報の設定を支援する機能を実現させるコンピュータプログラムであって、
   ＧＵＩの位置およびサイズの基本設定値を受け付ける機能と、
   仮想的な情報処理装置のディスプレイのサイズ指定を受け付ける機能と、
   前記基本設定値から求められるディスプレイのサイズに対する条件と指定されたディスプレイのサイズとの比較結果に対応する調整を行うことによりＧＵＩの位置およびサイズを決定する機能と、
   指定されたサイズを有する仮想的な画面を表す矩形領域に、決定に従う配置でＧＵＩを配置した画像をディスプレイに表示する機能と、
   確定された前記基本設定値をＧＵＩ配置情報ファイルとして記憶装置に格納する機能と、
   を実現させることを特徴とするコンピュータプログラム。
7. コンピュータに、タッチパネルで覆われたディスプレイを備えた情報処理装置において情報処理の結果として表示すべきコンテンツ画像にオンスクリーン表示するＧＵＩ（Graphical User Interface）の配置に係る情報の設定を支援する機能を実現させるコンピュータプログラムを記録した記録媒体であって、
   ＧＵＩの位置およびサイズの基本設定値を受け付ける機能と、
   仮想的な情報処理装置のディスプレイのサイズ指定を受け付ける機能と、
   前記基本設定値から求められるディスプレイのサイズに対する条件と指定されたディスプレイのサイズとの比較結果に対応する調整を行うことによりＧＵＩの位置およびサイズを決定する機能と、
   指定されたサイズを有する仮想的な画面を表す矩形領域に、決定に従う配置でＧＵＩを配置した画像をディスプレイに表示する機能と、
   確定された前記基本設定値をＧＵＩ配置情報ファイルとして記憶装置に格納する機能と、
   を実現させることを特徴とするコンピュータプログラムを記録した記録媒体。

Images