JP5061176B2 - Information display device, information display method, and program thereof - Google Patents

Description

  The present invention relates to an information display device, an information display method, and a program for displaying a background image and an object arranged on the background image on a display screen.

  In a general operating system (OS), a desktop screen is displayed on a display connected to a computer or the like, and a plurality of icons are arranged on the desktop screen. Applications and files are stored in these icons, but they are all the same without any relationship (hierarchy) between the icons. Therefore, a lot of icons are likely to be scattered on the desktop screen. In order to organize these icons, the user performs an operation of selecting icons one by one using a mouse or the like or selecting a plurality of icons at once and moving them to a desired position. There is also a method of using an automatic icon organizing function of the OS.

  On the other hand, a technique for improving user instruction operability with respect to a web page screen is known (see, for example, Patent Document 1). In Patent Document 1, a plurality of menu items are displayed in a substantially ring shape centering on a user's touch input position on the display screen. That is, a plurality of menu items can be moved according to the touch input position of the user.

JP 2006-139615 A

  However, when a large number of icons are moved on the desktop screen, it is troublesome to select each icon one by one, and it is difficult for the user to select an icon as desired even when the icons are collectively selected. is there. In addition, when a large number of icons are arranged on the desktop screen, it is necessary to secure a destination space so that the icons are not overlapped, and the operation becomes complicated. Further, there is a limit to the automatic icon organizing function, and there are cases where icons cannot be moved as desired by the user. Therefore, further improvement in operability is desired.

  Further, in Patent Document 1, although a plurality of menu items (objects) can be moved to a desired position in accordance with the touch input position, a predetermined specific object is moved. It is not possible to move a large number of icons scattered on the desktop screen.

  The objective of this invention is providing the information display apparatus excellent in the operativity at the time of moving the several object arrange | positioned in the background image, the information display method, and its program.

The information display device of the present invention is an information display device that displays a background image as a three-dimensional plane and places a plurality of objects on the background image, and an input unit that receives a user operation on the background image; When a user operation is performed on the background image by the input unit , a virtual gravity is formed in a direction perpendicular to the three-dimensional plane, and the direction of the gravity according to the user operation by the input unit The display control of the animation for moving the position of the plurality of objects on the three-dimensional plane along the gravity according to the change of the background image is performed in a three-dimensional manner. When the user does not operate the background image by the input means, an initial image that does not cause the background image to be displayed is displayed. A display control unit intends row control that, characterized in that it comprises a.

In the present invention, the background image can be three-dimensionally changed by simply performing an input operation on the background image, and a plurality of objects can be moved together. The manner in which an object moves along virtual gravity on a three-dimensionally changed background image can be assumed more naturally and easily for the user, so that the operation input to the background image can be performed intuitively. it can. According to this, the user does not need to select an object, and can simply perform an input operation on the background image, which is excellent in operability. In particular, since the user's operation is directly reflected in the change of the background image, it is excellent in operability and visual.
In addition, a planar background image is changed into a virtual three-dimensional space, and the movement mode based on virtual gravity along the deformation of the background image is a natural mode based on the laws of nature and is visually superior. ing.

In the information display device of the present invention, the input means is a touch input unit having an input area overlapping the background image, and the display control means allows the user to place an arbitrary area of the background image with two fingers. After touching the touch input unit in a sandwiched state, the two fingers are moved in a direction approaching each other along the touch input unit, and a ridge-shaped projecting unit that projects in a direction opposite to the gravitational direction of the background image It is preferable to perform display control of an animation in which the plurality of objects are moved in directions opposite to each other with the ridge-shaped protrusion as a boundary .

According to the present invention, a gradient (slope) is generated on the background image by changing the background image three-dimensionally to form a ridge-like protrusion . Therefore, a plurality of objects can be moved in the direction of gravity along this gradient, and can be divided into two with the ridge-like protrusion as a boundary. That is, the user can divide a plurality of objects into two at that position only by performing an input operation for forming a ridge-shaped protrusion at a desired position in the background image.
Moreover, since movement along virtual gravity is a more natural display mode, the user can easily recognize intuitively and has excellent operability. It is also visually superior.
Incidentally, the input operation is not particularly limited to form protrusions, it has good be appropriately determined depending on the input means.

In the information display device of the present invention, it is preferable that the display control means assumes that the data amount of the object is the weight of the object, and adjusts the moving speed of the object according to the weight .

In the information display device according to the aspect of the invention, it is preferable that the display control unit selects an object to be operated by setting an attribute for each of the plurality of objects and selecting the attribute when the user performs an operation. .

In the information display device of the present invention, the display control means, said forming a concave recess having an opening on the background image according to the operation of the user, the animation that moves the plurality of objects in said well It is preferable to perform display control.

