JP2019003530A - User interface processing program, recording medium, and user interface processing method - Google Patents

Abstract

To suppress erroneous operation by a user.SOLUTION: An information processing device 1 provided with a touch panel 3 is caused to function as an image display processing part 5 for displaying an image including an object in the touch panel 3, a contact detection processing part 7 for detecting contact operation to the touch panel 3, an image operation processing part 9 for performing at least one operation among movement, expansion, and reduction to the image on the basis of the contact operation, an area setting processing part 11 for setting a plurality of areas in a display area of the touch panel 3, and information display processing part 13 for switching between a display state and a non-display state of related information of the object, or increases/decreases an information amount of the related information of the display state in the case that an area in which the object is located is changed due to operation of the image.SELECTED DRAWING: Figure 2

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.

  2. Description of the Related Art Conventionally, in a touch panel mounted on, for example, a smartphone or a tablet computer, when viewing detailed information of a displayed object, the user selects the object by tapping with a finger to display the detailed information. .

  As an example of such a technique, for example, in Patent Document 1, when a user touches a display of a range display or an overlapping portion and performs a selection operation, various attack abilities and durations for the range display or the overlapping portion are described. A game system in which parameter values such as these are displayed in a pop-up on a detailed display body is disclosed.

Japanese Patent Laying-Open No. 2006-159119 (FIG. 6)

  In the game system as described above, for example, in the case of a small object or a moving object, there is a possibility of causing an erroneous operation such as being unable to tap or tapping a different object. Also, for example, the object can be “selected” with one tap to display detailed information, and the object can be “decided” with two taps to execute a predetermined event or display another screen. In the case of a game system to be performed, there is a problem that an operation is easily caused because the operation is distinguished by the number of taps.

  The present invention has been made in view of such problems, and an object thereof is to provide a user interface processing program, a recording medium, and a user interface processing method capable of suppressing erroneous operations by a user.

  In order to achieve the above object, a user interface processing program according to the present invention provides an information processing apparatus including a touch panel, an image display processing unit that displays an image including an object on the touch panel, and a contact that detects a touch operation on the touch panel. A detection processing unit, an image operation processing unit that performs at least one operation of moving, enlarging, and reducing the image based on the contact operation, an area setting processing unit that sets a plurality of areas in the display area of the touch panel, Information that switches the display state and non-display state of the related information of the object or increases or decreases the information amount of the related information in the display state when the area where the object is located is changed in accordance with an image operation It functions as a display processing unit.

  In order to achieve the above object, a recording medium of the present invention is a recording medium readable by an information processing apparatus on which the user interface processing program is recorded.

  In order to achieve the above object, a user interface processing method of the present invention is a user interface processing method executed by an information processing apparatus including a touch panel, and displaying an image including an object on the touch panel; Detecting a touch operation on the touch panel; performing at least one operation of moving, enlarging, and reducing the image based on the touch operation; and setting a plurality of areas in the display area of the touch panel Switching the display state and non-display state of the related information of the object, or the amount of information of the related information in the display state when the region where the object is located is changed in accordance with the operation of the step and the image And a step of increasing / decreasing.

  According to the user interface processing program or the like of the present invention, erroneous operations by the user can be suppressed.

It is a figure showing an example of the appearance composition of the information processor concerning one embodiment. It is a block diagram showing an example of a functional structure of information processing apparatus. It is a figure showing an example of a display of a map image in case a display state and a non-display state of related information of a castle are switched by swipe. It is a figure showing an example of a display of a map image in case the amount of information of related information on a display state is increased or decreased by swiping. It is a figure showing an example of the display of a map image in case the information content of the relevant information of a display state is increased / decreased by pinch in. It is a figure showing an example of the display of a map image in case the information amount of the relevant information of a display state is increased / decreased by pinch out. It is a figure showing an example of the display of a map image in case the display state and non-display state of related information are switched in the 2nd field. It is a figure showing an example of the display of a map image in case the information content of the relevant information of a display state is increased / decreased in 2nd area | region. It is a flowchart showing an example of the process sequence performed by CPU of information processing apparatus. It is a block diagram showing an example of the hardware constitutions of information processing apparatus.

  Hereinafter, an embodiment of the present invention will be described with reference to the drawings.

