JP6948124B2 - Program and image control method - Google Patents

Description

The present invention relates to a technique for controlling an image corresponding to a user's operation.

When playing a game on a mobile terminal such as a smartphone, a user's operation is input using a touch panel. At this time, in order to make the user recognize the content of the input operation, an image corresponding to the operation (hereinafter, may be referred to as an operation image) may be displayed on the display. Various types of operation images are considered depending on the content of the game. For example, in the case of a game in which a character in the game is moved by a user's operation, a virtual operation key is displayed in advance on the display as an operation image. However, if the operation image is displayed in advance, it occupies a part of the game screen.

Therefore, when there is an operation by the user, a technique for displaying the operation image starting from the position where the operation was performed has been developed. For example, Patent Document 1 discloses an operation image assuming an elastic body that expands and contracts according to a user's operation.

Japanese Unexamined Patent Publication No. 2016-179027

It is desirable that the operation image can present the input operation to the user in an easy-to-understand manner while reducing the occupancy rate on the game screen.

One of an object of the present invention is to provide an operation image capable of presenting an input operation to a user in an easy-to-understand manner.

According to one embodiment of the present invention, a detection unit that detects an operation on a display area on which a background image is displayed, and a first image that is arranged around the first image and the first image when the operation is detected. The operation image including the two images is moved from the first operation position to the second operation position and the operation image arrangement unit that arranges the operation image at the initial position corresponding to the first operation position in which the operation is detected in the background image. When the operation is detected, the position of the first image is changed from the initial position within the movement range corresponding to the second image based on the relationship between the first operation position and the second operation position. Provided are an operation image changing unit that changes the display mode of a part of the second image, and a program for operating the computer as a background image control unit that controls the background image of the display area based on the relationship. NS.

The movement range may be a range surrounded by the second image.

The position of the second image from the initial position does not have to be changed.

The partial region of the second image may include a portion of the second image where the position of the first image is closest.

The second image may have rotational symmetry about a predetermined position included in the first image at the initial position.

The first image and the second image are semi-transparent images that transmit a part of the background image, and the transmittance of the second image may be higher than the transmittance of the first image.

The operation image arranging unit may delete the operation image when the operation is not detected until a predetermined time elapses after the operation is no longer detected.

When a predetermined operation is detected by the detection unit, the operation image changing unit may display a third image in a region between the first image and the second image.

The operation image changing unit may delete the third image when a predetermined operation is detected while the third image is displayed.

In conjunction with the erasure of the third image, the first processing unit that executes the first processing may further function.

A second processing unit that executes a second process when a marker is arranged at a predetermined position in the second image and the partial region of the second image and the position of the marker satisfy a predetermined relationship. May work further.

The operation image arranging unit arranges only the second image of the operation images at a predetermined position when a predetermined condition is satisfied, and then arranges the operation image at the initial position when the operation is detected. The second image may be moved so as to be performed, and the third processing unit that executes the third processing according to the relationship between the background image and the first operation position may be further functioned.

The background image displayed in the display area is a part of the entire background image, and the operation image changing unit acquires a predetermined arrival target position in the overall background image and displays the operation image on the operation image. On the other hand, a target instruction image corresponding to the arrival target position may be added.

The target instruction image may be expressed by changing the display mode of the second image.

Further, according to one embodiment of the present invention, a detection unit that detects an operation on a display area on which a background image is displayed, and when the operation is detected, are arranged around the first image and the first image. An operation image arranging unit that arranges an operation image including the second image at an initial position corresponding to the first operation position in which the operation is detected, and from the first operation position to the second operation position. When a moving operation is detected, the position of the first image is changed from the initial position within the movement range corresponding to the second image based on the relationship between the first operation position and the second operation position. It is characterized by including an operation image changing unit for changing the display mode of a part of the second image, and a background image control unit for controlling the background image of the display area based on the relationship. An image control device is provided.

Further, according to one embodiment of the present invention, when the operation is detected by the detection unit that detects the operation on the display area where the background image is displayed, it is arranged around the first image and the first image. The operation image including the second image is arranged at the initial position of the background image corresponding to the first operation position where the operation is detected, and the operation of moving from the first operation position to the second operation position is detected. Then, based on the relationship between the first operation position and the second operation position, the position of the first image is changed from the initial position within the movement range corresponding to the second image, and the second image is changed. An image control method is provided, which comprises controlling a background image of the display area based on the relationship while changing the display mode of a part of the area.

According to one embodiment of the present invention, it is possible to provide an operation image capable of presenting the input operation to the user in an easy-to-understand manner.

It is a block diagram which shows the structure of the communication system in 1st Embodiment of this invention. It is the schematic which shows the appearance of the communication apparatus in 1st Embodiment of this invention. It is a figure explaining the outline of the game screen in 1st Embodiment of this invention. It is a block diagram which shows the game progress function realized by the communication device in 1st Embodiment of this invention. It is a figure explaining the operation image (initial display) in 1st Embodiment of this invention. It is a figure explaining the operation image (display after change) in 1st Embodiment of this invention. It is a flowchart which shows the process executed in the operation image control part in 1st Embodiment of this invention. It is a figure explaining the operation image (during guard processing) in 1st Embodiment of this invention. It is a figure explaining the operation image (during charge processing) in 1st Embodiment of this invention. It is a figure explaining the operation image (during avoidance processing) in 1st Embodiment of this invention. It is a figure explaining the operation image (dash processing) in 1st Embodiment of this invention. It is a figure explaining the 1st step of the operation image (during skill processing) in 1st Embodiment of this invention. It is a figure explaining the 2nd step of the operation image (during skill processing) in 1st Embodiment of this invention. It is a figure explaining the operation image (at the time of target instruction processing) in 1st Embodiment of this invention. It is a figure explaining the operation image in 2nd Embodiment of this invention. It is a figure explaining the operation image in 3rd Embodiment of this invention.