According to the present invention, a gradient (inclination) is generated on the background image by changing the background image three-dimensionally to form the concave depression . Therefore, a plurality of objects can be moved along the gradient in the direction of gravity, and the plurality of objects can be collected in the recess . That is, the user simply performs an input operation for forming a portion recess in a desired position of the background image, it is possible to collect multiple objects at that position.
Moreover, since movement along virtual gravity is a more natural display mode, the user can easily recognize intuitively and has excellent operability. It is also visually superior.
The input operation for forming the recess is not particularly limited, and may be determined as appropriate according to the input means. Examples of input means include a pointing device such as a mouse and a touch panel. For example, when a mouse is used, the indented portion may be formed by clicking on an arbitrary position on the background image. Moreover, when using a touch panel, you may form a hollow part by performing touch operation in the arbitrary positions on a background image.

  In the information display device according to the aspect of the invention, it is preferable that the display control unit moves an object located within a predetermined range from the deformation position of the background image among the plurality of objects.

  According to the present invention, only objects within a predetermined range can be moved from the deformation position of the background image. The range within the predetermined range is not particularly limited, and is a range where there is no visually uncomfortable feeling. Since a gradient (tilt) is generated on the background image due to the deformation of the background image by the user's input operation, for example, a range where the gradient is generated is set within a predetermined range.

In the information display device of the present invention, the display control means forms a hole having an opening in the background image in response to the user's operation, and controls display of animation for moving the plurality of objects to the hole And deleting the object moved to the hole.
According to the present invention, it is possible to form a hole by changing the background image three-dimensionally, move a plurality of objects to the hole, and delete the object moved to the hole. That is, the user can collect and delete a plurality of objects at that position only by performing an input operation for forming a hole at a desired position in the background image, and is excellent in operability.
In addition, since the process is performed assuming that the hole is a trash can, the user can easily recognize intuitively, has excellent operability, and is visually excellent.
The input operation for forming the hole is not particularly limited, and may be determined as appropriate according to the input means.

In the information display device according to the aspect of the invention, the display control unit may display the object as an image imitating a water drop, and may perform display control of an animation imitating the movement state of the object and the movement state of the water drop. Good.
In the present invention, an object having a shape imitating a plurality of water droplets is arranged on a background image. The mode in which the background image is deformed by the user's operation and the water droplet object moves in the direction of gravity along the gradient is similar to the mode in which the water droplet slides down on the leaf, so that it can be recognized more naturally by the user. it can. Therefore, since the movement state of the water drop object can be easily assumed, the input operability for the background image is improved.
Further, such a three-dimensionally changing aspect on the planar background image is visually excellent.

In the information display device according to the aspect of the invention, it is preferable that the input unit is a touch input unit having an input region overlapping the background image, and the user operation is a touch operation on the touch input unit.
According to the present invention, by using the touch input unit as the input means, it is possible to give a more direct instruction (input) to the background image, and the operability can be improved.

The information display method of the present invention is an information display method in which a background image is a three-dimensional plane and a plurality of objects are arranged and displayed on the background image, and a user operation on the background image is performed by the input means. In the case where it is broken, a step of forming a virtual gravity in the vertical direction of the three-dimensional plane and changing the inclination of the background image with respect to the direction of the gravity three-dimensionally according to a user operation on the background image Controlling the display of an animation for moving the positions of the plurality of objects on the three-dimensional plane along the gravity according to the change in the background image; and If the operation is not performed, especially to have a, and performing control to display an initial image not causing an inclination to the background image To.

In the present invention, the background image can be three-dimensionally changed by simply performing an input operation on the background image, and a plurality of objects can be moved together. The manner in which an object moves along virtual gravity on a three-dimensionally changed background image can be assumed more naturally and easily for the user, so that the operation input to the background image can be performed intuitively. it can. According to this, the user does not need to select an object, and can simply perform an input operation on the background image, which is excellent in operability. In particular, since the user's operation is directly reflected in the change of the background image, it is excellent in operability and visual.
In addition, a planar background image is changed into a virtual three-dimensional space, and the movement mode based on virtual gravity along the deformation of the background image is a natural mode based on the laws of nature and is visually superior. ing.

The program of the present invention is a program for displaying a background image as a three-dimensional plane and arranging and displaying a plurality of objects on the background image, and when a user operation is performed on the background image by the input means. , said form a virtual gravity vertical three-dimensional plane, the step of the gradient three-dimensionally change the background image with respect to the direction of the gravitational force in response to user operation on the background image, the background A step of performing display control of an animation for moving the positions of the plurality of objects on the three-dimensional plane along the gravity according to a change of an image, and a user operation on the background image by the input unit are performed. If not, execution and performing control to display an initial image not causing an inclination to the background image, to the computer And characterized in that.

  According to the present invention, since the information display method described above is executed by the computer, the same operational effects as described above can be obtained with a simple configuration simply by installing this program, and the utility is high.