<1. Appearance configuration of information processing apparatus>
First, an example of the external configuration of the information processing apparatus 1 according to the present embodiment will be described with reference to FIG. As illustrated in FIG. 1, the information processing apparatus 1 includes 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 touch 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 resistive film method, a capacitance method, an optical method, and an electromagnetic induction method can be employed. Note that the information processing apparatus 1 may include an operation input unit such as a button or a switch in addition to the touch panel 3.

  The information processing apparatus 1 is, for example, a smartphone, a tablet computer, a portable game machine, or the like. However, the present invention is not limited thereto, and any display device and input device provided with a touch panel may be manufactured and sold as a computer, such as a server computer, a desktop computer, or a notebook computer. In addition to what is included, mobile phones, fablets, and the like that are manufactured and sold as telephones, stationary game machines, and the like are also included.

  This embodiment demonstrates the case where the information processing apparatus 1 runs the game program which is an example of a user interface processing program.

<2. Functional configuration of information processing apparatus>
Next, an example of a functional configuration of the information processing apparatus 1 will be described with reference to FIGS. 2 and 3 to 8. In addition, the arrow shown in FIG. 2 shows an example of the signal flow, and does not limit the signal flow direction.

  As illustrated in FIG. 2, the information processing apparatus 1 includes the touch panel 3, the image display processing unit 5, the contact detection processing unit 7, the image operation processing unit 9, the region setting processing unit 11, and the information display processing unit 13 described above.

  The image display processing unit 5 displays an image including an object on the touch panel 3. The type of the object is not particularly limited, and is, for example, a human character, an animal character other than a human being, a virtual biological character other than a human or an animal, or a non-living object. The number of objects included in the displayed image may be single or plural. The image including the object is, for example, a background image in which the object is arranged. Note that the object and the image may be dynamic or static.

  The contact detection processing unit 7 detects a contact operation on the touch panel 3. In general, an operation on the touch panel is an operation that does not change in position on the touch panel (an operation referred to as a so-called tap) between the start and end of contact detection, and the operation that ends after the contact is started. There is an operation (so-called swipe, flick, drag, slide, pinch-in, pinch-out, etc.) that has a position change on the touch panel. The contact detection processing unit 7 detects the contact operation having the latter position fluctuation among the above operations. In the following, among the touch operations with this position variation, the operation of moving the finger to move the image on the touch panel 3 is appropriately “swipe”, and the operation of moving the finger to enlarge the image is appropriately “pinch out”. The operation of moving a finger so as to reduce the image is appropriately referred to as “pinch-in”.

  The image operation processing unit 9 performs at least one operation of moving, enlarging, and reducing the image based on the contact operation detected by the contact detection processing unit 7. Specifically, when the swipe is detected, the image operation processing unit 9 moves the entire image including the object in the direction along the swipe by an amount corresponding to the swipe operation amount. Note that when an operation of moving a finger so as to repel the screen (an operation referred to as a so-called “flick”) is detected, the image may be moved inertially at high speed. For example, it is possible to perform operations such as moving an image at a high speed by flicking to perform coarse movement, and moving an image at a low speed by swiping to perform fine adjustment.

  Further, when the pinch out is detected, the image operation processing unit 9 enlarges the entire image including the object at a ratio corresponding to the operation amount of the pinch out. When the pinch-in is detected, the entire image including the object is reduced at a ratio corresponding to the amount of pinch-in operation.

  When two or more operations among the above swipe, pinch out, and pinch in are detected at the same time, the image operation processing unit 9 performs two or more of the movement, enlargement, and reduction of the image according to the detected operation. Perform the operations at the same time.

  The area setting processing unit 11 sets a plurality of areas in the display area of the touch panel 3. This area is set independently of the display image on the touch panel 3, and even when the image is moved, enlarged, or reduced by the image operation processing unit 9, the position and range of the area do not change. In addition, although the number, shape, and position of the region are not particularly limited, in the present embodiment, the region setting processing unit 11 sets, for example, an elliptical first region near the center of the display region, An area other than the first area is set as the second area. The area setting processing unit 11 sets the second area as a plurality of areas (for example, an outer area and an inner area described later), and sets the first area and at least one area constituting the second area as the touch panel 3. You may set as a concentric area | region which shares the center position of this display area.

  Note that the area setting processing unit 11 may set the number, shape, position, etc. of the areas uniformly regardless of the displayed image, or the number of areas, the shape depending on the type and use of the displayed image. The position and the like may be changed as appropriate. For example, in the case of a map image or the like in which a bird's-eye view image including a distant view is set, the first area is set to be small, related information of an object located far away is not displayed, and various information is presented. For example, it may be possible to set the first area to be larger and display related information of many objects in a display state.

  The information display processing unit 13 switches the display state and the non-display state of the related information of the object when the region where the object is located is changed in accordance with the image operation performed by the image operation processing unit 9, or Increase or decrease the amount of information related to the display state. The related information is, for example, detailed information (parameters) related to the object. Although the display mode of the related information is not particularly limited, in the present embodiment, it is displayed by text or a symbol (icon or the like).

  For example, when the area where the object is located is changed from the second area to the first area in accordance with the operation of the image, the information display processing unit 13 switches the related information from the non-display state to the display state, or Increase the amount of information related to the display state. On the contrary, when the area where the object is located is changed from the first area to the second area in accordance with the operation of the image, the information display processing unit 13 switches the related information from the display state to the non-display state, Alternatively, the amount of information related to the display state is reduced.

  In addition, for example, when the region where the object is located is changed to a region closer to the first region in a plurality of regions constituting the second region (for example, when the outer region described later is changed to the inner region) ), The information display processing unit 13 switches the related information from the non-display state to the display state, or increases the information amount of the related information in the display state. On the other hand, when the region where the object is located is changed to a region farther from the first region in a plurality of regions constituting the second region in accordance with the operation of the image (for example, changed from the inner region to the outer region described later) In the case), the information display processing unit 13 switches the related information from the display state to the non-display state or reduces the information amount of the related information in the display state.

  Further, the information display processing unit 13 displays related information on the image by a pop-up window when the region where the object is located is changed from the second region to the first region in accordance with the operation of the image. Thereby, the related information of the object moved to the first area can be displayed as a window that is a lump of information, not just as text or icons, but floated from the background image.

  Note that the processing in each processing unit described above is not limited to the example of sharing of 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. The functions of each processing unit described above are implemented by a game program executed by a CPU 101 (see FIG. 10 described later). For example, a part of the functions is a dedicated integrated circuit such as an ASIC or FPGA, and the like. It may be implemented by an actual device such as an electric circuit.

  3 to 8 show specific examples of displaying related information. Note that the balloons and arrows shown in FIGS. 3 to 8 are explanatory notes for explaining the operation and the like and are not displayed on the touch panel 3. Similarly, in FIG. 3 to FIG. 8, for convenience of explanation, each region such as the first region 25 and the second region 27 is illustrated, but these regions are not displayed on the touch panel 3.

  In the example illustrated in FIG. 3, a map image 17 (an example of an image) including a castle 15 (an example of an object) is displayed on the touch panel 3. In the map image 17, in addition to the castle 15, for example, the sea 19, land 21, road 23, and the like are displayed. Further, in the vicinity of the center of the display area of the touch panel 3, for example, an oval first area 25 is set, and an area other than the first area 25 is set as a second area 27. The shape of the first region 25 is not limited to an ellipse, and may be, for example, a perfect circle or a polygon such as a quadrangle.

  FIG. 3 is an example in which the display state and non-display state of related information are switched by swiping. As shown in the upper part of FIG. 3, when the castle 15 is located in the second region 27, the related information of the castle 15 is not displayed. From this state, when the user performs a swipe downward using the finger 29, for example, the entire map image 17 moves downward by an amount corresponding to the swipe operation amount. As a result, as shown in the lower part of FIG. 3, when the castle 15 moves into the first area 25, a pop-up window 31 representing the relevant information of the castle 15 is displayed superimposed on the map image 17. As a result, the related information is displayed. In this example, as the related information of the castle 15, parameters such as the castle name, stone height, commerce, barracks, number of soldiers, durability, and the number of military commanders are displayed. Although illustration is omitted, if the castle 15 is moved outside the first area 25 (within the second area 27) by swiping or the like from the state shown in the lower part of FIG. 3, the pop-up window 31 disappears and the related information is again displayed. It is hidden.

  FIG. 4 shows an example in which the information amount of the display state related information is increased or decreased by swiping. As shown in the upper part of FIG. 4, when the castle 15 is located in the second area 27, the related information of the castle 15 is displayed with a small amount of information. In this example, simple related information 33 representing the castle name is displayed. Note that as the related information 33, instead of or in addition to the text, for example, a design such as a family crest (icon or the like) may be displayed. From this state, when the user performs a swipe downward using the finger 29, for example, the entire map image 17 moves downward by an amount corresponding to the swipe operation amount. Thereby, as shown in the lower part of FIG. 4, when the castle 15 moves into the first area 25, in addition to the simple related information 33 described above, a pop-up window 31 representing detailed related information of the castle 15 is displayed. It is displayed superimposed on the map image 17. Thereby, the information amount of related information increases. Although illustration is omitted, if the castle 15 is moved outside the first area 25 (within the second area 27) by swiping or the like from the state shown in the lower part of FIG. 4, the pop-up window 31 disappears and is simplified again. Only the related information 33 is obtained, and the information amount of the related information is reduced.

  FIG. 5 is an example in which the information amount of the related information in the display state is increased or decreased by pinch-in. As shown in the upper part of FIG. 5, when the castle 15 is located in the second region 27, simple related information 33 is displayed. In this state, when the user performs pinch-in using the finger 29, the entire map image 17 is reduced at a ratio corresponding to the amount of pinch-in operation. At this time, the simple related information 33 may be reduced together with the map image 17, but in the example shown in FIG. 5, visibility is ensured by being held at the same size. As a result of the reduction of the map image 17, when the castle 15 moves into the first region 25 as shown in the lower part of FIG. 5, in addition to the simple related information 33 described above, detailed related information of the castle 15 Is displayed on the map image 17 in a superimposed manner. Thereby, the information amount of related information increases. Although illustration is omitted, when the castle 15 is moved outside the first area 25 (in the second area 27) by pinching out or the like from the state shown in the lower part of FIG. Only related information 33, and the amount of related information decreases.

  FIG. 6 is an example of a case where the information amount of the related information in the display state is increased or decreased by the pinch out. As shown in the upper part of FIG. 6, when the castle 15 is located in the second region 27, simple related information 33 is displayed. From this state, when the user performs a pinch out using the finger 29, the entire map image 17 is enlarged at a ratio corresponding to the operation amount of the pinch out. At this time, the simple related information 33 may be enlarged together with the map image 17, but in the example shown in FIG. 6, holding the same size prevents other image display from being hindered. As a result of enlarging the map image 17, when the castle 15 moves into the first region 25 as shown in the lower part of FIG. 6, in addition to the simple related information 33 described above, detailed related information on the castle 15 Is displayed on the map image 17 in a superimposed manner. Thereby, the information amount of related information increases. Although illustration is omitted, if the castle 15 is moved outside the first area 25 (in the second area 27) by pinch-in or the like from the state shown in the lower part of FIG. 6, the pop-up window 31 disappears and is simplified again. Only the related information 33 is obtained, and the information amount of the related information is reduced.

  7 and 8 are display examples when the second area 27 is further set as a plurality of areas. In the example shown in FIGS. 7 and 8, an inner region 35 is set outside the first region 25, an outer region 37 is set further outside the inner region 35, and the inner region 35 and the outer region 37 are A second region 27 is configured. The elliptical first area 25 and the elliptical inner area 35 are set as concentric areas that share the center position of the display area of the touch panel 3. The shape of the inner region 35 is not limited to an ellipse, and may be, for example, a perfect circle or a polygon such as a quadrangle. In this example, the second region 27 is composed of two regions, but may be composed of a larger number (three or more) regions.

  FIG. 7 is an example of a case where the display state and non-display state of related information are switched in the second region 27. As shown in the upper part of FIG. 7, when the castle 15 is located in the outer region 37, the related information of the castle 15 is not displayed. From this state, when the user performs a swipe downward using the finger 29, for example, the entire map image 17 moves downward by an amount corresponding to the swipe operation amount. As a result, when the castle 15 moves to the inside of the inner area 35, simple related information 33 (castle name in this example) of the castle 15 is displayed as shown in the middle of FIG. As a result, the related information is displayed.

  From this state, when the user swipes downward using the finger 29 and the castle 15 moves to the inside of the first area 25, the simplified related information 33 is displayed as shown in the lower part of FIG. In addition, a pop-up window 31 representing detailed related information of the castle 15 is displayed superimposed on the map image 17. Thereby, the information amount of related information increases.

  Although illustration is omitted, if the castle 15 is moved to the outside of the first area 25 (inside the inside area 35) by swiping or the like from the state shown in the lower part of FIG. Only the related information 33 is obtained, and the information amount of the related information is reduced. Further, when the castle 15 moves outside the inner area 35 (inside the outer area 37) by swiping or the like, the simple related information 33 disappears and the related information is again hidden.

  FIG. 8 is an example in which the information amount of the related information in the display state is increased or decreased in the second area 27. As shown in the upper part of FIG. 8, when the castle 15 is located in the outer region 37, simple related information 33 (castle name in this example) of the castle 15 is displayed. From this state, when the user performs a swipe downward using the finger 29, for example, the entire map image 17 moves downward by an amount corresponding to the swipe operation amount. As a result, when the castle 15 moves to the inside of the inner area 35, as shown in the middle part of FIG. Symbol and number of soldiers) are displayed. Thereby, the information amount of related information increases.

  From this state, when the user swipes downward using the finger 29 and the castle 15 moves into the first area 25, in addition to the related information 39, as shown in the lower part of FIG. A pop-up window 31 representing detailed related information of the castle 15 is displayed superimposed on the map image 17. Thereby, the information amount of related information further increases.

  Although illustration is omitted, if the castle 15 is moved outside the first area 25 (inside the inner area 35) by swiping or the like from the state shown in the lower part of FIG. 8, the pop-up window 31 disappears and the related information 39 is again displayed. The amount of related information is reduced. Further, when the castle 15 moves outside the inner area 35 (inside the outer area 37) by swiping or the like, the related information 39 becomes simple related information 33, and the information amount of the related information further decreases.

  3 to 8, the case where there is one castle 15 included in the map image 17 has been described for ease of explanation, but a plurality of castles 15 may be included. In this case, display processing similar to the above is performed for each castle. In addition, objects other than castles, such as towns, villages, villages, landforms, bases such as camps and forts, military commanders, military, territories, and various powers (Daimyo, etc.) are also displayed in the same manner as described above. Related information may be displayed.