Hereinafter, the game system according to the embodiment of the present invention will be described in detail with reference to the drawings. The embodiments shown below are examples of embodiments of the present invention, and the present invention is not limited to these embodiments. In the drawings referred to in the present embodiment, the same part or a part having a similar function is given the same code or a similar code (a code in which A, B, etc. are simply added after the number), and the process is repeated. The description of may be omitted.

<First Embodiment>
The game system according to the first embodiment of the present invention will be described in detail with reference to the drawings.

[Overview]
FIG. 1 is a block diagram showing a configuration of a communication system according to the first embodiment of the present invention. The game system 1000 includes a communication device 10 and a server 80. The communication device 10 and the server 80 are connected to a network NW such as the Internet and a communication line. In this example, the communication device 10 is a smartphone, which can be connected to a network NW to communicate with other devices. The communication device 10 is not limited to a smartphone, and may be a portable device such as a tablet terminal or a portable game machine, or a device such as a stationary game machine or a personal computer. Further, instead of the communication device 10 that can be connected to the network NW, a device that cannot be connected to the network NW may be used alone.

Although the server 80 is described as one device in FIG. 1, it may be composed of a plurality of devices. The server 80 provides an application program to the communication device 10 and provides various services. The application program is recorded on a recording medium (storage device) included in the server 80 or a recording medium readable by the server 80. The application program includes, for example, a program for executing the game described below. The various services may include, for example, an SNS (social networking service).

An application program (hereinafter, simply referred to as a program) for executing a game is installed in the communication device 10. According to this program, a game in which an object such as a character can be moved by a user's operation is provided. When a user's operation for moving the character is input, a predetermined operation image is displayed. Hereinafter, the configuration of the communication device 10 will be described.

[Hardware configuration of communication device 10]
FIG. 2 is a schematic view showing the appearance of the communication device according to the first embodiment of the present invention. The communication device 10 is provided with a control unit 11, a storage unit 12, a display unit 14, a touch sensor 15, and a communication module 18. The touch sensor 15 is provided on the display unit 14 and its surface. A touch panel is composed of a display unit 14 and a touch sensor 15. The communication device 10 may be provided with another configuration such as a speaker, a microphone, an acceleration sensor, an operation button, a headphone terminal, and a memory card slot.

The control unit 11 includes an arithmetic processing circuit (control device) such as a CPU and a storage device such as a RAM. The control unit 11 executes the program stored in the storage unit 12 by the CPU to realize various functions in the communication device 10. Depending on the function to be realized, signals and the like output from each configuration of the communication device 10 are used. The functions realized by executing the program include the game progress function described later. This game progress function also includes an operation image control function described later. As described above, the communication device 10 also functions as an image control device by this program.

This program may be downloaded from the server 80 via the network NW as described above, or may be pre-installed in the storage unit 12. Note that this program may be provided in a state of being recorded on a computer-readable recording medium such as a magnetic recording medium, an optical recording medium, an optical magnetic recording medium, or a semiconductor memory. In this case, the communication device 10 may be a computer provided with a device for reading the recording medium. The storage unit 12 can also be an example of a recording medium.

The display unit 14 is a display device such as a liquid crystal display or an organic EL display, and has a display area for displaying various screens (for example, a game screen or the like) based on the control of the control unit 11. The touch sensor 15 is an operation device that receives a user's operation and outputs a signal corresponding to the operation to the control unit 11. The user's operation is input to the communication device 10 by, for example, touching the game screen displayed on the display unit 14 with the user's finger, a stylus pen, or the like. The communication module 18 connects to the network NW under the control of the control unit 11 and transmits / receives information to / from other devices such as the server 80 connected to the network NW.

[Game screen]
FIG. 3 is a diagram illustrating an outline of a game screen according to the first embodiment of the present invention. The operation image 50 and the background image are displayed on the game screen displayed in the display area DA. The operation image 50 is an image that is displayed so as to be visible on the front side (foreground side) of the background image in response to a user input operation. In this example, the operation image 50 is a semi-transparent image that transmits a part of the background image. The operation image 50 may be an image having no transparency.

The background image shows an image (an image other than the operation image 50) existing on the back side (background side) of the operation image 50 in the display area DA. In this example, the background image includes a background map image BM, a player character image PC, an enemy character image EC, and a damage gauge DG.

The background map image BM shows an image of a portion of the entire background image (overall background image AM in FIG. 14) existing as data, which is displayed in the display area DA. The player character image PC is an image showing a player character moving on the background map image BM by the operation of the user. In this example, the position of the player character image PC is fixed in the central portion of the display area DA. Therefore, by scrolling the background map image BM, the situation in which the player character image PC is relatively moving on the background map image BM is displayed. When the edge of the entire background image reaches the display area DA, further scrolling may be stopped so that the outside of the entire background image is not displayed in the display area DA. In this state, the player character image PC may be moved in the display area DA.

The enemy character image EC is an image showing an enemy character moving on the background map image BM. The damage gauge DG is an image showing the amount of damage from the enemy character or the like to the player character, and is arranged at a predetermined position in the display area DA. When the player character is attacked by an enemy character, the amount of damage indicated by the damage gauge DG changes due to the damage. The game ends when the damage exceeds the threshold. The above is an explanation of the outline of the game screen.

