WO2017030022A1

WO2017030022A1 - ユーザ・インタフェース画像表示のためのコンピュータ・プログラムおよびコンピュータ実装方法

Info

Publication number: WO2017030022A1
Application number: PCT/JP2016/073111
Authority: WO
Inventors: 洋平三宅
Original assignee: 株式会社コロプラ
Priority date: 2015-08-20
Filing date: 2016-08-05
Publication date: 2017-02-23
Also published as: JP5981617B1; JP2017038793A

Abstract

（課題）配置位置を固定することのない、複数のＵＩの個数を任意の画面位置に同時に配置可能とするダイナミックなＵＩ表示を実現すること。（解決手段）タッチ・スクリーン上の表示領域に複数のユーザ・インタフェース（ＵＩ）領域を規定する領域規定部と、物体によるタッチ・スクリーンへの複数のタッチ操作を受け付ける受付部と、各タッチ操作の受け付けに対し、１のＵＩ領域を割り当てる領域割当部と、受け付けに応じて、上記１のＵＩ領域にそれぞれ関連付けられるＵＩ画像をタッチ・スクリーン上に表示するＵＩ画像表示部と、として上記タッチ・スクリーンを具備するコンピュータに機能させる、ＵＩ画像表示のためのコンピュータ・プログラムが得られる。

Description

ユーザ・インタフェース画像表示のためのコンピュータ・プログラムおよびコンピュータ実装方法

　本発明は、ユーザ・インタフェース（以下、「ＵＩ」と称する。）画像表示のためのコンピュータ・プログラムおよびコンピュータ実装方法に関するものである。より詳細には、スマートフォン上で実行されるゲーム（以下、「スマートフォン・ゲーム」と称する。）で使用され、物体による接触操作に応じて、視覚的に、タッチパネル上に複数のＵＩ画像を表示させるためのコンピュータ・プログラムおよびコンピュータ実装方法に関するものである。

　スマートフォン・ゲームに用いられるＵＩとして、例えば、特許文献１に開示される従来技術が知られる。即ち、スマートフォンのタッチパネル上に２種類の操作ボタン（所謂、十字キーやジョイスティック等）を複合的に表示する従来技術である（〔要約〕参照）。

特開２０１２－１６８９３１号公報

　従来技術のバーチャルな十字キーやジョイスティックは、単に、従来の家庭用ゲーム機（任天堂株式会社のファミリーコンピュータ（登録商標）等）といったゲーム体験をスマートフォン上で擬似的に提供することを目的として、物理的な操作キーを仮想的に表示したものに過ぎない。特に、従来技術の十字キーやバーチャル・ジョイスティックは、表示領域がスマートフォンの画面右下や左下といった固定位置に配置される。ユーザは操作時に指を当該固定位置に位置合わせしなければならず、且つ操作領域も制限されるといった点でユーザ操作性に制約が生じていた。特に昨今のスマートフォン・ゲームはコンテンツの複雑化に伴いユーザ操作が益々複雑化しており、ユーザ操作性に優れたＵＩが求められている。特に、ユーザが画面上のタッチ位置を意識することなく、タッチ操作を通じてゲーム進行を可能とするＵＩを実現することが望ましい。

　そこで、本発明は、このようなスマートフォン・ゲームで用いるＵＩに関し、特にユーザ操作性に優れたＵＩ表示のためのコンピュータ・プログラムおよびコンピュータ実装方法を提供することを目的とする。より具体的には、従来技術のように配置位置を固定することなく、複数のＵＩの個数を任意の画面位置に同時に配置可能とするダイナミックなＵＩ表示を実現することを目的とする。

　上記の課題を解決するために、本発明によれば、タッチ・スクリーン上の表示領域に複数のユーザ・インタフェース（ＵＩ）領域を規定する領域規定部と、物体によるタッチ・スクリーンへの複数のタッチ操作を受け付ける受付部と、各タッチ操作の受け付けに対し、１のＵＩ領域を割り当てる領域割当部と、受け付けに応じて、上記１のＵＩ領域にそれぞれ関連付けられるＵＩ画像をタッチ・スクリーン上に表示するＵＩ画像表示部と、として上記タッチ・スクリーンを具備するコンピュータに機能させる、ＵＩ画像表示のためのコンピュータ・プログラムが得られる。

