JP6000482B1 - ユーザ・インタフェース画像表示方法およびプログラム - Google Patents

Abstract

【課題】スライド操作が制限される場合であっても、ユーザに快適な操作性を提供する。【解決手段】タッチ・ディスプレイ上のスライド操作開始時のタッチ開始位置および該タッチ開始位置からのスライド方向を取得するステップと、タッチ開始位置がタッチ・ディスプレイ領域の周縁領域内にあるか、および、スライド方向が周縁方向であるかを判定するステップと、上記判定するステップにおいて肯定的な判定の場合に、タッチ開始位置に対し、スライド方向とは反対側の位置を基準位置に決定するステップと、タッチ開始位置および基準位置に基づき、スライド操作開始時の画像を生成して表示するステップと、を含む、方法。【選択図】図４

Description

本発明は、物体によるタッチ・ディスプレイ上のタッチ操作に応じて、ユーザ・インタフェース画像を表示するための方法およびプログラムに関する。

タッチ・ディスプレイ上での指等の物体によるタッチ操作に応じて、対応する画像を表示する技術が知られる。このような画像は、一般にユーザ・インタフェース画像と言われる（以下、本明細書ではユーザ・インタフェース画像のことを「ＵＩ画像」と称する。）。特許文献１には、タッチ・ディスプレイ上での始点から終点までのスライド操作に対応して、ＵＩ画像を生成し、タッチ・ディスプレイ上に表示する技術が開示される。具体的には、スライド操作の始点から終点へ餅のように伸び、また、終点の移動に合わせて向きや長さを変えることにより、スライド操作に追従するＵＩ画像を表示する技術が開示される。

タッチ・ディスプレイを備えた携帯端末（例えばスマートフォン）によるコンピュータ・ゲームをユーザに提供する場合、キャラクタの移動等、タッチ・ディスプレイへのスライド操作と共にゲームを進行させることも多い。スライド操作の始点、終点および方向等をＵＩ画像として視覚的にユーザに提示することが好ましい。

タッチ・ディスプレイの周縁領域部分やコーナー領域部分のような特定の領域では、ユーザのスライド操作が制限されることになり得る。

特開２０１２−３３０６０号公報

本発明は、周縁領域部分やコーナー領域部分のような特定の領域において、スライド操作が制限される場合であっても、ユーザに快適な操作性を提供することを目的とする。

本発明によれば、タッチ・ディスプレイ上のスライド操作開始時のタッチ開始位置およびタッチ開始位置からのスライド方向を取得するステップと、タッチ開始位置がタッチ・ディスプレイ領域の周縁領域内にあるか、および、スライド方向が周縁方向であるかを判定するステップと、タッチ開始位置がタッチ・ディスプレイ領域の周縁領域内にあり、且つスライド方向が周縁方向であると判定される場合に、タッチ開始位置に対し、スライド方向とは反対側の位置を基準位置に決定するステップと、スライド操作開始時の画像を、前記タッチ開始位置および前記基準位置に関連づけて生成および表示するステップと、を含む方法が得られる。

また、本発明によれば、タッチ・ディスプレイを備えるコンピュータに、タッチ・ディスプレイ上のスライド操作開始時のタッチ開始位置およびタッチ開始位置からのスライド方向を取得するステップと、タッチ開始位置がタッチ・ディスプレイ領域の周縁領域内にあるか、および、スライド方向が周縁方向であるかを判定するステップと、上記判定するステップにおいて肯定的な判定の場合に、タッチ開始位置に対し、スライド方向とは反対側の位置を基準位置に決定するステップと、スライド操作開始時の画像を、前記タッチ開始位置および前記基準位置に関連づけて生成および表示するステップ、を含む方法を実行させるプログラムが得られる。

本発明によれば、タッチ・ディスプレイの特定領域においてスライド操作が制限される場合であっても、ユーザに快適な操作性を提供するＵＩ画像を生成および表示することができる。

一実施形態によるコンピュータの基本構成のブロック図である。 一実施形態によるコンピュータの詳細構成のブロック図である。 一実施形態のコンピュータによる処理を示すフローチャートである。 一実施形態の動作例を示す概略イメージ図である。 一実施形態の周縁方向領域例を示す概要図である。 一実施形態の基準位置の決定処理を示す概略イメージ図である。 一実施形態のＵＩ画像例を示す概要図である。 一実施形態による、スライド操作開始時のＵＩ画像表示例を示す概略イメージ図である。 一実施形態の他の動作例を示す概略イメージ図である。

