JP4354510B1 - Image processing apparatus, image processing method, and program - Google Patents

Abstract

An object of the present invention is to simply express a movement of shaking.
In an image processing apparatus, a storage unit 201 includes first pasting area information 251 indicating a position and a shape of a first polygon area to which a first texture image is pasted, and a second pasting second texture image. Second pasting area information 252 indicating the position and shape of the polygonal area is stored. The update unit 202 converts the shape of the first polygon region and the second polygon region into a virtual space so that the predetermined one side of the first polygon region and the predetermined one side of the second polygon region exist on the same straight line. And the shape of the first polygon region and the shape of the second polygon region are deformed using affine transformation. The generation display unit 203 generates and displays an image in which the first texture image is pasted on the first polygon area and the second texture image is pasted on the second polygon area. The update unit 202 repeatedly executes the process of deforming the shape of the first polygonal area in the first cycle, and repeatedly executes the process of deforming the shape of the second polygonal area in the second cycle.
[Selection] Figure 2

Description

  The present invention relates to an image processing apparatus, an image processing method, and a program suitable for simply expressing a motion of shaking.

In the field of games and the like, various ideas have been made so that an image representing a virtual space looks more realistic. For example, in Patent Document 1, the shape of a water surface object is deformed according to the passage of time to express a state where waves on the water surface are shaken, and devised so that the waves look more realistic. Further, for example, Patent Document 2 expresses a state in which grass or the like is shaken by a flow of water or wind by causing a distortion corresponding to a distance from a fixed point in an object image.
JP 2002-216159 A JP 2005-346165 A

  However, according to the prior art as described above, since the texture image is pasted by deforming an object covered with innumerable polygons, the vertexes of the polygons must be recalculated according to the shaking, and the comparison There was a problem that it would be a heavy processing.

  The present invention solves such a problem, and an object of the present invention is to provide an image processing apparatus, an image processing method, and a program suitable for simply expressing the motion of shaking.

  In order to achieve the above object, the following invention is disclosed in accordance with the principle of the present invention.

An image processing apparatus according to a first aspect of the present invention includes a storage unit, an update unit, and a generation display unit.
The storage unit stores the positions and shapes of the first polygon region to which the first texture image is pasted and the second polygon region to which the second texture image is pasted.
The updating unit determines the positions of the vertices other than the end points of the predetermined one side of each of the first polygon area and the second polygon area, and the second polygon in the first cycle for the first polygon area. The shape stored in the storage unit is updated so that each of the square regions is vibrated in the second period to change the shape.
The generation display unit pastes the first texture image on the first polygon area and pastes the second texture image on the second polygon area based on the position and shape stored in the storage unit. Generate and display an image.

  The image processing apparatus of the present invention pastes a texture image on a polygonal area arranged in the virtual space, and sees the situation in the virtual space including the polygonal area in the direction of the line of sight from the position of the viewpoint in the virtual space. Generate and display an image. The polygonal region is, for example, a rectangle, a square, a parallelogram, a quadrangle such as a trapezoid, or a shape such as a triangle. The image processing apparatus can set a polygonal region at an arbitrary position in the virtual space. In the texture image, a picture of an object that expresses shaking is drawn in advance. For example, if you want to express how the leaves are swaying in the wind, draw a picture of the leaves on the tree, or if you want to express how the aquatic plants are swaying in the flow of water, draw a picture of the aquatic plants on the still image. Keep it.

  The polygonal area includes a first polygonal area and a second polygonal area, each of which has a variable shape. The image processing apparatus deforms the shape of the first polygonal region so as to vibrate in the first cycle, and deforms the shape of the second polygonal region so as to vibrate in the second cycle. The first period and the second period may be the same or different. Moreover, the amplitude of vibration may be the same or different. Then, the image processing apparatus pastes the first texture image on the deformed first polygon region, and pastes the second texture image on the deformed second polygon region. The first texture image and the second texture image may be the same or different.

  For example, when the shapes of the first polygonal area and the second polygonal area are gradually changed so as to vibrate at regular timing such as vertical synchronization interruption, pictures drawn on the first texture image and the second texture image ( For example, an animation representing a state in which a picture of a leaf, aquatic plant, etc.) sways left and right, up and down, etc. is displayed. According to the present invention, the image processing apparatus can express the movement of the sway only by performing the deformation process of the figure in the UV space with a relatively small calculation load of changing the shape of the polygonal region to which the texture image is pasted. can do.

  The update unit matches the position of the predetermined one side of each of the first polygon region and the second polygon region, affine transforms the first texture image, deforms the second texture image, You may deform | transform by affine transformation.

  That is, the image processing apparatus adopts affine transformation using a predetermined affine matrix that deforms a figure by moving, rotating, inverting, enlarging, or reducing as a method for deforming the first polygon area and the second polygon area. Can do. By changing each matrix element of the affine matrix, various deformation methods can be realized.

The first polygon area and the second polygon area may exist on the same plane in the virtual space.
Then, the update unit deforms the second polygon region in a direction opposite to the direction in which the first polygon region is deformed, so that the shape of the first polygon region and the second polygon region are changed. The shape may be changed.

  For example, the shapes of the first polygon region and the second polygon region in the initial state (the state before shaking) are both rectangular, the first polygon region is tilted in a predetermined direction, and is transformed into a parallelogram. The polygonal region is tilted in the direction opposite to the predetermined direction to be transformed into a parallelogram. Then, if the shapes of the first polygon area and the second polygon area are changed so as to vibrate with the passage of time, it is possible to express the movement of shaking as if shaking at the same place. . In other words, by drawing a plurality of pictures of only one object on purpose, such as afterimages, it is possible to intuitively and easily express how the object is shaking or moving. However, the shape is not limited to a rectangle or a parallelogram.

