特許 5865535 ユーザ・インタフェース・プログラム

(19)【発行国】日本国特許庁(JP)

(12)【公報種別】特許公報(B1)

(11)【特許番号】5865535

(24)【登録日】2016年1月8日

(45)【発行日】2016年2月17日

(54)【発明の名称】ユーザ・インタフェース・プログラム

(51)【国際特許分類】

   A63F 13/2145 20140101AFI20160204BHJP

   A63F 13/426 20140101ALI20160204BHJP

   A63F 13/55 20140101ALI20160204BHJP

   A63F 13/52 20140101ALI20160204BHJP

【ＦＩ】

   A63F13/2145

   A63F13/426

   A63F13/55

   A63F13/52

【請求項の数】6

【全頁数】22

(21)【出願番号】特願2015-84039(P2015-84039)

(22)【出願日】2015年4月16日

【審査請求日】2015年7月30日

【早期審査対象出願】

(73)【特許権者】

【識別番号】509070463

【氏名又は名称】株式会社コロプラ

(74)【代理人】

【識別番号】100140109

【弁理士】

【氏名又は名称】小野 新次郎

(74)【代理人】

【識別番号】100075270

【弁理士】

【氏名又は名称】小林 泰

(74)【代理人】

【識別番号】100101373

【弁理士】

【氏名又は名称】竹内 茂雄

(74)【代理人】

【識別番号】100118902

【弁理士】

【氏名又は名称】山本 修

(74)【代理人】

【識別番号】100173565

【弁理士】

【氏名又は名称】末松 亮太

(72)【発明者】

【氏名】馬場 功淳

【審査官】 鈴木 崇雅

(56)【参考文献】

【文献】 特開２０１０−０８８６４２（ＪＰ，Ａ）

【文献】 ［ＹｏｕＴｕｂｅ］Unityでバーチャルジョイスティックでアニメーションを操作，［ｏｎｌｉｎｅ］，２０１５年 ８月２６日，公開日：２０１５年２月１２日，ＵＲＬ，https://www.youtube.com/watch?v=isbtD2gKgzk

(58)【調査した分野】（Int.Cl.，ＤＢ名）

Ａ６３Ｆ １３／００−９８

(57)【特許請求の範囲】

【請求項1】

ゲーム・キャラクタ操作のためのユーザ・インタフェース（ＵＩ）プログラムであって、タッチパネルを具備する携帯端末を、
前記タッチパネル上の任意の接触位置への接触に応じて、基準位置を前記接触位置に位置合わせして、前記基準位置に関連付けられる初期オブジェクトを形成して表示する初期オブジェクト形成手段と、
前記タッチパネル上での前記接触位置からスライド位置までスライド操作が行われた場合に、前記初期オブジェクトの形状を伸張するように変形した、前記基準位置および前記スライド位置に関連付けられる第１変形オブジェクトを表示する第１変形オブジェクト形成手段と、
前記スライド操作に伴い、前記スライド位置との距離を所定の距離以下となるように前記基準位置を移動させ、前記第１変形オブジェクトの形状を更に変形した、前記移動した基準位置および前記スライド位置に関連付けられる第２変形オブジェクトを表示する第２変形オブジェクト形成手段と、
前記第２変形オブジェクトの表示、または、前記移動した基準位置および前記スライド位置の位置関係に応じて、前記ゲーム・キャラクタを動作させるキャラクタ動作手段と
として機能させる、ＵＩプログラム。

【請求項2】

請求項１記載のＵＩプログラムであって、
前記初期オブジェクトが前記接触位置を中心とした円形状を有し、
前記第１変形オブジェクト形成手段において、前記接触位置から前記スライド位置に向けて円形状を伸張させるように前記初期オブジェクトの形状を変形して前記第１変形オブジェクトを形成することを特徴とする、ＵＩプログラム。

【請求項3】

請求項１または２記載のＵＩプログラムであって、
前記第２変形オブジェクト形成手段において、前記接触位置に関連付けられた基準位置から前記移動した基準位置に向けて萎縮させるように、前記第１変形オブジェクトの形状を変形して前記第２変形オブジェクトを形成することを特徴とする、ＵＩプログラム。

【請求項4】