[Game progress function]
The game progress function realized by the control unit 11 of the communication device 10 executing the program will be described. A part or all of the configuration for realizing the game progress function described below may be realized by hardware or by an external device such as a server 80. When a part of the configuration is realized by an external device, the external device and the communication device 10 cooperate to realize the following game progress function as a system.

FIG. 4 is a block diagram showing a game progress function realized by the communication device according to the first embodiment of the present invention. The game progress unit 100 that realizes the game progress function includes a detection unit 200, a background image control unit 300, an operation image control unit 500, a character control unit 700, and a target position identification unit 800.

[Detection unit]
The detection unit 200 detects the user's operation on the display area DA based on the signal output from the touch sensor 15. The detected user operation is used to control the background image control unit 300, the operation image control unit 500, the character control unit 700, and the like.

[Background image control unit]
The background image control unit 300 controls the background image in the display area DA according to the operation position (hereinafter, may be referred to as an operation position) detected by the detection unit 200. For example, the background image in the display area DA is controlled based on the relationship between the first operation position (first detected operation position) and the second operation position (currently detected operation position). The operation is continuously detected by the detection unit 200 between the first operation position and the second operation position. This indicates a state in which a so-called slide operation (for example, an operation in which the user touches a part of the display area DA and continuously moves the contact position while maintaining the contact) is performed. Therefore, as the position specified by the user changes, the second operation position also changes.

In this example, the player character moves in the direction of the second operation position with respect to the first operation position. At this time, the background image control unit 300 controls the background image by scrolling the background map image BM in the display area DA as described above. As a result, the background map image BM is visually recognized by the user as if the player character image PC is moving. Changing or moving each image included in the background image in this way is an example of control by the background image control unit 300.

[Operation image control unit]
The operation image control unit 500 includes an operation image arrangement unit 510 and an operation image change unit 530, and realizes an operation image control function. When the operation is detected by the detection unit 200, the operation image arrangement unit 510 displays the operation image 50 in the display area DA. The position where the operation image 50 is displayed is a position corresponding to the detected operation position (first operation position). Hereinafter, the position displayed first is referred to as an initial position. In this example, the operation image 50 is displayed in the display area DA so as to correspond to the first operation position and the center of the operation image 50. The initial position of the operation image 50 is an example, and any position in the display area DA may be used as the initial position as long as it is a position defined in relation to the first operation position.

FIG. 5 is a diagram illustrating an operation image (initial display) according to the first embodiment of the present invention. The operation image 50 includes a first image 51 and a second image 52. The first image 51 is a circular image arranged in the central portion of the operation image 50. In this example, the center of the first image 51 coincides with the center C of the operation image 50. The second image 52 is arranged around the first image 51. In this example, the second image 52 is a ring-shaped image arranged so as to surround the first image 51. The second image 52 is divided into a plurality of regions (52-1, 52-2, ..., 52-8) as markers indicating a plurality of directions centered on the first image 51. Hereinafter, each of these areas may be referred to as a division area. In this example, each compartment is the same image but in a different orientation. The second image 52 as a whole has rotational symmetry with respect to the center of the first image 51 (it may be a predetermined position included in the first image 51). In this example, it is symmetric eight times, but it is not limited to this.

As described above, the operation image 50 may be a translucent image that transmits a part of the background image. In this example, the transmittance of the second image 52 is higher than the transmittance of the first image 51. Note that this relationship may be reversed. Further, the first image 51 and the second image 52 may have the same transmittance, and as described above, the operation image 50 may not have the transparency. In that case, the operation image 50 may not have the same transmittance. At least one or both of the first image 51 and the second image 52 may not have transparency.