<3. Processing procedure executed by information processing apparatus>
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 an image including an object is made by the user.

  In step S <b> 10, the information processing apparatus 1 causes the image display processing unit 5 to display an image including an object on the touch panel 3.

  In step S <b> 20, the information processing apparatus 1 sets a plurality of areas in the display area of the touch panel 3 by the area setting processing unit 11. As described above, this area is set independently of the display image on the touch panel 3, and the area does not change even when the image is moved, enlarged, or reduced by the user's contact operation.

  In step S30, the information processing apparatus 1 uses the information display processing unit 13 to display the object related information according to which area of the areas set in step S20 each object included in the image is located. Display or display with the amount of information corresponding to the area where it is located.

  In step S <b> 40, the information processing apparatus 1 determines whether or not the contact detection processing unit 7 has detected a contact operation (swipe, pinch out, pinch in, etc.) on the touch panel 3. When the contact operation is detected (step S40: YES), the process proceeds to the next step S50. On the other hand, when the contact operation is not detected (step S40: NO), the process proceeds to step S80 described later.

  In step S50, the information processing apparatus 1 causes the image operation processing unit 9 to perform at least one operation of moving, enlarging, and reducing the image based on the contact operation detected in step S40.

  In step S60, the information processing apparatus 1 determines whether or not the information display processing unit 13 has changed the area in which each object included in the image is located by the operation on the image performed in step S50. If the area has been changed (step S60: YES), the process proceeds to the next step S70. On the other hand, when the area has not been changed (step S60: NO), the process proceeds to step S80 described later.

  In step S70, the information processing apparatus 1 causes the information display processing unit 13 to switch between a display state and a non-display state of the related information of the object, depending on which region each object included in the image is located, or Increase or decrease the amount of information related to the display state.

  In step S80, the information processing apparatus 1 determines whether or not there is a predetermined operation input for ending the image display. The operation input for ending the image display is, for example, an operation for closing the map screen described with reference to FIGS. If there is no operation input for ending the image display (step S80: NO), the process returns to the previous step S40 and the same procedure is repeated. On the other hand, when there is an operation input for ending the image display (step S80: YES), this flow ends.

  In addition, the process procedure mentioned above is an example, Comprising: At least one part of the said procedure may be deleted or changed, and procedures other than the above may be added. In addition, the order of at least a part of the above procedure may be changed, and a plurality of procedures may be combined into a single procedure.