前記所定の距離が、前記タッチパネルの縦方向および／または横方向の長さに基づいて決定されることを特徴とする、請求項１から３のいずれか一項記載のＵＩプログラム。

【請求項5】

前記第２変形オブジェクト形成手段における前記基準位置の移動が、前記スライド操作の経路方向に行われることを特徴とする、請求項１から４のいずれか一項記載のＵＩプログラム。

【請求項6】

前記第２変形オブジェクト形成手段における前記基準位置の移動が、前記スライド位置に向けた直線方向に行われることを特徴とする、請求項１から５のいずれか一項記載のＵＩプログラム。

【発明の詳細な説明】

【技術分野】

【0001】

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

【背景技術】

【0002】

スマートフォン・ゲームに用いられるＵＩとして、例えば、特許文献１に開示される従来技術が知られる。特許文献１に開示された技術は、スマートフォンのタッチパネルに操作ボタン（所謂、十字キー、ジョイスティック等）を表示するものであり（〔要約〕参照）、ユーザは、当該操作ボタンによる操作を通じて、ゲーム・キャラクタの移動等を行うことができる。

【0003】

また、特許文献１と同様のＵＩとして、図１に示したバーチャル・ジョイスティックが知られる。バーチャル・ジョイスティックは、今日リリースされている数多くのスマートフォン・ゲームにおいて採用されている。具体的には、図１に示されるＵＩは、大小２つの円を同心円状に配置して表示するように構成される。大きい方の円は画面の所定位置に固定して表示される。ユーザによりスライド操作が実施された際には（図１では横方向の矢印）、小さい方の円がスライド操作の方向に大きい円周上までずれるようにスライド移動し、これに伴いゲーム・キャラクタも横方向に移動する。ユーザは、大きい円の円周上における小さい円の位置により、ゲーム・キャラクタの移動方向を視認しながら、ゲームをプレイすることができる。

【0004】

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

【先行技術文献】

【特許文献】

【0005】

【特許文献1】特開２０１２−１６８９３１号公報

【発明の概要】

【発明が解決しようとする課題】

【0006】

本発明は、このようなスマートフォン・ゲームで用いる従来技術のＵＩを改良して、ユーザ操作性に優れた改良ＵＩのためのプログラムを提供することを目的とする。より具体的には、配置位置を固定することをなく任意の画面位置に配置可能とし、画面全体を使ってダイナミックに操作可能とするＵＩのためのプログラムを提供することを目的とする。

【課題を解決するための手段】

【0007】

上記課題を解決するために、タッチパネルを備える携帯端末に機能させるユーザ・インタフェース（ＵＩ）プログラムを提供する。
（１）本発明のＵＩプログラムは、タッチパネル上の任意の接触位置への接触に応じて、基準位置を接触位置に位置合わせして、基準位置に関連付けられる初期オブジェクトを形成して表示する初期オブジェクト形成部と、タッチパネル上での接触位置からスライド位置までスライド操作が行われた場合に、初期オブジェクトの形状を変形した、基準位置およびスライド位置に関連付けられる第１変形オブジェクトを表示する第１オブジェクト変形部と、スライド操作に伴い、スライド位置との距離を所定の距離以下となるように基準位置を移動させ、第１変形オブジェクトの形状を更に変形した、移動した基準位置およびスライド位置に関連付けられる第２変形オブジェクトを表示する第２オブジェクト変形部と、としてタッチパネルを具備する携帯端末に機能させる。
（２）上記（１）のＵＩプログラムでは、初期オブジェクトが前記接触位置を中心とした円形状を有し、第１オブジェクト変形部において、接触位置からスライド位置に向けて円形状を伸張させるように初期オブジェクトの形状を変形して第１変形オブジェクトを形成することを特徴とする。また、第２オブジェクト変形部において、接触位置に関連付けられた基準位置から移動された基準位置に向けて萎縮するように、第１オブジェクトの形状を変形して第２変形オブジェクトを形成することを特徴とする。
（３）上記（１）のＵＩプログラムでは、初期オブジェクト形成部において形成される初期オブジェクトが接触位置の周囲に配置される内側オブジェクトと該内側オブジェクトの外側に配置される外側オブジェクトとを含み、第１オブジェクト変形部において、接触位置からスライド位置に向けて内側オブジェクトを移動させるように初期オブジェクトの形状を変形して第１変形オブジェクトを形成することを特徴とする。また、第２オブジェクト変形部において、接触位置に関連付けられた基準位置から上記移動された基準位置に向けて外側オブジェクトを移動させるように、第１変形オブジェクトの形状を変形して第２変形オブジェクトを形成することを特徴とする。更に、内側オブジェクトおよび外側オブジェクトが、接触位置を中心とした同心円形状を有することを特徴とする。