〔本発明の実施形態の説明〕
最初に、本発明の実施形態の内容を列記して説明する。本発明の実施形態による方法およびプログラムは、以下のような構成を備える。

（項目１） タッチ・ディスプレイ上のスライド操作開始時のタッチ開始位置および該タッチ開始位置からのスライド方向を取得するステップと、
前記タッチ開始位置がタッチ・ディスプレイ領域の周縁領域内にあるか、および、前記スライド方向が周縁方向であるかを判定するステップと、
前記タッチ開始位置が前記タッチ・ディスプレイ領域の周縁領域内にあり、且つ前記スライド方向が前記周縁方向であると判定される場合に、前記タッチ開始位置に対し、前記スライド方向とは反対側の位置を基準位置に決定するステップと、
スライド操作開始時の画像を、前記タッチ開始位置および前記基準位置に関連づけて生成および表示するステップと
を含む、方法。
これにより、タッチ・ディスプレイの特定領域においてスライド操作が制限される場合であっても、ユーザに快適な操作性を提供して、円滑なゲーム進行を可能とするユーザ・インタフェース画像を生成することができる。

（項目２） 項目１記載の方法であって、前記スライド方向とは反対側の位置を前記基準位置に決定する前記ステップにおいて、
前記スライド方向とは反対方向に、前記タッチ開始位置から所定の距離だけ離れた第１位置を前記基準位置に決定する、方法。
これにより、ユーザが誤ってタッチ・ディスプレイの周縁領域でスライド操作を開始してしまった場合にも、ユーザは、視覚的に確認しながらスライド操作を容易に継続可能である。

（項目３） 項目２記載の方法であって、前記スライド方向とは反対側の位置を前記基準位置に決定する前記ステップが、更に、
前記第１位置が前記タッチ・ディスプレイ領域から外れるかを判定するステップと、
前記第１位置が前記タッチ・ディスプレイ領域から外れると判定される場合に、前記タッチ・ディスプレイ領域内の第２位置であって前記タッチ開始位置から前記所定の距離だけ離れた第２位置に前記基準位置を決定するステップと
を含む、方法。

（項目４） 項目１から３のいずれか一項記載の方法であって、前記スライド方向とは反対側の位置を前記基準位置に決定する前記ステップにおいて、前記タッチ開始位置が前記タッチ・ディスプレイ領域の周縁領域内になく、または、前記スライド方向が前記周縁方向でないと判定される場合に、前記タッチ開始位置を前記基準位置に決定し、当該方法が更に、
スライド操作開始時の画像を、前記基準位置に関連づけて生成および表示するステップを含む、方法。

（項目５） 項目１から４のいずれか一項記載の方法であって、前記スライド操作開始時の画像を、前記タッチ開始位置および前記基準位置に関連づけて生成および表示するステップにおいて、
前記画像が、基部および先端部を有するオブジェクトの画像であり、
前記基部が前記基準位置に関連づけられ、前記先端部が前記タッチ開始位置に関連づけられる、方法。

（項目６） 項目５記載の方法であって、前記スライド操作開始時の画像を、前記タッチ開始位置および前記基準位置に関連づけて生成および表示するステップにおいて、
前記基部が前記基準位置に関連づけられる際に、前記先端部を固定すると共に、前記基部を前記タッチ開始位置から前記基準位置まで経時的に移動させるように前記オブジェクトの画像が表示される、方法。

（項目７） 項目５または６記載の方法であって、更に、
前記スライド操作によるタッチ位置の移動に伴い、スライド操作中の画像を、前記タッチ位置および前記基準位置に関連づけて連続的に生成および表示するステップであって、前記先端部を前記タッチ位置に関連づけると共に、前記基部を固定し、前記オブジェクトを、前記タッチ位置の移動に追従させるように変形させながらスライド操作中の画像を表示するステップを含む、方法。

