Patent Description:
An invention for searching for a target display item from a scroll display is known from the prior art (Patent Document <NUM>). In the invention disclosed in Patent Document <NUM>, when an item matching a prescribed search condition is displayed on a screen, the scroll display is controlled to be a slower speed than usual.

Patent Document <NUM> discloses a display control device comprising: a display configured to be installed in a vehicle and capable of touch operation; and a controller configured to control an image displayed on the display, wherein.

Patent Document <NUM> discloses user interface animation techniques which detects an input having a velocity and being directed to objects in a user interface. A visual presentation is generated such that a first object in the user interface moves in parallax with respect to a second object, and that the first object appears to moves at a rate corresponding to the velocity.

Patent Document <NUM> discloses a technique which applies a parallax shift as a moving or sliding image reaches a target location where its motion slows or stops. The effect "a parallax bounce" can be applied in any context wherein an image is moved from one location to another on a display screen. The magnitude of the parallax shift increases progressively, stops, and then decreases to zero, in a manner that simulates a bounce effect.

Patent Document <NUM> discloses a method for controlling a mobile device which includes displaying a plurality of objects on a touch screen of the mobile device, detecting a touch for scrolling the plurality of objects on the touch screen, and sequentially scrolling the plurality of objects at different time intervals according to attributes of the plurality of objects.

However, in the invention disclosed in Patent Document <NUM>, the rendering of a parallax effect on the screen on which icons are displayed in front of tiles is insufficient.

In view of the problem described above, an object of the present invention is to provide a display control device and a display control method that can emphasize that an icon is displayed in front of a tile on a screen.

The above object can be achieved by a display control device and a display control method defined in the appended independent claims. Further advantageous effects can be achieved by preferred embodiments defined in the appended dependent claims.

The display control device according to one aspect of the present invention comprises: a display configured to be installed in a vehicle and capable of touch operation; and a controller configured to control an image displayed on the display, wherein.

By means of the present invention, it is possible to emphasize the fact that a screen is one on which an icon is displayed in front of a tile.

An embodiment of the present invention is described below with reference to the drawings. In the descriptions of the drawings, identical parts have been assigned the same reference numerals, and the descriptions thereof have been omitted.

A configuration example of a display control device <NUM> will be described with reference to <FIG>. The display control device <NUM> is installed in a vehicle. As shown in <FIG>, the display control device <NUM> comprises a controller <NUM> and a display <NUM>. The display <NUM> is a touch panel capable of touch operation.

The controller <NUM> controls an image displayed on the display <NUM>. The controller <NUM> is a general-purpose microcomputer comprising a CPU (central processing device), memory, and an input/output unit. A computer program is installed in the microcomputer to cause it to function as the display control device <NUM>. By executing the computer program, the microcomputer functions as a plurality of information processing circuits included in the display control device <NUM>. Here, an example is shown in which the plurality of information processing circuits included in the display control device <NUM> is realized by software, but the information processing circuits can of course comprise dedicated hardware for executing each of the information processes shown below. In addition, the plurality of information processing circuits may be realized by discrete hardware.

One example of an image that is displayed on the display <NUM> will be described next with reference to <FIG>. As shown in <FIG>, a plurality of tiles 20a-25a are displayed on the display <NUM>. A tile is an image for activating an application. A user touches a tile to thereby activate a desired application. Types of applications include phone, route guidance, video playback, and music playback.

An icon relating to the tile (application) is displayed on each tile. In the present embodiment, as shown in <FIG>, an icon 20b is displayed as overlapping a tile 20a. In <FIG>, a part of the icon 20b overlaps the tile 20a, but is not limited thereto. The entire icon 20b may overlap the tile 20a. It is sufficient if at least a part of the icon 20b overlaps the tile 20a. The same applies to icons 21b-25b. In <FIG>, the icons 20b-25b overlap at the upper right of the tiles 20a-25a, but the present invention is not limited thereto. In addition, the shape of the icon and the tile is rectangular, but the shape is not limited thereto, and may be circular.