The block diagram which shows the structure of the information display apparatus concerning one Embodiment of this invention. The flowchart which shows operation | movement of the information display apparatus in the said embodiment. Schematic which shows the initial image displayed on the monitor in the said embodiment. Schematic which shows a mode that the user inputs operation of the pattern 1 with respect to an initial image in the said embodiment. Schematic which shows the change of the background image with respect to the user's pattern 1 operation input in the said embodiment. Schematic which shows the image after the process completion with respect to the user's pattern 1 operation input in the said embodiment. Schematic which shows the change of a background image with respect to the user's pattern 2 operation input in the said embodiment, and the movement aspect of an object. Schematic which shows the image after the process completion with respect to the user's pattern 2 operation input in the said embodiment. Schematic which shows the change of the background image with respect to the user's pattern 3 operation input in the said embodiment, and the movement aspect of an object. Schematic which shows the image after the completion | finish of a process with respect to the user's pattern 3 operation input in the said embodiment. Schematic which shows the change of the background image with respect to the user's pattern 4 operation input in the said embodiment, and the movement aspect of an object. Schematic which shows the image after the completion | finish of a process with respect to the operation input of the user's pattern 4 in the said embodiment. Schematic which shows the movement aspect of the object with respect to the operation input of the user's pattern 5 in the said embodiment.

Hereinafter, embodiments of the present invention will be described with reference to the drawings. In this embodiment, a mobile personal computer (PC) capable of displaying icons on a desktop screen is exemplified as an information display device that displays a plurality of objects on a background image.
[1. Configuration of information display device]
As shown in FIG. 1, the information display device 1 includes a control unit 10, a storage unit 20, an input unit 30, and an output unit 40.

The control unit 10 is an arithmetic processing unit (CPU, Central Processing Unit) that performs calculation and processing of information, and controls the entire information display device 1. The control unit 10 reads and executes various programs stored in the storage unit 20 as appropriate, thereby cooperating with the above-described hardware (storage unit 20, input unit 30, output unit 40) and various types of the present invention. The function is realized.
The control unit 10 provides a user interface (UI) that functions as a display control unit of the present invention, and performs image display control according to an input signal from the input unit 30. Specifically, the control unit 10 includes an object arrangement acquisition unit 11, an input operation detection unit 12, a background image 3D processing unit 13, a background image gradient calculation unit 14, an object arrangement calculation unit 15, and an animation display unit. 16.

The object arrangement acquisition unit 11 acquires position information of all the water drop objects arranged on the background image.
The input operation detection unit 12 detects an operation input to the touch panel of the user based on an input signal from the input unit 30.
The background image 3D processing unit 13 sets the background image as a three-dimensional plane, and forms (simulates) virtual gravity in the direction perpendicular to the three-dimensional plane in accordance with a user operation input. Change the original.

The background image gradient calculation unit 14 calculates a gradient (tilt) generated in the background image changed three-dimensionally.
The object arrangement calculation unit 15 calculates the position of the movement destination of the water droplet object based on the calculated gradient of the background image. Further, the moving speed and moving distance of the water drop object are adjusted according to the degree of gradient.
The animation display unit 16 displays an animation of the movement mode of the water droplet object simulating the mode in which the water droplet moves on the leaf based on the position information of the movement destination of the water droplet object and the movement speed.

The storage unit 20 includes a local memory used for execution of programs such as the OS and various applications by the control unit 10, a large-capacity hard disk (HD), and a cache memory used for efficiently searching the HD. Contains. As the storage unit 20, a computer-readable medium is used electrically, magnetically, optically, and electromagnetically.
The storage unit 20 stores image data used as a background image and icon data such as an application and a file stored in the water drop object.

  The input unit 30 receives an operation by a user and includes a keyboard and a touch panel. As shown in FIG. 3, the touch panel 32 has an input area that overlaps a monitor 41 that displays a background image on the entire surface, and receives an input by a user's touch operation on the input area. The touch operation can be directly performed using a finger or a pen. When an operation input from the touch panel 32 is received, the input signal is transmitted to the control unit 10.

  The output unit 40 has a monitor 41 and is display-controlled by a display control signal input from the control unit 10, and displays an image in which a water drop object is arranged on the background image on the monitor 41.

