JP6941976B2

JP6941976B2 - User interface processing program, recording medium, user interface processing method

Info

Publication number: JP6941976B2
Application number: JP2017111743A
Authority: JP
Inventors: 夏聡姜; 央佐藤; 健作藤田
Original assignee: Koei Tecmo Games Co Ltd
Current assignee: Koei Tecmo Games Co Ltd
Priority date: 2017-06-06
Filing date: 2017-06-06
Publication date: 2021-09-29
Anticipated expiration: 2037-06-06
Also published as: JP2021184269A; CN109078325B; CN109078325A; JP2018206130A; JP7196246B2

Description

本発明は、ユーザインターフェース処理プログラム、当該ユーザインターフェース処理プログラムが記録された記録媒体、及びユーザインターフェース処理方法に関する。 The present invention relates to a user interface processing program, a recording medium on which the user interface processing program is recorded, and a user interface processing method.

従来、例えばスマートフォンやタブレット型コンピュータ等に搭載されるタッチパネルにおいては、表示されたリスト（例えば複数のデータやオブジェクトが羅列されたものをいう）の中から特定の項目を選択する場合、ユーザが指を用いて当該特定の項目をタップすることで選択を行う。 Conventionally, in a touch panel mounted on a smartphone or tablet computer, for example, when a user selects a specific item from a displayed list (for example, a list of a plurality of data or objects), the user points. Make a selection by tapping the specific item using.

このような技術の一例として、例えば特許文献１には、複数の項目（候補プレート）を備えたリスト（候補一覧）がスクロール可能に表示され、各項目に詳細表示操作アイコンを設けたゲームシステムが開示されている。ユーザが指を用いて詳細表示操作アイコンをタップすることで、当該項目が選択されて対応するプレーヤアカウントの詳細内容が表示される。 As an example of such a technique, for example, in Patent Document 1, a game system in which a list (candidate list) having a plurality of items (candidate plates) is scrollably displayed and a detailed display operation icon is provided for each item is provided. It is disclosed. When the user taps the detailed display operation icon with his / her finger, the item is selected and the detailed contents of the corresponding player account are displayed.

特開２０１５−１３０９０５号公報（図９）Japanese Unexamined Patent Publication No. 2015-130905 (Fig. 9)

上記のようなゲームシステムにおいては、ユーザがリストの項目をタップして操作可能なように、指の大きさを考慮して各項目の幅を大きめに設定する必要がある。このため、タッチパネルに一度に表示できる項目の数が制限されるという課題があった。 In the above-mentioned game system, it is necessary to set the width of each item to be large in consideration of the size of the finger so that the user can tap and operate the items in the list. Therefore, there is a problem that the number of items that can be displayed on the touch panel at one time is limited.

本発明はこのような問題点に鑑みてなされたものであり、タッチパネルに一度に表示できるリストの項目数を増大することにより画面を有効活用することが可能なユーザインターフェース処理プログラム、記録媒体、及びユーザインターフェース処理方法を提供することを目的とする。 The present invention has been made in view of such problems, and is a user interface processing program, a recording medium, and a recording medium capable of effectively utilizing the screen by increasing the number of items in the list that can be displayed on the touch panel at one time. The purpose is to provide a user interface processing method.

上記目的を達成するために、本発明のユーザインターフェース処理プログラムは、タッチパネルを備えた情報処理装置を、複数の項目を含むリスト、及び、前記リストから特定の前記項目を選択するためのカーソルを、前記タッチパネルに表示する第１表示処理部、前記タッチパネルに対する接触操作を検出する接触検出処理部、前記接触操作に基づいて前記カーソルと前記リストとを相対的に移動させる相対移動処理部、として機能させる。 In order to achieve the above object, the user interface processing program of the present invention uses an information processing device provided with a touch panel, a list including a plurality of items, and a cursor for selecting a specific item from the list. It functions as a first display processing unit displayed on the touch panel, a contact detection processing unit that detects a contact operation with respect to the touch panel, and a relative movement processing unit that relatively moves the cursor and the list based on the contact operation. ..

また、上記目的を達成するために、本発明の記録媒体は、上記ユーザインターフェース処理プログラムを記録した、情報処理装置が読み取り可能な記録媒体である。 Further, in order to achieve the above object, the recording medium of the present invention is a recording medium on which the user interface processing program is recorded and which can be read by an information processing apparatus.

また、上記目的を達成するために、本発明のユーザインターフェース処理方法は、タッチパネルを備えた情報処理装置によって実行されるユーザインターフェース処理方法であって、複数の項目を含むリスト、及び、前記リストから特定の前記項目を選択するためのカーソルを、前記タッチパネルに表示するステップと、前記タッチパネルに対する接触操作を検出するステップと、前記接触操作に基づいて前記カーソルと前記リストとを相対的に移動させるステップと、を有する。 Further, in order to achieve the above object, the user interface processing method of the present invention is a user interface processing method executed by an information processing apparatus provided with a touch panel, and is a list including a plurality of items and from the list. A step of displaying a cursor for selecting a specific item on the touch panel, a step of detecting a contact operation with the touch panel, and a step of relatively moving the cursor and the list based on the contact operation. And have.

本発明のユーザインターフェース処理プログラム等によれば、タッチパネルに一度に表示できるリストの項目数を増大することにより画面を有効活用できる。 According to the user interface processing program of the present invention or the like, the screen can be effectively used by increasing the number of items in the list that can be displayed on the touch panel at one time.

一実施形態に係る情報処理装置の外観構成の一例を表す図である。It is a figure which shows an example of the appearance structure of the information processing apparatus which concerns on one Embodiment. 情報処理装置の機能的構成の一例を表すブロック図である。It is a block diagram which shows an example of the functional structure of an information processing apparatus. 城主の選択画面の一例を表す図である。It is a figure which shows an example of the selection screen of a castle owner. スワイプによるカーソルへの移動指示がリスト表示領域の範囲内である場合のカーソル移動の一例を表す図である。It is a figure which shows an example of the cursor movement when the movement instruction to the cursor by swipe is within the range of the list display area. スワイプによるカーソルへの移動指示がリスト表示領域の範囲内である場合のカーソル移動の他の例を表す図である。It is a figure which shows another example of the cursor movement when the movement instruction to the cursor by swipe is within the range of the list display area. スワイプによるカーソルへの移動指示がリスト表示領域の範囲外である場合のカーソル移動及びリストスクロールの一例を表す図である。It is a figure which shows an example of the cursor movement and list scroll when the movement instruction to the cursor by swipe is outside the range of the list display area. スワイプによるカーソルへの移動指示がリスト表示領域の範囲外である場合のリストスクロールの他の例を表す図である。It is a figure which shows another example of list scrolling when the movement instruction to a cursor by a swipe is out of the range of a list display area. フリックによるカーソルへの移動指示がリスト表示領域の範囲内である場合のカーソル移動の一例を表す図である。It is a figure which shows an example of the cursor movement when the movement instruction to the cursor by a flick is within the range of a list display area. フリックによるカーソルへの移動指示がリスト表示領域の範囲内である場合のカーソル移動の他の例を表す図である。It is a figure which shows another example of the cursor movement when the movement instruction to the cursor by a flick is within the range of a list display area. フリックによるカーソルへの移動指示がリスト表示領域の範囲外である場合のカーソル移動及びリストスクロールの一例を表す図である。It is a figure which shows an example of cursor movement and list scroll when the movement instruction to the cursor by flick is outside the range of the list display area. 情報処理装置のＣＰＵによって実行される処理手順の一例を表すフローチャートである。It is a flowchart which shows an example of the processing procedure executed by the CPU of an information processing apparatus. 情報処理装置のハードウェア構成の一例を表すブロック図である。It is a block diagram which shows an example of the hardware composition of an information processing apparatus. 選択された項目を拡大表示する変形例における、城主の選択画面の一例を表す図である。It is a figure which shows an example of the selection screen of the castle owner in the modification which magnifies and displays the selected item. カーソルをスワイプ方向と同一方向に移動させる変形例における、スワイプによるカーソルへの移動指示がリスト表示領域の範囲内である場合のカーソル移動の一例を表す図である。It is a figure which shows an example of the cursor movement when the movement instruction to the cursor by a swipe is within the range of a list display area in the modification which moves a cursor in the same direction as a swipe direction. カーソルをスワイプ方向と同一方向に移動させる変形例における、スワイプによるカーソルへの移動指示がリスト表示領域の範囲内である場合のカーソル移動の他の例を表す図である。It is a figure which shows the other example of the cursor movement when the movement instruction to the cursor by a swipe is within the range of a list display area in the modification which moves a cursor in the same direction as a swipe direction. カーソルをスワイプ方向と同一方向に移動させる変形例における、スワイプによるカーソルへの移動指示がリスト表示領域の範囲外である場合のカーソル移動及びリストスクロールの一例を表す図である。It is a figure which shows the example of the cursor movement and list scroll when the movement instruction to the cursor by a swipe is out of the range of a list display area in the modification which moves a cursor in the same direction as the swipe direction. 城主の選択画面が移動された表示の一例を表す図である。It is a figure which shows an example of the display which moved the selection screen of a castle owner. 城主の選択画面が移動された場合において、スワイプによるカーソルへの移動指示がタッチパネルの表示範囲外である場合のカーソル移動及びリストスクロールの一例を表す図である。It is a figure which shows an example of cursor movement and list scroll when the movement instruction to the cursor by swipe is out of the display range of a touch panel when the selection screen of a castle owner is moved.