（項目８） プログラムであって、タッチ・ディスプレイを備えるコンピュータに、
前記タッチ・ディスプレイ上のスライド操作開始時のタッチ開始位置および該タッチ開始位置からのスライド方向を取得するステップと、
前記タッチ開始位置がタッチ・ディスプレイ領域の周縁領域内にあるか、および、前記スライド方向が周縁方向であるかを判定するステップと、
前記タッチ開始位置が前記タッチ・ディスプレイ領域の周縁領域内にあり、前記スライド方向が前記周縁方向であると判定される場合に、前記タッチ開始位置に対し、前記スライド方向とは反対側の位置を基準位置に決定するステップと、
スライド操作開始時の画像を、前記タッチ開始位置および前記基準位置に関連づけて生成および表示するステップと
を含む、方法を実行させる、プログラム。
これにより、タッチ・ディスプレイの特定領域においてスライド操作が制限される場合であっても、ユーザに快適な操作性を提供して、円滑なゲーム進行を可能とするユーザ・インタフェース画像を生成することができる。

（項目９） 項目８記載のプログラムにおいて、前記スライド方向とは反対側の位置を基準位置に決定する前記ステップにおいて、
前記スライド方向とは反対方向に、前記タッチ開始位置から所定の距離だけ離れた第１位置を前記基準位置に決定する、プログラム。
これにより、ユーザが誤ってタッチ・ディスプレイの周縁領域でスライド操作を開始してしまった場合にも、ユーザは、視覚的に確認しながらスライド操作を容易に継続可能である。

（項目１０） 項目９記載のプログラムにおいて、前記スライド方向とは反対側の位置を基準位置に決定する前記ステップが、更に、
前記第１位置が前記タッチ・ディスプレイ領域から外れるかを判定するステップと、
前記第１位置が前記タッチ・ディスプレイ領域から外れると判定される場合に、前記タッチ・ディスプレイ領域内の第２位置であって、前記タッチ開始位置から前記所定の距離だけ離れた第２位置に前記基準位置を決定するステップと
を含む、プログラム。

（項目１１） 項目８から１０のいずれか一項記載のプログラムであって、前記スライド操作開始時の画像を、前記タッチ開始位置および前記基準位置に関連づけて生成および表示するステップ表示するステップにおいて、
前記画像が、基部および先端部を有するオブジェクトの画像であり、
前記基部が前記基準位置に関連づけられ、前記先端部が前記タッチ開始位置に関連づけられる、プログラム。

（項目１２） 項目１１記載のプログラムであって、前記方法が、更に、
前記スライド操作によるタッチ位置の移動に伴い、スライド操作中の画像を、前記タッチ位置および前記基準位置に関連づけて、連続的に生成および表示するステップであって、前記先端部を前記タッチ位置に関連づけると共に、前記基部を固定し、前記オブジェクトを、前記タッチ位置の移動に追従させるように変形させながらスライド操作中の画像を表示するステップを含む、プログラム。

〔本発明の実施形態の詳細〕
本発明の実施形態に係るユーザ・インタフェース画像表示方法およびプログラムの具体例を、以下に図面を参照しながら説明する。なお、本発明はこれらの例示に限定されるものではなく、特許請求の範囲によって示され、特許請求の範囲と均等の意味及び範囲内でのすべての変更が含まれることが意図される。以下の説明では、図面の説明において同一の要素には同一の符号を付し、重複する説明を省略する。

図１は、本発明の一実施形態によるコンピュータ１００の基本構成のブロック図を示す。コンピュータ１００は、スマートフォンやタブレット型コンピュータなどのタッチ・ディスプレイを備えるデバイスとするのがよい。本明細書において、「タッチ・ディスプレイ」という用語は、「タッチパネル」および「タッチ・スクリーン」と置き換え可能であることが当業者には理解される。図示されるように、コンピュータ１００は、タッチ・ディスプレイ１０２、処理部１０８、記憶部１１０および通信部１１２を備える。タッチ・ディスプレイ１０２は、記憶部１１０に格納された各種データや処理部１０８により生成された各種画像などを表示するための表示部１０４を備える。タッチ・ディスプレイ１０２はまた、表示部１０４に対し、ユーザの指やスタイラス等の物体による接触操作（主に、タッチ操作、スワイプ操作、スライド操作、フリック操作、ドラッグ操作、およびタップ操作等の物理的接触操作）を検知する接触検知部１０６を備える。接触検知部１０６は、タッチ・ディスプレイ１０２の構造上、液晶パネル、有機ＥＬ、プラズマディスプレイ等の表示部１０４の上層に配置されてもよい。接触検知部１０６は、圧力検出方式、抵抗膜方式、静電容量方式や電磁誘導方式等を採用することができる。接触検知部１０６上で指やスタイラス等の物体の接触による入力を受けると、その接触位置における押圧、電気抵抗、電気容量や弾性波のエネルギー等の変化量が検知され、表示部１０４上の対応する接触座標が特定される。