An image processing apparatus according to another aspect of the present invention includes a storage unit, an update unit, and a generation display unit.
The storage unit stores the position and shape of a polygonal region to which one or more texture images are pasted.
The update unit updates the shape stored in the storage unit so as to vibrate the positions of the vertices other than the end points of the predetermined side of the polygonal region in a direction in which the predetermined side extends.
The generation display unit generates and displays an image in which one or a plurality of texture images are pasted on the polygonal area based on the position and shape stored in the storage unit.

  The shape of the polygonal region is variable. The position of the predetermined one side of the figure constituting the polygonal region is unchanged before and after the shape change. This predetermined one side is called a fixed side. The image processing apparatus deforms the shape of the polygonal region so as to vibrate in a direction in which the fixed side extends in a predetermined cycle. Then, the image processing apparatus pastes a predetermined texture image on the deformed polygonal region. There may be one or more texture images. For example, if the shape of the polygonal area is gradually changed to vibrate at a regular timing such as vertical synchronization interruption, the picture drawn on the texture image (for example, a picture of a leaf, aquatic plant, etc.) sways left and right, up and down, etc. An animation showing the situation is displayed. According to the present invention, the image processing apparatus can express the movement of the sway only by performing the deformation process of the figure in the UV space with a relatively small calculation load of changing the shape of the polygonal region to which the texture image is pasted. can do.

  The update unit further stores the shape stored in the storage unit so as to vibrate the positions of the vertices other than the end points of the predetermined one side in a direction perpendicular to the direction in which the predetermined one side extends in the predetermined cycle. It may be updated.

  That is, the shape of the polygonal region is distorted in the direction in which the fixed side extends, and is also distorted in the direction perpendicular to the direction in which the fixed side extends. For example, it is possible to prevent the picture drawn in the texture image from expanding and contracting to look unnatural. According to the present invention, it is possible to easily represent a more natural shaking motion.

  The updating unit may update the shape stored in the storage unit so as to fix the predetermined one side and vibrate at the predetermined period.

  In the present invention, the first polygonal region and the second polygonal region are such that a predetermined one side of the polygon representing the first polygonal region and a predetermined one side of the polygon representing the second polygonal region are on the same line. Arranged to exist. That is, the polygonal fixed side representing the first polygonal region and the polygonal fixed side representing the second polygonal region are arranged on the same straight line. For example, when it is desired to express a state in which the leaves of the tree are swaying in the wind, a fixed side is provided at a position including the root part of the tree in the direction of the branch where the leaves of the tree grow. For example, when it is desired to express how the aquatic plants are swaying in the waves, a fixed side is provided at a position including the root portion of the aquatic plants in the direction of the ground where the aquatic plants are growing. By providing a fixed side in this way, it is possible to express the state in which the object is shaking more easily. In addition, it is desirable to make the position of the fixed side unchanged before and after the deformation of the first polygon area and the second polygon area.

An image processing method according to another aspect of the present invention is an image processing method executed by an image processing apparatus having a storage unit, an update unit, and a generation display unit, and includes an update step and a generation display step.
The storage unit stores the positions and shapes of the first polygon region to which the first texture image is pasted and the second polygon region to which the second texture image is pasted.
In the updating step, the positions of the vertices other than the end points of the predetermined one side of each of the first polygon area and the second polygon area are changed in the first cycle for the first polygon area. The update unit updates the shape stored in the storage unit so that the square region is vibrated in the second period and the shape is changed.
In the generation display step, the generation display unit pastes the first texture image on the first polygon region based on the position and shape stored in the storage unit, and the second texture on the second polygon region. Generate and display an image with the image pasted.

  The image processing apparatus using the image processing method of the present invention only performs the deformation process of the figure in the UV space, which has a relatively small calculation load, such as changing the shape of the polygonal region to which the texture image is pasted. The movement can be expressed easily.

A program according to another aspect of the present invention causes a computer to function as a storage unit, an update unit, and a generation display unit.
The storage unit stores the positions and shapes of the first polygon region to which the first texture image is pasted and the second polygon region to which the second texture image is pasted.
The updating unit determines the positions of the vertices other than the end points of the predetermined one side of each of the first polygon area and the second polygon area, and the second polygon in the first cycle for the first polygon area. The shape stored in the storage unit is updated so that each of the square regions is vibrated in the second period to change the shape.
The generation display unit pastes the first texture image on the first polygon area and pastes the second texture image on the second polygon area based on the position and shape stored in the storage unit. Generate and display an image.

According to the present invention, it is possible to cause a computer to function as an image processing apparatus that operates as described above.
The program of the present invention can be recorded on a computer-readable information storage medium such as a compact disk, flexible disk, hard disk, magneto-optical disk, digital video disk, magnetic tape, and semiconductor memory.
The above program can be distributed and sold via a computer communication network independently of the computer on which the program is executed. The information storage medium can be distributed and sold independently from the computer.

  According to the present invention, it is possible to provide an image processing apparatus, an image processing method, and a program that are suitable for easily expressing the motion of shaking.