以下、本発明の一実施の形態について図面を参照しつつ説明する。 Hereinafter, an embodiment of the present invention will be described with reference to the drawings.

＜１．情報処理装置の外観構成＞
まず、図１を用いて、本実施形態に係る情報処理装置１の外観構成の一例について説明する。図１に示すように、情報処理装置１は、各種の表示及びユーザによる各種の接触操作が行われるタッチパネル３を有する。ユーザは、指等によりタッチパネル３に対して接触操作を行うことで所望の入力を行う。 <1. Appearance configuration of information processing device>
First, an example of the appearance configuration of the information processing apparatus 1 according to the present embodiment will be described with reference to FIG. As shown in FIG. 1, the information processing device 1 has a touch panel 3 on which various displays and various contact operations by a user are performed. The user performs a desired input by performing a contact operation on the touch panel 3 with a finger or the like.

タッチパネル３の検出方式は、特に限定されるものではないが、例えば抵抗膜方式、静電容量方式、光学方式、電磁誘導方式等、種々の検出手法を採用することが可能である。なお、情報処理装置１は、タッチパネル３以外に、ボタンやスイッチ等の操作入力部を備えてもよい。 The detection method of the touch panel 3 is not particularly limited, but various detection methods such as a resistance film method, a capacitance method, an optical method, and an electromagnetic induction method can be adopted. In addition to the touch panel 3, the information processing device 1 may include an operation input unit such as a button or a switch.

情報処理装置１は、例えばスマートフォン、タブレット型コンピュータ、携帯型ゲーム機等である。但し、これらに限定されるものではなく、表示装置及び入力装置としてタッチパネルを備えるものであれば、例えば、サーバコンピュータ、デスクトップ型コンピュータ、ノート型コンピュータ等のように、コンピュータとして製造、販売等されているものの他、携帯電話、ファブレット等のように、電話機として製造、販売等されているもの、据え置き型のゲーム機等も含まれる。 The information processing device 1 is, for example, a smartphone, a tablet computer, a portable game machine, or the like. However, the present invention is not limited to these, and any computer provided with a touch panel as a display device and an input device can be manufactured and sold as a computer, for example, a server computer, a desktop computer, a notebook computer, or the like. In addition to those that are used, those that are manufactured and sold as telephones, such as mobile phones and phablets, and stationary game machines are also included.

本実施形態では、情報処理装置１により、ユーザインターフェース処理プログラムの一例であるゲームプログラムが実行される場合について説明する。 In this embodiment, a case where a game program, which is an example of a user interface processing program, is executed by the information processing device 1 will be described.

＜２．情報処理装置の機能的構成＞
次に、図２及び図３〜図１０を用いて、情報処理装置１の機能的構成の一例について説明する。なお、図２中に示す矢印は信号の流れの一例を示すものであり、信号の流れ方向を限定するものではない。 <2. Functional configuration of information processing device>
Next, an example of the functional configuration of the information processing apparatus 1 will be described with reference to FIGS. 2 and 3 to 10. The arrows shown in FIG. 2 indicate an example of signal flow, and do not limit the signal flow direction.

図２に示すように、情報処理装置１は、上述したタッチパネル３、第１表示処理部５、接触検出処理部７、相対移動処理部９、第２表示処理部１１を有する。 As shown in FIG. 2, the information processing device 1 includes the touch panel 3, the first display processing unit 5, the contact detection processing unit 7, the relative movement processing unit 9, and the second display processing unit 11 described above.

第１表示処理部５は、複数の項目を含むリスト、及び、リストから特定の項目を選択するためのカーソルを、タッチパネル３に表示する。項目には、例えば文字によるデータや、図柄によるオブジェクト等が含まれる。 The first display processing unit 5 displays a list including a plurality of items and a cursor for selecting a specific item from the list on the touch panel 3. The items include, for example, character data, design objects, and the like.

第２表示処理部１１は、上記カーソルにより選択された項目に関連する情報（以下では「関連情報」という）をリストと共にタッチパネル３に表示する。関連情報には、例えば選択された項目に関わる詳細情報等が含まれる。また、詳細は後述するが、相対移動処理部９によりリストとカーソルとが相対的に移動された場合には、第２表示処理部１１は当該相対移動に伴って変動する選択項目の関連情報を次々に表示する。 The second display processing unit 11 displays information related to the item selected by the cursor (hereinafter referred to as “related information”) on the touch panel 3 together with a list. The related information includes, for example, detailed information related to the selected item. Further, as will be described in detail later, when the list and the cursor are relatively moved by the relative movement processing unit 9, the second display processing unit 11 provides related information of the selection item that changes with the relative movement. Display one after another.

図３に、上記リスト及びカーソルと、関連情報の表示の一例を示す。図３に示す例では、「××城」の城主を選択するための選択画面がタッチパネル３に表示されている。選択画面には、上記第１表示処理部５により、ユーザが保有する複数の武将のリスト１３と、リスト１３の中から特定の武将を選択するためのカーソル１５が表示されている。リスト１３には、武将ごとに名称、身分、所属等が表示されており、これら武将ごとのデータがリストの一項目を構成している。 FIG. 3 shows an example of displaying the above list, the cursor, and related information. In the example shown in FIG. 3, a selection screen for selecting the castle owner of "XX castle" is displayed on the touch panel 3. On the selection screen, the first display processing unit 5 displays a list 13 of a plurality of military commanders owned by the user and a cursor 15 for selecting a specific military commander from the list 13. In the list 13, the name, status, affiliation, etc. are displayed for each military commander, and the data for each military commander constitutes one item of the list.

カーソル１５は、詳細は後述するが、リスト１３を表示する領域であるリスト表示領域１７（タッチパネルの表示範囲の一例）の範囲内で移動可能である。なお、この例ではカーソル１５を四角枠状の形態としたが、例えば矢印のオブジェクト等、その他の形態としてもよい。 Although the details will be described later, the cursor 15 can be moved within the range of the list display area 17 (an example of the display range of the touch panel), which is the area for displaying the list 13. In this example, the cursor 15 has a square frame shape, but other shapes such as an arrow object may be used.

また、リスト表示領域１７の近傍（この例では隣）には、関連情報表示領域１９が設けられている。関連情報表示領域１９内には、上記第２表示処理部１１により、カーソル１５により選択された武将の詳細情報２１が表示されている。この例では、詳細情報２１には、例えば武将の顔画像、名称、各種能力パラメータ（統率、武勇、知略、政治）が含まれている。 Further, a related information display area 19 is provided in the vicinity of the list display area 17 (next to the list display area 17 in this example). In the related information display area 19, the detailed information 21 of the military commander selected by the cursor 15 is displayed by the second display processing unit 11. In this example, the detailed information 21 includes, for example, a military commander's face image, a name, and various ability parameters (leadership, courage, wisdom, politics).

図２に戻り、接触検出処理部７は、タッチパネル３に対する接触操作を検出する。一般に、タッチパネルに対する操作には、接触の検出が開始されてから終了するまでの間にタッチパネル上での位置変動がない操作（いわゆるタップと称される操作）や、接触が開始されてから終了するまでの間にタッチパネル上での位置変動がある操作（いわゆるスワイプ、フリック、ドラッグ、スライド等と称される操作）等がある。接触検出処理部７は、上記の操作のうち、特に後者の位置変動がある接触操作を検出する。以下では、この位置変動がある接触操作のうち、タッチパネル３の画面をさするように指を動かす操作を適宜「スワイプ」と、画面をはじくように指を動かす操作を適宜「フリック」という。 Returning to FIG. 2, the contact detection processing unit 7 detects a contact operation with respect to the touch panel 3. Generally, operations on the touch panel include operations in which there is no position change on the touch panel between the start and end of contact detection (so-called tap operation), and operations that end after the contact is started. There are operations that change the position on the touch panel (so-called swipe, flick, drag, slide, etc.). Of the above operations, the contact detection processing unit 7 detects a contact operation in which the latter position fluctuates. In the following, among the contact operations with this position fluctuation, the operation of moving the finger so as to touch the screen of the touch panel 3 is appropriately referred to as “swipe”, and the operation of moving the finger so as to flip the screen is appropriately referred to as “flick”.

相対移動処理部９は、上記接触検出処理部７により検出された接触操作に基づいて、カーソル１５とリスト１３とを相対的に移動させる。カーソル１５とリスト１３との相対的な移動には、タッチパネル３の画面上においてリスト１３が停止された状態でカーソル１５が移動する場合と、カーソル１５が停止された状態でリスト１３が移動する場合とが含まれる。 The relative movement processing unit 9 relatively moves the cursor 15 and the list 13 based on the contact operation detected by the contact detection processing unit 7. The relative movement of the cursor 15 and the list 13 includes the case where the cursor 15 moves while the list 13 is stopped on the screen of the touch panel 3 and the case where the list 13 moves while the cursor 15 is stopped. And are included.