The explanation will be continued by returning to FIG. The operation image changing unit 530 changes the display mode of the operation image 50 when the operation position (user's operation) detected by the detection unit 200 moves from the first operation position to the second operation position. The operation image changing unit 530 changes the position of the first image 51 from the initial position based on the relationship between the first operation position and the second operation position. In this example, the moving range of the first image 51 is limited to the range surrounded by the second image 52.

Further, the operation image changing unit 530 changes the display mode of a part of the second image 52 based on the relationship between the first operation position and the second operation position. Here, in the operation image 50, changes in the first image 51 and the second image 52 when the user's operation moves from the first operation position to the second operation position will be described.

FIG. 6 is a diagram illustrating an operation image (display after change) according to the first embodiment of the present invention. In the description of FIG. 6, when the operation position by the user changes from the first operation position T1 to the second operation position T2, the operation image 50 whose display mode is changed by the operation image changing unit 530 is shown. The first image 51 arranged at the first operation position T1 moves corresponding to the second operation position T2. As described above, the movement of the first image 51 is restricted within the range surrounded by the second image 52. Therefore, as shown in FIG. 6, even if the second operation position T2 moves to the outside of the second image 52, further movement of the first image 51 is restricted at a position in contact with the second image 52. In this example, the position of the second image 52 once displayed is not changed from the initial position regardless of the position of the second operation position T2.

Here, at the position CP where the first image 51 and the second image 52 come into contact with each other, the direction AD indicating the second operation position T2 starting from the first operation position T1 intersects the inner circumference of the second image 52. The position. Therefore, when the second operation position T2 moves so that the direction AD changes outside the second image 52, the position of the first image 51 moves along the inner circumference of the second image 52.

Further, by changing the display mode of the second image 52, an image showing the direction specifying region 55 is displayed. In this example, the direction specifying region 55 is an image corresponding to one of the division regions in the second image 52, and moves along the ring of the second image 52. The position of the direction specifying region 55 is set so as to include the portion of the second image 52 where the position of the first image 51 is closest. In this example, the center position of the direction specifying region 55 is arranged in the direction AD. At this time, the direction specifying area 55 may be displayed when the first image 51 comes into contact with the second image, or may be displayed when the first image 52 moves from the initial position as much as possible. It may be.

Depending on the position of the direction-specific region 55, the image coincides with the division region. Therefore, in this example, the image of the direction-specific region 55 is a modulated image as compared with the division region and can be distinguished from each other. Modulation indicates that the direction-specific area 55 and the division area have different display forms, such as a color different from the division area being added or a thick outline, but the direction-specific area 55 is It is desirable that the display form is emphasized with respect to the division area. Further, the direction specifying region 55 is arranged in a display form of a semi-transparent image in which a part of the initially displayed second image 52 is transparent. By doing so, as shown in FIG. 6, even when the direction specifying area 55 is arranged between the division area 52-1 and the division area 52-8, the division area 52-1 and the division area 52-1 and the division area 52-8 are arranged. It is also possible to make the user visually recognize the boundary with 52-8 and the direction indicated by these.

Here, when moving the player character, the user can move the operation position in a large range in the display area DA more easily than moving it in a small range. Conversely, a user who is not accustomed to the operation tends to move the operation position in a large range, and the first operation position T1 and the second operation position T2 may be greatly separated from each other. As a result, the relative position of the second operation position T2 with respect to the first operation position T1 may be lost, and it may be difficult to control the moving direction of the player character.

According to the above operation image 50, even if the second operation position T2 is separated from the first operation position T1, the movement range of the first image 51 is limited. As a result, even if the operation position is moved in a large range, the user recognizes the position of the first image 51 in the movement range surrounded by the second image 52, so that the first operation position T1 and the second operation are performed. The relationship with the position T2, that is, the direction AD can be easily specified. At this time, by changing a part of the display mode of the second image 52, the user can easily recognize the direction AD compared with the reference direction. Further, the presence of the direction specifying area 55 also makes it easier to specify the direction AD.

Subsequently, the processing executed by the operation image control unit 500 that realizes the operation image control function will be described.

FIG. 7 is a flowchart showing a process (image control method) executed by the operation image control unit according to the first embodiment of the present invention. This process is executed when the game is started. First, the operation image control unit 500 waits until the operation by the user is detected by the detection unit 200 (step S101; No). When the operation by the user is detected (step S101; Yes), the operation image control unit 500 arranges the operation image 50 at the initial position corresponding to the position where the operation is detected (first operation position) (step S103). ..

Subsequently, the operation image control unit 500 waits until the position where the operation is detected is changed or until the detection of the operation is completed (step S111; No, step S121; No). When the position where the operation is detected is changed (step S111; Yes), the display mode of the operation image 50 is changed according to the relationship between the changed position (second operation position) and the first operation position (step). S113). As described above, the change in the display mode of the operation image 50 includes the change in the position of the first image 51 and the change in the display mode of a part of the second image 52. After that, the operation image control unit 500 again waits until the position where the operation is detected is further changed or until the detection of the operation is completed (step S111; No, step S121; No).

When the detection of the operation is completed (step S121; Yes), the operation image control unit 500 erases the operation image 50 (step S123) and returns to the process of step S101. In this example, it is determined that the operation detection is completed when the operation is not detected for a certain period of time, that is, the operation is detected until a predetermined time elapses after the operation is no longer detected. If not. Here, if the operation is detected again before the predetermined time elapses after the operation is no longer detected, the first operation position is maintained as it is, and the position where the operation is detected again is the second operation. It becomes the position. That is, it is determined that the position where the operation is detected has been changed (step S111; Yes). In addition, when the operation is no longer detected, it may be determined that the detection of the operation is completed. The above is a description of the processing executed by the operation image control unit 500.

[Character control unit]
The explanation will be continued by returning to FIG. The character control unit 700 controls the player character so as to perform a special operation (operation other than normal movement) according to the operation detected by the detection unit 200. In this example, the character control unit 700 includes a guard processing unit 710, a charge processing unit 730, an avoidance processing unit 750, a dash processing unit 770, and a skill processing unit 790. In this example, when the player character is controlled by the character control unit 700, it is in a state of performing a special operation or a state in which an operation for starting a special operation is input. Is desirable to be presented to the user. Here, the operation image 50 is controlled by the operation image control unit 500 to present the image to the user.

After the user's operation is detected, the guard processing unit 710 executes the guard processing when the operation continues to be detected at the same position for a predetermined time (for example, 3 seconds) or more. The guard process is a process of reducing the damage received by the player character due to an attack from an enemy character, and is, for example, a process of increasing a parameter of the character's defense power by a predetermined amount (for example, 1.2 times). This guard process is continued until the operation is no longer detected or the operation position is no longer recognized as the same position. When the guard process is executed, the guard process may be continued for a certain period of time even if the operation position is changed thereafter.

The same position is not limited to the case where the position is exactly the same as the position where the operation is first detected (first operation position). For example, if a predetermined amount of deviation from the first operating position is allowed, that is, if the distance between the first operating position and the second operating position is equal to or less than a predetermined amount, it may be recognized as the same position. The predetermined amount may be predetermined. For example, when the second operation position exists within the movable range of the first image 51, that is, the distance between the first operation position and the second operation position is equal to or less than the inner peripheral radius of the second image 52. In some cases, they may be recognized as being in the same position.

Here, changes in the operation image 50 related to the execution of the guard process will be described. When the user's operation is detected, the operation image arranging unit 510 arranges the operation image 50 described with reference to FIG. 5 as described above. Then, when the guard process is executed, the operation image changing unit 530 changes the display mode of the operation image 50 as shown in FIG.