<4. Hardware configuration of information processing apparatus>
Next, an example of the hardware configuration of the information processing apparatus 1 that implements each processing unit implemented by the program executed by the CPU 101 described above will be described with reference to FIG.

  As shown in FIG. 10, the information processing apparatus 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 FPGA, and an input device 113. An output device 115, a recording device 117, a drive 119, a connection port 121, and a communication device 123. These components are connected to each other through a bus 109, an input / output interface 111, and the like so that signals can be transmitted to each other.

  For example, the game program can be recorded in the ROM 103, the RAM 105, the recording device 117, or the like.

  In addition, the game program is temporarily or permanently (non-temporarily) recorded on a removable recording medium 125 such as a magnetic disk such as a flexible disk, various CDs, MO disks, and optical disks such as a DVD, and 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 in these recording media 125 may be read by the drive 119 and recorded in the recording device 117 via the input / output interface 111, the bus 109, or the like.

  In addition, the game program can 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 a LAN or the Internet, and the communication device 123 receives this program. 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 external connection 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.

  The CPU 101 executes various processes in accordance with the program recorded in the recording device 117, thereby realizing the processes by the image operation processing unit 9, the area setting processing unit 11, the information display processing unit 13, and the like. . At this time, for example, the CPU 101 may directly read and execute the program from the recording device 117 or may be executed after being once loaded into the RAM 105. Further, for example, when receiving 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 the input device 113 such as a mouse, keyboard, microphone, etc. (not shown) including the above-described touch panel 3 as necessary. .

  The GPU 106 performs processing for image display such as rendering processing in accordance with 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 as necessary, or may record the processing result in the recording device 117 or the recording medium 125.