　また、本発明によれば、タッチ・スクリーン上の表示領域に複数のユーザ・インタフェース（ＵＩ）領域を規定するステップと、物体によるタッチ・スクリーンへの複数のタッチ操作を受け付けるステップと、各タッチ操作の受け付けに対し、１のＵＩ領域を割り当てるステップと、上記受け付けに応じて、上記１のＵＩ領域にそれぞれ関連付けられるＵＩ画像をタッチ・スクリーン上に表示するステップと、を含む、タッチ・スクリーンを具備するコンピュータに実装されるＵＩ画像表示のための方法が得られる。

　本発明の特徴点および利点は、後述する発明の詳細な説明、並びに添付の図面および特許請求の範囲の記載から明らかなものとなる。

図１は、本発明の実施の形態によるコンピュータ・プログラムを実行するための携帯端末の模式図である。図２は、図１の携帯端末の構成を模式的に示したブロック図である。図３は、図２の携帯端末における入出力の概要を示したブロック図である。図４は、本発明の実施の形態によるコンピュータ・プログラムを実行することにより図１の携帯端末に表示されるＵＩ画像表示例である。図５は、図４の例示の画面表示におけるＵＩ領域の規定例である。図６は、本発明の実施の形態によるコンピュータ・プログラムを用いて実装される主要機能ブロック図である。図７は、本発明の実施の形態によるコンピュータ・プログラムによる情報処理について示したフローチャートである。図８は、図７のステップＳ１０４に関する詳細の情報処理について示したフローチャートである。図９は、図７のステップＳ１０５に関する詳細の情報処理について示したフローチャートである。

　［本発明の実施形態の説明］
　最初に、本発明の実施形態の内容を列記して説明する。本発明の実施形態によるユーザ入力支援のためのコンピュータ・プログラムは、以下のような構成を備える。

　（項目１）
　タッチ・スクリーン上の表示領域に複数のユーザ・インタフェース（ＵＩ）領域を規定する領域規定部と、
　物体による前記タッチ・スクリーンへの複数のタッチ操作を受け付ける受付部と、
　各前記タッチ操作の受け付けに対し、１のＵＩ領域を割り当てる領域割当部と、
　前記受け付けに応じて、前記１のＵＩ領域にそれぞれ関連付けられるＵＩ画像を前記タッチ・スクリーン上に表示するＵＩ画像表示部と
として前記タッチ・スクリーンを具備するコンピュータに機能させる、ＵＩ画像表示のためのコンピュータ・プログラム。
　本項目のコンピュータ・プログラムによれば、スマートフォンを横持ちして両手操作によりスマートフォン・ゲームのプレイをした場合に、両手でのタッチ操作による複数のＵＩ画像を関連付けてゲームを進行させることができ、ユーザ操作性を向上することができる。そして、配置位置を固定することのない、複数のＵＩの個数を任意の画面位置に同時に配置可能とするダイナミックなＵＩ表示を実現することができる。

　（項目２）
　項目１記載のコンピュータ・プログラムであって、更に、
　前記タッチ操作がスライド操作であってタッチ開始点およびタッチ終了点を有するスライド操作を構成するスライド操作構成部として前記コンピュータに機能させ、
　前記領域割当部において、前記タッチ開始点の位置に従って、前記スライド操作を受け付けて前記１のＵＩ領域が決定され、また、前記１のＵＩ領域について、前記タッチ・スクリーン上の表示領域において前記タッチ終了点が特定されるまで前記スライド操作の受け付け状態とする、コンピュータ・プログラム。
　本項目のコンピュータ・プログラムによれば、スマートフォンを横持ちして両手操作によりスマートフォン・ゲームのプレイをした場合に、両手でのスライド操作による複数のＵＩ画像を関連付けてゲームを進行させることができ、更にユーザ操作性を向上することができる。

　（項目３）
　項目２記載のコンピュータ・プログラムにおいて、
　前記領域割当部において、前記受け付け状態の間は、前記スライド操作における前記１のＵＩ領域では、他のタッチ操作を受け付けないように構成される、項目２記載のコンピュータ・プログラム。
　本項目のコンピュータ・プログラムによれば、スマートフォンを横持ちして両手操作によりスマートフォン・ゲームのプレイをした場合に、複数のＵＩを併存させるルールを明確に規定することができる。