(Embodiment 1)
An embodiment of the present invention will be described. In the following, for ease of understanding, an embodiment in which the present invention is realized using an information processing apparatus for games will be described. However, the following embodiment is for explanation, and the scope of the present invention There is no limit. Therefore, those skilled in the art can employ embodiments in which each or all of these elements are replaced with equivalent ones, and these embodiments are also included in the scope of the present invention.

  FIG. 1 is a schematic diagram showing a schematic configuration of a typical information processing apparatus 100 that performs the function of the image processing apparatus of the present invention by executing a program. Hereinafter, a description will be given with reference to FIG.

  The information processing apparatus 100 includes a CPU (Central Processing Unit) 101, a ROM (Read Only Memory) 102, a RAM (Random Access Memory) 103, an interface 104, a controller 105, an external memory 106, a DVD-ROM ( A digital versatile disk-read only memory (107) drive 107, an image processing unit 108, an audio processing unit 109, and a NIC (Network Interface Card) 110 are provided.

  A DVD-ROM storing a game program and data is loaded into the DVD-ROM drive 107 and the information processing apparatus 100 is turned on to execute the program, thereby realizing the image processing apparatus of the present embodiment. Is done.

  The CPU 101 controls the overall operation of the information processing apparatus 100 and is connected to each component to exchange control signals and data. Further, the CPU 101 uses arithmetic operations such as addition / subtraction / multiplication / division, logical sum, logical product, etc. using an ALU (Arithmetic Logic Unit) (not shown) for a storage area called a register (not shown) that can be accessed at high speed. , Logic operations such as logical negation, bit operations such as bit sum, bit product, bit inversion, bit shift, and bit rotation can be performed. In addition, the CPU 101 itself is configured so that saturation operations such as addition / subtraction / multiplication / division for multimedia processing, vector operations such as trigonometric functions, etc. can be performed at a high speed, and those provided with a coprocessor. There is.

  The ROM 102 records an IPL (Initial Program Loader) that is executed immediately after the power is turned on, and when this is executed, the program recorded on the DVD-ROM is read out to the RAM 103 and execution by the CPU 101 is started. The The ROM 102 stores an operating system program and various data necessary for operation control of the entire information processing apparatus 100.

  The RAM 103 is for temporarily storing data and programs, and holds programs and data read from the DVD-ROM and other data necessary for game progress and chat communication. Further, the CPU 101 provides a variable area in the RAM 103 and performs an operation by directly operating the ALU on the value stored in the variable, or temporarily stores the value stored in the RAM 103 in the register. Perform operations such as performing operations on registers and writing back the operation results to memory.

  The controller 105 connected via the interface 104 receives an operation input performed when the user executes a game such as a dance game or a soccer game.

  The external memory 106 detachably connected via the interface 104 stores data indicating game play status (past results, etc.), data indicating game progress, and log of game chat communication using the network ( Data) is stored in a rewritable manner. The user can record these data in the external memory 106 as appropriate by inputting an instruction via the controller 105.

  A DVD-ROM mounted on the DVD-ROM drive 107 stores a program for realizing the game and image data and sound data associated with the game. Under the control of the CPU 101, the DVD-ROM drive 107 performs a reading process on the DVD-ROM loaded therein, reads out necessary programs and data, and these are temporarily stored in the RAM 103 or the like.

  The image processing unit 108 processes the data read from the DVD-ROM by the CPU 101 or an image arithmetic processor (not shown) included in the image processing unit 108, and then processes the processed data on a frame memory ( (Not shown). The image information recorded in the frame memory is converted into a video signal at a predetermined synchronization timing and output to a monitor (not shown) connected to the image processing unit 108. Thereby, various image displays are possible.

  The image calculation processor can execute a two-dimensional image overlay calculation, a transparency calculation such as alpha blending, and various saturation calculations at high speed.

  Also, polygon information arranged in the virtual three-dimensional space and added with various texture information is rendered by the Z buffer method, and the polygon arranged in the virtual three-dimensional space from the predetermined viewpoint position is determined in the direction of the predetermined line of sight It is also possible to perform high-speed execution of operations for obtaining rendered images.

  Further, the CPU 101 and the image arithmetic processor operate in a coordinated manner, so that a character string can be drawn as a two-dimensional image in a frame memory or drawn on the surface of each polygon according to font information that defines the character shape. is there.

  Further, by preparing information such as game images in a DVD-ROM and expanding the information in a frame memory, the state of the game can be displayed on the screen.

  The audio processing unit 109 converts audio data read from the DVD-ROM into an analog audio signal, and outputs the analog audio signal from a speaker (not shown) connected thereto. Further, under the control of the CPU 101, sound effects and music data to be generated during the progress of the game are generated, and sound corresponding to this is output from the speaker.

  When the audio data recorded on the DVD-ROM is MIDI data, the audio processing unit 109 refers to the sound source data included in the audio data and converts the MIDI data into PCM data. If the compressed audio data is in ADPCM (Adaptive Differential Pulse Code Modulation) format or Ogg Vorbis format, it is expanded and converted to PCM data. The PCM data can be output by performing D / A (Digital / Analog) conversion at a timing corresponding to the sampling frequency and outputting it to a speaker.

  The NIC 110 is used to connect the information processing apparatus 100 to a computer communication network (not shown) such as the Internet, and is based on the 10BASE-T / 100BASE-T standard used when configuring a LAN (Local Area Network). To connect to the Internet using an analog modem, ISDN (Integrated Services Digital Network) modem, ADSL (Asymmetric Digital Subscriber Line) modem, cable television line A cable modem or the like and an interface (not shown) that mediates between these and the CPU 101 are configured.

  In addition, the information processing apparatus 100 uses a large-capacity external storage device such as a hard disk so as to perform the same function as the ROM 102, the RAM 103, the external memory 106, the DVD-ROM attached to the DVD-ROM drive 107, and the like. You may comprise.

  Next, processing performed by the image processing apparatus 200 according to the present embodiment will be described.

FIG. 2 is a diagram for explaining a functional configuration of the image processing apparatus 200.
FIG. 3A is a diagram illustrating an example of the first texture image 310 to be pasted on a region (hereinafter referred to as “polygonal region”) represented by a graphic arranged in the virtual space. In this drawing, as an example, a picture of a leaf is drawn in the first texture image 310.
FIG. 3B is a diagram illustrating an example of the second texture image 320 to be pasted on a polygonal region arranged in the virtual space. In this figure, as an example, the second texture image 320 has a picture of a leaf that is different from the first texture image 310.
FIG. 4 is a diagram for explaining a polygonal area in the screen 400 displayed on the monitor. The polygon area includes a first polygon area 410 and a second polygon area 420.

  The image processing apparatus 200 according to the present embodiment performs image transformation such as affine transformation on the graphic representing the first polygonal region 410 to change the shape, and the first texture image 310 is converted into the first polygonal region 410 after the image transformation. Paste. Further, the image processing apparatus 200 changes the shape by performing image conversion such as affine transformation on the graphic representing the second polygonal region 420, and pastes the second texture image 320 on the second polygonal region 420 after image conversion. wear. The image processing apparatus 200 displays the image obtained by rendering in this way on the screen 400. This will be described in detail below.

  First, each part of the image processing apparatus 200 will be described. The image processing apparatus 200 includes a storage unit 201, an update unit 202, and a generation display unit 203.

  The storage unit 201 stores first pasting area information 251 and second pasting area information 252. The CPU 101 and the RAM 103 cooperate to function as the storage unit 201.

  The first pasting area information 251 is information for designating the position and shape of the first polygonal area 410 to which the first texture image 310 as shown in FIG. Similarly, the second pasting area information 252 is information for designating the position and shape of the second polygonal area 420 to which the second texture image 320 as shown in FIG. 3B is to be pasted.

  The positions of the first polygon area 410 and the second polygon area 420 are each expressed as coordinate values in the XY coordinate system defined on the screen 400. For example, the position of the first polygonal region 410 on the screen 400 is uniquely determined by designating a coordinate value such as an arbitrary vertex or a barycentric point of the figure constituting the first polygonal region 410. The same applies to the second polygonal region 420.

  The first polygon area 410 and the second polygon area 420 are arranged on the same plane in the virtual space.

  The shapes of the first polygon region 410 and the second polygon region 420 are shapes such as a triangle and a quadrangle (typically a rectangle and a trapezoid), respectively.

  As will be described later, the CPU 101 can change the position and shape of the first polygonal region 410. Similarly, the CPU 101 can change the position and shape of the second polygonal area 420.

  The first polygon area 410 and the second polygon area 420 may be set one by one in the screen 400, or a plurality may be set. When setting a plurality of first polygonal areas 410 (or second polygonal areas 420), the storage unit 201 indicates the position and shape of each first polygonal area 410 (or second polygonal area 420). First pasting area information 251 (or second pasting area information 252) is stored.

  The storage unit 201 stores the positions (coordinate values) of all the vertices of the graphic forming the first polygonal area 410 as the first pasting area information 251, so that the shape of the first polygonal area 410 can be changed. You can also decide. For example, the CPU 101 sets a line segment connecting adjacent vertices as one side of the graphic representing the first polygonal region 410. The CPU 101 obtains line segments for all adjacent vertices, and a figure formed by combining the obtained line segments can be used as the shape of the first polygonal region 410. The same applies to the second polygonal region 420.

  In addition, the storage unit 201 stores in advance a first texture image 310 to be pasted on the first polygon area 410 and a second texture image 320 to be pasted on the second polygon area 420.

  The first texture image 310 has a transparent area 315 and an opaque area 316. The opaque region 316 is an image region drawn using a color that is not transparent, such as a picture of the leaves of the tree. The transparent area 315 is an area that is not the opaque area 316. Similarly, the second texture image 320 has a transparent region 325 and an opaque region 326.

  The storage unit 201 may store the first pasting area information 251, the second pasting area information 252, the first texture image 310, and the second texture image 320 in another memory such as the external memory 106.

  Next, the updating unit 202 matches a predetermined one side of each of the first polygonal region 410 and the second polygonal region 420 at a certain point in time, and sets the position of the vertex other than the end point of the predetermined one side to the first The first pasting area information 251 and the second pasting area information 252 are changed so that the polygonal area 410 is vibrated and changed in the first period and the second polygonal area 420 is changed in the second period. Update. The CPU 101, the RAM 103, and the image processing unit 108 cooperate to function as the update unit 202.

  A local coordinate system (U-V coordinate system) is defined in each of the first polygon region 410 and the second polygon region 420.

  FIGS. 5A to 5C are diagrams illustrating how the shape of the first polygonal region 410 changes. 6A to 6C are diagrams illustrating how the shape of the second polygonal region 420 changes. In order to facilitate understanding of the present invention, a case where the shape of the first polygonal region 410 in a state before changing the shape (initial state) is rectangular will be described as an example. In these drawings, the first texture image 310 is pasted in the first polygonal area 410 and the second texture image 320 is pasted in the second polygonal area 420. The process of pasting the first texture image 310 and the second texture image 320 on the polygon area 410 and the second polygon area 420 will be described in detail in the description of the configuration of the generation display unit 203.

  The CPU 101 transforms the graphic representing the first polygon area 410 by affine transformation using a predetermined affine matrix. FIG. 5A shows the first polygonal region 410 in a state (initial state) before affine transformation. FIGS. 5B and 5C show the first polygonal region 410 after the affine transformation.

  The CPU 101 sets a line segment connecting two adjacent vertices 511 and 512 of the first polygonal area 410 as the predetermined one side (hereinafter referred to as “fixed side”) 510. The position of the fixed side 510 is unchanged before and after the affine transformation.

  In the following description, a parameter indicating the amount of movement in the U-axis direction of the opposite side of the fixed side 510 (a line segment connecting two vertices 513 and 514) is expressed as L, and a line segment connecting the vertices 512 and 513 is used. A parameter representing the magnitude of the angle at which one side represented by the line segment connecting the one side represented with the vertices 511 and 514 is represented by θ. Similarly, a parameter indicating the magnitude of the amount of movement in the U-axis direction of the opposite side of the fixed side 610 (line segment connecting the two vertices 613 and 614) is represented by M, and is represented by a line segment connecting the vertices 612 and 613. A parameter indicating the magnitude of the angle at which one side represented by a line segment connecting one side and the vertices 611 and 614 is inclined is represented by φ.

  When the generation display unit 203 described later pastes the first texture image 310 to the first polygonal area 410 and pastes the second texture image 320 to the second polygonal area 420, the first texture image 310 is configured. It is desirable that the position of the opaque region 515 on the fixed side 510 in all the pixel data to be processed and the position of the opaque region 615 on the fixed side 610 in all the pixel data constituting the second texture image 320 are the same. For example, before and after the deformation of the first polygon area 410 and the second polygon area 420 by the update unit 202, the root part of the tree drawn in the first texture image 310 and the leaves of the tree drawn in the second texture image 320 If the first texture image 310 and the second texture image 320 are created so that the root portion always matches, the movement of the leaves of the tree looks more natural.

  For example, as shown in FIG. 5B, the CPU 101 sets the opposite side of the fixed side 510 (the line segment connecting the two vertices 513 and 514) to the negative direction of the U axis while fixing the position and orientation of the fixed side 510. The first polygonal region 410 is transformed from a rectangle to a parallelogram by translating to the distance L. In other words, the CPU 101 determines that the first polygon region is such that one side represented by the line segment connecting the vertices 512 and 513 and one side represented by the line segment connecting the vertices 511 and 514 are inclined by the angle θ. 410 is transformed. The distance L is variable in the range of 0 ≦ L ≦ LA, and the angle θ is variable in the range of 0 ≦ θ ≦ θA. The deformation shown in this figure is generally called shear deformation.

  For example, as illustrated in FIG. 5C, the CPU 101 translates the opposite side of the fixed side 510 by a distance L in the positive direction of the U axis while fixing the fixed side 510, thereby causing the first polygonal region 410 to move. Is transformed from a rectangle to a parallelogram. In other words, the CPU 101 determines that the first polygon region is such that one side represented by the line segment connecting the vertices 512 and 513 and one side represented by the line segment connecting the vertices 511 and 514 are inclined by the angle θ. 410 is transformed. The distance L is variable in the range of 0 ≦ L ≦ LB, and the angle θ is variable in the range of 0 ≦ θ ≦ θB.

  For example, the CPU 101 may combine the modification shown in FIG. 5B and the modification shown in FIG. That is, the CPU 101 causes the opposite side of the fixed side 510 to vibrate so that the opposite side of the fixed side 510 moves in parallel so that the maximum is LA in the negative direction of the U axis and the maximum is LB in the positive direction of the U axis. In other words, the CPU 101 determines that one side represented by the line segment connecting the vertices 512 and 513 and one side represented by the line segment connecting the vertices 511 and 514 are at most θA and U axis in the negative direction of the U axis. Oscillating motion is performed so as to incline by θB at the maximum in the positive direction. The period of each vibration may be the same or different.

  The CPU 101 updates the first pasting area information 251 using information indicating the changed position and shape of the first polygonal area 410.

  Similarly, the CPU 101 transforms the graphic representing the second polygonal area 420 by affine transformation using a predetermined affine matrix. FIG. 6A shows the second polygonal region 420 in a state (initial state) before affine transformation. 6B and 6C show the second polygonal region 420 after the affine transformation.

  The CPU 101 sets a line segment connecting two adjacent vertices 611 and 612 of the second polygonal area 420 as a fixed side 610. As with the fixed side 510, the position of the fixed side 610 is unchanged before and after the affine transformation.

  For example, as shown in FIG. 6B, the CPU 101 translates the second side of the fixed side 610 in the negative direction of the U axis by a distance M while keeping the position and orientation of the fixed side 610 fixed. The polygonal area 420 is transformed from a rectangle to a parallelogram. In other words, the CPU 101 determines that the second polygonal region is such that one side represented by the line segment connecting the vertices 612 and 613 and one side represented by the line segment connecting the vertices 611 and 614 are both inclined by the angle φ. 420 is transformed. The distance M is variable in the range of 0 ≦ M ≦ MA, and the angle φ is variable in the range of 0 ≦ φ ≦ φA.

  For example, as shown in FIG. 6C, the CPU 101 translates the opposite side of the fixed side 610 by the distance M in the positive direction of the U axis while fixing the fixed side 610, so that the second polygon region 420. Is transformed from a rectangle to a parallelogram. In other words, the CPU 101 determines that the second polygonal region is such that one side represented by the line segment connecting the vertices 612 and 613 and one side represented by the line segment connecting the vertices 611 and 614 are both inclined by the angle φ. 420 is transformed. The distance L is variable in the range of 0 ≦ M ≦ MB, and the angle φ is variable in the range of 0 ≦ φ ≦ φB.

  For example, the CPU 101 may combine the modification shown in FIG. 6B and the modification shown in FIG. That is, the CPU 101 causes the opposite side of the fixed side 610 to vibrate so that it moves in parallel so that MA moves in the negative direction of the U axis at maximum and MB moves in the positive direction of the U axis at maximum. In other words, the CPU 101 has a side represented by a line segment connecting the vertices 612 and 613 and a side represented by a line segment connecting the vertices 611 and 614 at the maximum in the negative direction of the U axis in the φA and U axis directions. Oscillating motion is made so that it is tilted by φB at the maximum in the positive direction. The period of each vibration may be the same or different.

  The CPU 101 updates the second pasting area information 252 with information indicating the changed position and shape of the second polygonal area 420.

  The fact that the predetermined one side of each of the first polygonal area 410 and the second polygonal area 420 coincides at a certain point in time means that the fixed side 510 of the first polygonal area 410 and the fixed side of the second polygonal area 420 610 means that both exist on the same straight line at a certain time. “A certain point in time” typically refers to an initial state before affine transformation. The fixed side 510 of the first polygonal region 410 and the fixed side 610 of the second polygonal region 420 may always exist on the same straight line.

  Note that the CPU 101 appropriately selects one of the sides of the polygon representing the first polygon region 410 and the second polygon region 420 as the fixed sides 510 and 610 according to the image for which the shaking is to be expressed. Shall be selected. For example, if it is desired to express how the leaves of a tree hanging on a tree branch sway in the wind, the fixed sides 510 and 610 are set in a direction along the branch where the leaves of the tree grow. For example, if you want to express how seaweeds such as kelp and seaweed that grow in the sea move slowly according to the movement of seawater, the fixed edges 510 and 610 are set in the direction along the seabed where the seaweed grows. Set.

  By providing the fixed sides 510 and 610 in this way, it is possible to express the state in which the object is shaking while a certain part is fixed, rather than moving around.

  The shapes of the first polygon region 410 and the second polygon region 420 are not limited to a rectangle or a parallelogram. For example, as shown in FIG. 7A, the shape of the first polygonal region 410 before and after the deformation may be an arbitrary quadrangle having vertices 511 to 514. The CPU 101 deforms the first polygonal region 410 so that the vertices 513 and 514 other than the vertices 511 and 512 at both ends of the fixed side 510 reciprocate on predetermined trajectories 701 and 702, respectively. May be. It is desirable that the vibration cycle of the vertex 513 and the vibration cycle of the vertex 514 are the same.

  For example, as shown in FIG. 7B, the shape of the first polygonal region 410 before and after the deformation may be an arbitrary triangle having vertices 511 to 513. The CPU 101 may deform the first polygonal region 410 so that the vertices 513 other than the vertices 511 and 512 at both ends of the fixed side 510 reciprocate on the predetermined trajectory 703 and vibrate.

  Similarly, the shape of the second polygonal region 420 may be an arbitrary quadrilateral having vertices 611 to 614 or an arbitrary triangle having vertices 611 to 613. That is, in FIGS. 7A and 7B, the vertices 511 to 514 may be read as the vertices 611 to 614, and the fixed side 510 may be read as the fixed side 610, respectively.

  Next, the generation display unit 203 pastes the first texture image 310 to the first polygonal region 410 based on the first pasting region information 251 stored in the storage unit 201 and stores the first texture image 310 in the storage unit 201. Based on the second pasting area information 252, an image in which the second texture image 320 is pasted on the second polygonal area 420 is generated, and the generated image is displayed on the monitor. The CPU 101, the RAM 103, and the image processing unit 108 work together to function as the generation display unit 203.

  Specifically, when the shape of the first polygonal region 410 is a rectangle, the CPU 101 controls the image processing unit 108 to control the vertex 311 of the first texture image 310 as shown in FIG. Is associated with the vertex 511, the vertex 312 is associated with the vertex 512, the vertex 313 is associated with the vertex 513, the vertex 314 is associated with the vertex 514, and the first texture image 310 is associated with the first polygon region 410. Paste to. Similarly, when the shape of the second polygonal area 420 is a square, the CPU 101 sets the vertex 321 of the second texture image 320 to the vertex 611 of the second polygonal area 420, the vertex 322 to the vertex 612, and the vertex 323. The second texture image 320 is pasted to the second polygonal region 420 with the vertex 613 and the vertex 324 corresponding to the vertex 614, respectively. In the following description, the CPU 101 controls the image processing unit 108 to generate images in which the first texture image 310 and the second texture image 320 are pasted to the first polygon area 410 and the second polygon area 420, respectively. This process is called an image generation process.

  When the shape of the first polygonal area 410 is a triangle, as shown in FIG. 8B, the CPU 101 controls the image processing unit 108 so that the vertex 311 of the first texture image 310 is the first polygon. The first texture image 310 is pasted on the first polygonal region 410 so that the vertex 511 of the region 410 corresponds to the vertex 312, the vertex 312 corresponds to the vertex 512, and the vertex 313 and the vertex 314 both correspond to the vertex 513. Similarly, when the shape of the second polygon area 420 is a triangle, the CPU 101 sets the vertex 321 of the second texture image 320 to the vertex 611 of the second polygon area 420, the vertex 322 to the vertex 612, and the vertex 323. The second texture image 320 is pasted on the second polygonal region 420 so that the vertex 324 and the vertex 324 correspond to the vertex 613, respectively.

  FIGS. 9A to 9C show the case where the CPU 101 has the same shape, size, and size of the first polygonal area 410 before deformation and the second polygonal area 420 before deformation. This is an example of an image in which a first texture image 310 is pasted on one polygonal area 410 and a second texture image 320 is pasted on a second polygonal area 420. FIG. 9A shows a state before the first polygonal region 410 and the second polygonal region 420 are deformed, and FIGS. 9B and 9C show a state after the deformation.

  The CPU 101 fixes the position and orientation of the fixed side 510 of the first polygonal area 410 and deforms the first polygonal area 410 so as to be distorted by the angle θ per unit time at a predetermined first vibration cycle. To do. Further, the CPU 101 fixes the position and orientation of the fixed side 610 of the second polygonal region 420, and has an angle φ per unit time in the direction opposite to the deformation direction of the first polygonal region 410 in a predetermined second vibration cycle. The second polygonal region 420 is deformed so as to be distorted by the size of.

  If the first vibration period (vibration period of the first polygonal area 410) and the second period (vibration period of the second polygonal area 420) are the same, the generated image is shown in FIG. a), FIG. 9 (b), FIG. 9 (a), FIG. 9 (c), and FIG. 9 (a). By repeatedly executing the image generation processing by the CPU 101, an animation image in which the leaves of the tree sway from side to side is generated so that the leaves of the tree drawn in the first texture image 310 and the leaves of the tree drawn in the second texture image 320 are alternately switched. be able to.

  FIGS. 10A and 10B show the first texture image 310 shown in FIG. 3A and the second texture image 320 shown in FIG. This is an example of an image that can be pasted on 410 and the second polygonal area 420. In order to facilitate understanding of the present invention, the edges of the first polygonal area 410 and the edges of the second polygonal area 420 are shown by solid lines, but these edges are not displayed on the monitor.

  As shown in FIGS. 10A and 10B, when there are a plurality of first polygonal areas 410 (and / or second polygonal areas 420) in the screen 400, the CPU 101 determines each first polygon. About the square area | region 410 (and / or 2nd polygon area | region 420), an affine transformation etc. are performed and a shape is changed, and the 1st texture image 310 (and / or 2nd texture image 320) is affixed. The deformation method of each first polygonal region 410 (and / or second polygonal region 420) may be the same or different.

  For example, a plurality of first polygonal areas 410 (and / or second polygonal areas 420) are set in the screen 400, and the same is true for all the first polygonal areas 410 (and / or second polygonal areas 420). When the first texture image 310 (and / or the second texture image 320) is pasted after being deformed using the affine matrix, the pictures drawn on the first texture image 310 (and / or the second texture image 320) are simultaneously displayed. Similarly, it is possible to generate an image representing a state of shaking up and down, left and right.

  In general, in the field of computer graphics (CG), rendering is often performed using application software called a shader. However, according to the present invention, graphic deformation processing is performed in a U-V space with a relatively small calculation load. Just to be able to express the movement of shaking.

  Next, image generation processing executed by each unit of the present embodiment will be described with reference to the flowchart of FIG.

  First, the CPU 101 reads, from the RAM 103, first pasting area information 251 indicating the position and shape of the first polygonal area 410 and second pasting area information 252 indicating the position and shape of the second polygonal area 420 ( Step S1101).

  The CPU 101 affine-transforms a graphic (polygon) representing the first polygonal area 410 using a predetermined affine matrix AM1. Further, the CPU 101 affine-transforms the graphic representing the second polygonal area 420 using the predetermined affine matrix AM2 (step S1102).

  If the deformation by the affine matrix AM1 is in the opposite direction to the deformation by the affine matrix AM2, the shaking motion can be expressed more clearly. For example, as shown in FIGS. 9B and 9C, the CPU 101 distorts the first polygon region 410 by an angle θ and distorts the second polygon region 420 by an angle φ opposite to the direction of the angle θ. . However, the direction of deformation is arbitrary. The magnitude of the angle θ and the magnitude of the angle φ may be the same or different.

  For example, when a virtual wind is blowing in the virtual space, if the wind is relatively weak, the deformation directions of the first polygonal area 410 and the second polygonal area 420 are reversed. On the other hand, if the wind is relatively strong, the deformation directions of the first polygonal area 410 and the second polygonal area 420 are made the same. In this way, it is possible to change the movement of the sway, such as when the wind is weak, the leaves sway slowly and slowly, and when the wind is strong, the leaves sway.

  The CPU 101 controls the image processing unit 108 to paste the first texture image 310 in the first polygon area 410 and paste the second texture image 320 in the second polygon area 420 (step S1103). The process of this step is generally called rendering.

  Then, the CPU 101 updates the first pasting area information 251 with the position and shape of the first polygonal area 410 deformed at step S1102, and similarly changes the first pasted area information 251 with the position and shape of the second polygonal area 420 deformed at step S1102. The 2 pasting area information 252 is updated (step S1104).

  The CPU 101 controls the image processing unit 108 to display the image generated in step S1103 on the monitor.

  By repeatedly executing this image generation processing for each vertical synchronization interrupt, for example, an animation representing the movement of the object in the virtual space can be created.

  In general, movement of transparent air such as wind and movement of transparent water underwater are often difficult to express in an image. Therefore, if the figure to which the texture is pasted is deformed and the texture is pasted in accordance with the deformed figure as in the present invention, the movement of the shake can be expressed easily while reducing the load of image processing. become.

  In this embodiment, two types of polygon regions are set in the screen 400, but three or more types of polygon regions may be set, and the CPU 101 may deform each polygon region.

(Embodiment 2)
Next, other embodiments of the present invention will be described. In the above-described embodiment, the two texture images 310 and 320 are selectively used. However, the texture image 310 and 320 may be pasted using a single texture image common to the first polygon region 410 and the second polygon region 420. Further, three or more texture images may be used properly.

  For example, when generating an image of a pudding placed on a plate, the simplest conventional expression method is to paste one texture image 1202 in one polygonal area 1201 as shown in FIG. Just add and draw. On the other hand, an expression technique used in comics or the like sometimes expresses how a single object is shaking or moving like an afterimage using a plurality of pictures. For example, when drawing a soft pudding that shakes, as shown in FIG. 12 (b), there are cases where a single pudding is intentionally drawn and an afterimage is drawn to express the state of shaking. . Therefore, when the present invention is applied, it is possible to express a state in which an object (pudding) shakes as if it was drawn by an expression technique used in such comics.

  That is, as shown in FIG. 12C, the first polygon area 410 and the second polygon area 420 having the same position and the same shape in the initial state are set in the screen 400. Also, a common texture image 1202 to be pasted on the first polygon area 410 and the second polygon area 420 is prepared in advance. As shown in FIG. 12D, the CPU 101 deforms the first polygonal region 410 by an angle θ at a predetermined period T1. Similarly, the CPU 101 deforms the second polygonal region 420 in the reverse direction by the angle θ at the same predetermined period T1. In other words, the respective shapes of the first polygonal area 410 after deformation and the second polygonal area 420 after deformation have a line-symmetric relationship with respect to the straight line 1203.

  Then, the CPU 101 pastes the texture image 1202 on the deformed first polygon area 410 and the second polygon area 420.

  As shown in FIG. 13, the CPU 101 changes the angle θ as time passes, and repeatedly executes a process of deforming the first polygon area 410 and the second polygon area 420. As shown in FIG. 13, when the angle θ is vibrated at a predetermined period T1, it is possible to more easily represent the manner in which the object shakes.

(Embodiment 3)
Next, other embodiments of the present invention will be described. The CPU 101 can deform the first polygonal area 410 and the second polygonal area 420 in the direction perpendicular to the fixed sides 510 and 610.

  For example, as illustrated in FIG. 14A, the CPU 101 fixes the first polygonal area (or second polygonal area) 1400 that has vertices 1401 to 1404 before fixing the fixed side 1405 to the angle. Deforms so that it is distorted by θ. At this time, the length of each side is unchanged. Then, the first polygon area (or second polygon area) 1410 after deformation is lower by ΔL than the first polygon area (or second polygon area) 1400 before deformation.

  In FIG. 14B, the CPU 101 controls the image processing unit 108 to paste a predetermined texture image on the deformed first polygon area 1410, and the predetermined texture is similarly applied to the deformed second polygon area 1420. It is a figure showing the image formed by pasting an image. By deforming in the direction perpendicular to the fixed side 1405 in this way, the texture image does not extend in the horizontal direction (the tree length increases), so that the state of shaking is more natural. Can be expressed.

  When a texture image is pasted to each of the first polygon area 1410 and the second polygon area 1420 after deformation, if the position of the opaque area 1406 on the fixed side 1405 of the pixel data constituting the texture image is made unchanged. , Can more naturally express the state of shaking.

(Embodiment 4)
Next, other embodiments of the present invention will be described. This embodiment is different from the above embodiment in that the first polygonal area 410 is set in the screen 400 while the second polygonal area 420 is not set.

  FIGS. 15A to 15C are diagrams illustrating how the shape of the first polygonal region 410 changes. In the first texture image 310 to be pasted on the first polygonal region 410, pictures of a plurality of objects that are desired to express the movement of shaking are drawn in advance. For example, the first texture image 310 includes a plurality of leaves of trees.

  FIG. 15A shows a state in which the CPU 101 has pasted the first texture image 310 on the first polygonal area 410 before shape conversion. For example, before the shape conversion, the shape of the first polygonal region 410 is a rectangle, and the length (height) in the V direction is L1.

  The CPU 101 changes one side of the first polygonal region 410 by setting one side of the first polygonal region 410 as a fixed side 510. For example, as shown in FIG. 15B, the CPU 101 distorts the first polygonal region 410 in the negative direction of the U axis by an angle θA and transforms it into a parallelogram. Alternatively, as shown in FIG. 15C, the CPU 101 distorts the first polygonal region 410 in the positive direction of the U axis by an angle θB and transforms it into a parallelogram. Then, the CPU 101 pastes the first texture image 310 on the deformed first polygon area 410.

  As shown in FIG. 13, the CPU 101 changes the distorted angle θ with the elapsed time. That is, the CPU 101 changes the angle θ so as to reciprocate at the period T1 in the range of θMIN ≦ θ ≦ θMAX. The shape of the first polygonal region 410 changes from FIG. 15 (a) to FIG. 15 (b), further changes from FIG. 15 (b) to FIG. 15 (a), and further from FIG. 15 (a) to FIG. It changes to (c), and further changes from FIG. 15 (c) to FIG. 15 (a). By repeating such changes, the object (in this case, the leaves of the tree) is swayed.

  In addition, by combining the above-described embodiments, the CPU 101 may change not only the angle θ but also the height of the first polygonal region 410.

  FIG. 16 is a diagram illustrating an example of the relationship between elapsed time and height. The CPU 101 changes the height of the first polygonal region 410 at the same period T1 in accordance with the change of the angle θ shown in FIG. In other words, the amount of change ΔL (= L-LA or L-LB) in the height of the first polygonal region 410 reciprocates at a cycle T1 in the range of LMIN ≦ L ≦ LMAX (= L1). By changing the height in this way, the object appears to sway more naturally so that the object does not stretch and appear in the direction of swaying.

  According to the present embodiment, since the number of polygonal areas to which textures are pasted can be reduced, it is possible to further reduce the processing load and express how the object shakes.

  The present invention is not limited to the above-described embodiments, and various modifications and applications are possible. Moreover, it is also possible to freely combine the components of the above-described embodiments.

  A program for operating the computer as all or part of the image processing apparatus 200 is stored and distributed in a computer-readable recording medium such as a memory card, CD-ROM, DVD, or MO (Magneto Optical disk). May be installed in another computer and operated as the above-described means, or the above-described steps may be executed.

  Furthermore, the program may be stored in a disk device or the like of a server device on the Internet, and may be downloaded onto a computer by being superimposed on a carrier wave, for example.

  As described above, according to the present invention, it is possible to provide an image processing device, an image processing method, and a program that are suitable for simply expressing the motion of shaking.

It is a figure which shows schematic structure of the typical information processing apparatus with which the image processing apparatus of this invention is implement | achieved. It is a figure for demonstrating the functional structure of an image processing apparatus. (A) It is a structural example of a 1st texture image. (B) It is a structural example of a 2nd texture image. It is a figure for demonstrating a 1st polygon area | region and a 2nd polygon area | region. (A) is a figure showing the 1st polygon area | region before a deformation | transformation. (B) And (c) is a figure showing the 1st polygon area | region after a deformation | transformation. (A) is a figure showing the 2nd polygon area | region before a deformation | transformation. (B) And (c) is a figure showing the 2nd polygon area | region after a deformation | transformation. (A) It is a figure for demonstrating the process which deform | transforms a rectangular 1st polygon area | region (or 2nd polygon area | region). (B) It is a figure for demonstrating the process which deform | transforms the 1st polygon area | region (or 2nd polygon area | region) of a triangle. (A) And (b) is a figure for demonstrating an image generation process. (A)-(c) is an example of the image produced | generated by the image production | generation process. It is an example of the image produced | generated by the image production | generation process. It is a flowchart for demonstrating an image generation process. (A) In Embodiment 2, it is a figure for demonstrating the conventional process which pastes one texture image to one polygon area | region. (B) This is an example of afterimage expression used in comics. (C) It is a figure for demonstrating the texture image common to the 1st polygon area | region and 2nd polygon area | region in this invention. (D) It is a figure for demonstrating the image generation process in this invention. In Embodiment 2, it is a figure showing the example of the relationship between time passage and angle (theta). In Embodiment 3, it is a figure for demonstrating the process which deform | transforms a 1st polygon area | region and a 2nd polygon area | region. In Embodiment 4, it is a figure for demonstrating the process which deform | transforms a 1st polygon area | region. In Embodiment 4, it is a figure showing the example of the relationship between elapsed time and the height of a 1st polygon area | region.

Explanation of symbols

100 Information processing apparatus 101 CPU
102 ROM
103 RAM
104 Interface 105 Controller 106 External Memory 107 DVD-ROM Drive 108 Image Processing Unit 109 Audio Processing Unit 110 NIC
200 image processing apparatus 201 storage unit 202 update unit 203 generation display unit 251 first pasting area information 252 second pasting area information 310 first texture image 311 to 314 vertex 315 transparent area 316 opaque area 320 second texture image 321 to 324 vertex 325 Transparent area 326 Opaque area 400 Screen 410 First polygon area 420 Second polygon area 510 Fixed side 511 to 514 Vertex 515 Opaque area 610 on fixed side Fixed side 611 to 614 Vertex 615 Opaque area 701 to fixed area on fixed side 703 Trajectory 1201 Polygonal region 1202 Texture image 1203 Straight line 1400 First polygonal region (or second polygonal region) before deformation
1401 to 1404 vertex 1405 fixed side 1406 opaque region 1410 on fixed side first polygon region 1420 after deformation second polygon region after deformation

Claims (7)

An image processing apparatus that generates and displays an image representing a state in which a planar object placed in a virtual space vibrates while being fixed to another object,
In the plane where the object is arranged, a first polygon region to which the first texture image is pasted and a second polygon region to which the second texture image is pasted are set,
The first texture image and the second texture image are each composed of a transparent area and an opaque area,
The position of the opaque region on the predetermined one side of the first texture image is coincident with the position of the opaque region on the predetermined one side of the second texture image,
A storage unit for storing the position and the shape of the first polygon area, the position and the shape of the second polygon area, and
Each fixed side is fixed so that the positions of predetermined one sides (hereinafter referred to as “fixed sides”) of the first polygon region and the second polygon region overlap, and the first polygon region And the positions of the vertices of the second polygon area other than the end points of the fixed sides , respectively, in the first period for the first polygon area and in the second period for the second polygon area, respectively. An updating unit that updates the shape stored in the storage unit so as to vibrate and change the shape;
Based on the position and shape stored in the storage unit, an image in which the first texture image is pasted on the first polygon area and the second texture image is pasted on the second polygon area is generated. A generation display unit for displaying
An image processing apparatus comprising: The image processing apparatus according to claim 1,
The update unit the position of the fixed sides of the first polygon area, to match the position of the fixed side of the second polygonal region, and to deform the first texture image by affine transformation , Transform the second texture image by affine transformation,
An image processing apparatus. The image processing apparatus according to claim 1, wherein:
The update unit deforms the second polygon region in a direction opposite to the direction in which the first polygon region is deformed, thereby forming the shape of the first polygon region and the shape of the second polygon region. Change
An image processing apparatus. The image processing apparatus according to any one of claims 1 to 3,
The update unit the position of the vertices other than the end points of each of the fixed sides of the first polygon area and the second polygonal region, so as to vibrated in a direction in which each of the fixed side extends, the storage Update the shape stored in the part ,
The image processing apparatus according to claim and this. The image processing apparatus according to any one of claims 1 to 3 ,
The updating unit, so as to vibrated the position of the vertex of the other end point of each of the fixed sides of the first polygon area and the second polygon area, in a direction perpendicular to the direction in which each of the fixed side extends To update the shape stored in the storage unit,
An image processing apparatus. Storage unit, updating unit, have a generation display unit, runs flat object placed in a virtual space by the image processing apparatus for generating and displaying an image showing the state of the vibration being fixed to another object An image processing method
In the plane where the object is arranged, a first polygon region to which the first texture image is pasted and a second polygon region to which the second texture image is pasted are set,
The first texture image and the second texture image are each composed of a transparent area and an opaque area,
The position of the opaque region on the predetermined one side of the first texture image is coincident with the position of the opaque region on the predetermined one side of the second texture image,
In the storage unit, the position and shape of the first polygon area to paste the first texture image, the position and shape of the second polygon area to paste the second texture image, are stored,
Each fixed side is fixed so that the positions of predetermined one sides (hereinafter referred to as “fixed sides”) of the first polygon region and the second polygon region overlap, and the first polygon region And the positions of the vertices of the second polygon area other than the end points of the fixed sides , respectively, in the first period for the first polygon area and in the second period for the second polygon area, respectively. An updating step in which the updating unit updates the shape stored in the storage unit so as to vibrate and change the shape;
The generation display unit pastes the first texture image on the first polygon area and pastes the second texture image on the second polygon area based on the position and shape stored in the storage unit. A generation display step for generating and displaying the attached image;
An image processing method comprising: A program executed on a computer that generates and displays an image representing a state in which a planar object placed in a virtual space vibrates while being fixed to another object ,
In the plane where the object is arranged, a first polygon region to which the first texture image is pasted and a second polygon region to which the second texture image is pasted are set,
The first texture image and the second texture image are each composed of a transparent area and an opaque area,
The position of the opaque region on the predetermined one side of the first texture image is coincident with the position of the opaque region on the predetermined one side of the second texture image,
Storage unit for storing the position and the shape of the first polygon area, the position and the shape of the second polygon area, and
Each fixed side is fixed so that the positions of predetermined one sides (hereinafter referred to as “fixed sides”) of the first polygon region and the second polygon region overlap, and the first polygon region And the positions of the vertices of the second polygon area other than the end points of the fixed sides , respectively, in the first period for the first polygon area and in the second period for the second polygon area, respectively. An updating unit that updates the shape stored in the storage unit so as to vibrate and change the shape;
Based on the position and shape stored in the storage unit, an image in which the first texture image is pasted on the first polygon area and the second texture image is pasted on the second polygon area is generated. Generation display section to display,
A program characterized by functioning as

Images