FIG. 8 is a diagram illustrating an operation image (during guard processing) according to the first embodiment of the present invention. When the operation image changing unit 530 changes the display mode of the operation image 50, the third image 53 is displayed in the area between the first image 51 and the second image 52. The third image 53 is, for example, a semi-transparent moving image showing ripples 54 spreading from the first image 51 to the second image 52. As a result, the user can easily visually recognize that the guard process is being executed. At this time, by creating a moving image in which the ripple 54 spreads from the position operated by the user, it becomes easier for the user to recognize that some special processing is being executed. The player character image PC may be processed to indicate that the guard process is being executed. Further, as described above, if the guard process is continued for a certain period of time even if the operation position is changed after the guard process is executed, as shown in FIG. 9, with the movement of the first image 51. The center of the ripple 54 may be moved. Further, the third image 53 may extend to the outer peripheral side of the second image 52. When the guard process is completed, the third image 53 is erased. That is, the erasure of the third image 53 and the end of the guard process are linked.

The explanation will be continued by returning to FIG. The charge processing unit 730 executes the charge processing when a specific operation by the user is detected. The charge process is a process of increasing the damage given to the enemy when the player character attacks the enemy character next time, and is, for example, a process of increasing the parameter of the character's attack power by a predetermined amount (for example, 1.2 times). Is. In this example, the attack on the enemy character is executed when an operation in which the user specifies the position of the enemy character image EC (for example, an operation of tapping the enemy character image EC) is detected. The charge process continues until the attack on the enemy character is executed. The charge process may be terminated even when an operation for specifying a position unrelated to the enemy character is detected. In this case, the charge process is terminated (released) without being used to attack the enemy character.

A specific operation for executing the charge process is to maintain the second operation position in the area of the second image 52 for a predetermined time (for example, 3 seconds) or more while the player character is moving. Note that this specific operation may be to maintain the second operation position in an area outside the second image 52 for a predetermined time, or to input a specific command regardless of the operation of the player character. It may be.

FIG. 9 is a diagram illustrating an operation image (during charge processing) according to the first embodiment of the present invention. When the second operation position is maintained in the area of the second image 52 for a predetermined time or longer while the player character is moving, the operation image changing unit 530 performs the first image 51 and the second image as in the case shown in FIG. The third image 53 is displayed in the area between 52 and 52. The third image 53 is, for example, a semi-transparent moving image showing ripples 54 spreading from the first image 51 to the second image 52. At this time, the size of the direction specifying area 55 may be changed. The direction-specific region 55 may be resized along the second image 52, or may be resized outward or inward from the second image 52. Further, the size of the direction specifying region 55 may be changed periodically. When the charging process is completed, the third image 53 is erased. That is, the erasure of the third image 53 and the end of the charge process are linked.

In order to show the difference between the guard process and the charge process, the color of the third image 53 may be different depending on the process. Further, the ripple 54 may be used properly depending on whether the ripple 54 spreads from the first image 51 to the second image 52 or the ripple 54 gathers from the second image 52 to the first image.

The explanation will be continued by returning to FIG. The avoidance processing unit 750 executes the avoidance processing when the detected operation is recognized as a swipe operation. The distance from the start point to the end point of the slide operation, that is, from the first operation position (the position where the operation was first detected) to the final point of the second operation position (the position where the operation was last detected) is a predetermined distance. When the movement is the above and the movement is at a predetermined speed or higher, it is recognized as a swipe operation.

The avoidance process is a process of moving the player character faster than usual. When the avoidance process is executed at the timing of being attacked by the enemy character, the player character takes an action to avoid the attack. Specifically, the player character is moved quickly (for example, the background image is scrolled quickly) over a predetermined time (for example, 0.2 seconds), and the movement period is treated as an invincible period in which the enemy character is not attacked. During the invincible period, the damage given from the enemy character to the player character is invalidated (damage is 0). This avoidance process is called "normal avoidance".

In this example, the invincible period, that is, the time during which the player character moves quickly, changes depending on the direction of the swipe operation. The direction of the swipe operation is, for example, the direction corresponding to each division area of the second image 52 (0 degrees, 45 degrees, 90 degrees, 135 when the upper part of the display area DA is 0 degrees and the clockwise direction is positive). The invincibility period may be lengthened when it is recognized as (degree, 180 degrees, 225 degrees, 270 degrees, 315 degrees). At this time, the player character moves faster for a longer time (for example, 1.5 times 0.3 seconds), and as a result, moves significantly. The direction of the swipe operation is recognized as the direction corresponding to each division region of the second image 52, which may have a predetermined margin (for example, ± 5 degrees) with respect to the above angle. That is, when the direction of the swipe operation (the position of the first image 51, the position of the direction specifying area 55) and the position of each division area satisfy a predetermined relationship, the avoidance process for increasing the invincibility period is executed. This avoidance process is called "super avoidance".

When the avoidance process is executed, the player character moves quickly, that is, the background image scrolls quickly to make the user aware that the process has been executed, but in the case of "super avoidance", In order to make the user more easily understandable, the operation image changing unit 530 changes the display mode of the operation image 50.

FIG. 10 is a diagram illustrating an operation image (during avoidance processing) according to the first embodiment of the present invention. In the example shown in FIG. 10, a swipe operation is performed in the direction of the division region 52-2 of the second image 52. Therefore, the direction-specific region 55 coincides with the position of the division region 52-2. At this time, in order to distinguish it from the processing by the normal movement, the size of the direction specifying area 55 may be different from that in the case of the normal movement (see FIG. 6). At this time, the size may be changed along the second image 52, or the size may be changed from the second image 52 toward the outside or the inside. In the case of "normal avoidance", the display mode of the operation image 50 may be changed as in the case of "super avoidance", but in order to allow the user to recognize the difference, the direction specifying area 55 It is desirable that the display mode of is different.