　（項目４）
　項目２または３記載のコンピュータ・プログラムにおいて、
　前記スライド操作構成部が、
　　前記受け付け状態の間に、前記表示領域において所定のフレーム・レートによるフレーム毎のタッチ位置を取得し、
　　直前フレームにおいて前記タッチ・スクリーン上にタッチ位置が複数存在する場合に、現在フレームにおける前記スライド操作のタッチ位置に最も近い、前記直前フレームのタッチ位置の１つを前記現在フレームのタッチ位置に関連付けて、前記スライド操作の少なくとも一部を構成する、コンピュータ・プログラム。
　本項目のコンピュータ・プログラムによれば、スマートフォンを横持ちして両手操作によりスマートフォン・ゲームのプレイをした場合に、複数のＵＩを併存させることによる誤認識を防止することができる。

　（項目５）
　前記領域割当部において、更に、前記タッチ・スクリーン上の表示領域内に、前記タッチ終了点を特定するためのスライド可動領域を、前記ＵＩ領域に対応して割り当てる、項目２から４のいずれか一項記載のコンピュータ・プログラム。
　本項目のコンピュータ・プログラムによれば、スライド可動領域を設定可能であり、ユーザ操作性を柔軟なものとすることができる。
　（項目６）
　前記領域のそれぞれは矩形で形成される、項目１から５のいずれか一項記載のコンピュータ・プログラム。

　（項目７）
　タッチ・スクリーン上の表示領域に複数のユーザ・インタフェース（ＵＩ）領域を規定するステップと、
　物体による前記タッチ・スクリーンへの複数のタッチ操作を受け付けるステップと、
　各前記タッチ操作の受け付けに対し、１のＵＩ領域を割り当てるステップと、
　前記受け付けに応じて、前記１のＵＩ領域にそれぞれ関連付けられるＵＩ画像を前記タッチ・スクリーン上に表示するステップと
を含む、前記タッチ・スクリーンを具備するコンピュータに実装される、ＵＩ画像表示のための方法。
　本項目の方法によれば、スマートフォンを横持ちして両手操作によりスマートフォン・ゲームのプレイをした場合に、両手でのタッチ操作による複数のＵＩ画像を関連付けてゲームを進行させることができ、ユーザ操作性を向上することができる。そして、配置位置を固定することのない、複数のＵＩの個数を任意の画面位置に同時に配置可能とするダイナミックなＵＩ表示を実現することができる。

　（項目８）
　項目７記載の方法において、
　前記タッチ操作がタッチ操作点およびタッチ終了点を含むスライド操作を含み、
　前記ＵＩ領域を割り当てるステップが、
　　前記タッチ開始点の位置に従って、割り当てる前記１のＵＩ領域を決定するステップと、
　　前記１のＵＩ領域について、前記タッチ・スクリーン上の表示領域において前記タッチ終了点が特定されるまで前記スライド操作の受け付け状態とするステップであって、前記受け付け状態の間は、前記スライド操作における前記１のＵＩ領域では、他のタッチ操作を受け付けないように構成される、ステップと
を含む、方法。
　本項目の方法によれば、スマートフォンを横持ちして両手操作によりスマートフォン・ゲームのプレイをした場合に、両手でのスライド操作による複数のＵＩ画像を関連付けてゲームを進行させることができ、更にユーザ操作性を向上することができる。

　（項目９）
　項目８記載の方法において、前記ＵＩ領域を割り当てるステップが、更に、前記タッチ・スクリーン上の表示領域内に、前記タッチ終了点を特定するためのスライド可動領域を、前記ＵＩ領域に対応して割り当てるステップを含む、方法。
　本項目の方法によれば、スライド可動領域を設定可能であり、ユーザ操作性を柔軟なものとすることができる。

　［本発明の実施形態の詳細］
　これより図面を参照して、本発明の実施形態による、ＵＩ画像表示のためのコンピュータ・プログラムおよびコンピュータ実装方法について説明する。図中、同一の構成要素には同一の符号を付してある。本発明の実施の形態によるＵＩ画像表示のためのコンピュータ・プログラムは、主に、スマートフォン・ゲームとしてのゲーム・プログラムの一部として適用可能である。より詳しくは、本コンピュータ・プログラムは、ゲーム・プログラムの一部としてゲームを進行させ、仮想空間や該仮想空間内のゲーム・キャラクタの動作を制御するために用いることが可能である。