[2. Operation of information display device]
Next, the operation of the information display device 1 will be described.
A water droplet object display control process executed by the control unit 10 of FIG. 1 will be described based on the flowchart of FIG.
First, the control unit 10 acquires background image data stored in the storage unit 20 and displays the background image data on the monitor 41 as a background image, and acquires icon data such as applications and files stored in the storage unit 20. , Randomly placed on the background image. These icon data are all stored in a water drop object 120 having a shape imitating a water drop, and a plurality of water drop objects 120 are randomly arranged on the background image 110 as shown in FIG. Although not shown, each water drop object 120 may be identified by displaying an image of each icon on the water drop object 120.
The image displayed on the monitor 41 in this way is set as the initial image 100. As shown in FIG. 3, the initial image 100 includes a background image 110 that is displayed on the entire surface of the monitor 41 and a plurality of water droplet objects 120 that are randomly arranged on the background image 110.

  In the present embodiment, five patterns of movement modes are illustrated and described according to a user input operation on the initial image 100. In the present embodiment, virtual gravity is formed with the plane formed by the background image 110 as a three-dimensional plane. A direction perpendicular to the three-dimensional plane is defined as a vertical (gravity) direction. That is, as viewed from the user, the direction extending toward the near side of the monitor 41 (background image 110) is the vertically upward direction, and the direction extending beyond the monitor 41 (background image 110) is the vertically downward direction.

[2-1. Pattern 1]
In a state where the above-described initial image 100 is displayed, the control unit 10 monitors an operation input on the touch panel 32.
Here, after the user touches the touch panel 32 with the thumb 51 and the index finger 52 sandwiching an arbitrary area 111 of the background image 110 as shown in FIG. 4, the user moves the thumb 51 and the index finger 52 as shown in FIG. It moves in the direction approaching each other along the touch panel 32, and performs an operation of pinching an arbitrary area 111 and pulling up the background image 110 vertically upward (operation input pattern 1).
The input unit 30 receives this operation, converts it into an input signal, and transmits it to the control unit 10.
Hereinafter, description will be made based on the flowchart of FIG.
In step S <b> 11, when the control unit 10 receives an input signal from the input unit 30, the input operation detection unit 12 detects a user operation input pattern included in the input signal. When the operation input pattern is detected, the process proceeds to step S12. When the operation input pattern is not detected, the control unit 10 continues the monitoring state.

In step S <b> 12, the object arrangement acquisition unit 11 acquires position information of all the water drop objects 120 arranged in the background image 110. This position information is stored in the storage unit 20 when the initial image 100 is displayed on the monitor 41. After acquisition, the process proceeds to step S13.
In step S13, the background image 3D processing unit 13 changes the background image 110 three-dimensionally according to the user operation input detected in step S11. In the case of the operation input pattern 1 described above, an arbitrary region 111 shown in FIG. 4 is protruded vertically upward of the background image 110, and a ridge-like protrusion 112 shown in FIG. 5 is three-dimensionally formed. After formation, the process proceeds to step S14.

  In step S14, the background image gradient calculation unit 14 calculates a gradient generated in the background image 110 by the ridge-shaped protrusion 112 formed in three dimensions, and proceeds to step S15. For example, as shown in FIG. 4, the touch position of the thumb 51 on the background image 110 is detected as A, the touch position of the index finger 52 is detected as B, and the midpoint between AB is defined as C. Then, as shown in FIG. 5, the touch position of the thumb 51 after moving the thumb 51 and the index finger 52 is detected as A ′, and the touch position of the index finger 52 is detected as B ′. Next, the movement distance of these fingers, that is, the distance between AA ′ and the distance between BB ′ is calculated, and the longer one of these distances (for example, the distance between AA ′) is set as the height of the protrusion 112. . Here, the protrusion 112 is formed in a substantially triangular cross section. Therefore, a right-angled triangle is virtually formed in a three-dimensional space with a straight line connecting the touch position A and the midpoint C before the thumb 51 is moved as a base, and the distance between the above-mentioned AA ′ is heightened. The slope (angle) of the straight line (slope) connecting A from the vertex of the is calculated. In addition, when the line which connects A from the vertex of a right triangle is formed in a curve shape, the gradient in the arbitrary some positions of a background image is each calculated.

  In step S15, the object arrangement calculation unit 15 calculates the position information and movement speed of the movement destination of the water drop object 120 based on the position information of the water drop object 120 acquired in step S12 and the gradient calculated in step S14. To do. For example, the acceleration based on the gravity generated when the water drop object 120 is arranged on the slope of the right triangle described above is calculated. In this case, each water drop object 120 may be preliminarily set to have a weight corresponding to the data amount and data type, and may be calculated based on this weight. In addition, when the slope of the right triangle described above is formed in a curved surface shape, the gradient increases as the distance from the ridge of the protruding portion 112 of the background image 110 increases. Increase travel distance and speed. After the calculation, the process proceeds to step S16.

In step S <b> 16, the animation display unit 16 animates the state in which each water drop object 120 moves based on the position information of the water drop object 120 in the initial image 100 and the position information and movement speed of the movement destination calculated in step S <b> 15. indicate. Since the water drop object 120 imitates a water drop, its moving state is displayed as an animation simulating a state in which a water drop moves on a leaf. Therefore, as shown in FIG. 5, during the movement, the shape of the water drop object 120 is deformed so as to be loosened in the direction of gravity, and is moved to a new position while being deformed into an elliptical shape or other shapes.
The water droplet object 120 that has moved in this way is in a state of being divided into two on the background image 110, as shown in FIG.