処理部１０８は、プロセッサとして構成されてもよく、本発明の実施形態によるユーザ・インタフェース画像表示プログラム、およびゲームプログラム等のコンピュータ・プログラムを記憶部１１０等から読み出して、それに従った処理をコンピュータ１００に実行させる。処理部１０８の具体的な構成及び動作については後述する。記憶部１１０は、ゲームプログラム、ユーザやゲームに関連する各種データ等を一時的又は永続的に格納することができ、処理部１０８からの命令に応答して、情報の登録、更新、削除等を実行する。記憶部１１０の例は、ＲＯＭ（Ｒｅａｄ Ｏｎｌｙ Ｍｅｍｏｒｙ）、ＲＡＭ（Ｒａｎｄｏｍ Ａｃｃｅｓｓ Ｍｅｍｏｒｙ）、ハードディスク、フラッシュメモリ、光ディスク等を含むが、これらに限定されない。通信部１１２は、インターネット等の通信ネットワークを介して外部のサーバ（図示せず）等との間でゲームに関するデータのやり取りを実行するために使用することができる。

図２は、本発明の一実施形態によるコンピュータ１００の詳細構成を詳細に示すブロック図である。図１に関連して説明したように、コンピュータ１００は、表示部１０４および接触検知部１０６を含むタッチ・ディスプレイ１０２、処理部１０８、記憶部１１０および通信部１１２を備える。処理部１０８は、機能ブロックとして、スライド操作特定部２０２、周縁領域判定部２０４、周縁方向判定部２０６、基準位置決定部２０８、およびＵＩ画像生成部２１０を有する。これらのコンポーネントによって実行される処理の詳細は後述する。なお、各機能ブロック２０２から２１０は、ソフトウェアによって実装され、図１に示したプロセッサ１０８がメモリ１１０に記憶した各プログラムモジュールを読み出して実行することを通じて実現される。

図３から図９を参照して、本発明の一実施形態によるＵＩ画像表示に関する動作処理について説明する。図３に、ＵＩ画像表示処理を示すフローチャートを示す。図４、図７〜図９に、スライド操作と共にタッチ・ディスプレイ上に表示されるＵＩ画像の概略イメージを示す。更に、図５に、タッチ・ディスプレイ上に設けられる周縁方向領域例を、図６に、タッチ・ディスプレイ上に設けられる基準点配置領域例を示す。

図３のフローチャートは、スライド操作の開始から終了までの間の一連の処理フローを示す。より詳細には、処理部１０８によって、スライド操作開始時にＳ１０１からＳ１０７の各ステップが実施され、スライド操作中にＳ１０８のステップが繰り返し実施され、スライド操作終了時にＳ１０９のステップが実施される。スライド操作全般にわたり、接触検知部１０６が、タッチ・ディスプレイ上のＸＹ座標位置データを記憶部１１０に格納する。具体的には、タッチ開始位置、タッチ終了位置、およびスライド操作中の所定のフレーム・レート（例えば、３０ｆｂｐｓ）でのタッチ位置を含むタッチ位置データの全部または一部が格納される。

スライド操作開始時において、スライド操作特定部２０２は、タッチ・ディスプレイ上のタッチ開始位置、およびタッチ開始位置からのスライド方向を取得する（Ｓ１０１）。スライド方向は、記憶部１１０に格納したスライド操作開始時の少なくとも２つのタッチ位置データから特定され得る。周縁領域判定部２０４は、タッチ開始位置が周縁領域内にあるかを判定する（Ｓ１０２）。図４（ａ）のようにタッチ開始位置ＴＰ１が周縁領域ＰＡ内にある場合は、更に、周縁方向判定部２０６は、スライド方向ＳＤが周縁方向であるかを判定する（Ｓ１０３）。スライド方向が周縁方向である場合は、同じく図４（ａ）のように、基準位置決定部２０８は、タッチ開始位置に対し、スライド方向とは反対側の位置を基準位置ＳＰに決定する（Ｓ１０４）。周縁領域ＰＡ、スライド方向ＳＤ、基準位置ＳＰの詳細については、図５および図６を参照して後述する。図４（ｂ）のように、ＵＩ画像生成部２１０は、スライド操作開始時の初期ＵＩ画像Ｉ１を、Ｓ１０１で取得したタッチ開始位置、およびＳ１０４で決定した基準位置ＳＰに関連づけて、タッチ・ディスプレイ上に生成および表示する（Ｓ１０５）。一例として、初期ＵＩ画像Ｉ１は、タッチ開始位置ＴＰ１から基準位置ＳＰに向けて水滴を垂らしたような弾性形状とするのがよい。Ｓ１０５でのＵＩ画像生成および表示の詳細については、図７および図８を参照して後述する。