【図面の簡単な説明】

【0008】

【図1】図１は、従来技術のＵＩの一例のバーチャル・ジョイスティックについて示した模式図である。

【図2】図２は、本発明の実施の形態によるＵＩプログラムを実行するための携帯端末の模式図である。

【図3】図３は、図２の携帯端末の構成を模式的に示したブロック図である。

【図4】図４は、図３の携帯端末における入出力の概要を示したブロック図である。

【図5】図５は、本発明の実施の形態によるＵＩプログラムを用いて実装される主要機能ブロック図である。

【図6】図６は、本発明の実施の形態によるＵＩプログラムによる情報処理について示したフローチャートである。

【図7】図７は、第１実施例によるＵＩのオブジェクト変形例について示した概要図である。

【図8】図８は、第２実施例によるＵＩのオブジェクト変形例について示した概要図である。

【図9】図９は、第２実施例により形成される弾性アイコンの初期の構成について説明した模式図である。

【図10】図１０は、第２実施例により形成される弾性アイコンの変形の構成について説明した模式図である。

【図11】図１１は、第２実施例により形成される弾性アイコンの基本構成について説明した模式図である。

【図12】図１２は、第２実施例により形成される弾性アイコンの基本構成について説明した模式図である。

【図13】図１３は、第２実施例により形成される弾性アイコンの変形の構成について説明した模式図である。

【図14】図１４は、第２実施例により形成される弾性アイコンの変形例について説明した模式図である。

【図15】図１５は、第２実施例により形成される弾性アイコンの一連の変形例について説明した模式図である。

【図16】図１６は、第２実施例によるＵＩのオブジェクト変形例について示した概要図である。

【発明を実施するための形態】

【0009】

これより図２以降を参照して、本発明の実施形態による、ユーザ・インタフェース（ＵＩ）プログラムについて説明する。図中、同一の構成要素には同一の符号を付してある。本発明の実施の形態によるＵＩプログラムは、主に、スマートフォン・ゲームとしてのゲーム・プログラムの一部を構成する。より詳しくは、本ＵＩプログラムは、ゲーム・プログラムの一部として、仮想空間内においてゲーム・キャラクタの動作を制御するために用いられるものである。

【0010】

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

【0011】

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

【0012】

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

【0013】

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

【0014】

これより図５を参照して、本実施の形態によるＵＩプログラムとして実装され、携帯端末に機能させる主要な機能のセットについて説明する。当該機能セットを通じて、操作信号としての入力を処理して、表示信号としての出力を生成することになる。当該機能セットは、タッチパネルを通じたユーザ入力操作およびオブジェクト形成に関連するユーザ操作部８００、並びに当該ユーザ入力操作に応じてゲームでの仮想空間内のキャラクタの動作を制御してユーザがキャラクタを操作するためのキャラクタ動作制御部９００を含む。ユーザ操作部８００は、主に、接触判定部８１０、基準位置・位置合わせ部８２０、初期形状オブジェクト形成部８３０、スライド操作判定部８４０、第１変形オブジェクト形成部８５０、および第２変形オブジェクト形成部８６０を含む。

【0015】

接触判定部８１０では、タッチ操作、即ちタッチパネル上で物体による接触があるかを判定する。接触判定部８１０で物体による接触が判定されると、初期形状オブジェクト形成部８３０では、タッチパネル上の接触点の周囲に初期形状を有する初期オブジェクトを表示する。その際、基準位置・位置合わせ部８２０によってオブジェクトの基準位置がタッチパネル上の接触点に位置合わせされ、これを受けて、初期形状オブジェクト形成部８３０では、基準位置に関連付けられる初期オブジェクトの初期形状を形成して表示する。

【0016】