In the description above, it is described that a phone is included in the application type, but a specific example thereof will be described with reference to <FIG>. In <FIG>, the tile 24a and the icon 24b are taken as representative examples from among the plurality of tiles and icons. As shown in <FIG>, the images "Call History" and "Quick Dial" are included in the tile 24a. If the user touches "Call History," the call history is displayed. If the user touches "Quick Dial," the last called number is called. As shown in <FIG>, the shape of the icon 24b is that of a smartphone. That is, the icon 24b has a shape relating to the tile 24a (phone). The user can look at the icon 24b and ascertain at a glance that the tile 24a is related to a phone. That is, the icon 24b is an image that can indicate, to the user, information relating to the application (the one that is activated by touching the tile 24a). The same applies to the other icons 20b-23b, 25b. In the case of a music playback tile, an image related to the currently playing musical piece may be employed as the icon. The position of the icon 24b is different between <FIG>. This is to explain that the position of the icon 24b is not limited.

The movements of the tiles and the icons, which are controlled by the controller <NUM> will be described next with reference to <FIG>. T = <NUM>-<NUM> shown in <FIG> and T = <NUM>-<NUM> shown in <FIG> correspond to the time (T) shown in <FIG>.

T = <NUM> shown in <FIG> indicates the moment that the user touches the display <NUM>. Thereafter, the user scrolls the screen to the left (T = <NUM>-<NUM>). "Scrolling" is a method for displaying content that does not fit the screen by sliding horizontally or vertically. "Scrolling" is a well-known technique, and is mainly used in smartphones, tablet terminals, and the like. In the present embodiment, the direction in which the user scrolls is the horizontal direction (left-right direction) of the display <NUM>, as shown in <FIG>.

In the present embodiment, when the user scrolls on the display <NUM>, the relative positions between the tiles and the icons change. This will be described in detail. First, the relative positions of the tiles and the icons before the user scrolls will be described. T = <NUM> shown in <FIG> is the moment that the user touches the display <NUM>, and so the user has not yet scrolled. Thus, the image displayed at T = <NUM> corresponds to an image before the user scrolls. By general definition, a relative position is the relative position of one as viewed from the other. In the present embodiment, the relative position is expressed in terms of distance. That is, in the present embodiment, the relative position is defined as "the distance to the icon as viewed from the tile. " More specifically, the relative position is defined as the "shortest distance to a center line of the icon as viewed from a center line of the tile. " In <FIG>, the "shortest distance to the center line of the icon as viewed from the center line of the tile" is indicated by the reference symbol L1. Thus, the relative position between the tile 24a and the icon 24b is expressed as the shortest distance L1 to the center line of the icon 24b as viewed from the center line of the tile 24a. The center line means a conceptual line. The center line is not actually displayed on the display <NUM>. Although there is only one reference symbol L1 indicating the relative position in <FIG>, this is simply because the other ones are omitted. The definition of the relative position is the same for the tiles 20a-23a, 25a and the icons 20b-23b, 25b.

When it is detected that the user has scrolled to the left, as in T = <NUM>-<NUM> shown in <FIG>, the controller <NUM> scrolls the entire screen to the left. As a result, the tiles 20a-25a and the icons 20b-25b move to the left. In conjunction therewith, tiles 26a, 27a appear from the right end of the display <NUM>. Because the scroll detection method is well-known, a detailed description thereof will be omitted.

Details of the movements of the tiles and the icons at T = <NUM>, T = <NUM>, and T = <NUM> will be described next with reference to <FIG>. In the graph shown in <FIG>, the horizontal axis indicates time (T) and the vertical axis indicates the lateral position on the display <NUM>. Regarding the positive/negative of the lateral position, the left side of the display <NUM> is positive and the right side is negative. Reference symbols <NUM>-<NUM> indicate the lateral positions of a tile (the tile 24a here, as a representative). Reference symbols <NUM>-<NUM> indicate the lateral positions of an icon (the icon 24b here, as a representative). As shown in <FIG>, at T = <NUM>, that is, before the user scrolls the screen, the relative distance L1 between the tile 24a and the icon 24b is "<NUM>. " This numerical value "<NUM>" is a standardized numerical value. Such standardized numerical values include some errors, but the errors are minimal. In <FIG>, the relative distance between the tile 24a and the icon 24b is indicated by the reference symbol <NUM>. The reason for employing the reference symbol <NUM> instead of "L1" is to indicate that the relative distance between the tile 24a and the icon 24b changes. From T = <NUM>-<NUM>, the user scrolls the screen to the left. At this time, the controller <NUM> moves the tiles 20a-25a and the icons 20b-25b to the left. The movements of the tile 24a and the icon 24b will be taken up as examples below. From T = <NUM>-<NUM>, the controller <NUM> moves the tile 24a to the left at a prescribed acceleration. In <FIG>, from T = <NUM>-<NUM>, the reference symbol <NUM> (lateral position "<NUM>") moves to the reference symbol <NUM> (lateral position "<NUM>"). This indicates that the tile 24a is moving to the left at a prescribed acceleration (refer to <FIG>). In <FIG>, from T = <NUM>-<NUM>, the lateral positions of the reference symbol <NUM> (lateral position "-<NUM>") and the reference symbol <NUM> (lateral position "-<NUM>") are the same. That is, from T = <NUM>-<NUM>, the controller <NUM> moves the tile 24a to the left at a prescribed acceleration but does not move the icon 24b. Again, because the tile 24a described in <FIG> represents the tiles 20a-25a, it goes without saying that the description in <FIG> also applies to the tiles 20a-25a. Similarly, because the icon 24b described in <FIG> represent the icons 20b-25b, it goes without saying that the description of <FIG> also applies to the icons 20b-25b. The same applies to the descriptions below.