　携帯端末のハードウェア構成
　図１に示すスマートフォン１は、携帯端末の一例であり、タッチパネル２を備える。スマートフォンのユーザは当該タッチパネル２上でのタッチ操作を含むユーザ操作を介してゲームの進行を制御することができる。なお、本実施の形態によるコンピュータ・プログラムを実行するための携帯端末は、図２のようなスマートフォン１に限定されず、例えば、ＰＤＡ、タブレット型コンピュータのデバイスなど、タッチパネルを備える携帯端末であれば如何なるデバイスともできることが理解される。

　図２に示すように、スマートフォン１は、互いにバス接続されたＣＰＵ３、主記憶４、補助記憶５、送受信部６、表示部７および入力部８を備える。このうち主記憶４は例えばＤＲＡＭなどで構成され、補助記憶５は例えばＨＤＤなどで構成されている。補助記憶５は、本実施の形態によるコンピュータ・プログラムやゲーム・プログラムを記録可能な記録媒体である。補助記憶５に格納された各種プログラムは、主記憶４上に展開されてＣＰＵ３によって実行される。なお、主記憶４上には、ＣＰＵ３が本実施の形態によるコンピュータ・プログラムに従って動作している間に生成したデータやＣＰＵ３によって利用されるデータも一時的に格納される。送受信部６はＣＰＵ３の制御によりスマートフォン１とネットワークとの間の接続（無線接続および／または有線接続）を確立して各種情報の送受信を行う。表示部７は、ＣＰＵでの制御の下でユーザに提示することになる各種情報を表示する。入力部８は、ユーザのタッチパル２に対するタッチ入力操作（主に、タップ操作、スライド（スワイプ）操作、およびフリック操作等の物理的接触操作）を検知する。

　表示部７及び入力部８は、上述したタッチパネル２に相当する。図３に示すように、タッチパネル２は、入力部８に相当するタッチセンシング部３０１と表示部７に相当する液晶表示部３０２とを有する。タッチパネル２は、ＣＰＵ３による制御の下で、画像を表示して、スマートフォンのユーザによるインタラクティブなタッチ操作（タッチパネル２における物理的接触操作等）を受け、制御部３０３での制御に基づいてそれに対応するグラフィックを液晶表示部３０２に表示する。

　より詳細には、上記タッチセンシング部３０１は、ユーザによるタッチ操作に応じた操作信号を制御部３０３に出力する。タッチ操作は、何れの物体によるものとすることができ、例えば、ユーザの指によりなされてもよいし、スタイラス等を用いてもよい。また、タッチセンシング部３０１として、例えば、静電容量タイプのものを採用することができるが、これに限定されない。制御部３０３は、タッチセンシング部３０１からの操作信号を検出すると、ユーザのキャラクタへの操作指示として判断し、当該指示操作に応じたグラフィック（図示せず）を液晶表示部へ表示信号として送信する処理を行う。液晶表示部３０２は、表示信号に応じたグラフィックを表示する。

　ゲーム画面例
　次に図４および図５のゲーム画面例を参照しながら、本実施の形態による、ユーザ・インタフェース画像表示のためのコンピュータ・プログラムおよびコンピュータ実装方法による動作について具体的に説明する。図４の画面例では、３次元仮想ゲーム空間内２０にキャラクタ１０が配置されている。そして、仮想カメラ（非図示）がキャラクタ１０の手前上部から該キャラクタ１０を撮影した視野画像が２次元画像としてタッチパネルに表示されている（図５でも同様）。これと同時に、２つのＵＩ画像（画面左上の３０と画面右下の４０）が視界画像に重畳されている。ＵＩ画像３０，４０は、ユーザによるタッチパネルへのタッチ操作（例えば指によるスライド操作）の結果として、タッチパネル上に表示されたものである。

　スマートフォン・ゲームでは、通例、ユーザが端末を縦持ちして片手で操作することが多いが、勿論これに限らず、横持ちにより端末を両手で操作してもよい。両手で画面を操作する場合は、左手と右手によりそれぞれタッチ操作が許容されるべきであり、図示したＵＩ画像３０，４０も、左手と右手のタッチ操作によるものにそれぞれ対応するものとすることができる。

　そして、これらのＵＩ画像により、ゲーム進行命令が生成および実行される。例えば、左手によるＵＩ画像３０は「Ｍｏｖｅ」と表示されているとおり、ＵＩ画像が示している（右上）方向にキャラクタ１０をゲーム空間２０内の平面上を移動させる命令を実行する。同様に、右手によるＵＩ画像４０は「Ｃａｍｅｒａ」と表示されているとおり、ＵＩ画像が示している右上方向に視野を変更するよう仮想カメラをゲーム空間２０内で移動させる命令を実行する。