The explanation will be continued by returning to FIG. The dash processing unit 770 continued to detect the second operation position in the region outside the second image 52 for a predetermined time (for example, 1 second) (the first image 51 and the second image 52 continued to come into contact with each other). If so, perform dashing. The dash process is a process of making the moving speed of the player character faster than usual, and in this example, the speed is 1.5 times faster. This dash process is continued until the movement of the player character is completed, that is, until the operation is no longer detected.

FIG. 11 is a diagram illustrating an operation image (during dash processing) according to the first embodiment of the present invention. When the player character is moving, for example, the operation image 50 shown in FIG. 6 is displayed, but when the dash process is executed, the display mode of the direction specifying area 55 may be changed as shown in FIG. good. In this example, the partial image 59 in the direction specifying region 55 is changed so as to be enlarged. The size of the direction specifying region 55 may be different from that in the case of normal movement (see FIG. 6). For example, the size may be changed along the second image 52, or the second image may be changed. The size may be changed from the image 52 to the outside or the inside.

The explanation will be continued by returning to FIG. The skill processing unit 790 executes skill processing when an operation for inputting a specific command is detected. In this example, the skill process is a process of displaying a target scope whose position can be specified by the user and attacking an enemy character within the range included in the target scope. The target scope is displayed as an image corresponding to the second image 52. Hereinafter, skill processing will be described in two steps. The two steps are the first step indicating the state in which the skill processing has been started, and the second step of moving the target scope to attack the enemy character.

FIG. 12 is a diagram illustrating a first step of an operation image (during skill processing) in the first embodiment of the present invention. When the operation of inputting the specific command is detected, the operation image arranging unit 510 arranges only the second image 52 of the operation images 50 as the target scope at the position corresponding to the player character image PC. From this display, the user can recognize that the skill processing has been disclosed.

FIG. 13 is a diagram illustrating a second step of an operation image (during skill processing) in the first embodiment of the present invention. When the user operates any position in the display area DA while the display of FIG. 12 is displayed, the operation image arrangement unit 510 moves to the initial position (in FIG. 13) corresponding to that position (first operation position T1). The operation image 50 is arranged at the position indicated by the broken line). When the user moves the operation position along the direction MD, the operation image changing unit 530 moves the first image 51 in response to the movement of the operation position.

The first image 51 and the second image 52 show different behaviors in skill processing than when the player character moves. When the first image 51 comes into contact with the second image 52 due to the movement of the operation position, the operation image changing unit 530 also moves the second image 52. At this time, the second image 52 is moved so that the first image 51, which moves according to the operation position, maintains the state of being in contact with the inner circumference of the second image 52. When the operation by the user is no longer detected, the player character attacks the enemy character arranged at the position corresponding to the second image 52. The enemy character outside the second image 52 may also be attacked. In this case, the damage to the enemy character may be different depending on the distance from the second image 52.

In the state of the operation image 50 shown in FIG. 13, when the user's operation is no longer detected, the skill process ends as it is. On the other hand, the operation image 50 is further moved so that at least a part of the enemy character image EC is included in the area surrounded by the second image 52 (overlapping state), or a range within a certain range from the enemy character image EC. If the user's operation is no longer detected, the enemy character is attacked by the player character. When a plurality of enemy character image ECs are superimposed on the second image 52, the plurality of enemy characters are targeted for attack.

The size of the second image 52 may be different from the size of the second image 52 included in the operation image 50 displayed in the normal movement of the player character. The size of the second image 52 may vary depending on, for example, a command input by the user, or may vary depending on the parameters associated with the player character.

[Target position identification part]
The explanation will be continued by returning to FIG. The target position specifying unit 800 specifies a position (reaching target position) to be reached by the player character in the entire background image including the background map image BM displayed in the display area DA. The arrival target position is predetermined. The operation image changing unit 530 acquires the arrival target position specified in this way, and changes the display mode of the operation image 50 so as to point to the arrival target position. Such a series of processes is called a target instruction process. The target instruction process may be executed when a specific condition is satisfied. Various conditions are set as special conditions, such as when the player character possesses a specific item, or when the distance between the arrival target position and the player character is closer than a certain value. obtain.

FIG. 14 is a diagram illustrating an operation image (at the time of target instruction processing) according to the first embodiment of the present invention. FIG. 14 shows a state in which the display area DA portion of the entire background image AM is displayed as the background map image BM. The area outside the display area DA in the overall background image AM is indicated by a broken line. A goal position TP is set in the overall background image AM. The operation image changing unit 530 specifies the direction TD from the player character image PC to the arrival target position TP, and the target instruction image is located in the portion of the second image 52 located in the direction TD starting from the center C of the operation image 50. Add 57. Therefore, the direction Td from the center C to the target instruction image 57 and the direction TD are in the same direction.

The position where the target instruction image 57 is placed is not the direction toward the arrival target position TP as seen from the center C, but the direction TD (direction of the arrival target position TP as seen from the position of the player character image PC) with the center C as the starting point. ing. Therefore, by determining the second operation position so that the direction specifying area 55 and the target instruction image 57 are aligned with each other, it becomes easy to guide the player character to the arrival target position TP.

In this way, the operation image changing unit 530 changes the display mode of the second image 52 to express the target instruction image 57. The target instruction image 57 may be arranged at a position other than the second image 52, for example, a position along the inner circumference of the second image 52 or a position along the outer circumference.