In this manner, when it is detected that the user has started scrolling, the controller <NUM> moves the tile 24a first. The relative distance between the tile 24a and the icon 24b thereby increases. The relative distance after the increase is indicated by the reference symbol L2 in <FIG>. As shown in <FIG>, the length of the reference symbol <NUM> (distance between the reference symbol <NUM> and reference symbol <NUM>) at T = <NUM> is "<NUM>" and the length of the reference symbol <NUM> (distance between the reference symbol <NUM> and the reference symbol <NUM>) at T = <NUM> is "<NUM>. " That is, the controller <NUM> moves the tile 24a first, thereby increasing the relative distance between the tile 24a and the icon 24b by a factor of <NUM> between T = <NUM>-<NUM>.

From T = <NUM>-<NUM>, the reference symbol <NUM> (lateral position "<NUM>") moves to the reference symbol <NUM> (lateral position "<NUM>"). This indicates that the tile 24a is continuing to move to the left at a prescribed acceleration. In addition, from T = <NUM>-<NUM>, the reference symbol <NUM> (lateral position "-<NUM>") moves to the reference symbol <NUM> (lateral position "-<NUM>"). This indicates that the icon 24b is moving to the left at a prescribed acceleration. That is, the controller <NUM> first moves the tile 24a to the left, and then moves the icon 24b to the left. The acceleration at which the tile 24a is moved is greater than the acceleration at which the icon 24b is moved. Thus, the relative distance between the tile 24a and the icon 24b increases further at T = <NUM>. Compared to T = <NUM>, it increases to about <NUM> times at T = <NUM>. The length of the reference symbol <NUM> (distance between the reference symbol <NUM> and reference symbol <NUM>) at T = <NUM> is "<NUM>. " The reference symbol <NUM> indicates that the tile 24a is moving at a constant acceleration from T = <NUM>-<NUM>. From T = <NUM>-<NUM>, the trajectory of movement of the tile 24a forms a quadratic curve.