スライド操作判定部８４０では、タッチパネル上で、物体による接触位置からスライド位置までスライド操作が行われたかを判定する。接触位置からスライド位置までスライド操作が判定されると、これに応じて、第１変形オブジェクト形成部８５０では、初期形状オブジェクト形成部８３０で生成した初期オブジェクトの形状を変形して第１変形オブジェクトを形成する。初期オブジェクトの形状の変形は、オブジェクトの基準位置およびスライド位置に関連付けることで行われる（後記）。

【0017】

第２変形オブジェクト形成部８６０では、上記スライド操作により第１変形オブジェクト形成部８５０で変形オブジェクトを形成する間、スライド操作の距離（即ち、基準位置とスライド位置との距離）を経時的に測定する。そして、スライド移動距離が所定の距離を超えると判断した場合には、当該所定の距離以下となるように上記基準位置をスライド方向に向けて移動させる。より詳細には、基準位置とスライド位置との距離を所定の距離以下に保つように、スライド操作と同時に、またはスライド操作終了後に基準位置を移動させ、その際、第１変形オブジェクト形成部８５０で形成した第１変形オブジェクトの形状を更に変形させて第２変形オブジェクトを形成する。当該更なる変形は、やはり移動した基準位置およびスライド位置に関連付けることで行われる（後記）。

【0018】

ユーザ操作部８００で形成される各種オブジェクト（初期オブジェクト、第１変形オブジェクト、および第２変形オブジェクト）の形状に応じて、キャラクタ動作制御部９００では、ゲーム・キャラクタの動作（アクション）が決定される。以下の実施形態では、一例として、スライド操作に伴うオブジェクト生成に関連し、ゲーム・キャラクタを移動させるアクション例を想定するが、これに限定されないことは言うまでもない。

【0019】

本実施の形態によるＵＩプログラムで実装される上記機能に基づいて、ユーザによるスライド操作に伴いオブジェクトを変形させるための一連の情報処理について図６のフローチャートを参照して説明する。図示のとおり、フローチャートは、ステップＳ１０１で開始し、ステップＳ１０２で、接触判定部８１０によりタッチパネルへの接触判定がなされる。接触判定部８１０で物体（指）による接触があると判定されると、ステップＳ１０３に進み、基準位置・位置合わせ部８２０によりオブジェクトの基準位置を接触点に位置合わせすると共に、初期形状オブジェクト形成部８３０により基準位置に関連付けられる初期オブジェクトの初期形状を形成して表示する。

【0020】

次いで、ステップＳ１０４に進み、スライド操作判定部８４０により、タッチパネル上で物体によるスライド操作が行われたかを判定する。スライド操作判定部８４０でスライド操作がなされたと判定されると、ステップＳ１０５に進む。ステップＳ１０５では、スライド操作に応じて、第１変形オブジェクト形成部８５０により、初期形状オブジェクト形成部８３０で生成した初期オブジェクトの形状を変形させて第１変形オブジェクトを形成および表示する。この変形は、オブジェクトの基準位置およびスライド位置に関連付けられることで行われる（後記）。

【0021】

引き続き、ステップＳ１０６に進み、第２変形オブジェクト形成部８６０によって、基準位置とスライド位置との距離を経時的に測定し、距離が所定の距離以上かについて判定される。その場合、第２変形オブジェクト形成部８６０は、基準位置とスライド位置との距離を所定の距離以下となるように基準位置を移動させると共に、第１変形オブジェクト形成部８５０で形成した第１変形オブジェクトの形状を更に、移動した基準位置およびスライド位置に関連付けて変形させることで第２変形オブジェクトを形成する。最後に本処理フローはステップＳ１０８で終了する。

【0022】

図５の機能ブロック図および図６のフローチャートのようにして実装されるＵＩプログラムを実行した場合のオブジェクト変形に関する実施例について、次に図７および図８を参照して説明する。図７は、図１に示したバーチャル・ジョイスティックを改良したものに相当する第１実施例を示し、図８は、別の種別のオブジェクト、即ち弾性アイコンの形成に基づく第２実施例を示したものである。

【0023】

第１実施例（改良バーチャル・ジョイスティック）
図７に示した第１実施例では、図７（ａ）から（ｃ）のようにタッチパネル上でオブジェクト１００およびゲーム・キャラクタ１５０が移動する。つまり、図７（ａ）では、ゲーム・キャラクタ１５０−ａが画面左上部に表示されており、ユーザはゲーム・キャラクタ１５０−ａを移動させようとして、タッチパネルの任意の位置（ここでは画面左下部）への接触操作を行う（図６のステップＳ１０２）。ここで、タッチパネル上のｘｙ座標における接触位置を（ｘ０，ｙ０）とする。