すなわち、相対移動処理部９は、接触操作に基づいてリスト１３のうちリスト表示領域１７内の項目にカーソル１５を移動させる場合には、リスト１３を停止させた状態でカーソル１５を移動させる。また、相対移動処理部９は、接触操作に基づいてリスト１３のうちリスト表示領域１７外の項目にカーソル１５を移動させる場合には、リスト１３を停止させた状態でカーソル１５をリスト表示領域１７の端部に移動させ、当該リスト表示領域１７の端部にカーソル１５を停止させた状態でリスト１３を移動させる。 That is, when the relative movement processing unit 9 moves the cursor 15 to an item in the list display area 17 in the list 13 based on the contact operation, the relative movement processing unit 9 moves the cursor 15 with the list 13 stopped. Further, when the relative movement processing unit 9 moves the cursor 15 to an item outside the list display area 17 in the list 13 based on the contact operation, the relative movement processing unit 9 moves the cursor 15 to the list display area 17 with the list 13 stopped. The list 13 is moved to the end of the list display area 17 with the cursor 15 stopped at the end of the list display area 17.

また、相対移動処理部９は、リスト１３を停止させた状態では接触操作に対応する方向とは反対の方向にカーソル１５を移動させ、カーソル１５を停止させた状態ではリスト１３を接触操作に対応する方向に移動させる。なお、以下では、リスト１３が移動する動作を適宜「スクロール」という。 Further, the relative movement processing unit 9 moves the cursor 15 in the direction opposite to the direction corresponding to the contact operation when the list 13 is stopped, and corresponds to the contact operation of the list 13 when the cursor 15 is stopped. Move in the direction you want. In the following, the operation of moving the list 13 is appropriately referred to as "scrolling".

図４〜図１０に、カーソル１５とリスト１３の相対移動の具体例を示す。なお、図４〜図１０の図中に示す吹出しや矢印は動作等を説明するための注釈記載であり、タッチパネル３に表示されるものではない。また、図４〜図１０では関連情報表示領域１９における顔画像の図示を省略している。 4 to 10 show specific examples of relative movement between the cursor 15 and the list 13. It should be noted that the blowouts and arrows shown in the drawings of FIGS. 4 to 10 are annotations for explaining the operation and the like, and are not displayed on the touch panel 3. Further, in FIGS. 4 to 10, the illustration of the face image in the related information display area 19 is omitted.

まず、スワイプによるカーソル１５への移動指示がリスト表示領域１７の範囲内である場合について説明する。例えば図４に示すように、図３に示す状態から、ユーザが指２３を用いて上方に向けて比較的小さめにスワイプを行う場合、リスト表示領域１７において、リスト１３が停止した状態でカーソル１５がスワイプの移動量に応じて下方に移動する。また、例えば図５に示すように、図４に示す状態から、ユーザが指２３を用いて下方に向けて比較的小さめにスワイプを行う場合、リスト表示領域１７において、リスト１３が停止した状態でカーソル１５がスワイプの移動量に応じて上方に移動する。このように、スワイプによるカーソル１５への移動指示がリスト表示領域１７の範囲内である場合には、リスト１３が停止した状態で、カーソル１５はスワイプ方向とは反対の方向に逐次移動する。 First, a case where the movement instruction to the cursor 15 by swiping is within the range of the list display area 17 will be described. For example, as shown in FIG. 4, when the user swipes upward with the finger 23 relatively small from the state shown in FIG. 3, the cursor 15 is stopped in the list display area 17. Moves downward according to the amount of swipe movement. Further, for example, as shown in FIG. 5, when the user swipes downward with the finger 23 relatively small from the state shown in FIG. 4, the list 13 is stopped in the list display area 17. The cursor 15 moves upward according to the amount of swipe movement. In this way, when the movement instruction to the cursor 15 by swiping is within the range of the list display area 17, the cursor 15 sequentially moves in the direction opposite to the swipe direction while the list 13 is stopped.

このとき、関連情報表示領域１９には、カーソル１５の移動に伴って変動する選択対象（この例では武将）の詳細情報が次々に表示される。例えば図４に示す例では、カーソル１５が武将Ａから武将Ｅに移動する間に、関連情報表示領域１９には武将Ａ，Ｂ，Ｃ，Ｄ，Ｅの詳細情報がこの順番で次々に表示される。また図５に示す例では、カーソル１５が武将Ｅから武将Ｂに移動する間に、関連情報表示領域１９には武将Ｅ，Ｄ，Ｃ，Ｂの詳細情報がこの順番で次々に表示される。 At this time, in the related information display area 19, detailed information of the selection target (military commander in this example) that changes with the movement of the cursor 15 is displayed one after another. For example, in the example shown in FIG. 4, while the cursor 15 moves from the military commander A to the military commander E, the detailed information of the military commanders A, B, C, D, and E is displayed one after another in the related information display area 19. NS. Further, in the example shown in FIG. 5, while the cursor 15 moves from the military commander E to the military commander B, the detailed information of the military commanders E, D, C, and B is displayed one after another in the related information display area 19.

なお、カーソル１５はリスト１３の項目単位で移動するので、項目と項目の中間に位置することはない。また、カーソル１５の移動速度及び移動量はスワイプの移動速度及び移動量に応じて変動する。また、スワイプが行われる位置はタッチパネル３上であれば特に限定されるものではなく、例えばリスト表示領域１７上又は関連情報表示領域１９上でもよいし、これら以外の領域でもよい。 Since the cursor 15 moves in units of items in the list 13, it is not located between the items. Further, the moving speed and the moving amount of the cursor 15 fluctuate according to the moving speed and the moving amount of the swipe. The position where the swipe is performed is not particularly limited as long as it is on the touch panel 3, and may be, for example, on the list display area 17 or the related information display area 19, or may be an area other than these.

次に、スワイプによるカーソル１５への移動指示がリスト表示領域１７の範囲外である場合について説明する。例えば図６に示すように、図３に示す状態から、ユーザが指２３を用いて上方に向けて比較的大きめにスワイプを行う場合、図６の上段に示すように、リスト表示領域１７において、リスト１３が停止した状態でカーソル１５が下方に移動する。そして、スワイプの途中段階においてカーソル１５がリスト表示領域１７の下端に到達すると、図６の下段に示すように、カーソル１５がリスト表示領域１７の下端に停止した状態で、リスト１３が上方に向けてスクロールする。つまり、カーソル１５のみが移動する状態からリスト１３のみがスクロールする状態に動作が切り替わる。 Next, a case where the movement instruction to the cursor 15 by swiping is outside the range of the list display area 17 will be described. For example, as shown in FIG. 6, when the user swipes upward with a finger 23 from the state shown in FIG. 3, a relatively large swipe is performed in the list display area 17 as shown in the upper part of FIG. The cursor 15 moves downward while the list 13 is stopped. Then, when the cursor 15 reaches the lower end of the list display area 17 in the middle of the swipe, the list 13 points upward with the cursor 15 stopped at the lower end of the list display area 17, as shown in the lower part of FIG. And scroll. That is, the operation is switched from the state in which only the cursor 15 moves to the state in which only the list 13 scrolls.

また、例えば図７に示すように、図３に示す状態から、ユーザが指２３を用いて下方に向けてスワイプを行う場合、カーソル１５が既にリスト表示領域１７の上端に位置しているので、当該上端に停止した状態で、リスト１３が下方に向けてスクロールする。 Further, for example, as shown in FIG. 7, when the user swipes downward with the finger 23 from the state shown in FIG. 3, the cursor 15 is already located at the upper end of the list display area 17. The list 13 scrolls downward while stopped at the upper end.

そして、関連情報表示領域１９にはカーソル１５又はリスト１３の移動（スクロール）に伴って変動する選択対象（この例では武将）の詳細情報が次々に表示される。 Then, in the related information display area 19, detailed information of the selection target (military commander in this example) that fluctuates with the movement (scrolling) of the cursor 15 or the list 13 is displayed one after another.

このように、スワイプによるカーソル１５への移動指示がリスト表示領域１７の範囲外である場合には、カーソル１５がリスト表示領域１７の端部に到達するまでは、リスト１３が停止した状態でカーソル１５はスワイプ方向とは反対の方向に移動し、カーソル１５がリスト表示領域１７の端部に到達した後は、カーソル１５が当該端部に停止した状態でリスト１３はスワイプ方向にスクロールする。 In this way, when the movement instruction to the cursor 15 by swiping is outside the range of the list display area 17, the cursor is stopped in the list 13 until the cursor 15 reaches the end of the list display area 17. 15 moves in the direction opposite to the swipe direction, and after the cursor 15 reaches the end of the list display area 17, the list 13 scrolls in the swipe direction with the cursor 15 stopped at the end.

なお、リスト１３はカーソル１５に対して項目単位で移動するので、スクロール終了時にカーソル１５が項目と項目の中間に位置することはない。また、リスト１３のスクロール速度及びスクロール量は、スワイプの移動速度及び移動量に応じて変動する。 Since the list 13 moves with respect to the cursor 15 in item units, the cursor 15 is not located between the items at the end of scrolling. Further, the scroll speed and the scroll amount of the list 13 vary according to the movement speed and the movement amount of the swipe.