[2-2. Pattern 2]
Next, the user performs an operation of touching an arbitrary position of the background image 110 via the touch panel 32 with the index finger 52 as shown in FIG. 7 (operation input pattern 2).
In steps S11 and S12, the same operation as described above is performed.

In step S13, the background image 3D processing unit 13 changes the background image 110 three-dimensionally according to the operation input pattern 2 described above. That is, as shown in FIG. 7, a concave indentation 113 centering on the position touched by the user is formed. The recessed portion 113 has an opening on the three-dimensional plane of the background image 110 and has a shape that is recessed vertically downward. The depth of the indentation 113 is adjusted according to the time that the user is touching. For example, the longer the touch time, the deeper the recessed portion 113 or the wider the opening.
In step S <b> 14, the background image gradient calculation unit 14 calculates a gradient generated in the background image 110 by the recessed portion 113 that is recessed in the direction of gravity. For example, the depth and width of the indentation 113 (radius centered on the touch position) are determined in accordance with the user's touch time on the touch panel 32, and a right triangle whose base is the radius is assumed to be the height. The angle of the hypotenuse of this right triangle is calculated as a gradient. Note that when the hypotenuse of the right triangle is formed in a curved line, the gradients at arbitrary positions of the background image 110 are calculated.

In step S <b> 15, the object placement calculation unit 15 increases the moving distance of the water drop object 120 located closer to the depression 113 because the gradient becomes larger as it is closer to the depression 113 of the background image 110. Further, the moving speed of the water drop object 120 at a position where the gradient is large is increased.
In step S <b> 16, the animation display unit 16 moves the water drop object 120 at the position where the gradient of the background image 110 is generated in the direction of the indentation unit 113.
In this way, as shown in FIG. 8, a plurality of water droplet objects 120 can be collected at an arbitrary position of the background image 110.

[2-3. Pattern 3]
Next, as shown in FIG. 9, the user performs an operation of continuously touching an arbitrary position of the background image 110 twice via the touch panel 32 with the index finger 52 (operation input pattern 3).
In steps S11 and S12, the same operation as described above is performed.

In step S <b> 13, the background image 3D processing unit 13 changes the background image 110 three-dimensionally according to the operation input pattern 3 described above. That is, as shown in FIG. 9, a hole 114 that penetrates the background image 110 in the vertical direction around the position touched by the user is formed. The hole 114 has an opening on the three-dimensional plane of the background image 110.
In step S14, since the gradient does not occur in the background image 110 due to the hole 114, the background image gradient calculation unit 14 proceeds to step S15 without performing the process.
In step S <b> 15, the object arrangement calculation unit 15 identifies the water drop objects 120 within a predetermined range from the hole 114 of the background image 110, and sets the movement destination of these water drop objects 120 to the position of the hole 114. .
In step S16, the animation display unit 16 moves the water drop object 120 specified in step S15 to the hole 114, and deletes the water drop object moved to the hole 114.
In this way, as shown in FIG. 10, a plurality of water drop objects 120 can be deleted from an arbitrary region of the background image 110. Since there is a time delay while the water drop object 120 moves, the deletion can be canceled during this time. As a specific operation, for example, the deletion may be stopped by a touch operation such as touching the screen again.

[2-4. Pattern 4]
Next, after the user touches the touch panel 32 with the thumb 51, the index finger 52, and the middle finger 53 sandwiching an arbitrary area of the background image 110, the thumb 51, the index finger 52, and the middle finger 53 are touched as shown in FIG. Are moved in a direction approaching each other along the touch panel 32, and an operation of pinching an arbitrary region and pulling it up in the vertical direction of the background image 110 is performed (operation input pattern 4). The operation input pattern 4 is an operation input for moving three or more touch positions (thumb 51, forefinger 52, and middle finger 53) in a direction approaching each other.
In steps S11 and S12, the same operation as described above is performed.

In step S13, the background image 3D processing unit 13 changes the background image 110 three-dimensionally according to the operation input pattern 4 described above. That is, as shown in FIG. 11, an arbitrary region is protruded vertically upward to form a circular protrusion 115 three-dimensionally.
In step S14, the background image gradient calculation unit 14 calculates a gradient generated in the background image 110 by the protruding portion 115 protruding vertically upward. That is, gradients at arbitrary positions in the background image 110 are calculated. This gradient can be calculated in the same manner as in Pattern 1 described above.