<5. Effects of the embodiment>
The game program according to the present embodiment includes an information display device 5 including a touch panel 3, an image display processing unit 5 that displays an image including an object on the touch panel 3, a contact detection processing unit 7 that detects a touch operation on the touch panel 3, and a contact. An image operation processing unit 9 that performs at least one operation of moving, enlarging, and reducing an image based on an operation, an area setting processing unit 11 that sets a plurality of areas in the display area of the touch panel 3, and accompanying an image operation When the area where the object is located is changed, the information display processing unit 13 is configured to switch the display state and the non-display state of the related information of the object, or to increase or decrease the information amount of the related information of the display state.

  In this embodiment, the user performs at least one operation of moving, enlarging, and reducing an image including an object by a touch operation on the touch panel 3, and moves the object to the first area 25 set as the display area of the touch panel 3. By moving, it is possible to display the related information, or to increase the information amount of the related information being displayed and display the desired related information. Thereby, when displaying the related information, the user does not need to touch (tap) the object directly. For example, even in the case of a small object or a moving object, it is sufficient to move them to the first area 25. Related information can be displayed relatively easily. Therefore, user's erroneous operation can be suppressed.

  Also, for example, “selection” of an object is performed with one tap and related information is displayed, and “determination” of the object is performed with two taps to execute a predetermined event or display another screen. Like the game system to be performed, when the operation is distinguished by the number of taps, an erroneous operation is likely to occur. On the other hand, in this embodiment, “select” is performed by moving an object to a predetermined area by operating the screen to display related information, and for example, “determination” of the object is performed by a subsequent tap, and the predetermined information is displayed. It is possible to execute an event or display another screen. By doing in this way, the tap operation at the time of displaying related information becomes unnecessary, and since an operation is not distinguished by the frequency | count of a tap, a user's misoperation can be suppressed.

  In addition, in a terminal that does not have a touch panel such as a computer or a stationary game machine (hereinafter referred to as “non-touch panel terminal” as appropriate), the user operates the cursor using an input device such as a mouse or a game controller, and the cursor It is common to display the related information by moving to the object to be selected. In contrast, in a terminal having a touch panel (hereinafter, referred to as “touch panel terminal” as appropriate) such as a smartphone, a tablet computer, or a portable game machine, the user taps an object to be selected to display related information. It is common. Therefore, the operation system is completely different between both terminals.

  In the present embodiment, an operation system similar to that of a non-touch panel terminal can be applied to the touch panel terminal. That is, the user operates the image by touching the touch panel 3 by regarding the first area 25 set as the display area of the touch panel 3 as a virtual cursor for selecting a desired object and displaying related information. By doing so, the cursor can be operated indirectly. Therefore, since it is possible to share an operation system between the non-touch panel terminal and the touch panel terminal, for example, when developing a game on both terminals simultaneously, or when transplanting a game on a non-touch panel terminal to the touch panel terminal, etc. Development process and development costs can be greatly reduced. Furthermore, even when applied to game terminals equipped with elements of both a non-touch panel terminal and a touch panel terminal, it is possible to simplify the game system by sharing the operation system, so that the development process and development cost can be suppressed. It becomes possible.

  In the present embodiment, in particular, the region setting processing unit 11 sets a region near the center of the display region as the first region 25 and a region other than the first region 25 as the second region 27, and the information display processing unit 13. When the area where the object is located is changed from the second area 27 to the first area 25 in accordance with the operation of the image, the related information is switched from the non-display state to the display state, or the display state related information Increase the amount of information.

  In the present embodiment, two areas are set in the display area of the touch panel 3, that is, the first area 25 near the center and the other second area 27. By moving the object to the first area 25 by operating the image, the user can display related information or increase the amount of related information being displayed to display desired related information. By setting the first area 25 in the vicinity of the center of the display area in this way, it becomes easier for the user to intuitively grasp the position of the virtual cursor for selecting an object, and desired related information is displayed. Operability can be improved.

  In the present embodiment, in particular, the area setting processing unit 11 sets the second area 27 as a plurality of areas (outer area 37 and inner area 35), and the information display processing section 13 When the area where is located is changed to an area closer to the first area 25 in a plurality of areas (change from the outer area 37 to the inner area 35), the related information is switched from the non-display state to the display state, or the display state Increase the amount of related information.

  In the present embodiment, three or more areas, that is, a first area 25 near the center and a second area 27 including a plurality of areas are set in the display area of the touch panel 3. The user operates the image to move the object from the outer region 37 of the second region 27 toward the first region 25, thereby displaying related information or increasing the amount of information of the related information being displayed stepwise. Desired related information can be displayed. In this way, by configuring the second area 27 with a plurality of areas and changing the display of the related information in stages, for example, detailed related information on the object located in the central part and the simplification of the objects located around the object It is possible to compare with related information, etc., and it is possible to improve game strategy and user convenience.

  In the present embodiment, in particular, the region setting processing unit 11 sets the first region 25 and the inner region 35 constituting the second region 27 concentrically. As a result, the user can display the related information or increase the information amount of the related information being displayed stepwise by operating the image and moving the object from the outside of the screen toward the center. . Therefore, the operation of changing the display of the related information stepwise can be performed intuitively, and the operability can be improved.

  In the present embodiment, in particular, the information display processing unit 13 displays related information using the pop-up window 31 when the region where the object is located is changed from the second region 27 to the first region 25 in accordance with the operation of the image. Displayed on the map image 17.

  This makes it possible to display the related information of the object moved to the center part as a window that is a lump of information, not just as text or icons, but to display from the background image. And convenience can be improved.