As described above, in the present embodiment, the operation input to the user can be presented in an easy-to-understand manner by using the operation image 50 which can change the display mode in various ways according to the operation of the user. .. It should be noted that at least a part of the above-mentioned changes in the display mode may be applied to the operation image 50, and all the changes in the display mode must be applied.

<Second Embodiment>
The second image 52 in the first embodiment has a ring shape, but in the second embodiment, although the second image 52 has a ring shape as a whole, the division regions are separated from each other. The operation image 50A including the above will be described.

FIG. 15 is a diagram illustrating an operation image according to the second embodiment of the present invention. In the operation image 50A shown in FIG. 15, the second division regions (52A-1, 52A-2, ..., 52A-8,) are separated from each other with respect to the operation image 50 in the first embodiment. It is different to include image 52A. As described above, the second image 52A may be formed of images of a plurality of separated regions.

<Third Embodiment>
In the third embodiment, the operation image 50B including the second image 52B, which is separated from each other as in the second image 52A in the second embodiment but is connected by another element, will be described.

FIG. 16 is a diagram illustrating an operation image according to the third embodiment of the present invention. The operation image 50B shown in FIG. 16 includes each division region (52B-1, 52B-2, ..., 52B-8) separated from each other, and a connected image 58B connecting these division regions. At this time, the direction specifying area 55B moves along the connected image 58B. As described above, the second image 52B may include elements other than each division region.

<Other Embodiments>
(1) The moving range of the first image 51 is limited to the inner peripheral side of the second image 52, but is not limited to this. The moving range of the first image 51 may be, for example, a range including the outside of the second image 52 as long as it is defined in relation to the position of the second image 52. It may be a narrower range on the inner peripheral side of the image 52.

(2) In the second image 52, each division region is determined so as to have rotational symmetry, but each division region may be determined so as not to have rotational symmetry.

(3) The color of the direction-specific region 55 may change depending on the relationship between the first operation position and the second operation position. For example, as the second operation position is farther from the first operation position, the display mode may be changed by lightening the color of the direction-specific region 55 or increasing the transmittance.

(4) In the operation of instructing the player character to move normally, the second image 52 is not moved from the initial position, but it may be moved or its shape may be changed. For example, as the second operation position moves away from the first operation position, the second image 52 may expand away from the center C, may be slightly deformed so as to be pulled in the direction of the second operation position, or may be second. 2 It may move slightly in the direction of the operation position.

(5) The operation image 50 is arranged in the display area DA in order to make the user recognize the operation when moving the player character of the game, but the user's operation is input outside the game. It may be used in the system.

10 ... communication device, 11 ... control unit, 12 ... storage unit, 14 ... display unit, 15 ... touch sensor, 50, 50A, 50B ... operation image, 51 ... first image, 52, 52A, 52B ... second image, 52-1, 52-2, ..., 52-8, 52A-1, 52A-2, ..., 52A-8, 52B-1, 52B-2, ..., 52B-8 ... , 53 ... 3rd image, 54 ... Ripples, 55, 55B ... Direction specific area, 57 ... Target indication image, 58B ... Connected image, 59 ... Partial image, 80 ... Server, 100 ... Game progress part, 200 ... Detection part , 300 ... Background image control unit, 500 ... Operation image control unit, 510 ... Operation image placement unit, 530 ... Operation image change unit, 700 ... Character control unit, 710 ... Guard processing unit, 730 ... Charge processing unit, 750 ... Avoidance Processing unit, 770 ... Dash processing unit, 790 ... Skill processing unit, 800 ... Target position identification unit, 1000 ... Game system

Claims (18)