次に、フリックによるカーソル１５への移動指示がリスト表示領域１７の範囲内である場合について説明する。例えば図８に示すように、図３に示す状態から、ユーザが指２３を用いて上方に向けて比較的軽めにフリックを行う場合、リスト表示領域１７において、リスト１３が停止した状態でカーソル１５がフリックの速度に応じて下方に慣性で移動する。また、例えば図９に示すように、図８に示す状態から、ユーザが指２３を用いて下方に向けて比較的軽めにフリックを行う場合、リスト表示領域１７において、リスト１３が停止した状態でカーソル１５がフリックの速度に応じて上方に慣性で移動する。このときのカーソル１５の慣性による移動速度及び移動量は、フリックの速度等に応じて変動する。 Next, a case where the flick movement instruction to the cursor 15 is within the range of the list display area 17 will be described. For example, as shown in FIG. 8, when the user flicks upward relatively lightly using the finger 23 from the state shown in FIG. 3, the cursor is in the list display area 17 with the list 13 stopped. 15 moves downward by inertia according to the speed of the flick. Further, for example, as shown in FIG. 9, when the user flicks downward relatively lightly using the finger 23 from the state shown in FIG. 8, the list 13 is stopped in the list display area 17. The cursor 15 moves upward by inertia according to the speed of the flick. The movement speed and movement amount due to the inertia of the cursor 15 at this time fluctuate according to the flick speed and the like.

次に、フリックによるカーソル１５への移動指示がリスト表示領域１７の範囲外である場合について説明する。例えば図１０に示すように、図３に示す状態から、ユーザが指２３を用いて上方に向けて比較的強めにフリックを行う場合、図１０の上段に示すように、リスト表示領域１７において、リスト１３が停止した状態でカーソル１５が下方に慣性で移動する。そして、カーソル１５がリスト表示領域１７の下端に到達すると、図１０の下段に示すように、カーソル１５がリスト表示領域１７の下端に停止した状態で、リスト１３が上方に向けて慣性でスクロールする。つまり、カーソル１５のみが慣性で移動する状態からリスト１３のみが慣性でスクロールする状態に動作が切り替わる。このときのリスト１３のスクロール速度及びスクロール量は、フリックの速度等に応じて変動する。 Next, a case where the flick movement instruction to the cursor 15 is outside the range of the list display area 17 will be described. For example, as shown in FIG. 10, when the user flicks upward with the finger 23 relatively strongly from the state shown in FIG. 3, as shown in the upper part of FIG. 10, in the list display area 17, the list display area 17 The cursor 15 moves downward by inertia with the list 13 stopped. Then, when the cursor 15 reaches the lower end of the list display area 17, as shown in the lower part of FIG. 10, the list 13 scrolls upward by inertia with the cursor 15 stopped at the lower end of the list display area 17. .. That is, the operation is switched from the state in which only the cursor 15 moves by inertia to the state in which only the list 13 scrolls by inertia. The scroll speed and scroll amount in Listing 13 at this time vary depending on the flick speed and the like.

なお、上記の「慣性で移動」とは、フリックにより指２３がタッチパネル３から離間（非接触）した後も、しばらくの間カーソル１５やリスト１３が移動（スクロール）を継続することをいう。 The above-mentioned "movement by inertia" means that the cursor 15 and the list 13 continue to move (scroll) for a while even after the finger 23 is separated (non-contacted) from the touch panel 3 by flicking.

また、所定の操作速度（操作量）のスワイプやフリックに対するカーソル１５の移動速度（移動量）とリスト１３のスクロール速度（スクロール量）とは、同等となるように設定されてもよいし、異なるように設定されてもよい。例えば同等に設定される場合には、カーソル１５の移動からリスト１３のスクロールに動作が切り替わる際の速度変動を抑制できるので、ユーザの違和感を防止できる効果がある。また、異なるように設定される場合には、例えばリスト１３のスクロール速度がカーソル１５の移動速度よりも大きくなるように設定されることにより、リスト１３のスクロールは高速で行って粗調整を行い、カーソル１５の移動は低速で行って微調整を行う、といった操作が可能となり、操作性を向上できる。特にリストの項目数が多数である場合に有効である。 Further, the movement speed (movement amount) of the cursor 15 with respect to a swipe or flick of a predetermined operation speed (operation amount) and the scroll speed (scroll amount) of the list 13 may be set to be the same or different. May be set as. For example, when the settings are the same, the speed fluctuation when the operation is switched from the movement of the cursor 15 to the scrolling of the list 13 can be suppressed, so that there is an effect of preventing the user from feeling uncomfortable. Further, when the settings are different, for example, the scroll speed of the list 13 is set to be larger than the movement speed of the cursor 15, so that the scroll of the list 13 is performed at a high speed to perform rough adjustment. The cursor 15 can be moved at a low speed to make fine adjustments, and the operability can be improved. This is especially effective when the number of items in the list is large.

なお、以上説明した各処理部における処理等は、これらの処理の分担の例に限定されるものではなく、例えば、更に少ない数の処理部（例えば１つの処理部）で処理されてもよく、また、更に細分化された処理部により処理されてもよい。また、上述した各処理部の機能は、後述するＣＰＵ１０１（後述の図１２参照）が実行するゲームプログラムにより実装されるものであるが、例えばその一部がＡＳＩＣやＦＰＧＡ等の専用集積回路、その他の電気回路等の実際の装置により実装されてもよい。 The processing and the like in each processing unit described above is not limited to the example of sharing these processing, and may be processed by, for example, a smaller number of processing units (for example, one processing unit). Further, it may be processed by a further subdivided processing unit. Further, the functions of the above-mentioned processing units are implemented by a game program executed by the CPU 101 (see FIG. 12 described later), which will be described later. For example, some of them are dedicated integrated circuits such as ASICs and FPGAs, and others. It may be implemented by an actual device such as an electric circuit of.

＜３．情報処理装置が実行する処理手順＞
次に、図１１を用いて、情報処理装置１のＣＰＵ１０１によって実行される処理手順の一例について説明する。本フローは、ユーザによりリスト表示を行うための所定の操作入力がなされた場合に開始される。 <3. Processing procedure executed by the information processing device>
Next, an example of a processing procedure executed by the CPU 101 of the information processing apparatus 1 will be described with reference to FIG. This flow is started when a predetermined operation input for displaying the list is made by the user.

ステップＳ１０では、情報処理装置１は、第１表示処理部５により、複数の項目を含むリスト１３、及び、リスト１３から特定の項目を選択するためのカーソル１５を、リスト表示領域１７に表示する。 In step S10, the information processing apparatus 1 displays the list 13 including a plurality of items and the cursor 15 for selecting a specific item from the list 13 in the list display area 17 by the first display processing unit 5. ..

ステップＳ２０では、情報処理装置１は、第２表示処理部１１により、カーソル１５によって選択された項目の関連情報を、関連情報表示領域１９に表示する。 In step S20, the information processing apparatus 1 displays the related information of the item selected by the cursor 15 in the related information display area 19 by the second display processing unit 11.

ステップＳ３０では、情報処理装置１は、接触検出処理部７により、タッチパネル３に対する接触操作（スワイプ、フリック等）を検出したか否かを判定する。接触操作を検出した場合には（ステップＳ３０：ＹＥＳ）、次のステップＳ４０に移る。一方、接触操作を検出しなかった場合には（ステップＳ３０：ＮＯ）、後述のステップＳ７０に移る。 In step S30, the information processing device 1 determines whether or not the contact detection processing unit 7 has detected a contact operation (swipe, flick, etc.) with respect to the touch panel 3. When a contact operation is detected (step S30: YES), the process proceeds to the next step S40. On the other hand, if the contact operation is not detected (step S30: NO), the process proceeds to step S70 described later.

ステップＳ４０では、情報処理装置１は、相対移動処理部９により、上記ステップＳ３０において検出された接触操作に基づいて、リスト１３を停止させた状態で接触操作に対応する方向とは反対の方向にカーソル１５を移動させる。 In step S40, the information processing apparatus 1 moves in the direction opposite to the direction corresponding to the contact operation with the list 13 stopped, based on the contact operation detected in step S30 by the relative movement processing unit 9. Move the cursor 15.

ステップＳ５０では、情報処理装置１は、相対移動処理部９により、上記ステップＳ３０において検出された接触操作に基づいて、接触操作（スワイプ、フリック等）によるカーソル１５への移動指示がリスト表示領域１７の範囲を超えるか否かを判定する。カーソル１５への移動指示がリスト表示領域１７の範囲を超える場合には（ステップＳ５０：ＹＥＳ）、次のステップＳ６０に移る。一方、カーソル１５への移動指示がリスト表示領域１７の範囲内である場合には（ステップＳ５０：ＮＯ）、後述のステップＳ７０に移る。 In step S50, the information processing device 1 is instructed by the relative movement processing unit 9 to move to the cursor 15 by the contact operation (swipe, flick, etc.) based on the contact operation detected in step S30. Judge whether or not it exceeds the range of. If the movement instruction to the cursor 15 exceeds the range of the list display area 17 (step S50: YES), the process proceeds to the next step S60. On the other hand, when the movement instruction to the cursor 15 is within the range of the list display area 17 (step S50: NO), the process proceeds to step S70 described later.