なお、スライド操作開始時において、図９（ａ）のようにＳ１０２でタッチ開始位置が周縁領域内にはない（即ち、中央領域ＣＡ内）と判断される場合、または、周縁領域内であってもＳ１０３でスライド方向が周縁方向でないと判断される場合は、基準位置決定部２０８は、タッチ開始位置自体を基準位置に決定する（Ｓ１０６）。この場合は、図９（ｂ）のように、スライド操作開始時の円形状の初期ＵＩ画像Ｉ２を、基準位置のみに関連づけてタッチ・ディスプレイ上で生成および表示する（Ｓ１０７）。

Ｓ１０５に引き続き、スライド操作によるタッチ位置の移動（図４（ｂ）の曲線矢印）に伴い、図４（ｃ）のように、ＵＩ画像生成部２１０は、スライド操作中のＵＩ画像を、移動先のタッチ位置ＴＰ２、およびＳ１０４で決定した基準位置に関連づけて生成および表示する（Ｓ１０８）。Ｓ１０７に続く場合は、図９（ｃ）のように、ＵＩ画像生成部２１０は、スライド操作中のＵＩ画像を、移動先のタッチ位置ＴＰ２、およびＳ１０６で決定した基準位置ＳＰ（タッチ開始位置）にづけて、生成および表示する（Ｓ１０８）。スライド操作中は、Ｓ１０８は繰り返し実行され、フレーム単位でＵＩ画像が連続的に生成して表示される。最終的に、スライド操作終了時をスライド操作特定部２０２が特定すると、ＵＩ画像生成部２１０はＵＩ画像を消滅させる（Ｓ１０８）。Ｓ１０８の結果として、一連の処理が終了する。

本発明の一実施形態では、スライド操作全体にわたりオブジェクトを弾性変形させるように連続的にＵＩ画像を表示することができる。従来技術では、特に、タッチ開始位置が周縁領域となる場合や、スライド方向が周縁方向となる場合は、スライド操作が制限されるために、ＵＩ画像が十分に表示できなかった。また、スライド操作が周縁部を避けるような曲線操作となるため、仮にＵＩ画像を表示した場合でも、指下に隠れてしまう等、効果的なＵＩ画像表示ができなかった。本発明の実施形態によれば、このような従来技術の課題を解決し、効果的なＵＩ画像表示を可能とすることにより、ユーザに快適な操作性を提供することができる。特に、スライド操作が制限される場合であっても、タッチ開始位置から離れた位置に基準位置を設定することにより、容易にユーザ視認可能なＵＩ画像を表示することができる。具体的には、ユーザが誤ってタッチ・ディスプレイの周縁領域でスライド操作を開始してしまった場合にも、ユーザは、視覚的に確認しながらスライド操作を容易に継続可能である。本発明は、ゲーム・アプリケーションにおいて、スライド操作をゲーム進行機能に関連づけるような場合に、特に有利なものとなる。

本発明の一実施形態では、図４に示すように、タッチ・ディスプレイ１０２を縦長の矩形を有するものとして、左右長辺および上下短辺が規定される。これは、タッチ・ディスプレイを備えた携帯端末（例えばスマートフォン）をユーザが片手で縦持ちすることを想定したものである。しかしながら、本発明の一実施形態は、これに限定されず、タッチ・ディスプレイ１０２を横長の矩形を有するようにしてもよいし、タッチ・ディスプレイは任意の形状としてもよい。また、図４（ａ）では、タッチ・ディスプレイ１０２を矩形の中央領域ＣＡを規定し、その周囲を周縁領域ＰＡとして規定している。しかしながら、本発明の一実施形態は、やはりこれに限定されず、周縁領域ＰＡはタッチ・ディスプレイ１０２の外周に沿った領域であれば如何なる形状、面積、および配置を有する領域として規定され得る。周縁領域ＰＡは、ユーザが携帯端末を縦持ちするか、それとも横持ちするか、または、ユーザが左手で持つか、それとも右手で持つかに従ってユーザ設定可能とするのがよい。一例として、ユーザがスマートフォンを右手で縦持ちするような場合は、タッチ・ディスプレイの右側を親指で操作することが多く想定される。この点、ユーザフレンドリの観点から、周縁領域ＰＡとしてタッチ・ディスプレイの右側領域の面積が広くなるよう形成するのがよい。