From T = <NUM>-<NUM>, the reference symbol <NUM> (lateral position "<NUM>") moves to the reference symbol <NUM> (lateral position "<NUM>"). This indicates that the tile 24a is moving to the left at a prescribed speed. In addition, from T = <NUM>-<NUM>, the reference symbol <NUM> (lateral position "-<NUM>") moves to the reference symbol <NUM> (lateral position "<NUM>". This indicates that the icon 24b is continuing to move to the left at a prescribed acceleration. The length of the reference symbol <NUM> (distance between the reference symbol <NUM> and reference symbol <NUM>) at T = <NUM> is "<NUM>. " The reference symbol <NUM> indicates that the icon 24b is moving at a constant acceleration from T = <NUM>-<NUM>. From T = <NUM>-<NUM>, the trajectory of movement of the icon 24b forms a quadratic curve.

From T = <NUM>-<NUM>, the reference symbol <NUM> (lateral position "<NUM>") moves to the reference symbol <NUM> (lateral position "<NUM>"). This indicates that the tile 24a is continuing to move to the left at a prescribed speed. In addition, from T = <NUM>-<NUM>, the reference symbol <NUM> (lateral position "<NUM>") moves to the reference symbol <NUM> (lateral position "<NUM>"). This indicates that the icon 24b is moving to the left at a prescribed speed. The length of the reference symbol <NUM> (distance between the reference symbol <NUM> and reference symbol <NUM>) at T = <NUM> is "<NUM>. " The reference symbol <NUM> indicates that the tile 24a is moving at a constant speed from T = <NUM>-<NUM>. From T = <NUM>-<NUM>, the appearance of the tile 24a and the icon 24b changes from that of <FIG> to that of <FIG>, as an example.

In the example shown in <FIG>, the user starts scrolling at T = <NUM> and stops scrolling at T = <NUM>. Strictly speaking, because T = <NUM> is the moment of touch, scrolling is started at the next moment after T = <NUM>. In <FIG>, the period during which the user is scrolling is indicated by "touch on. " Sopping the scrolling means that the user removes the finger from the display <NUM>. In <FIG>, the stopping of scrolling is indicated by "touch off. " The screen when the user stops scrolling is indicated by T = <NUM> of <FIG>.

In the present embodiment, if it is detected that the user has stopped scrolling, the controller <NUM> decelerates and stops the tile 24a and the icon 24b. The decelerations and stoppages are shown in T = <NUM>, T = <NUM>-<NUM>, and T = <NUM> in <FIG>. Details of the movements of the tiles and the icons at T = <NUM>-<NUM> will be described with reference to <FIG>. As shown in <FIG>, from T = <NUM>-<NUM>, the reference symbol <NUM> (lateral position "<NUM> ") moves to the reference symbol <NUM> (lateral position "<NUM>"). This indicates that the tile 24a is moving to the left at a prescribed deceleration. From T = <NUM>-<NUM>, the reference symbol <NUM> (lateral position "<NUM>") moves to the reference symbol <NUM> (lateral position "<NUM>"). This indicates that the icon 24b is continuing to move to the left at a prescribed speed. That is, when it is detected that the user has stopped scrolling, the controller <NUM> decelerates the tile 24a first. The relative distance between the tile 24a and the icon 24b thereby decreases. The relative distance after the decrease is indicated by the reference symbol "L3" in <FIG>. The length of the reference symbol <NUM> (distance between the reference symbol <NUM> and reference symbol <NUM>) at T = <NUM> is "<NUM>. " The controller <NUM> decelerates the tile 24a first, thereby decreasing the relative distance between the tile 24a and the icon 24b from "L2" (<NUM>) to "L3" (<NUM>). The reference symbol <NUM> indicates that the icon 24b is moving at a constant speed from T = <NUM>-<NUM>.

As shown in <FIG>, from T = <NUM>-<NUM>, the reference symbol <NUM> (lateral position "<NUM>") moves to the reference symbol <NUM> (lateral position "<NUM>"). This indicates that the tile 24a is continuing to move to the left at a prescribed deceleration. From T = <NUM>-<NUM>, the reference symbol <NUM> (lateral position "<NUM>") moves to the reference symbol <NUM> (lateral position "<NUM>"). This indicates that the icon 24b is moving to the left at a prescribed deceleration. That is, the controller <NUM> first decelerates the tile 24a, and then decelerates the icon 24b. The deceleration of the tile 24a and the deceleration of the icon 24b are the same. Thus, the relative distance between the tile 24a and the icon 24b decreases further at T = <NUM>. The length of the reference symbol <NUM> (distance between the reference symbol <NUM> and reference symbol <NUM>) at T = <NUM> is "<NUM>.

From T = <NUM>-<NUM>, the reference symbol <NUM> (lateral position "<NUM>") moves to the reference symbol <NUM> (lateral position "<NUM>"). This indicates that the tile 24a is continuing to move to the left at a prescribed deceleration. From T = <NUM>-<NUM>, the reference symbol <NUM> (lateral position "<NUM>") moves to the reference symbol <NUM> (lateral position "<NUM>"). This indicates that the icon 24b is continuing to move to the left at a prescribed deceleration. The length of the reference symbol <NUM> (distance between the reference symbol <NUM> and reference symbol <NUM>) at T = <NUM> is "<NUM>.

From T = <NUM>-<NUM>, the reference symbol <NUM> (lateral position "<NUM>") moves to the reference symbol <NUM> (lateral position "<NUM>"). This indicates that the tile 24a is continuing to move to the left at a prescribed deceleration. From T = <NUM>-<NUM>, the reference symbol <NUM> (lateral position "<NUM>") moves to the reference symbol <NUM> (lateral position "<NUM>"). This indicates that the icon 24b is continuing to move to the left at a prescribed deceleration. The length of the reference symbol <NUM> (distance between the reference symbol <NUM> and reference symbol <NUM>) at T = <NUM> is "<NUM>. " The reference symbol <NUM> indicates that the tile 24a is moving at a constant deceleration from T = <NUM>-<NUM>. From T = <NUM>-<NUM>, the trajectory of movement of the tile 24a forms a quadratic curve.

From T = <NUM>-<NUM>, the lateral positions of the reference symbol <NUM> (lateral position "<NUM>") and the reference symbol <NUM> (lateral position "<NUM>") are the same. That is, from T = <NUM>-<NUM>, the controller <NUM> stops the tile 24a. From T = <NUM>-<NUM>, the reference symbol <NUM> (lateral position "<NUM>") moves to the reference symbol <NUM> (lateral position "<NUM>"). This indicates that the icon 24b is continuing to move to the left at a prescribed deceleration. That is, the controller <NUM> first stops the tile 24a, and then stops the icon 24b. The relative distance between the tile 24a and the icon 24b thereby returns to the original distance. In the present embodiment, "the relative distance returns to the original distance" means returning to the state before the user starts scrolling. Thus, at T = <NUM> in <FIG>, the relative distance between the tile 24a and the icon 24b returns to "L1" at T = <NUM> in <FIG>. The length of the reference symbol <NUM> (distance between the reference symbol <NUM> and reference symbol <NUM>) at T = <NUM> shown in <FIG> is "<NUM>. " The reference symbol <NUM> indicates that the icon 24b is moving at a constant deceleration from T = <NUM>-<NUM>. From T = <NUM>-<NUM>, the trajectory of movement of the icon 24b forms a quadratic curve.

As shown in <FIG>, the relative position between the tile 24a and the icon 24b is indicated by a quadratic function. The values of the acceleration, speed, and deceleration described in <FIG> can be changed as appropriate. Thus, the curve shown in <FIG> can be changed as appropriate as long as the curve can be represented by a quadratic function. Thus, the "relative position" and the "relative distance" described above are merely slight differences in expression and the intentions thereof are the same.

One operation example of the display control device <NUM> will be described next with reference to the flowchart of <FIG>.

In Step S101, the controller <NUM> detects a start trigger indicating that the user has started scrolling to the left or the right on the display <NUM>. As described above, the method for detecting such a start trigger is well known. If a start trigger is detected (YES in Step S101), the process proceeds to Step S103. In Step S103, the controller <NUM> increases the relative positions between the tiles 20a-25a and the icons 20b-25b. The increase control is carried out until a scroll stop is detected (NO in Step S105). If a scroll stop is detected (YES in Step S105), the controller <NUM> decreases and returns the relative positions between the tiles 20a-25a and the icons 20b-25b to the original relative positions.

As described above, the following actions and effects can be achieved by means of the display control device <NUM> according to the present embodiment.

The display control device <NUM> comprises the display <NUM> that is capable of touch operation and the controller <NUM> that controls an image displayed on the display <NUM>. The display <NUM> and the controller <NUM> are installed in a vehicle. A tile that activates an application by means of a user's touch, and an icon related to the application are displayed on the display <NUM>. At least a part of the icon is displayed as overlapping the tile. The controller <NUM> detects a start trigger indicating that the user has started scrolling to the left or right on the display <NUM>. The controller <NUM> increases the relative position between the tile and the icon at a prescribed acceleration with the passage of time from the detected start trigger. The controller <NUM> detects a stop trigger indicating that the user has stopped scrolling. The controller <NUM> decreases the relative position between the tile and the icon at a prescribed deceleration with the passage of time from the detected stop trigger. By changing the relative position between the tile and the icon in this manner, it is possible to emphasize that the image is one in which an icon is displayed in front of the tile. The user can visually confirm an icon related to a tile easily by means of the parallax effect, and easily ascertain the content of an application from the shape of the icon (for example, the shape of a smartphone). In particular, it becomes possible to easily distinguish between a tile and an icon during scrolling.

The passage of time from the detected start trigger means the time elapsed while the user is scrolling. To explain using <FIG> and <FIG>, the passage of time from the detected start trigger means the time elapsed from T = <NUM> to T = <NUM>. Similarly, the passage of time from the detected stop trigger means the time elapsed after the user stopped scrolling. To explain using <FIG> and <FIG>, the passage of time from the detected stop trigger means the time elapsed from T = <NUM> to T = <NUM>. The prescribed acceleration and the prescribed deceleration can be obtained in advance by means of experimentation and simulation. The pair of tiles and icons may be one pair, or a plurality of pairs. In the present embodiment, the pair of tiles and icons has been described as a plurality of pairs.

The relative position between the tile and the icon is represented by a quadratic function (refer to <FIG>). The parallax effect is thereby improved.

A plurality of tiles and icons are displayed on the display <NUM>. When there is a plurality of pairs of tiles and icons in this manner, the controller <NUM> may increase the distance between adjacent tiles at a prescribed acceleration with the passage of time from the detected start trigger. An example of adjacent tiles are the tile 24a and the tile 25a shown in <FIG>. By increasing the distance between adjacent tiles in this manner, the parallax effect is improved. In addition, the controller <NUM> may reduce the distance between adjacent tiles at a prescribed deceleration with the passage of time from the detected stop trigger.

Additionally, when the start trigger is detected, the controller <NUM> moves the tile first at a prescribed acceleration and then moves the icon at a prescribed acceleration. It is thereby possible to emphasize the fact that the image is one in which an icon is displayed in front of a tile.

If a scroll in a different direction by the user is detected when moving the tile and/or the icon, the controller <NUM> may decrease the relative position between the tile and the icon. The controller <NUM> then stops the movement of the tile and the icon. Next, the controller <NUM> moves the tile and the icon in a different direction at a prescribed acceleration, to thereby increase the relative position between the tile and the icon. It is thereby possible to emphasize that the image is one in which an icon is displayed in front of a tile in accordance with the scrolling direction. The "different direction" used herein means the right direction, for example, if the user first scrolls to the left and then scrolls to the right.

When moving a tile, the controller <NUM> may tilt the orientation of the tile in the direction of movement. The parallax effect is thereby improved.

The center position of the tile and the center position of the icon do not coincide in the horizontal direction of the display <NUM>. As shown in <FIG>, as long as the center position of the tile and the center position of the icon do not coincide in the horizontal direction of the display <NUM>, the icons may be disposed at any position. By shifting the center position of the tile and the center position of the icon in the horizontal direction of the display <NUM> in this manner, the parallax effect is improved.

The stop trigger is a detection signal indicating that the user has removed the finger from the display <NUM>.

The controller <NUM> may increase the prescribed acceleration or the prescribed deceleration, as the speed or acceleration of the user's scrolling increases. The parallax effect is thereby improved.

The controller <NUM> may increase the maximum value of the relative position, as the speed or acceleration of the user's scrolling increases. In the present embodiment, the maximum value of the relative position is described as "<NUM>," but this "<NUM>" may be increased as the speed or acceleration of the user's scrolling increases. The parallax effect is thereby improved.

Each of the functions described in the embodiments above may be implemented by means of one or more processing circuits. The processing circuits include programmed processing devices, such as processing devices including electrical circuits. In addition, the processing circuits include devices such as circuit components and application specific integrated circuits (ASIC) arranged to execute the described functions.

An embodiment of the present invention has been described above, but the descriptions and figures that form part of this disclosure should not be understood as limiting the present invention defined by the appended independent claims.

Claim 1:
A display control device (<NUM>) comprising: a display (<NUM>) configured to be installed in a vehicle and capable of touch operation; and a controller (<NUM>) configured to control an image displayed on the display (<NUM>), wherein
the display (<NUM>) is configured to display a tile (24a) that activates an application by a user's touch, and an icon (24b) related to the application;
at least a part of the icon (24b) is displayed as overlapping the tile (24a); and
the controller (<NUM>) is configured to:
detect a start trigger indicating that a user has started scrolling left or right on the display (<NUM>); and
detect a stop trigger indicating that the user has stopped scrolling;
characterized in that
the controller (<NUM>) is further configured to:
increase a relative position (L1) between the tile (24a) and the icon (24b) at a prescribed acceleration with a passage of time from detection of the start trigger, the relative position (L1) being a shortest distance (L1) to a center line of the icon (24b) as viewed from a center line of the tile (24a); and
decrease the relative position (L1) between the tile (24a) and the icon (24b) at a prescribed deceleration with a passage of time from detection of the stop trigger.