ステップＳ６０では、情報処理装置１は、相対移動処理部９により、カーソル１５をリスト表示領域１７の（接触操作に対応する方向とは反対方向の）端部に移動させ、当該リスト表示領域１７の端部にカーソル１５を停止させた状態でリスト１３を接触操作に対応する方向にスクロールさせる。 In step S60, the information processing device 1 moves the cursor 15 to the end of the list display area 17 (in the direction opposite to the direction corresponding to the contact operation) by the relative movement processing unit 9, and the list display area 17 With the cursor 15 stopped at the end, the list 13 is scrolled in the direction corresponding to the contact operation.

ステップＳ７０では、情報処理装置１は、リスト表示を終了するための所定の操作入力があったか否かを判定する。リスト表示終了の操作入力は、例えば前述の図３で説明した選択画面を閉じる操作等である。リスト表示終了の操作入力がない場合には（ステップＳ７０：ＮＯ）には、先のステップＳ２０に戻り同様の手順を繰り返す。一方、リスト表示終了の操作入力があった場合には（ステップＳ７０：ＹＥＳ）、本フローを終了する。 In step S70, the information processing device 1 determines whether or not there is a predetermined operation input for ending the list display. The operation input for ending the list display is, for example, an operation for closing the selection screen described with reference to FIG. If there is no operation input for ending the list display (step S70: NO), the process returns to the previous step S20 and the same procedure is repeated. On the other hand, when there is an operation input for ending the list display (step S70: YES), this flow ends.

なお、上述した処理手順は一例であって、上記手順の少なくとも一部を削除又は変更してもよいし、上記以外の手順を追加してもよい。また、上記手順の少なくとも一部の順番を変更してもよいし、複数の手順が単一の手順にまとめられてもよい。 The above-mentioned processing procedure is an example, and at least a part of the above-mentioned procedure may be deleted or changed, or a procedure other than the above may be added. Further, the order of at least a part of the above procedures may be changed, or a plurality of procedures may be combined into a single procedure.

＜４．情報処理装置のハードウェア構成＞
次に、図１２を用いて、上記で説明したＣＰＵ１０１等が実行するプログラムにより実装された各処理部を実現する情報処理装置１のハードウェア構成の一例について説明する。 <4. Information processing device hardware configuration>
Next, an example of the hardware configuration of the information processing apparatus 1 that realizes each processing unit implemented by the program executed by the CPU 101 or the like described above will be described with reference to FIG.

図１２に示すように、情報処理装置１は、例えば、ＣＰＵ１０１と、ＲＯＭ１０３と、ＲＡＭ１０５と、ＧＰＵ１０６と、例えばＡＳＩＣ又はＦＰＧＡ等の特定の用途向けに構築された専用集積回路１０７と、入力装置１１３と、出力装置１１５と、記録装置１１７と、ドライブ１１９と、接続ポート１２１と、通信装置１２３を有する。これらの構成は、バス１０９や入出力インターフェース１１１等を介し相互に信号を伝達可能に接続されている。 As shown in FIG. 12, the information processing device 1 includes, for example, a CPU 101, a ROM 103, a RAM 105, a GPU 106, a dedicated integrated circuit 107 constructed for a specific application such as an ASIC or an FPGA, and an input device 113. It has an output device 115, a recording device 117, a drive 119, a connection port 121, and a communication device 123. These configurations are connected so that signals can be transmitted to each other via a bus 109, an input / output interface 111, and the like.

ゲームプログラムは、例えば、ＲＯＭ１０３やＲＡＭ１０５、記録装置１１７等に記録しておくことができる。 The game program can be recorded in, for example, a ROM 103, a RAM 105, a recording device 117, or the like.

また、ゲームプログラムは、例えば、フレキシブルディスクなどの磁気ディスク、各種のＣＤ、ＭＯディスク、ＤＶＤ等の光ディスク、半導体メモリ等のリムーバブルな記録媒体１２５に、一時的又は永続的（非一時的）に記録しておくこともできる。このような記録媒体１２５は、いわゆるパッケージソフトウエアとして提供することもできる。この場合、これらの記録媒体１２５に記録されたゲームプログラムは、ドライブ１１９により読み出されて、入出力インターフェース１１１やバス１０９等を介し上記記録装置１１７に記録されてもよい。 Further, the game program is temporarily or permanently (non-temporarily) recorded on, for example, a magnetic disk such as a flexible disk, various CDs, MO disks, an optical disk such as a DVD, or a removable recording medium 125 such as a semiconductor memory. You can also keep it. Such a recording medium 125 can also be provided as so-called package software. In this case, the game program recorded on these recording media 125 may be read by the drive 119 and recorded on the recording device 117 via the input / output interface 111, the bus 109, or the like.

また、ゲームプログラムは、例えば、ダウンロードサイト、他のコンピュータ、他の記録装置等（図示せず）に記録しておくこともできる。この場合、ゲームプログラムは、ＬＡＮやインターネット等のネットワークＮＷを介し転送され、通信装置１２３がこのプログラムを受信する。そして、通信装置１２３が受信したプログラムは、入出力インターフェース１１１やバス１０９等を介し上記記録装置１１７に記録されてもよい。 The game program can also be recorded on, for example, a download site, another computer, another recording device, or the like (not shown). In this case, the game program is transferred via a network NW such as LAN or the Internet, and the communication device 123 receives this program. Then, the program received by the communication device 123 may be recorded in the recording device 117 via the input / output interface 111, the bus 109, or the like.

また、ゲームプログラムは、例えば、適宜の外部接続機器１２７に記録しておくこともできる。この場合、ゲームプログラムは、適宜の接続ポート１２１を介し転送され、入出力インターフェース１１１やバス１０９等を介し上記記録装置１１７に記録されてもよい。 Further, the game program can be recorded in an appropriate externally connected device 127, for example. In this case, the game program may be transferred via an appropriate connection port 121 and recorded in the recording device 117 via the input / output interface 111, the bus 109, or the like.

そして、ＣＰＵ１０１が、上記記録装置１１７に記録されたプログラムに従い各種の処理を実行することにより、前述の第１表示処理部５や相対移動処理部９等による処理が実現される。この際、ＣＰＵ１０１は、例えば、上記記録装置１１７からプログラムを、直接読み出して実行してもよく、ＲＡＭ１０５に一旦ロードした上で実行してもよい。更にＣＰＵ１０１は、例えば、プログラムを通信装置１２３やドライブ１１９、接続ポート１２１を介し受信する場合、受信したプログラムを記録装置１１７に記録せずに直接実行してもよい。 Then, the CPU 101 executes various processes according to the program recorded in the recording device 117, so that the processes by the first display processing unit 5 and the relative movement processing unit 9 and the like described above are realized. At this time, for example, the CPU 101 may directly read the program from the recording device 117 and execute it, or may execute it after loading it into the RAM 105 once. Further, for example, when the CPU 101 receives the program via the communication device 123, the drive 119, and the connection port 121, the CPU 101 may directly execute the received program without recording it in the recording device 117.

また、ＣＰＵ１０１は、必要に応じて、前述のタッチパネル３を含む、例えばマウス、キーボード、マイク等（図示せず）の入力装置１１３から入力する信号や情報に基づいて各種の処理を行ってもよい。 Further, the CPU 101 may perform various processes based on signals and information input from an input device 113 of, for example, a mouse, a keyboard, a microphone, etc. (not shown) including the touch panel 3 described above, if necessary. ..

ＧＰＵ１０６は、ＣＰＵ１０１からの指示に応じて例えばレンダリング処理などの画像表示のための処理を行う。 The GPU 106 performs processing for displaying an image, such as rendering processing, in response to an instruction from the CPU 101.

そして、ＣＰＵ１０１及びＧＰＵ１０６は、上記の処理を実行した結果を、例えば前述のタッチパネル３や音声出力部を含む、出力装置１１５から出力する。さらにＣＰＵ１０１及びＧＰＵ１０６は、必要に応じてこの処理結果を通信装置１２３や接続ポート１２１を介し送信してもよく、上記記録装置１１７や記録媒体１２５に記録させてもよい。 Then, the CPU 101 and the GPU 106 output the result of executing the above processing from the output device 115 including, for example, the touch panel 3 and the audio output unit described above. Further, the CPU 101 and the GPU 106 may transmit the processing result via the communication device 123 or the connection port 121, if necessary, or may record the processing result on the recording device 117 or the recording medium 125.

＜５．実施形態の効果＞
本実施形態のゲームプログラムは、タッチパネル３を備えた情報処理装置１を、複数の項目を含むリスト１３、及び、リスト１３から特定の項目を選択するためのカーソル１５を、タッチパネル３に表示する第１表示処理部５、タッチパネル３に対する接触操作を検出する接触検出処理部７、接触操作に基づいてカーソル１５とリスト１３とを相対的に移動させる相対移動処理部９、として機能させる。これにより、次のような効果を得る。 <5. Effect of embodiment>
In the game program of the present embodiment, the information processing device 1 provided with the touch panel 3 displays a list 13 including a plurality of items and a cursor 15 for selecting a specific item from the list 13 on the touch panel 3. 1 The display processing unit 5 functions as a contact detection processing unit 7 that detects a contact operation with respect to the touch panel 3, and a relative movement processing unit 9 that relatively moves the cursor 15 and the list 13 based on the contact operation. As a result, the following effects are obtained.