【0024】

図示のように、接触位置（ｘ０，ｙ０）の周囲に初期オブジェクト（バーチャル・ジョイスティック）１００−ａが形成および表示される（ステップＳ１０３）。初期オブジェクト形成部８３０において形成される初期バーチャル・ジョイスティック１００−ａは、初期オブジェクトの周囲に配置される内側オブジェクトおよび外側オブジェクトを含む。より詳細には、接触位置（ｘ０，ｙ０）を中心とした小円Ｃ１と該小円の外側の大円Ｃ２を含む同心円形状を有し、初期バーチャル・ジョイスティック１００−ａの２重円の中心を基準位置として接触位置（ｘ０，ｙ０）に関連付けられる。なお、内側オブジェクトおよび外側オブジェクトの形状は円形状に限定されず、多角形等の如何なる形状にもすることができる点が理解されるべきである。

【0025】

初期バーチャル・ジョイスティック１００−ａが表示された状態で、ユーザがタッチパネル上のスライド操作により、右下方向のスライド位置（ｘ１，ｙ１）までスライドした場合（ステップＳ１０４）、図７（ｂ）のように、第１変形オブジェクト形成部８５０により、外側オブジェクト（大円）Ｃ２の位置を接触位置（ｘ０，ｙ０）に固定したまま、内側オブジェクト（小円）Ｃ１’の配置のみを、その中心が接触位置（ｘ０，ｙ０）からスライド位置（ｘ１，ｙ１）に向けてスライド移動させて表示する（ステップＳ１０５）。このようにして、初期バーチャル・ジョイスティック１００−ａの形状が変形されて第１変形バーチャル・ジョイスティック１００−ｂが形成される。なお、当該右下方向へのスライドと連携してゲーム・キャラクタ１５０−ｂも右下方向に移動されていることが視認される。

【0026】

引き続き、図７（ｃ）のように、ユーザがタッチパネル上の更なるスライド操作により右下方向のスライド位置（ｘ２，ｙ２）まで指をスライドした場合であって、スライド操作距離Ｄ１が所定の距離ｄより以上となる場合（ステップＳ１０６）、第１変形オブジェクト形成部８５０により、小円Ｃ１’’の配置を更に（ｘ１，ｙ１）からスライド位置（ｘ２，ｙ２）に向けてスライド移動させて表示する。これと共に、第２オブジェクト変形部８６０により、スライド位置（ｘ２，ｙ２）との距離が所定の距離ｄを保つように基準位置を（ｘ３，ｙ３）に関連付け、スライド操作と同時に外側オブジェクト（大円）Ｃ２’が追従するように（ｘ３，ｙ３）までスライド移動させる（点線矢印）。このようにして、第１変形バーチャル・ジョイスティック１００−ｂの形状を更に変形して第２変形バーチャル・ジョイスティック１００−ｃを形成する（ステップＳ１０７）。なお、当該右下方向へのスライドと連携してゲーム・キャラクタ１５０−ｃも右下方向に移動されていることが視認される。

【0027】

上記所定の距離は、第１実施例では、外側オブジェクト（大円）Ｃ２の半径としてよく、または大円の大きさに基づいて決定するのがよい。これ以外にも、内側オブジェクトの領域が移動した結果、外側オブジェクトの外側にはみ出ることのないように外側オブジェクトを追従させてもよい。また、第２オブジェクト変形部８６０における基準位置の移動（図７（ｃ）の点線矢印）は、ユーザによるスライド操作の経路方向に沿って行ってもよいし、スライド位置に向けた直線方向に沿って行ってもよい。

【0028】

第１実施例では、図１の従来型のバーチャル・ジョイスティックと比べ、ユーザの最初の接触動作が任意の位置でよい点、そして、任意の方向に任意の距離だけスライド操作してバーチャル・ジョイスティックの小円をスライド移動させたとしても、大円もこれに追従することになるため、結果として、表示上の制約を受けず画面全体を使ってダイナミックにユーザ操作可能な点において有利なものとなる。