In step S <b> 15, the object arrangement calculation unit 15 calculates position information of the movement destination of the water droplet object 120 that moves along the gradient generated by the protrusion 115 of the background image 110. At this time, the moving distance and moving speed of each water droplet object 120 are adjusted. The moving distance of each water droplet object 120 is longer as the gradient is larger, and the moving speed is faster as the gradient is larger.
In step S <b> 16, the animation display unit 16 displays a state in which the water drop object 120 at the position where the gradient of the background image 110 is generated is moved to a newly calculated position at the calculated moving speed.
In this way, as shown in FIG. 12, the plurality of water droplet objects 120 of the background image 110 can be moved from an arbitrary region.

[2-5. Pattern 5]
Next, a case where the specific water drop object 120 is moved to a desired position will be described with reference to FIG.
The user touches a specific water drop object 120 via the touch panel 32 (first touch), and then touches (second touch) an arbitrary position to which the water drop object 120 is moved. And the operation | movement (3rd touch) which draws the connecting line which connects the arbitrary positions of a movement destination from the specific water drop object 120 is performed (operation input pattern 5).
Steps S11 and S12 perform the same operation as described above.

  In step S13, the background image 3D processing unit 13 changes the background image 110 three-dimensionally according to the user operation input detected in step S11. That is, the first indentation 116 capable of accommodating the specific water drop object 120 to which the first touch is made is formed in a three-dimensional manner. Further, the second indentation 117 centering on an arbitrary position where the second touch is made is formed three-dimensionally. Further, a connecting groove 118 having the connecting line drawn by the third touch as the central axis is formed. The first indented portion 116, the second indented portion 117, and the connecting groove 118 are formed in a shape that is recessed vertically downward on the three-dimensional plane of the background image 110. After formation, the process proceeds to step S14.

In step S14, the background image gradient calculation unit 14 calculates a gradient generated in the connecting groove 118 formed three-dimensionally and proceeds to step S15. The connecting groove 118 is caused to have a gradient according to the length of time that the user is touching when drawing the connecting line with the finger on the touch panel 32. For example, the gradient is increased as the touch time is longer.
In step S15, the object arrangement calculation unit 15 sets the movement destination of the specific water drop object 120 as the second indentation unit 117, and further calculates the movement speed of the specific water drop object 120 based on the gradient calculated in step S14. . The larger the gradient generated in the connecting groove 118 is, the higher the moving speed is adjusted. After the calculation, the process proceeds to step S16.

In step S <b> 16, the animation display unit 16 displays an aspect in which the specific water drop object 120 is moved to the second indentation part 117 along the connection groove part 118, and an animation imitating the aspect in which the water drop moves on the leaf. To do.
In this way, the specific water drop object 120 can be moved to a desired position.

[3. Effects of this embodiment]
In embodiment mentioned above, there can exist the effect shown below.
The background image 3D processing unit 13 changes the background image 110 three-dimensionally only by the user directly touching the background image 110 via the touch panel 32. This change causes a gradient in the background image 110 and creates virtual gravity. Therefore, the water drop object 120 existing in this virtual space naturally moves in the direction of gravity along the gradient of the background image 110. Such a movement mode imitates the movement mode of water droplets, which is a natural phenomenon, and is thus more easily recognized by the user. Therefore, since the user can easily assume the movement of the water drop object 120, the user can perform an operation based on the assumption, and the operability is excellent.
In addition, it is visually superior to draw such a movement mode simulating a natural phenomenon on the flat monitor 41, and is suitable for the user's preference.
In particular, since the background image 110 can be directly deformed with a finger via the touch panel 32, it is easy for the user to operate.

In the above-described pattern 1, it is possible to move a plurality of water droplet objects 120 randomly arranged on the background image 110 together and arrange them in two by simply touching the background image 110 once. it can.
In the above-described pattern 2, a plurality of water droplet objects 120 can be collected in an arbitrary region of the background image 110 by performing an input operation on the background image 110 only once. Further, when generating the indentation 113 in the background image 110, the background image 3D processing unit 13 performs display control to change the gradient of the background image 110 according to the length touched by the user on the touch panel 32. . According to this, the user can freely form the recessed portion 113 having a desired gradient in the background image 110 by adjusting the length of the operation input. Thus, since the background image 110 changes as the user desires and the water drop object 120 can be moved in accordance with the change, the user can easily assume the movement mode of the water drop object 120, and the operation Excellent in properties.

  In pattern 3 described above, a plurality of water droplet objects 120 within a predetermined range can be moved together and deleted only by performing an input operation of continuously touching the background image 110 twice. According to this, since there is a time delay before the water drop object 120 moves to the hole 114, when the user reconsiders the deletion, the deletion process can be stopped immediately, and the operability is excellent.