すなわち本実施形態では、ユーザはタッチパネル３への接触操作によってカーソル１５とリスト１３とを相対的に移動させ、カーソル１５を所望の項目に移動させることによって当該項目を選択する。これにより、ユーザはリスト１３の項目を選択する際に当該項目に直接タッチ（タップ）しなくて済むので、各項目の大きさ（例えば上下方向の幅）を指の大きさを考慮することなく小さめに設定することができる。したがって、タッチパネルに一度に表示できるリスト１３の項目数を増大することが可能となり、画面を有効活用できる。 That is, in the present embodiment, the user relatively moves the cursor 15 and the list 13 by touching the touch panel 3, and selects the item by moving the cursor 15 to a desired item. As a result, the user does not have to directly touch (tap) the item in the list 13 when selecting the item, so that the size of each item (for example, the width in the vertical direction) does not need to be considered the size of the finger. It can be set smaller. Therefore, it is possible to increase the number of items in the list 13 that can be displayed on the touch panel at one time, and the screen can be effectively used.

また、例えばコンピュータや据え置き型ゲーム機等のようにタッチパネルを有しない端末（以下適宜「非タッチパネル端末」という）においては、ユーザはマウスやゲームコントローラ等の入力装置を用いてカーソルを操作し、カーソルを選択対象に移動させて選択するのが一般的である。これに対し、例えばスマートフォンやタブレット型コンピュータ、携帯型ゲーム機等のようにタッチパネルを有する端末（以下適宜「タッチパネル端末」という）においては、ユーザが選択対象をタップして選択する。したがって、両端末では操作システムが全く異なるものとなる。 Further, in a terminal that does not have a touch panel (hereinafter, appropriately referred to as a "non-touch panel terminal") such as a computer or a stationary game machine, the user operates the cursor using an input device such as a mouse or a game controller to operate the cursor. Is generally moved to the selection target and selected. On the other hand, in a terminal having a touch panel (hereinafter, appropriately referred to as a "touch panel terminal") such as a smartphone, a tablet computer, a portable game machine, etc., the user taps a selection target to select it. Therefore, the operation system is completely different between the two terminals.

本実施形態では、タッチパネル端末に対して非タッチパネル端末と同様の操作システムを適用し、タッチパネル３に対する接触操作によってカーソル１５を操作する。したがって、非タッチパネル端末とタッチパネル端末の間で操作システムを共通化することが可能となるので、例えば両端末で同時にゲームを開発する場合や、非タッチパネル端末のゲームをタッチパネル端末に移植する場合等において、開発工程や開発コストを大幅に削減することができる。さらに、非タッチパネル端末とタッチパネル端末の両方の要素を備えたゲーム端末に適用する場合にも、操作システムの共通化によりゲームシステムのシンプル化が可能となるので、開発工程や開発コストを抑えることが可能となる。 In the present embodiment, the same operation system as that of the non-touch panel terminal is applied to the touch panel terminal, and the cursor 15 is operated by the contact operation with respect to the touch panel 3. Therefore, it is possible to standardize the operation system between the non-touch panel terminal and the touch panel terminal. For example, when developing a game on both terminals at the same time or when porting a game on a non-touch panel terminal to a touch panel terminal, etc. , The development process and development cost can be significantly reduced. Furthermore, even when applied to a game terminal equipped with both non-touch panel terminal and touch panel terminal elements, the game system can be simplified by standardizing the operation system, so the development process and development cost can be suppressed. It will be possible.

また、本実施形態では特に、相対移動処理部９は、リスト１３のうちタッチパネル３の表示範囲内（本実施形態ではリスト表示領域１７の範囲内）の項目にカーソル１５を移動させる場合には、リスト１３を停止させた状態でカーソル１５を移動させる。 Further, in the present embodiment, in particular, when the relative movement processing unit 9 moves the cursor 15 to an item in the display range of the touch panel 3 in the list 13 (within the range of the list display area 17 in the present embodiment), the relative movement processing unit 9 moves the cursor 15. The cursor 15 is moved with the list 13 stopped.

このように、リスト１３のうちリスト表示領域１７の範囲内の項目にカーソル１５を移動させる場合には、リスト１３の移動（スクロール）は不要である。したがって、リスト１３を停止させた状態でカーソル１５を移動させて項目を選択できるようにすることで、選択操作が容易となり誤操作を抑制できる。 In this way, when moving the cursor 15 to an item in the list 13 within the range of the list display area 17, it is not necessary to move (scroll) the list 13. Therefore, by moving the cursor 15 to select an item while the list 13 is stopped, the selection operation can be facilitated and erroneous operation can be suppressed.

また、本実施形態では特に、相対移動処理部９は、リスト１３のうちリスト表示領域１７の範囲外の項目にカーソル１５を移動させる場合には、リスト１３を停止させた状態でカーソル１５をリスト表示領域１７の端部に移動させ、当該リスト表示領域１７の端部にカーソル１５を停止させた状態でリスト１３をスクロールさせる。 Further, in the present embodiment, in particular, when the relative movement processing unit 9 moves the cursor 15 to an item outside the range of the list display area 17 in the list 13, the cursor 15 is listed with the list 13 stopped. The list 13 is moved to the end of the display area 17 and the list 13 is scrolled with the cursor 15 stopped at the end of the list display area 17.

このように、リスト１３のうちリスト表示領域１７の範囲外の項目にカーソル１５を移動させる場合には、リスト１３の移動（スクロール）が必要となる。したがって、カーソル１５を停止させた状態でリスト１３をスクロールさせて項目を選択できるようにすることで、選択操作が容易となり誤操作を抑制できる。また、まずリスト１３を停止させた状態でカーソル１５をリスト表示領域１７の端部に移動させ、次に当該リスト表示領域１７の端部にカーソル１５を停止させた状態でリスト１３をスクロールさせることで、カーソル１５が移動する状態からリスト１３がスクロールする状態への動作の切替えをスムーズに行うことができる。さらに、リスト１３の高速スクロール（素早くスワイプすることによりリスト１３を高速にスクロールさせつつ、指がタッチパネル３から離れた後も慣性によりリスト１３を所定量スクロールさせること）が可能となるので、多数の項目を有するリスト１３の場合にも速やかな選択が可能となり、操作性を向上できる。 In this way, when moving the cursor 15 to an item outside the range of the list display area 17 in the list 13, it is necessary to move (scroll) the list 13. Therefore, by making it possible to select an item by scrolling the list 13 with the cursor 15 stopped, the selection operation can be facilitated and erroneous operation can be suppressed. Further, first move the cursor 15 to the end of the list display area 17 with the list 13 stopped, and then scroll the list 13 with the cursor 15 stopped at the end of the list display area 17. Therefore, the operation can be smoothly switched from the state in which the cursor 15 moves to the state in which the list 13 scrolls. Further, the list 13 can be scrolled at high speed (the list 13 can be scrolled at high speed by swiping quickly, and the list 13 can be scrolled by a predetermined amount by inertia even after the finger leaves the touch panel 3). Even in the case of the list 13 having items, quick selection is possible, and operability can be improved.

また、本実施形態では特に、相対移動処理部９は、リスト１３を停止させた状態では接触操作に対応する方向とは反対の方向にカーソル１５を移動させ、カーソル１５を停止させた状態ではリスト１３を接触操作に対応する方向に移動させる。これにより、次の効果を得る。 Further, in the present embodiment, in particular, the relative movement processing unit 9 moves the cursor 15 in the direction opposite to the direction corresponding to the contact operation when the list 13 is stopped, and the list when the cursor 15 is stopped. 13 is moved in the direction corresponding to the contact operation. As a result, the following effects are obtained.

すなわち本実施形態においては、例えば下方に向けて接触操作が行われた場合には、まずリスト１３が停止した状態でカーソル１５が上方に移動し、カーソル１５がリスト表示領域１７の上端に到達すると、カーソル１５が上端に停止した状態でリスト１３が下方にスクロールする。同様に、例えば上方に向けて接触操作が行われた場合には、まずリスト１３が停止した状態でカーソル１５が下方に移動し、カーソル１５がリスト表示領域１７の下端に到達すると、カーソル１５が下端に停止した状態でリスト１３が上方にスクロールする。 That is, in the present embodiment, for example, when the contact operation is performed downward, the cursor 15 moves upward while the list 13 is stopped, and the cursor 15 reaches the upper end of the list display area 17. , List 13 scrolls down with the cursor 15 stopped at the top. Similarly, for example, when a contact operation is performed upward, the cursor 15 first moves downward while the list 13 is stopped, and when the cursor 15 reaches the lower end of the list display area 17, the cursor 15 moves. List 13 scrolls upward while stopped at the bottom.