<6. Modified example>
The present invention is not limited to the embodiment described above, and various modifications can be made without departing from the spirit and technical idea thereof.

  For example, although the case where the first area 25 is set near the center of the display area of the touch panel 3 has been described above, the present invention is not limited to this. For example, it may be set in the vicinity of any of the four corners of the display area, in the vicinity of any of the four sides, or the like. In addition, the user may arbitrarily set the position and range of the first area 25.

  In the above description, each region set by the region setting processing unit 11 is not displayed on the touch panel 3. However, the present invention is not limited to this. For example, the user may be able to switch between display and non-display of each region by an appropriate operation in order to confirm the position and range of each region.

  In the above description, the case where the user interface processing program of the present invention is a game program has been described as an example. However, the present invention is not limited to a game program. For example, when the information processing device 1 is a car navigation device, an automatic ticket vending machine, a vending machine, an ATM of a financial institution, an OA device such as a copy machine or a fax machine in a railway or a restaurant, etc., it is applied to those devices. It may be a user interface processing program.

  In addition to those already described above, the methods according to the above-described embodiments and modifications may be used in appropriate combination. In addition, although not illustrated one by one, the above-mentioned embodiment and each modification are implemented with various modifications within a range not departing from the gist thereof.

DESCRIPTION OF SYMBOLS 1 Information processing apparatus 3 Touch panel 5 Image display process part 7 Contact detection process part 9 Image operation process part 11 Area | region setting process part 13 Information display process part 15 Castle (object)
17 Map image (image)
25 First area 27 Second area 31 Pop-up window 35 Inner area 37 Outer area 125 Recording medium