In the pattern 4 described above, the projection 115 is three-dimensionally formed in an arbitrary area of the background image 110 by performing only one input operation on the background image 110, and a plurality of water droplet objects 120 arranged in this area are formed. Can be moved together.
In the pattern 5 described above, the specific water drop object 120 can be moved to a desired position by an input operation on the background image 110.

[4. Modified example]
In addition, this invention is not limited to embodiment mentioned above, In the range which can achieve the objective of this invention, the deformation | transformation shown below is also included.
For example, in the above embodiment, the moving speed is adjusted according to the gradient generated in the background image 110, but the method for adjusting the moving speed is not limited to this. For example, assuming that the data amount of the icon data stored in the water drop object 120 is the weight of the water drop object 120, the moving speed of the water drop object 120 is adjusted according to this weight. That is, the movement speed is increased as the data amount is increased. According to this, the user can grasp the data amount of each icon to some extent only by looking at the movement state of the water drop object 120.

In the above embodiment, each water drop object 120 may have an attribute. In this case, since the movement mode is based on each attribute, operability is improved.
For example, in the movement mode of the pattern 2 described above, when forming the recessed portion 113 in the background image 110, an attribute is given to the recessed portion 113. As a method of assigning an attribute, for example, there is a method of displaying a menu related to the attribute when the touch panel 32 is touched and allowing the user to select from the displayed menu. Thus, only the water drop object 120 having the same attribute or a lower attribute moves to the recessed portion 113 to which the attribute is given. For example, when application attributes or files stored in the water drop object 120 randomly arranged on the background image 110 are given the attribute “file” to the indented portion 113, the file is stored in the indented portion 113. Only the water droplet object 120 can be collected.

In the pattern 3 described above, the hole 114 is formed when the user performs an operation of touching twice continuously. However, the user's operation input is not limited thereto. For example, the hole 114 may be formed when the user is touching for a predetermined time or more.
Furthermore, in the above-described pattern 3, only the hole 114 is formed on the background image 110, but the configuration of the hole 114 is not limited to this. For example, a recess is formed at a position where the user has performed an input operation, and a hole is formed at the center of the recess. In other words, a gradient in the three-dimensional space may be formed around the hole.

  In the movement mode of the pattern 3 described above, when the hole 114 is formed in the background image 110, an attribute is given to the hole 114. The method of assigning the attribute is the same as in the case of the above-described pattern 2. In this way, only the water drop object 120 having the same attribute or a lower attribute moves to the hole 114 to which the attribute is given, and is deleted. For example, when the hole 114 is given an attribute of a file whose update date and time is before December 31, 2008, among the files stored in the water drop object 120 randomly arranged on the background image 110, the hole In 114, it is possible to move and delete only the water drop object 120 in which the file whose update date and time is before December 31, 2008 is stored.

  In the movement mode of the pattern 5 described above, an arbitrary water drop object 120 is selected by the first touch to form the first indented portion 116 in the background image 110, and another water drop object 120 is moved by the second touch. The second indentation 117 is formed in the background image 110 by selection. Then, a connecting groove portion 118 that connects the first recess portion 116 and the second recess portion 117 is formed in the background image 110 by the third touch. In the connecting groove 118, a gradient is generated by the third touch, and an arbitrary water drop object 120 moves from the first recess 116 toward the second recess 117. When the attributes of an arbitrary water drop object 120 and another water drop object 120 located in the recess 117 are the same, these two water drop objects 120 are merged into a large water drop object 120. At this time, two files are stored in the large water droplet object 120. Further, when the attributes of the two water drop objects 120 are different, they are not merged. According to this, the water droplet objects 120 randomly arranged on the background image 110 can be organized for each water droplet object 120 having the same attribute.

In the above embodiment, the touch panel 32 is used as the input unit. However, for example, a pressure-sensitive touch panel may be used. According to this, the gradient generated in the background image 110 may be calculated based on the pressure pressed by the user with the finger.
A pointing device such as a mouse may be used as the input means. In this case, the process of the above-mentioned patterns 1-5 can be performed as follows.
As a user operation input by the mouse for changing the background image 110 as in the pattern 1, for example, an operation of drawing a line by dragging and dropping the mouse at an arbitrary position on the background image 110 is performed. Thereby, the ridge-like protrusion 112 is formed at the position where the line is drawn. Therefore, the water drop object 120 can be moved in two directions opposite to each other with the ridge-like protrusion 112 as a boundary, and can be divided into two.

In the case of pattern 2, for example, the user performs a mouse click operation at an arbitrary position on the background image 110. In response to this click operation, the background image 3D processing unit 13 three-dimensionally forms the recessed portion 113 at an arbitrary position of the background image 110.
In the case of pattern 3, for example, the user performs a mouse double-click operation at an arbitrary position on the background image 110. In response to this double-clicking operation, the background image 3D processing unit 13 forms the hole 114 three-dimensionally at an arbitrary position of the background image 110.
In the case of the pattern 4, for example, the user performs an operation of drawing a circle in an arbitrary region of the background image 110 by dragging and dropping the mouse, and clicks the mouse at the center position of the drawn circle. In response to these operations, the background image 3D processing unit 13 forms the projection 115 three-dimensionally in a circled area.