このようにすることで、カーソル１５が移動する状態からリスト１３がスクロールする状態に動作が切り替わる前後において、カーソル１５とリスト１３の相対移動方向を同一にできる。これにより、動作をスムーズに切り替えることができると共にユーザの違和感を抑制でき、快適な操作性を維持できる。 By doing so, the relative movement directions of the cursor 15 and the list 13 can be made the same before and after the operation is switched from the state in which the cursor 15 moves to the state in which the list 13 scrolls. As a result, the operation can be smoothly switched, the user's discomfort can be suppressed, and comfortable operability can be maintained.

また、本実施形態のゲームプログラムは、情報処理装置１を、カーソル１５により選択された項目に関連する関連情報をリスト１３と共にタッチパネル３に表示する第２表示処理部１１としてさらに機能させる。これにより、次の効果を奏する。 Further, the game program of the present embodiment further functions the information processing device 1 as a second display processing unit 11 that displays related information related to the item selected by the cursor 15 on the touch panel 3 together with the list 13. This has the following effects.

すなわち、一般にタッチパネル端末においては、リスト中の特定の項目について関連する情報（詳細情報等）を参照する場合、ユーザが当該項目をタップすることで関連情報を表示する別画面に切り替え、所定の復帰操作をすることでリスト表示に復帰させる、といった操作が行われる。この場合、複数の項目について関連情報を参照したい場合には別画面への切替操作及びリスト表示への復帰操作を何度も繰り返す必要があり、操作が煩雑となりユーザの手間を要することとなる。 That is, in general, in a touch panel terminal, when referring to related information (detailed information, etc.) for a specific item in a list, the user taps the item to switch to another screen for displaying the related information, and a predetermined return is performed. An operation such as returning to the list display is performed by performing an operation. In this case, when it is desired to refer to the related information for a plurality of items, it is necessary to repeat the operation of switching to another screen and the operation of returning to the list display many times, which makes the operation complicated and requires time and effort for the user.

本実施形態では、関連情報である詳細情報２１がリスト１３と共に関連情報表示領域１９に表示されるので、ユーザは接触操作によりカーソル１５の移動又はリスト１３のスクロールを行うだけで、カーソル１５により選択された項目の関連情報が関連情報表示領域１９において自動的に切り替わりつつ次々と表示される。これにより、操作が簡易となりユーザの手間を大幅に削減できる。特に、多数の項目について関連情報を連続して参照したい場合に非常に有効である。 In the present embodiment, the detailed information 21 which is the related information is displayed in the related information display area 19 together with the list 13, so that the user can select by the cursor 15 only by moving the cursor 15 or scrolling the list 13 by a touch operation. The related information of the items are displayed one after another while being automatically switched in the related information display area 19. As a result, the operation becomes simple and the user's labor can be greatly reduced. In particular, it is very effective when you want to refer to related information continuously for many items.

＜６．変形例等＞
なお、本発明は、以上説明した実施形態に限られるものではなく、その趣旨及び技術的思想を逸脱しない範囲内で種々の変形が可能である。以下、そのような変形例について説明する。 <6. Modification example>
The present invention is not limited to the embodiments described above, and various modifications can be made without departing from the spirit and technical idea. Hereinafter, such a modification will be described.

（６−１．選択された項目を拡大表示する場合）
例えば図１３に示すように、第１表示処理部５により、カーソル１５により選択された項目を選択されていない他の項目よりも大きくなるように拡大して表示してもよい。図１３に示す例では、カーソル１５により選択された項目が選択されていない項目よりも上下方向の幅が大きくなるように、且つ、項目の内容を表すテキストのフォントサイズが大きくなるように表示されている。なお、上記項目等の大きさに加えて又は代えて、テキストのフォントの種類、項目の形状、色彩、模様等が異なるように表示してもよい。 (6-1. When enlarging the selected item)
For example, as shown in FIG. 13, the item selected by the cursor 15 may be enlarged and displayed by the first display processing unit 5 so as to be larger than the other items not selected. In the example shown in FIG. 13, the item selected by the cursor 15 is displayed so that the width in the vertical direction is larger than that of the item not selected, and the font size of the text representing the content of the item is larger. ing. In addition to or in place of the size of the above items, the text font type, item shape, color, pattern, and the like may be displayed differently.

本変形例では、カーソル１５又はリスト１３の移動（スクロール）に伴って変動する項目（この例では武将）が次々に拡大表示等される。 In this modified example, items (military commanders in this example) that change with the movement (scrolling) of the cursor 15 or the list 13 are enlarged and displayed one after another.

これにより、タッチパネル３に一度に表示できるリスト１３の項目数を増大しつつ、選択された項目の視認性を向上できる。したがって、誤操作を抑制できると共に操作性をさらに向上できる。 As a result, the visibility of the selected items can be improved while increasing the number of items in the list 13 that can be displayed on the touch panel 3 at one time. Therefore, erroneous operation can be suppressed and operability can be further improved.

（６−２．カーソルを接触操作方向と同一方向に移動させる場合）
上記実施形態では、カーソル１５を接触操作方向と反対の方向に移動させる場合について説明したが、これに限定されるものではなく、カーソル１５を接触操作方向と同一の方向に移動させてもよい。 (6-2. When moving the cursor in the same direction as the contact operation direction)
In the above embodiment, the case where the cursor 15 is moved in the direction opposite to the contact operation direction has been described, but the present invention is not limited to this, and the cursor 15 may be moved in the same direction as the contact operation direction.

例えば図１４に示すように、前述の図３に示す状態から、ユーザが指２３を用いて下方に向けて比較的小さめにスワイプを行う場合、リスト表示領域１７において、リスト１３が停止した状態でカーソル１５がスワイプの移動量に応じて下方に移動する。また、例えば図１５に示すように、図１４に示す状態から、ユーザが指２３を用いて上方に向けて比較的小さめにスワイプを行う場合、リスト表示領域１７において、リスト１３が停止した状態でカーソル１５がスワイプの移動量に応じて上方に移動する。本変形例では、このように、スワイプによるカーソル１５への移動指示がリスト表示領域１７の範囲内である場合には、リスト１３が停止した状態で、カーソル１５はスワイプに対応する方向に逐次移動する。 For example, as shown in FIG. 14, when the user swipes downward with a finger 23 relatively small from the state shown in FIG. 3 described above, the list 13 is stopped in the list display area 17. The cursor 15 moves downward according to the amount of swipe movement. Further, for example, as shown in FIG. 15, when the user swipes upward with a finger 23 relatively small from the state shown in FIG. 14, the list 13 is stopped in the list display area 17. The cursor 15 moves upward according to the amount of swipe movement. In this modification, when the movement instruction to the cursor 15 by swiping is within the range of the list display area 17, the cursor 15 sequentially moves in the direction corresponding to the swipe while the list 13 is stopped. do.

また、例えば図１６に示すように、前述の図３に示す状態から、ユーザが指２３を用いて下方に向けて比較的大きめにスワイプを行う場合、図１６の上段に示すように、リスト表示領域１７において、リスト１３が停止した状態でカーソル１５が下方に移動する。そして、スワイプの途中段階においてカーソル１５がリスト表示領域１７の下端に到達すると、図１６の下段に示すように、カーソル１５がリスト表示領域１７の下端に停止した状態で、リスト１３が下方に向けてスクロールする。 Further, for example, as shown in FIG. 16, when the user swipes downward with a finger 23 from the state shown in FIG. 3 above, a list is displayed as shown in the upper part of FIG. In the area 17, the cursor 15 moves downward while the list 13 is stopped. Then, when the cursor 15 reaches the lower end of the list display area 17 in the middle of the swipe, the list 13 points downward with the cursor 15 stopped at the lower end of the list display area 17, as shown in the lower part of FIG. And scroll.

説明は省略するが、フリックを行う場合も上記と同様である。このように、本変形例ではカーソル１５及びリスト１３の両方が接触操作の方向に対応する方向に移動する。 Although the description is omitted, the same applies to the case of flicking. As described above, in this modification, both the cursor 15 and the list 13 move in the direction corresponding to the direction of the contact operation.

本変形例においても、上記実施形態と同様の効果を得ることができる。 Also in this modification, the same effect as that of the above embodiment can be obtained.

（６−３．リスト表示領域の一部が表示範囲外となる場合）
上記実施形態では、リスト表示領域１７の全体がタッチパネル３の表示範囲内に収まる場合について説明したが、これに限定されるものではない。例えば、リスト画面が固定位置ではなく移動可能な場合には、背景のマップ等を参照しながらリストを閲覧したいといったユーザのニーズにより、リスト画面をタッチパネル３の表示範囲の端部側に移動させた状態でリストを閲覧することが考えられる。このとき、リスト表示領域１７の全体がタッチパネル３の表示範囲内に収まるような仕様となっていない場合には、リスト表示領域１７の一部がタッチパネル３の表示範囲外となり、当該部分は表示されないこととなる。このような場合には、リスト表示領域１７のうちタッチパネル３の表示範囲内にある部分のみでカーソル１５を移動可能とし、上記実施形態と同様の処理を行ってもよい。 (6-3. When a part of the list display area is out of the display range)
In the above embodiment, the case where the entire list display area 17 is within the display range of the touch panel 3 has been described, but the present invention is not limited to this. For example, when the list screen is movable instead of a fixed position, the list screen is moved to the end side of the display range of the touch panel 3 according to the needs of the user who wants to browse the list while referring to the background map or the like. It is conceivable to browse the list in the state. At this time, if the specifications are not such that the entire list display area 17 fits within the display range of the touch panel 3, a part of the list display area 17 is out of the display range of the touch panel 3, and the portion is not displayed. It will be. In such a case, the cursor 15 may be movable only in the portion of the list display area 17 that is within the display range of the touch panel 3, and the same processing as in the above embodiment may be performed.