図５に、Ｓ１０３で周縁方向判定部２０６によって判定される周縁方向について例示する。図５（ａ）および（ｂ）は、周縁領域に収容される周縁方向領域ＰＤＡ１，ＰＤＡ２の例示である。周縁方向は、タッチ開始位置ＴＰ１からのスライド方向ＳＤが、周縁方向領域ＰＤＡ１やＰＤＡ２（灰色領域部分）内の方向となるように規定するのがよい。ＰＤＡ１およびＰＤＡ２は、周縁領域ＰＡ内のタッチ開始位置ＴＰ１に近いタッチ・ディスプレイ１０２の少なくとも一辺を基準に規定するのがよい。図５（ａ）および（ｂ）の例では、ＳＤ１からＳＤ４の内、左長辺ＳＤ１がタッチ開始位置ＴＰ１からの距離が最も短い。そこで、図５（ａ）では、左長辺ＳＤ１の両端の２点とタッチ開始位置ＴＰ１で形成される３角形状の領域を周縁方向領域ＰＤＡ１と規定している。図５（ｂ）の例も同様であるが、左長辺ＳＤ１上の２点は、タッチ開始位置ＴＰ１から所定の距離となる点としている。当該距離は、図７で後述するＵＩ画像における先端部および基部間の最大距離となるように設定するのがよい。なお、基準となるタッチ・ディスプレイ１０２の辺は１辺のみならず２辺としてもよく、周縁方向領域は曲線形状としても、任意の形状に設定可能である。

図６に、Ｓ１０４で基準位置決定部２０８によって決定される基準位置について例示する。図６（ａ）および（ｂ）は、基準位置ＳＰａ，ＳＰｂの例示である。図示されるように、基準位置ＳＰａ，ＳＰｂは、タッチ開始位置ＴＰ１ａ，ＴＰ１ｂからのスライド方向ＳＤａ，ＳＤｂとは反対側の反対領域ＯＡａ，ＯＡｂ内に決定される。図６（ａ）のように、基準位置ＳＰａは、スライド方向とは反対方向（例えば、１８０度反対方向）に、タッチ開始位置ＳＤａから所定の距離ｄだけ離れた位置として決定するのがよい。他方、図６（ｂ）のように、タッチ開始位置ＳＤｂがタッチ・ディスプレイ領域のコーナー部近傍にあるような場合は、スライド方向の１８０度反対方向の距離ｄだけ離れた位置ＳＰｘがタッチ・ディスプレイ領域から外れることも考えられる。位置ＳＰｘがタッチ・ディスプレイの領域から外れると判定される場合は、基準位置ＳＰｂは、位置ＳＰｘから、タッチ開始位置ＳＤｂを中心とした円周に沿って、所定の距離（角度）ずつ反対領域ＯＡｂ方向にスライドさせる（点線矢印）。基準位置ＳＰｂは、スライドの結果として、タッチ・ディスプレイ領域内の反対領域ＯＡｂに収容される位置に設定されるのがよい。このように、タッチ開始位置に対して、基準位置を適切に設定することにより、初期ＵＩ画像を適切にタッチ・ディスプレイ領域内に収容して表示することが可能になる。

図７に、本発明の実施形態により、ＵＩ画像生成部２１０によって、スライド操作を通じて生成され、タッチ・ディスプレイに表示されるＵＩ画像のイメージ例を示す。図示されるように、ＵＩ画像Ｉは、基部、先端部、およびこれらの間の接続部を有する水滴形状の弾性オブジェクトの画像として形成される。タッチ・ディスプレイ上では、基部が基準位置ＳＰに関連づけられ、先端部がタッチ開始位置に関連づけられる。即ち、基部の特定の位置が基準位置に位置合わせされ、先端部の特定の位置がタッチ開始位置に位置合わせされるようにＵＩ画像が形成される。弾性オブジェクトの形状は、正方形または３角形状から成る複数のポリゴンのセット（メッシュ）によって形成可能であることが当業者によって理解される。つまり、各ポリゴンの各頂点座標を所定の数式に代入することにより、オブジェクトの水滴形状を規定することができる。なお、本発明の一実施形態によるプログラムがゲームプログラムに適用される場合には、ユーザのスライド操作において、スライド方向をキャラクタの移動方向に、基部から先端部までの長さ（伸び量）をキャラクタの移動速度に関連付けるように構成するのがよい。これにより、直観的で優れた操作性をユーザに提供可能なＵＩ画像を提供することができる。