In the case of pattern 5, for example, the user performs a mouse click operation at the position of an arbitrary water drop object 120. By this click operation, the background image 3D processing unit 13 three-dimensionally forms a first indentation unit 116 that can store an arbitrary water drop object 120 of the background image 110. Next, the user performs a mouse click operation at an arbitrary position on the background image 110. By this click operation, the background image 3D processing unit 13 three-dimensionally forms the second recess 117 at an arbitrary position of the background image 110. Next, the user draws a line so as to connect the first indented portion 116 and the second indented portion 117 by dragging and dropping the mouse. By this operation, the background image 3D processing unit 13 three-dimensionally forms a connecting groove 118 that connects the first indented part 116 and the second indented part 117.
By the operation using the mouse as described above, the background image 110 can be changed three-dimensionally, and the water drop object 120 can be moved in accordance with this change.

  The present invention can be used in a personal computer, a mobile computer, a portable information terminal, a cellular phone, a portable game machine and the like having a display screen.

DESCRIPTION OF SYMBOLS 1 ... Information display apparatus 10 ... Control part 20 ... Memory | storage part 30 ... Input part 40 ... Output part 41 ... Monitor 100 ... Initial image 110 ... Background image 112 ... Ridge-shaped protrusion 113 ... Indentation part 114 ... Hole 120 ... Water droplet object

Claims (9)

An information display device that displays a background image as a three-dimensional plane and arranges and displays a plurality of objects on the background image,
Input means for receiving a user operation on the background image;
When a user operation is performed on the background image by the input unit , a virtual gravity is formed in a direction perpendicular to the three-dimensional plane, and the direction of the gravity according to the user operation by the input unit The display control of the animation for moving the position of the plurality of objects on the three-dimensional plane along the gravity according to the change of the background image is performed in a three-dimensional manner. Yes,
If the operation of a user on the background image by the input means is not performed, and characterized in that it comprises a display control unit intends row control to display an initial image not causing an inclination to the background image Information display device. The information display device according to claim 1,
The input means is a touch input unit having an input area overlapping the background image,
The display control means includes
After the user touches the touch input unit with two fingers sandwiching an arbitrary area of the background image, the user moves the two fingers along the touch input unit in a direction approaching each other, and Forming a ridge-like protrusion that protrudes in the opposite direction to the gravitational direction of the image,
An information display apparatus that controls display of an animation for moving the plurality of objects in directions opposite to each other with the ridge-shaped protrusion as a boundary . In the information display device according to claim 1 or 2,
The display control means includes
An information display device, wherein the data amount of the object is assumed to be the weight of the object, and the moving speed of the object is adjusted according to the weight . In the information display device according to any one of claims 1 to 3,
The display control means includes
An information display device , wherein an attribute is set for each of the plurality of objects, and the object to be operated is selected by selecting the attribute when the user performs an operation . In the information display device according to any one of claims 1 to 4,
The display control means includes
In response to the user's operation, to form a concave recess having an opening in the background image,
An information display device that performs display control of an animation for moving the plurality of objects to the indented portion . The information display device according to any one of claims 1 to 5,
The display control means includes
An information display device that moves an object located within a predetermined range from a deformation position of the background image among the plurality of objects . The information display device according to any one of claims 1 to 6,
The input means is a touch input unit having an input area overlapping the background image,
The information display device, wherein the user operation is a touch operation on the touch input unit. An information display method for displaying a background image as a three-dimensional plane and arranging and displaying a plurality of objects on the background image,
When a user operation is performed on the background image by the input unit , virtual gravity is formed in the vertical direction of the three-dimensional plane, and the gravity direction is set according to the user operation on the background image. Changing the inclination of the background image three-dimensionally;
Performing display control of animation for moving the positions of the plurality of objects on the three-dimensional plane along the gravity according to the change of the background image;
And a step of performing control to display an initial image in which the background image is not tilted when a user operation on the background image is not performed by the input means. Method. A program for setting a background image as a three-dimensional plane and arranging and displaying a plurality of objects on the background image,
When a user operation is performed on the background image by the input unit , virtual gravity is formed in the vertical direction of the three-dimensional plane, and the gravity direction is set according to the user operation on the background image. Changing the inclination of the background image three-dimensionally;
Performing display control of animation for moving the positions of the plurality of objects on the three-dimensional plane along the gravity according to the change of the background image;
When the user does not perform an operation on the background image by the input means, the computer is caused to execute a step of performing control to display an initial image in which the background image is not inclined. Program to do.

Images