Claims (7)

An information processing device equipped with a touch panel
An image display processing unit for displaying an image including an object on the touch panel;
A contact detection processing unit for detecting a touch operation on the touch panel;
An image operation processing unit that performs at least one operation of moving, enlarging, and reducing the image based on the contact operation;
An area setting processing unit for setting a plurality of areas in the display area of the touch panel;
When the region where the object is located is changed in accordance with the operation of the image, the display state and the non-display state of the related information of the object are switched, or the information amount of the related information in the display state is increased or decreased. Information display processing unit,
User interface processing program that functions as The area setting processing unit
An area near the center of the display area is set as a first area, an area other than the first area is set as a second area,
The information display processing unit
When the area where the object is located is changed from the second area to the first area in accordance with the operation of the image, the related information is switched from the non-display state to the display state, or the relation in the display state Increase the amount of information,
The user interface processing program according to claim 1. The area setting processing unit
Setting the second region as a plurality of regions;
The information display processing unit
When the region where the object is located is changed to a region closer to the first region in the plurality of regions in accordance with the operation of the image, the related information is switched from the non-display state to the display state, or the display state Increasing the amount of the related information of
The user interface processing program according to claim 2. The area setting processing unit
The first region and at least one region constituting the second region are concentrically set;
The user interface processing program according to claim 3. The information display processing unit
When the area where the object is located is changed from the second area to the first area in accordance with the operation of the image, the related information is displayed on the image by a pop-up window.
The user interface processing program according to any one of claims 2 to 4.   6. A recording medium readable by an information processing apparatus, on which the user interface processing program according to claim 1 is recorded. A user interface processing method executed by an information processing apparatus including a touch panel,
Displaying an image including an object on the touch panel;
Detecting a touch operation on the touch panel;
Performing at least one operation of moving, enlarging, and reducing the image based on the contact operation;
Setting a plurality of areas in the display area of the touch panel;
When the region where the object is located is changed in accordance with the operation of the image, the display state and the non-display state of the related information of the object are switched, or the information amount of the related information in the display state is increased or decreased. Steps,
A user interface processing method.

Images