　ところで、このようなタッチ操作、特にスライド操作による複数のＵＩ画像を表示させ、複数のゲーム進行命令を生成する場合、タッチパネルの全域にわたり完全に自由にユーザ操作可能とするのは、コンピュータ・プログラム上、幾分か困難性を有する。例えば、ユーザが右手と左手でそれぞれスライド操作を実施しており、これらが相互に接近、更には交差するような場合に、どちらの手によるスライド操作かをプログラムが判定することが困難となり、スライド操作を誤認識する場合がある。

　そこで、本発明の実施の形態では、図５に示すように、タッチパネル上の表示領域に対し、複数のＵＩを生成するための複数のＵＩ領域を予め規定し、ルールを明確化しておく。即ち、１つのＵＩ領域に対して、例えば１つのＵＩ画像を生成するように構成するというようなルールを予め規定する。図５（ａ）の例では、左手用と右手用のＵＩ領域として画面を左半分Ｚ１と右半分Ｚ２の２つに分割しておき、それぞれに対して、スライド操作により１つずつＵＩ画像を生成可能とする。その際、生成される各ＵＩ画像に対し、ＵＩ領域に関連付けるようにして異なる視覚表示を施してもよい。例えば、Ｚ１のＵＩ画像３０には橙色で色彩効果を、Ｚ２のＵＩ画像４０には緑色の色彩効果を施すようにしてもよい。

　ＵＩ領域は図５（ａ）のように２つに限定されず、図５（ｂ）のようにＺ３（実線領域）、Ｚ４（破線領域）、Ｚ５（点線領域）の３つでもそれ以上の任意の数としてもよいことが当業者にとって理解される。また、各ＵＩ領域の形状や大きさも任意のものとすることができる。例えば、ＵＩ領域の形状は図５（ａ）～（ｃ）のように矩形とするのがよいが、これに限定されず、他にも曲線領域としてもよい。

　図５（ｃ）は、左手用と右手用のＵＩ領域として画面を左領域Ｚ６と右領域Ｚ７の２つに分割し、Ｚ６では左手によるスライド操作を、Ｚ７では右手によるスライド操作を受け付けて、各々ＵＩ画像３０，４０を表示している。ここでは、領域Ｚ６によるＵＩ画像３０は、スライド操作の始点３０ａが領域Ｚ６内に含まれてさえいればよく、スライド操作の終点３０ｂも領域Ｚ６に含まれる必要がない点に留意すべきである。即ち、ユーザによるタッチ操作を受け付けたタッチ開始位置が、各領域のいずれかに含まれ、関連付けばよい。

　また、スライド操作の終点３０ｂを特定するために、ＵＩ領域とは別個、且つＵＩ領域に対応したスライド可動領域を導入してもよい。スライド可動領域は、ユーザによるスライド操作を許容可能な領域である。スライド操作の始点３０ａが上記ＵＩ領域内で特定されるのと同様に、スライド操作の終点３０ｂが当該スライド可動領域内で特定される。スライド可動領域は、ＵＩ領域を包含するものであれば何れでもよい。具体的には、タッチパネルの表示領域全域（即ちゲーム画面全域）としてもよく、また、スライド可動領域とＵＩ領域が同一領域となるようにしてもよい。スライド操作のタッチ位置が当該スライド可動領域内にある場合はその間ＵＩ画像を表示し、他方、当該スライド可動領域から外れた場合には、それまで表示されていたＵＩ画像を画面から消失させるように表示制御を行うのがよい。

　このように、スライド操作の終点はＵＩ領域には拘束されないように構成することにより、本発明はＵＩ領域とは異なるスライド可動領域でのスライド操作を可能にし、ユーザ操作性を向上させることができるという利点を有する。なお、図５では、ユーザによるスライド操作を例に説明したが、これには限定されず、タップ操作、スワイプ操作およびスライド操作等、タッチパネルに対する如何なる物理的接触操作としてもよいことが理解されるべきである。

　ＵＩ画像表示処理
　これより図６～図９を参照して、本実施の形態によるＵＩ画像表示のためのコンピュータ・プログラムおよびコンピュータ実装方法について説明する。