図１７に、本変形例における表示の一例を示す。図１７に示す例では、前述の図３に示す状態から、城主選択画面２５がタッチパネル３の表示範囲の下端側に移動されており、その結果、リスト表示領域１７のリスト１３の一部（武将Ｅ、武将Ｆ）がタッチパネル３の表示範囲外となり表示されなくなっている。なお、図示は省略するが、表示範囲の上端側の背景領域２７には、例えばマップ等のユーザが参照したい情報画面が表示されている。また、図１７に示す例では関連情報表示領域１９の詳細情報２１も一部のみの表示となっているが、詳細情報２１についてはその全部が表示されるようにしてもよい。 FIG. 17 shows an example of the display in this modified example. In the example shown in FIG. 17, the castle owner selection screen 25 is moved to the lower end side of the display range of the touch panel 3 from the state shown in FIG. 3, and as a result, a part of the list 13 of the list display area 17 (military commander). E, military commander F) is out of the display range of the touch panel 3 and is not displayed. Although not shown, an information screen such as a map that the user wants to refer to is displayed in the background area 27 on the upper end side of the display range. Further, in the example shown in FIG. 17, the detailed information 21 of the related information display area 19 is also displayed only partially, but the detailed information 21 may be displayed in its entirety.

この状態において、例えばスワイプが行われる場合について説明する。スワイプによるカーソル１５への移動指示がタッチパネル３の表示範囲内である場合は、前述の図４及び図５に示す動作と同様となる。一方、スワイプによるカーソル１５への移動指示がタッチパネル３の表示範囲外である場合には、次のような動作となる。例えば図１８に示すように、図１７に示す状態から、ユーザが指２３を用いて上方に向けて比較的大きめにスワイプを行う場合、図１８の上段に示すように、リスト表示領域１７において、リスト１３が停止した状態でカーソル１５が下方に移動する。そして、スワイプの途中段階においてカーソル１５がタッチパネル３の表示範囲の下端（リスト表示領域１７の下端ではない）に到達すると、図１８の下段に示すように、カーソル１５がタッチパネル３の表示範囲の下端に停止した状態で、リスト１３が上方に向けてスクロールする。なお、説明は省略するが、フリックを行う場合も上記と同様の動作となる。 In this state, for example, a case where a swipe is performed will be described. When the movement instruction to the cursor 15 by swiping is within the display range of the touch panel 3, the operation is the same as that shown in FIGS. 4 and 5 described above. On the other hand, when the movement instruction to the cursor 15 by swiping is outside the display range of the touch panel 3, the following operation is performed. For example, as shown in FIG. 18, when the user swipes upward with a finger 23 from the state shown in FIG. 17, a relatively large swipe is performed in the list display area 17 as shown in the upper part of FIG. The cursor 15 moves downward while the list 13 is stopped. Then, when the cursor 15 reaches the lower end of the display range of the touch panel 3 (not the lower end of the list display area 17) in the middle of the swipe, the cursor 15 moves to the lower end of the display range of the touch panel 3 as shown in the lower part of FIG. The list 13 scrolls upward while stopped at. Although the description is omitted, the same operation as described above is performed when flicking is performed.

このように、本変形例によれば、ユーザはマップ等の情報を参照しながらリストを閲覧することが可能となるので、ゲームの興趣性及びユーザの利便性を向上できる。 As described above, according to the present modification, the user can browse the list while referring to the information such as the map, so that the interest of the game and the convenience of the user can be improved.

（６−４．その他）
以上では、カーソル１５又はリスト１３のどちらか一方のみが移動する場合について説明したが、これに限定されるものではなく、必要に応じてカーソル１５及びリスト１３の両方を移動させてもよい。例えば、前述の図４、図５、図８、図９等に示すように、接触操作によるカーソル１５への移動指示がリスト表示領域１７の範囲内である場合に、接触操作に応じてカーソル１５とリスト１３の両方を移動させてもよい。この場合、カーソル１５の移動方向とリスト１３のスクロール方向とを反対方向としてもよい。 (6-4. Others)
In the above, the case where only one of the cursor 15 and the list 13 is moved has been described, but the present invention is not limited to this, and both the cursor 15 and the list 13 may be moved as needed. For example, as shown in FIGS. 4, 5, 8, 9, 9 and the like described above, when the movement instruction to the cursor 15 by the contact operation is within the range of the list display area 17, the cursor 15 responds to the contact operation. And list 13 may both be moved. In this case, the moving direction of the cursor 15 and the scrolling direction of the list 13 may be opposite directions.

また以上では、本発明のユーザインターフェース処理プログラムがゲームプログラムである場合を一例として説明したが、ゲームプログラムに限定されるものではない。例えば、情報処理装置１がカーナビ装置、鉄道や飲食店等における自動券売機、自動販売機、金融機関のＡＴＭ、コピー機やＦＡＸ等のＯＡ機器等である場合に、それらの機器に適用されるユーザインターフェース処理プログラムであってもよい。 Further, in the above, the case where the user interface processing program of the present invention is a game program has been described as an example, but the present invention is not limited to the game program. For example, when the information processing device 1 is a car navigation device, an automatic ticket vending machine in a railroad or a restaurant, a vending machine, an ATM of a financial institution, an OA device such as a copy machine or a fax machine, etc., it is applied to those devices. It may be a user interface processing program.

なお、以上既に述べた以外にも、上記実施形態や各変形例による手法を適宜組み合わせて利用しても良い。その他、一々例示はしないが、上記実施形態や各変形例は、その趣旨を逸脱しない範囲内において、種々の変更が加えられて実施されるものである。 In addition to the above-described above, the methods according to the above-described embodiment and each modification may be appropriately combined and used. In addition, although not illustrated one by one, the above-described embodiment and each modification are implemented with various modifications within a range that does not deviate from the purpose.

１情報処理装置
３タッチパネル
５第１表示処理部
７接触検出処理部
９相対移動処理部
１１第２表示処理部
１３リスト
１５カーソル
１７リスト表示領域（タッチパネルの表示範囲）
１２５記録媒体 1 Information processing device 3 Touch panel 5 1st display processing unit 7 Contact detection processing unit 9 Relative movement processing unit 11 2nd display processing unit 13 List 15 Cursor 17 List display area (touch panel display range)
125 Recording medium

Claims

An information processing device equipped with a touch panel
A first display processing unit that displays a list including a plurality of items and a cursor for selecting a specific item from the list on the touch panel.
A contact detection processing unit that detects a contact operation with respect to the touch panel,
When the contact detection processing unit detects the contact operation of moving a finger so as to repel the touch panel, the cursor and the list are inertial by a predetermined amount based on the contact operation even after the finger is separated from the touch panel. Relative movement processing unit that moves and relative to
To function as
The relative movement processing unit
When the cursor is moved to the item in the display range of the touch panel in the list, the cursor is moved in the direction opposite to the direction corresponding to the contact operation with the list stopped by the inertia. Move,
When moving the cursor to the item outside the display range of the touch panel in the list, the cursor is moved in the direction opposite to the direction corresponding to the contact operation while the list is stopped. The list is moved to the end of the display range, and the list is moved by the inertia in the direction corresponding to the contact operation with the cursor stopped at the end of the display range .
The moving speed of the list with respect to the contact operation is set to be larger than the moving speed of the cursor with respect to the common contact operation.
User interface processing program.

The information processing device
A second display processing unit that displays information related to the item selected by the cursor on the touch panel together with the list.
To function further,
The user interface processing program according to claim 1.

The first display processing unit is
The item selected by the cursor is enlarged and displayed so as to be larger than the other items not selected.
The user interface processing program according to claim 1 or 2.

A recording medium readable by an information processing apparatus on which the user interface processing program according to any one of claims 1 to 3 is recorded.

A user interface processing method executed by an information processing device equipped with a touch panel.
A step of displaying a list including a plurality of items and a cursor for selecting a specific item from the list on the touch panel.
A step of detecting a contact operation with the touch panel and
When the contact operation of moving a finger so as to repel the touch panel is detected, the cursor and the list are relatively moved by inertia by a predetermined amount based on the contact operation even after the finger is separated from the touch panel. Steps to make and
Have,
In the step of moving the cursor relative to the list,
When the cursor is moved to the item in the display range of the touch panel in the list, the cursor is moved in the direction opposite to the direction corresponding to the contact operation with the list stopped by the inertia. Move,
When moving the cursor to the item outside the display range of the touch panel in the list, the cursor is moved in the direction opposite to the direction corresponding to the contact operation while the list is stopped. The list is moved to the end of the display range, and the list is moved by the inertia in the direction corresponding to the contact operation with the cursor stopped at the end of the display range .
The moving speed of the list with respect to the contact operation is set to be larger than the moving speed of the cursor with respect to the common contact operation.
User interface processing method.