【0029】

第２実施例（弾性アイコン）
次に、図８に示した第２実施例では、図８（ａ）から（ｃ）のようにタッチパネル上でオブジェクト２００およびゲーム・キャラクタ２５０が移動する。（本実施例のオブジェクトは、弾性体の如く弾性変形するアイコンとして振る舞うことから「弾性アイコン」と称する。）つまり、図８（ａ）では、ゲーム・キャラクタ２５０−ａが画面左上部に表示されており、ユーザはゲーム・キャラクタ２５０−ａを移動させようとして、タッチパネルの任意の位置（ここでは、画面中央左部）への接触操作を行う（図６のステップＳ１０２）。ここで、タッチパネル上のｘｙ座標における接触位置を（Ｘ０，Ｙ０）とする。

【0030】

図示のように、接触位置（Ｘ０，Ｙ０）の周囲に初期弾性アイコン２００−ａが表示される（ステップＳ１０３）。初期オブジェクト形成部８３０において形成される初期弾性アイコン２００−ａは、接触位置（ｘ０，ｙ０）を中心とした円形状を有し、初期弾性アイコン２００−ａの円の中心を基準位置として接触位置（Ｘ０，Ｙ０）に関連付けられる。

【0031】

この状態で、ユーザがタッチパネル上でスライド操作を行うことにより、右方向のスライド位置（Ｘ１，Ｙ１）までスライド操作した場合（ステップＳ１０４）、図８（ｂ）のように、第１変形オブジェクト形成部８５０により、接触位置（Ｘ０，Ｙ０）からスライド位置（Ｘ１，Ｙ１）に向けて円形状を伸張させるように初期オブジェクトの形状を弾性変形して第１変形弾性アイコン２００−ｂを形成および表示する（ステップＳ１０５）。なお、当該右方向へのスライドと連携してゲーム・キャラクタ２５０−ｂも右方向に移動されていることが視認される。

【0032】

引き続き、ユーザがタッチパネル上で図８（ｂ）から更に右方向に（Ｘ２，Ｙ２）までスライド操作した場合であって、図８（ｃ）のように、スライド操作距離Ｄ２が所定の距離ｄ以上となる場合（ステップＳ１０６）、第２オブジェクト変形部８６０により、スライド位置（Ｘ１，Ｙ１）との距離が所定の距離ｄとなるように基準位置を（Ｘ２，Ｙ２）に関連付け、弾性アイコンの後部が（Ｘ０，Ｙ０）から基準位置（Ｘ３，Ｙ３）に向けて弾性アイコンが萎縮するように追従する。このようにして、弾性アイコン２００−ｂの形状を更に変形させた第２変形弾性アイコン２００−ｃを形成する（ステップＳ１０７）。なお、当該右方向へのスライドと連携してゲーム・キャラクタ２５０−ｃも右方向に移動されていることが視認される。

【0033】

上記所定の距離ｄは、第２実施例ではタッチパネルの縦方向の長さおよび／または横方向の長さに基づいて決定するのがよい。また、第２オブジェクト変形部８６０における基準位置の移動（図８（ｃ）の点線矢印）は、ユーザによるスライド操作の経路方向に沿って行ってもよいし、スライド位置に向けた直線方向に沿って行ってもよい。

【0034】

第２実施例の弾性アイコンは、第１実施例と同様、ユーザの最初の接触動作が任意の位置でよい点、そして、任意の方向に任意の距離だけスライド操作して、弾性アイコンをスライド移動させたとしても弾性アイコンの後部を追従させることができるため、結果として、表示上の制約を受けず画面全体を使ってダイナミックにユーザ操作可能な点において有利なものとなる。

【0035】

第２実施例における弾性アイコンＵＩの構成
上記第２実施例で適用する弾性アイコンＵＩの基本構成について図９以降を参照して説明する。図９に示すように、第２実施例による弾性アイコン４００は、より詳細には、固定円４１０、および当該固定円４１０の内部に位置する弾性オブジェクト４２０を備えている。先に説明したように、弾性アイコン４００は、接触操作判定部８１０でユーザの指がタッチパネル２に接触したことが検知されるのをトリガにしてタッチパネル２に表示される。弾性オブジェクト４２０は、図示のように、指接触時の初期形状として、タッチパネル２上の接触点の周囲に円形状を有するように形成される。