　図６は、コンピュータ・プログラムとして実装され、タッチパネルを具備する携帯端末に機能させる主要な機能のセットについて示す。当該機能セットを通じて、操作信号としての入力を処理して、表示信号としての出力を生成することになる。当該機能セットは、タッチパネルを通じたユーザ入力操作およびオブジェクト形成に関連するユーザ操作部１００、並びに当該ユーザ入力操作に応じたゲーム進行や仮想空間内のキャラクタを操作させるゲーム進行部（キャラクタ操作）２００を含む。

　ユーザ操作部１００は、主に、図５で説明したＵＩ領域を規定するための領域規定部１１０、タッチパネルへのタッチ操作やデタッチ操作を判定する接触・非接触判定部１２０、スライド操作等のタッチ操作を複数受け付けるタッチ操作受付部１３０、タッチ操作のそれぞれの受け付けに対し、１のＵＩ領域および対応するスライド可動領域を割り当て可能な領域割当部１４０、タッチ開始点からタッチ終了点に向けたスライド操作を構成するスライド操作構成部１５０、そして、上記タッチ操作に対して生成されるＵＩ画像を表示するためのＵＩ画像表示部１６０を含む。ＵＩ画像表示部１６０で生成されたＵＩ画像は、図４のようにゲーム画像に重畳されると共に、ゲーム進行部２００において、対応するゲーム進行命令を生成および実行してゲームを進行させる。

　図７から図９は、本実施の形態によるＵＩ画像表示のためのコンピュータ実装方法について説明したフロー図である。
　図７のステップＳ１０１では、領域規定部１１０によって、図５（ａ）（ｂ）の画面例のように、タッチ・スクリーン上の表示領域に複数のＵＩ領域を規定する。当該動作は、ゲームプレイ時に設定されていればよく、例えばゲーム・プログラム開発時に開発者によって設定されてもよいし、アプリケーションダウンロード後の初期設定時にユーザによって設定されても何れでもよい。当該ステップＳ１０１で複数のＵＩ領域が予め規定され、ユーザによるゲームプレイが開始されると、ステップＳ１０２に進む。ステップＳ１０２では、接触・非接触判定部１２０によって、ユーザの指等の物体によるタッチ・スクリーンへの１または複数のタッチ操作・デタッチ操作の判定およびタッチ状態の判定処理が実施される。そして、当該ステップＳ１０２でタッチ操作が判定されると、次のステップＳ１０３以降へと進む。

　ステップＳ１０３では、タッチ操作受付部１３０によって、複数のタッチ操作を受け付ける。そして、ステップＳ１０４では、当該タッチ操作のそれぞれの受け付けに対し、領域割当部１４０によって、１のＵＩ領域を割り当てる。タッチ操作がタッチ開始点およびタッチ終了点を有するスライド操作の場合には、更にＵＩ領域に対応するスライド可動領域も割り当てる。引き続きステップＳ１０５において、スライド操作構成部１５０によってスライド操作として構成する。なお、ステップＳ１０４，Ｓ１０５の詳細については次の図８および図９を用いてそれぞれ後述する。

　最後に、ステップＳ１０６では、ＵＩ画像表示部１６０によって、Ｓ１０３でのタッチ操作の受け付けに応じてステップＳ１０４で割り当てられた１のＵＩ領域に対してそれぞれ関連付けられる、対応するＵＩ画像をタッチ・スクリーン上に表示してゲーム画像に重畳する。例えば、上記タッチ操作がスライド操作の場合は、図４に示した半透明で且つＵＩ領域に応じて色彩処理が施されたＵＩ画像が表示される。また、例えば、タッチ操作がタップ操作の場合は、タップした位置を中心に円形状のＵＩ画像をＵＩ領域に応じて色彩処理が施して表示する（非図示）。

　上記のステップＳ１０４，Ｓ１０５の処理に関連して、これより図８および図９をそれぞれ参照して詳述する。なお、図８および図９ではタッチ操作がスライド操作であることを想定し、即ち、タッチ操作がタッチ開始点およびタッチ終了点を含むものとして説明するが、これに限定されない。なおタッチ開始点およびタッチ終了点は、接触・非接触判定部１２０によって判定可能である。