Ｓ１０５におけるスライド操作開始時の初期ＵＩ画像生成では、先端部がタッチ位置ＴＰ１に関連づけられ、基部が基準位置に関連づけられる。図８（ａ）から（ｄ）に示すように、ＵＩ画像生成部２１０は、ＵＩ画像の先端部を固定し、ＵＩ画像の基部をタッチ開始位置まで経時的に移動するようにオブジェクトの画像を連続的に生成する。この結果、タッチ開始位置から基準位置まで水滴を垂らしたように変形する弾性形状を有するオブジェクト画像が生成される。他方、Ｓ１０７のスライド操作開示時の初期ＵＩ画像生成では、基準位置がタッチ開始位置に決定され、基準位置を中心に、所定の半径を有する円形状のオブジェクト画像が生成される。

Ｓ１０８のスライド操作中は、タッチ位置の移動に伴いＵＩ画像が変形される。ＵＩ画像生成部２１０は、図４（ｃ）および図９（ｃ）のように、ＵＩ画像の先端部をタッチ位置に関連づけると共に、ＵＩ画像の基部を固定し、基部および先端部を有するオブジェクトのＵＩ画像をスライド操作中に表示する。ＵＩ画像は、基部がタッチ開始位置に固定されたまま、弾性オブジェクトを基準位置からタッチ位置まで引っ張るように引き延ばして、弾性変形を伴いながらタッチ位置の移動に追従するかのように表示される。弾性オブジェクトが引き伸ばされる長さに上限を設け、上限以上は引き延ばすことができないように設定してもよい。この場合は、タッチ位置と先端部が離れることになる。

Ｓ１０９のスライド操作終了時は、スライド操作終了を検知してＵＩ画像を消滅させるが、例えば、図８のスライド操作開始時とは逆方向の動作表示を行うのがよい。つまり、ＵＩ画像の基部を固定し、ＵＩ画像の先端部が、スライド操作の終了点から基準位置まで経時的に移動させ、基準位置までたどり着いた際に、ＵＩ画像を消滅させるのがよい。勿論、図８のスライド操作開始時の初期ＵＩ画像やスライド操作終了時に消滅させるＵＩ画像は、上記以外にも様々な視覚効果を伴っていいことが理解される。一例として、進行方向に伸縮するのみならず、これとは直角方向に振動する（弾む）ような視覚効果を施してもよい。基点が自発的に動作しているという、ユーザにとって違和感のない印象を与えることができる。

上述した実施形態は、本発明の理解を容易にするための例示に過ぎず、本発明を限定して解釈するためのものではない。本発明は、その趣旨を逸脱することなく、変更、改良することができると共に、本発明にはその均等物が含まれることは言うまでもない。

Claims (12)

1. タッチ・ディスプレイ上のスライド操作開始時のタッチ開始位置および該タッチ開始位置からのスライド方向を取得するステップと、
   前記タッチ開始位置がタッチ・ディスプレイ領域の周縁領域内にあるか、および、前記スライド方向が周縁方向であるかを判定するステップと、
   前記タッチ開始位置が前記タッチ・ディスプレイ領域の周縁領域内にあり、且つ前記スライド方向が前記周縁方向であると判定される場合に、前記タッチ開始位置に対し、前記スライド方向とは反対側の位置を基準位置に決定するステップと、
   スライド操作開始時の画像を、前記タッチ開始位置および前記基準位置に関連づけて生成および表示するステップと
   を含む、方法。
2. 請求項１記載の方法であって、前記スライド方向とは反対側の位置を前記基準位置に決定する前記ステップにおいて、
   前記スライド方向とは反対方向に、前記タッチ開始位置から所定の距離だけ離れた第１位置を前記基準位置に決定する、方法。
3. 請求項２記載の方法であって、前記スライド方向とは反対側の位置を前記基準位置に決定する前記ステップが、更に、
   前記第１位置が前記タッチ・ディスプレイ領域から外れるかを判定するステップと、
   前記第１位置が前記タッチ・ディスプレイ領域から外れると判定される場合に、前記タッチ・ディスプレイ領域内の第２位置であって前記タッチ開始位置から前記所定の距離だけ離れた第２位置に前記基準位置を決定するステップと
   を含む、方法。