【0036】

また、図１０に示すように、第２実施例による弾性オブジェクト４２０は、タッチパネル上におけるユーザの操作に応じて、弾性体の如く弾性変形を伴って挙動するものである。具体的には、ユーザがタッチパネル２上でスライド操作を行うと、弾性オブジェクト４２０は、ユーザの指に引っ張られるような弾性変形を伴う。図示のように、弾性オブジェクト４２０は、スライド操作の接触位置に位置しその位置が固定されている基部４３０と、スライド操作のスライド位置（注：指は接触した状態である。）付近に位置する先端部４５０と、基部４３０と先端部４５０との間を接続する接続部４４０とを含むように構成される。（なお、本明細書では基部４３０、接続部４４０および先端部４５０を総称して弾性オブジェクト４２０と記載することもある。）
このように、弾性アイコンは、スライド操作がされた方向に弾性的に引き延ばすように形成される。即ち、初期円形状をアイコン位置に向けて伸張させることにより、弾性的に変形した弾性オブジェクト４２０を形成して表示する。なお、図１０では、基部４３０を先端部４５０よりも大きくするように弾性オブジェクト４２０を形成しているが、これに限定されず、逆に、先端部４５０を基部４３０よりも大きく形成してもよい。また、ユーザがタッチパネル上において更にスライド移動した場合、先端部４５０もそれに更に追従して移動し弾性オブジェクト４２０の延びる向きも変化させるように構成することも可能である。

【0037】

図１１は、タッチパネル２への指の接触時に形成される、初期円形状を有する弾性アイコンのＵＩ画像を模式的に示したものである。図１１（ａ）に示すように、第２実施例による弾性アイコンは、表示される際、略正方形状のＵＩ画像７５０として画像生成がなされ、ゲーム画像の一部として重畳される。ＵＩ画像７５０は、半透明領域７６０および透明領域７７０から成り、半透明領域７６０が弾性アイコンの基本表示領域として画面表示される。

【0038】

より詳細には、図１１（ｂ）に示すように、第２実施例の弾性アイコンは、略正方形のメッシュ領域に収容され、複数のメッシュ７１０に分割されたポリゴンとして形成される。図１０（ｂ）では、一例として、ＵＩ画像７５０を４×４＝１６メッシュに分割して、弾性アイコンを収容しているものの、メッシュに分割する数は限定的でないことが当業者に理解される。そして、本実施の形態によるＵＩプログラムを通じた弾性アイコンの伸張による変形は、ＵＩ画像７５０をゴムシートの如く伸張する処理、特に、メッシュ毎に伸張する物理演算処理を仮想的に実施することにより実現される。

【0039】

次に図１２および図１３を参照して、上記のメッシュ毎に伸張する物理演算処理について説明する。図１２および図１３は、弾性アイコンの一部を一例として模式的に示したものである。第２実施例による弾性アイコンは、複数のメッシュ７１０に分割された板状のポリゴン７００の各頂点７２０の座標を動かすことによって弾性変形を表現する。各頂点７２０はメッシュ状に配置されており、任意の頂点７２０Ａの座標がスライド操作によって移動された場合、その他の頂点７２０も頂点７２０Ａに関する移動ベクトル（例えば、移動方向および移動距離）に応じて座標が変更される。例えば、頂点７２０Ａ以外の頂点７２０の移動距離は、頂点７２０Ａからの距離によって重み付けをしてもよい。即ち、図１２に表すように、頂点７２０Ａからの距離が大きくなるにつれて（頂点７２０Ａから離れるにつれて）座標の変化量が小さくなるようにしてもよい。なお、図１３における白丸は、移動前の（即ち、図１２の）頂点の位置を表している。

【0040】

更に図１４を参照して、これら第２実施例の弾性アイコンの変形処理の基本原理に基づくオブジェクト変形処理例について具体的に説明する。図１４は、第２実施例に基づいて変形される弾性オブジェクト４２０ａの一例を模式的に示したものである。第２実施例では、第１変形オブジェクト形成部８５０において、スライド操作の方向に沿って、初期形状オブジェクト形成部８３０で生成した初期円形状をスライド位置に向けて伸張させることにより、変形した弾性オブジェクト４２０ａ’を形成する。特に、図１４の例では、分割された複数のメッシュの各頂点の座標を移動させる際に、当該複数のメッシュの各々は、列（＃１〜＃４）ごとに同一の長方形状を維持したまま（例えばメッシュ＃１Ａ〜＃１Ｄは全て同一の長方形状を有している。）、接触終了点に近い列（＃１）のメッシュほど、遠い列（＃４）のメッシュと比べて累進的に長く伸張させる。