　図８は、上記ステップＳ１０４の処理について詳細に説明したフロー図であり、主に領域割当部１４０によって実行されるものである。まず、ステップＳ１０３での出力を受け、ステップＳ１０４１では、タッチ開始位置に従って、スライド操作を受け付けて、関連する１のＵＩ領域を仮決定する。ステップＳ１０４２では、当該１のＵＩ領域が他のスライド操作により受け付け状態に設定されていないか否かを判定する。そして、当該１のＵＩ領域が受け付け状態外（即ち、新規受け付け可能状態）の場合に、ステップＳ１０４３に進み、当該１のＵＩ領域を本決定することより、スライド操作の受け付けに対して割り当てを行う。ステップＳ１０４４では、当該１のＵＩ領域の本決定に対応して、スライド可動領域をＵＩ領域に関連付けて割り当てる。次いで、ステップＳ１０５（図９）に進む。

　他方、ステップＳ１０４２において受け付け状態の場合に、タッチ操作はなかったものとして無効化され、ステップＳ１０４１で仮決定したＵＩ領域もクリアされる。即ち、ステップＳ１０４２およびステップＳ１０４４の一連の流れでは、スライド操作の対象ＵＩ領域について受け付け状態の間は、他のタッチ操作を受け付けることが抑止される。

　図９は、上記ステップＳ１０５の処理について詳細に説明したフロー図であり、主にスライド操作構成部１５０によって実行される。なお、本処理は、タッチ操作がスライド操作の場合のみ機能する（ステップＳ１０５１）。

　ステップＳ１０５２では、スライド操作を受けたことに応じて、対象となるＵＩ領域について、スライド操作の受け付け状態として設定する。当該受け付け状態は、後のステップＳ１０５８まで維持される。スライド操作の間、ステップＳ１０５３では、所定のフレーム・レート（例えば、標準的には３０ｆｐｓ）に従って取得されるフレーム毎のタッチ位置を記憶部に一時的に格納する。これは、図４および図５に例示したように、１つのタッチパネル領域上で複数のスライド操作が実施される場合は、複数のスライド操作位置が相互に接近または交差することを考慮したものである。この場合、接近または交差の際にどちらのスライド操作であるかを誤判定することなく判断する必要が生じるが、そのためには、次に説明するようにフレーム毎の位置情報を用いて対処するのが好ましいからである。

　現在の直前時点のフレーム（「直前フレーム」と称する。）において、図４および図５の例のように複数のタッチ位置が取得される場合（ステップＳ１０５４）は、ステップＳ１０５５において、現在時点のフレーム（「現在フレーム」と称する。）におけるタッチ位置に最も近い、上記直前フレームの１つのタッチ位置を選択し、現在フレームのタッチ位置に関連付けて、スライド操作の少なくとも一部を構成するのがよい。このように、常に１フレーム前の直前フレームのタッチ位置を記憶し、現在フレームとの位置関係に応じて判断することにより、他のスライド操作と誤って認識するのを防止することができる。なお、直前フレームにおいて１つの（即ち自身の）タッチ位置のみしか取得されない場合は、ステップＳ１０５６において当該タッチ位置を現在フレームでのタッチ位置に関連付けて、スライド操作の少なくとも一部を構成すればよい。

　最終的にステップＳ１０５７において、接触・非接触判定部１２０によってタッチ終了点が特定されると、ステップＳ１０５８においてスライド操作の受け付け状態を解除して、本ステップＳ１０５は終了し、上記説明したステップＳ１０６へ進む。

　なお、図５（ｃ）で説明したように、スライド操作の場合のタッチ終了点は、当該スライド操作に割り当てられたＵＩ領域には制約されずに、スライド可動領域内で特定するのがよい。即ち、タッチ終了点はスライド可動領域内の任意の位置とすることができる。特に、スライド可動領域をタッチパネルの表示領域全体と設定した場合は、ユーザは、任意の時間・任意の距離だけスライド操作することが可能である。

　これら各ステップでの処理を通じて最終的に、図４に示したように、複数のＵＩ画像がゲーム画像に重畳され、各ＵＩ画像に関連付けられた命令が実行されて、ゲーム進行が行われる。

　本実施の形態による、ＵＩ画像表示のためのコンピュータ・プログラムおよびコンピュータ実装方法によれば、スマートフォンを横持ちして両手操作によりスマートフォン・ゲームをプレイした場合に、両手でのタッチ操作による複数のＵＩ画像を関連付けてゲームを進行させることができ、ユーザ操作性を向上することができる。そして、配置位置を固定することのない、複数のＵＩの個数を任意の画面位置に同時に配置可能とするダイナミックなＵＩ表示を実現することができる。