4. 請求項１から３のいずれか一項記載の方法であって、前記スライド方向とは反対側の位置を前記基準位置に決定する前記ステップにおいて、前記タッチ開始位置が前記タッチ・ディスプレイ領域の周縁領域内になく、または、前記スライド方向が前記周縁方向でないと判定される場合に、前記タッチ開始位置を前記基準位置に決定し、当該方法が更に、
   スライド操作開始時の画像を、前記基準位置に関連づけて生成および表示するステップを含む、方法。
5. 請求項１から４のいずれか一項記載の方法であって、前記スライド操作開始時の画像を、前記タッチ開始位置および前記基準位置に関連づけて生成および表示するステップにおいて、
   前記画像が、基部および先端部を有するオブジェクトの画像であり、
   前記基部が前記基準位置に関連づけられ、前記先端部が前記タッチ開始位置に関連づけられる、方法。
6. 請求項５記載の方法であって、前記スライド操作開始時の画像を、前記タッチ開始位置および前記基準位置に関連づけて生成および表示するステップにおいて、
   前記基部が前記基準位置に関連づけられる際に、前記先端部を固定すると共に、前記基部を前記タッチ開始位置から前記基準位置まで経時的に移動させるように前記オブジェクトの画像が表示される、方法。
7. 請求項５または６記載の方法であって、更に、
   前記スライド操作によるタッチ位置の移動に伴い、スライド操作中の画像を、前記タッチ位置および前記基準位置に関連づけて連続的に生成および表示するステップであって、前記先端部を前記タッチ位置に関連づけると共に、前記基部を固定し、前記オブジェクトを、前記タッチ位置の移動に追従させるように変形させながらスライド操作中の画像を表示するステップを含む、方法。
8. プログラムであって、タッチ・ディスプレイを備えるコンピュータに、
   前記タッチ・ディスプレイ上のスライド操作開始時のタッチ開始位置および該タッチ開始位置からのスライド方向を取得するステップと、
   前記タッチ開始位置がタッチ・ディスプレイ領域の周縁領域内にあるか、および、前記スライド方向が周縁方向であるかを判定するステップと、
   前記タッチ開始位置が前記タッチ・ディスプレイ領域の周縁領域内にあり、前記スライド方向が前記周縁方向であると判定される場合に、前記タッチ開始位置に対し、前記スライド方向とは反対側の位置を基準位置に決定するステップと、
   スライド操作開始時の画像を、前記タッチ開始位置および前記基準位置に関連づけて生成および表示するステップと
   を含む、方法を実行させる、プログラム。
9. 請求項８記載のプログラムにおいて、前記スライド方向とは反対側の位置を基準位置に決定する前記ステップにおいて、
   前記スライド方向とは反対方向に、前記タッチ開始位置から所定の距離だけ離れた第１位置を前記基準位置に決定する、プログラム。
10. 請求項９記載のプログラムにおいて、前記スライド方向とは反対側の位置を基準位置に決定する前記ステップが、更に、
    前記第１位置が前記タッチ・ディスプレイ領域から外れるかを判定するステップと、
    前記第１位置が前記タッチ・ディスプレイ領域から外れると判定される場合に、前記タッチ・ディスプレイ領域内の第２位置であって、前記タッチ開始位置から前記所定の距離だけ離れた第２位置に前記基準位置を決定するステップと
    を含む、プログラム。
11. 請求項８から１０のいずれか一項記載のプログラムであって、前記スライド操作開始時の画像を、前記タッチ開始位置および前記基準位置に関連づけて生成および表示するステップ表示するステップにおいて、
    前記画像が、基部および先端部を有するオブジェクトの画像であり、
    前記基部が前記基準位置に関連づけられ、前記先端部が前記タッチ開始位置に関連づけられる、プログラム。
12. 請求項１１記載のプログラムであって、前記方法が、更に、
    前記スライド操作によるタッチ位置の移動に伴い、スライド操作中の画像を、前記タッチ位置および前記基準位置に関連づけて、連続的に生成および表示するステップであって、前記先端部を前記タッチ位置に関連づけると共に、前記基部を固定し、前記オブジェクトを、前記タッチ位置の移動に追従させるように変形させながらスライド操作中の画像を表示するステップを含む、プログラム。