【0041】

一例として、スライド操作による移動距離Ｌに応じて、各列の伸張率を加重配分するように構成してもよい。図１４の例では、各列について、＃４が１０％、＃３が１５％、＃２が３０％、＃１が４５％となるように配分している（合計で１００％）。更に例えば移動距離を２Ｌとした場合には、＃４が１％、＃３が４％、＃２が３５％、＃１が６０％といった具合に＃１を更に大きくするように加重配分してもよい。

【0042】

なお、上記は弾性アイコンを伸張する例であるが、萎縮させる場合も同様の手法で構成可能であることが当業者にとって理解されるべきである。図１５に模式的に示すように、初期円形状の弾性アイコン（図１５（ａ））に対し、スライド操作により弾性オブジェクトの先端部を伸張させ（図１５（ｂ）および図１５（ｃ））、スライド操作完了後（図１５（ｃ））、スライド操作の距離が一定距離を超えた場合には、基準位置をスライド移動させることにより基部を移動させ弾性アイコンを萎縮させることができる。このように、第２実施例による弾性アイコンは、スライド操作におけるタッチパネルへの接触位置およびスライド位置に関連付けることで、即ちスライド移動量とスライド方向を決定することにより、弾性アイコンを自在に伸張／萎縮するように形成可能である。

【0043】

第２実施例によるオブジェクト変形処理は、図１６に示すような連続的なスライド操作をユーザが実施する場合に特に有利なものとなる。つまり、図１６（ａ）のようにユーザが始点１から終点１まで右方向に距離Ｄ３ほどスライド操作を実施すると、ゲーム・キャラクタは、弾性アイコンのための有効距離Ｄ３に対応した距離だけゲーム内で移動することになる。そして、スライド操作距離Ｄ３が所定の距離ｄ以上のときは図１６（ｂ）のように基準位置（始点）が右方向にスライド移動して追従することになる。

【0044】

次いで、ユーザが今度は逆方向（左方向）に距離Ｄ４ほどスライド移動操作を実施することを想定する。図１６（ｂ）で基準位置（始点）が右方向にスライド移動して追従したために、図１６（ｃ）のように弾性アイコンのための有効距離Ｄ５を確保することができ、ゲーム・キャラクタは、当該距離Ｄ５に対応した距離だけ、ゲーム内で移動させる事が可能となることが理解される。仮に、このような基準位置（始点）の追従が構成されない場合には、始点１から左の部分しか弾性アイコンの弾性変形用に確保できず、事実上、弾性アイコン生成は困難であり、ゲーム・キャラクタをゲーム内で左方向に移動させる事は不可能であることが理解される。

【0045】

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

【要約】

【課題】配置位置を固定することをなく任意の画面位置に配置可能とし、画面全体を使ってダイナミックに操作可能とするＵＩを提供すること
【解決手段】本発明によるＵＩプログラムは、タッチパネル上の任意の接触位置への接触に応じて、基準位置を接触位置に位置合わせして、基準位置に関連付けられる初期オブジェクトを形成して表示する初期オブジェクト形成部、タッチパネル上での接触位置からスライド位置までスライド操作が行われた場合、初期オブジェクトの形状を変形した、基準位置およびスライド位置に関連付けられる第１変形オブジェクトを表示する第１オブジェクト変形部、スライド操作に伴い、スライド位置との距離を所定の距離以下となるように基準位置を移動させ、第１変形オブジェクトの形状を更に変形した、移動した基準位置およびスライド位置に関連付けられる第２変形オブジェクトを表示する第２オブジェクト変形部として携帯端末に機能させる。
【選択図】図８

【図2】

【図3】

【図4】

【図6】

【図9】

【図10】

【図12】

【図13】

【図1】

【図5】

【図7】

【図8】

【図11】

【図14】

【図15】

【図16】