A detector that detects operations on the display area where the background image is displayed,
When the operation is detected, the operation image including the first image and the second image arranged around the first image is initially displayed in the background image according to the first operation position in which the operation is detected. The operation image placement part to be placed at the position and
When the operation of moving from the first operation position to the second operation position is detected, the movement range corresponding to the second image is obtained based on the relationship between the first operation position and the second operation position. An operation image changing unit that changes the position of the first image from the initial position and changes the display mode of a part of the second image.
Based on the above relationship, it is a program for operating a computer as a background image control unit that controls a background image in the display area.
The first image and the second image are translucent images that transmit a part of the background image.
A program characterized in that the transmittance of the second image is higher than the transmittance of the first image . A detector that detects operations on the display area where the background image is displayed,
When the operation is detected, the operation image including the first image and the second image arranged around the first image is initially displayed in the background image according to the first operation position in which the operation is detected. The operation image placement part to be placed at the position and
When the operation of moving from the first operation position to the second operation position is detected, the movement range corresponding to the second image is obtained based on the relationship between the first operation position and the second operation position. When the position of the first image is changed from the initial position and the display mode of a part of the second image is changed and a predetermined operation is detected by the detection unit, the first image and the second image The operation image changing part that displays the third image in the area between
A program for operating a computer as a background image control unit that controls a background image in the display area based on the above relationship. The program according to claim 2 , wherein the operation image changing unit erases the third image when a predetermined operation is detected while the third image is displayed. The program according to claim 3 , wherein the computer further functions the first processing unit that executes the first processing in conjunction with the erasing of the third image. A detector that detects operations on the display area where the background image is displayed,
When the operation is detected, the operation image including the first image and the second image arranged around the first image and the marker is arranged at a predetermined position is added to the background image. Of these, the operation image placement unit that is placed at the initial position according to the first operation position where the operation was detected, and
When the operation of moving from the first operation position to the second operation position is detected, the movement range corresponding to the second image is obtained based on the relationship between the first operation position and the second operation position. An operation image changing unit that changes the position of the first image from the initial position and changes the display mode of a part of the second image.
A background image control unit that controls a background image in the display area based on the relationship ,
A program for operating a computer as a second processing unit that executes a second processing when the partial area of the second image and the position of the marker satisfy a predetermined relationship. A detector that detects operations on the display area where the background image is displayed,
When the operation is detected, the operation image including the first image and the second image arranged around the first image is initially displayed in the background image according to the first operation position in which the operation is detected. It is arranged at a position, and when a predetermined condition is satisfied, only the second image of the operation images is arranged at a predetermined position, and when the operation is subsequently detected, the operation image is arranged at the initial position. The operation image arrangement unit that moves the second image as described above, and
When the operation of moving from the first operation position to the second operation position is detected, the movement range corresponding to the second image is obtained based on the relationship between the first operation position and the second operation position. An operation image changing unit that changes the position of the first image from the initial position and changes the display mode of a part of the second image.
A background image control unit that controls a background image in the display area based on the relationship ,
A program for operating a computer as a third processing unit that executes a third processing according to the relationship between the background image and the first operation position. A detector that detects operations on the display area where the background image, which is a part of the entire background image, is displayed.
When the operation is detected, the operation image including the first image and the second image arranged around the first image is initially displayed in the background image according to the first operation position in which the operation is detected. The operation image placement part to be placed at the position and
When an operation of moving from the first operation position to the second operation position is detected, the movement range corresponding to the second image is obtained based on the relationship between the first operation position and the second operation position. The position of the first image is changed from the initial position, the display mode of a part of the second image is changed , a predetermined arrival target position in the entire background image is acquired, and the operation image is relative to the operation image. An operation image changing unit that adds a target instruction image corresponding to the target position to be reached, and
A program for operating a computer as a background image control unit that controls a background image in the display area based on the above relationship. The program according to claim 7 , wherein the target instruction image is expressed by changing the display mode of the second image. The program according to any one of claims 1 to 8 , wherein the moving range is a range surrounded by the second image. The program according to any one of claims 1 to 9, wherein the second image does not change the position from the initial position. The program according to any one of claims 1 to 10 , wherein the partial region of the second image includes a portion of the second image where the position of the first image is closest. The program according to any one of claims 1 to 11 , wherein the second image has rotational symmetry around a predetermined position included in the first image at the initial position. Claims 1 to claim 1, wherein the operation image arranging unit erases the operation image when the operation is not detected until a predetermined time elapses after the operation is no longer detected. The program according to any of 12. When the operation is detected by the detection unit that detects the operation on the display area where the background image is displayed, the operation image including the first image and the second image arranged around the first image is displayed as the background image. Of these, place it at the initial position according to the first operation position where the operation was detected,
When the operation of moving from the first operation position to the second operation position is detected, the movement range corresponding to the second image is obtained based on the relationship between the first operation position and the second operation position. While changing the position of the first image from the initial position and changing the display mode of a part of the second image, the background image of the display area is controlled based on the relationship.
Including that
The first image and the second image are translucent images that transmit a part of the background image.
An image control method characterized in that the transmittance of the second image is higher than the transmittance of the first image. When the operation is detected by the detection unit that detects the operation on the display area where the background image is displayed, the operation image including the first image and the second image arranged around the first image is displayed as the background image. Of these, place it at the initial position according to the first operation position where the operation was detected,
When the operation of moving from the first operation position to the second operation position is detected, the movement range corresponding to the second image is obtained based on the relationship between the first operation position and the second operation position. While changing the position of the first image from the initial position and changing the display mode of a part of the second image, the background image of the display area is controlled based on the relationship.
Including that
An image control method characterized in that when a predetermined operation is detected by the detection unit, a third image is displayed in a region between the first image and the second image. When the operation is detected by the detection unit that detects the operation on the display area where the background image is displayed, the operation image including the first image and the second image arranged around the first image is displayed as the background image. Of these, place it at the initial position according to the first operation position where the operation was detected,
When the operation of moving from the first operation position to the second operation position is detected, the movement range corresponding to the second image is obtained based on the relationship between the first operation position and the second operation position. While changing the position of the first image from the initial position and changing the display mode of a part of the second image, the background image of the display area is controlled based on the relationship.
Including that
A marker is placed at a predetermined position on the second image.
An image control method characterized in that a second process is executed when the partial region of the second image and the position of the marker satisfy a predetermined relationship. When the operation is detected by the detection unit that detects the operation on the display area where the background image is displayed, the operation image including the first image and the second image arranged around the first image is displayed as the background image. Of these, place it at the initial position according to the first operation position where the operation was detected,
When the operation of moving from the first operation position to the second operation position is detected, the movement range corresponding to the second image is obtained based on the relationship between the first operation position and the second operation position. While changing the position of the first image from the initial position and changing the display mode of a part of the second image, the background image of the display area is controlled based on the relationship.
Including that
When a predetermined condition is satisfied, only the second image of the operation image is arranged at a predetermined position, and when the operation is subsequently detected, the operation image is arranged at the initial position. Move the image,
An image control method characterized by executing a third process according to the relationship between the background image and the first operation position. When the operation is detected by the detection unit that detects the operation on the display area where the background image is displayed, the operation image including the first image and the second image arranged around the first image is displayed as the background image. Of these, place it at the initial position according to the first operation position where the operation was detected,
When the operation of moving from the first operation position to the second operation position is detected, the movement range corresponding to the second image is obtained based on the relationship between the first operation position and the second operation position. While changing the position of the first image from the initial position and changing the display mode of a part of the second image, the background image of the display area is controlled based on the relationship.
Including that
The background image displayed in the display area is a part of the entire background image, and is
An image control method characterized in that a predetermined arrival target position in the overall background image is acquired, and a target instruction image corresponding to the arrival target position is added to the operation image.

Images