　以上、本発明の実施形態によるＵＩ画像表示のためのコンピュータ・プログラムおよびコンピュータ実装方法について、例示しながら説明した。上述した実施の形態は、本発明の理解を容易にするための例示に過ぎず、本発明を限定して解釈するためのものではない。本発明は、その趣旨を逸脱することなく、変更、改良することができると共に、本発明にはその均等物が含まれることは言うまでもない。

Claims

　タッチ・スクリーン上の表示領域に複数のユーザ・インタフェース（ＵＩ）領域を規定する領域規定部と、
　物体による前記タッチ・スクリーンへの複数のタッチ操作を受け付ける受付部と、
　各前記タッチ操作の受け付けに対し、１のＵＩ領域を割り当てる領域割当部と、
　前記受け付けに応じて、前記１のＵＩ領域にそれぞれ関連付けられるＵＩ画像を前記タッチ・スクリーン上に表示するＵＩ画像表示部と
として前記タッチ・スクリーンを具備するコンピュータに機能させる、ＵＩ画像表示のためのコンピュータ・プログラム。
　請求項１記載のコンピュータ・プログラムであって、更に、
　前記タッチ操作がスライド操作の場合に、タッチ開始点およびタッチ終了点を有するスライド操作を構成するスライド操作構成部として前記コンピュータに機能させ、
　前記領域割当部において、前記タッチ開始点の位置に従って前記スライド操作を受け付けて前記１のＵＩ領域が決定され、また、前記１のＵＩ領域について、前記タッチ・スクリーン上の表示領域において前記タッチ終了点が特定されるまで前記スライド操作の受け付け状態とする、コンピュータ・プログラム。
　請求項２記載のコンピュータ・プログラムにおいて、
　前記領域割当部において、前記受け付け状態の間は、前記スライド操作における前記１のＵＩ領域では、他のタッチ操作を受け付けないように構成される、請求項２記載のコンピュータ・プログラム。
　請求項２または３記載のコンピュータ・プログラムにおいて、
　前記スライド操作構成部が、
　　前記受け付け状態の間に、前記表示領域において所定のフレーム・レートによるフレーム毎のタッチ位置を取得し、
　　直前フレームにおいて前記タッチ・スクリーン上にタッチ位置が複数存在する場合に、現在フレームにおける前記スライド操作のタッチ位置に最も近い、前記直前フレームのタッチ位置の１つを前記現在フレームのタッチ位置に関連付けて、前記スライド操作の少なくとも一部を構成する、コンピュータ・プログラム。
　前記領域割当部において、更に、前記タッチ・スクリーン上の表示領域内に、前記タッチ終了点を特定するためのスライド可動領域を、前記ＵＩ領域に対応して割り当てる、請求項２から４のいずれか一項記載のコンピュータ・プログラム。
　前記ＵＩ領域のそれぞれは矩形で形成される、請求項１から５のいずれか一項記載のコンピュータ・プログラム。
　タッチ・スクリーン上の表示領域に複数のユーザ・インタフェース（ＵＩ）領域を規定するステップと、
　物体による前記タッチ・スクリーンへの複数のタッチ操作を受け付けるステップと、
　各前記タッチ操作の受け付けに対し、１のＵＩ領域を割り当てるステップと、
　前記受け付けに応じて、前記１のＵＩ領域にそれぞれ関連付けられるＵＩ画像を前記タッチ・スクリーン上に表示するステップと
を含む、前記タッチ・スクリーンを具備するコンピュータに実装される、ＵＩ画像表示のための方法。
　請求項７記載の方法において、
　前記タッチ操作がタッチ操作点およびタッチ終了点を含むスライド操作を含み、
　前記ＵＩ領域を割り当てるステップが、
　　前記タッチ開始点の位置に従って、割り当てる前記１のＵＩ領域を決定するステップと、
　　前記１のＵＩ領域について、前記タッチ・スクリーン上の表示領域において前記タッチ終了点が特定されるまで前記スライド操作の受け付け状態とするステップであって、前記受け付け状態の間は、前記スライド操作における前記１のＵＩ領域では、他のタッチ操作を受け付けないように構成される、ステップと
を含む、方法。
　請求項８記載の方法において、前記ＵＩ領域を割り当てるステップが、更に、前記タッチ・スクリーン上の表示領域内に、前記タッチ終了点を特定するためのスライド可動領域を、前記ＵＩ領域に対応して割り当てるステップを含む、方法。