WO2009133860A1 - Image processing device, image processing method, data storage medium, and program - Google Patents

Image processing device, image processing method, data storage medium, and program Download PDF

Info

Publication number
WO2009133860A1
WO2009133860A1 PCT/JP2009/058296 JP2009058296W WO2009133860A1 WO 2009133860 A1 WO2009133860 A1 WO 2009133860A1 JP 2009058296 W JP2009058296 W JP 2009058296W WO 2009133860 A1 WO2009133860 A1 WO 2009133860A1
Authority
WO
WIPO (PCT)
Prior art keywords
polygon
area
image
region
pasted
Prior art date
Application number
PCT/JP2009/058296
Other languages
French (fr)
Japanese (ja)
Inventor
武寛 野村
智之 亀井
Original Assignee
株式会社コナミデジタルエンタテインメント
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 株式会社コナミデジタルエンタテインメント filed Critical 株式会社コナミデジタルエンタテインメント
Priority to CN200980101134.XA priority Critical patent/CN101878489B/en
Priority to KR1020107009357A priority patent/KR101137733B1/en
Publication of WO2009133860A1 publication Critical patent/WO2009133860A1/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T15/003D [Three Dimensional] image rendering
    • G06T15/04Texture mapping
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T13/00Animation
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T13/00Animation
    • G06T13/203D [Three Dimensional] animation
    • G06T13/603D [Three Dimensional] animation of natural phenomena, e.g. rain, snow, water or plants

Definitions

  • the present invention relates to an image processing apparatus, an image processing method, an information recording medium, and a program suitable for simply expressing the motion of shaking.
  • 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.
  • 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.
  • the present invention solves such problems, and an object of the present invention is to provide an image processing apparatus, an image processing method, an information recording medium, and a program suitable for simply expressing the motion of shaking.
  • An image processing apparatus 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 what is to be expressed is drawn.
  • 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.
  • the amplitude of vibration may be the same or different.
  • 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.
  • 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
  • the shapes of the first polygon region and the second polygon region in the initial state 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.
  • region is changed so that it may vibrate with progress of time. Then, it is possible to express the movement of shaking as if shaking in the same place. That is, 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.
  • the shape is not limited to a rectangle or a parallelogram.
  • An image processing apparatus 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 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 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 update unit may update the shape stored in the storage unit so as to fix the predetermined one side and vibrate at the predetermined cycle.
  • 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.
  • 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.
  • a fixed side is provided at a position including the root of the tree, in the direction of the branch where the leaves are growing.
  • 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.
  • An information recording medium 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.
  • a program 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.
  • an image processing apparatus it is possible to provide an image processing apparatus, an image processing method, an information recording medium, and a program that are suitable for simply expressing the motion of shaking.
  • FIG. 1 shows schematic structure of the typical information processing apparatus with which the image processing apparatus of this invention is implement
  • Embodiment 2 It is a figure for demonstrating the image generation process in this invention.
  • Embodiment 2 it is a figure showing the example of the relationship between time passage and angle (theta).
  • Embodiment 3 it is a figure for demonstrating the process which deform
  • Embodiment 3 it is a figure for demonstrating the process which deform
  • Embodiment 4 it is a figure for demonstrating the process which deform
  • 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, and a DVD-ROM ( A Digital Versatile Disk-Read Only Memory is provided, an image processing unit 108, an audio processing unit 109, and a NIC (Network Interface Card) 110.
  • a CPU Central Processing Unit
  • ROM Read Only Memory
  • RAM Random Access Memory
  • controller 105 an external memory
  • DVD-ROM A Digital Versatile Disk-Read Only Memory is provided
  • an image processing unit 108 an audio processing unit 109
  • NIC Network Interface Card
  • 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.
  • the CPU 101 uses arithmetic operations such as addition / subtraction / multiplication / division, logical sum, logical product using 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.
  • the CPU 101 itself is configured and can be implemented with a coprocessor so that saturation operations such as addition, subtraction, multiplication, division, etc. for multimedia processing, and trigonometric functions, etc., can be performed at high speed. 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 into the RAM 103 and the execution by the CPU 101 is started.
  • the ROM 102 stores an operating system program and various data necessary for operation control of the entire information processing apparatus 100.
  • the controller 105 connected via the interface 104 receives an operation input performed by the user when executing 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 in 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, transparency calculation such as alpha blending, and various saturation calculations at high speed.
  • 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.
  • the CPU 101 and the image arithmetic processor work together to draw a character string as a two-dimensional image in the frame memory or on each polygon surface according to the font information that defines the character shape. is there.
  • the audio processing unit 109 converts audio data read from the DVD-ROM into an analog audio signal, and outputs it 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.
  • FIG. 2 is a diagram for explaining a functional configuration of the image processing apparatus 200.
  • FIG. 3A is a diagram showing 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.
  • polygonal region represented by a graphic arranged in the virtual space.
  • a picture of a leaf is drawn in the first texture image 310.
  • the image processing apparatus 200 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.
  • the image processing apparatus 200 includes a storage unit 201, an update unit 202, and a generation display unit 203.
  • 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. 3A is to be pasted.
  • 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 should be pasted.
  • the positions of the first polygon area 410 and the second polygon area 420 are represented as coordinate values in the XY coordinate system defined on the screen 400, respectively.
  • 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 first polygon area 410 and the second polygon area 420 are arranged on the same plane in the virtual space.
  • 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.
  • 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 connecting adjacent vertices as one side of the graphic representing the first polygonal area 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.
  • the storage unit 201 stores in advance a first texture image 310 to be pasted on the first polygonal area 410 and a second texture image 320 to be pasted on the second polygonal area 420.
  • the first texture image 310 includes 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.
  • 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.
  • 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.
  • the CPU 101, the RAM 103, and the image processing unit 108 cooperate to function as the update unit 202.
  • 5A, 5B, and 5C are diagrams illustrating how the shape of the first polygonal region 410 changes.
  • 6A, 6B, and 6C are diagrams illustrating how the shape of the second polygonal region 420 changes.
  • 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.
  • the CPU 101 transforms the graphic representing the first polygonal 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.
  • 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.
  • a parameter indicating the magnitude of the amount of movement in the U-axis direction of the opposite side of the fixed side 510 is expressed as “L”.
  • a parameter indicating the magnitude of the angle at which one side represented by a line segment connecting the vertices 512 and 513 and one side represented by the line segment connecting the vertices 511 and 514 is inclined is represented by “ ⁇ ”.
  • 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 are created so that the root portion always matches. In this way, the movement of the leaves will appear more natural.
  • the CPU 101 moves the first polygonal region 410 from the rectangle by translating 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. Transform into 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 both inclined by the angle ⁇ . 410 is transformed.
  • the distance L is variable in the range of 0 ⁇ L ⁇ LB.
  • the angle ⁇ is variable in the range of 0 ⁇ ⁇ ⁇ ⁇ B.
  • the CPU 101 has a side represented by a line connecting the vertices 512 and 513 and a side represented by a line connecting the vertices 511 and 514 at the maximum in the negative direction of the U axis, ⁇ A and 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 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.
  • the CPU 101 translates the opposite side of the fixed side 610 by a distance M in the negative direction of the U axis while fixing the position and orientation of the fixed side 610, thereby 420 is transformed from a rectangle to a parallelogram.
  • 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 an angle ⁇ . 420 is transformed.
  • the distance M is variable in the range of 0 ⁇ M ⁇ MA.
  • the angle ⁇ is variable in the range of 0 ⁇ ⁇ ⁇ ⁇ A.
  • the CPU 101 moves the second polygonal region 420 from the rectangle by translating the opposite side of the fixed side 610 in the positive direction of the U axis by a distance M while fixing the fixed side 610. Transform into 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 an angle ⁇ . 420 is transformed.
  • the CPU 101 may combine the modification shown in FIG. 6B and the modification shown in FIG. 6C. That is, the CPU 101 causes the opposite side of the fixed side 610 to vibrate so that the opposite side of the fixed side 610 moves in parallel so that the maximum is MA in the negative direction of the U axis and the maximum is MB in the positive direction of the U axis.
  • the CPU 101 has one side represented by a line segment connecting the vertices 612 and 613 and one side represented by a line segment connecting the vertices 611 and 614 at the maximum in the negative direction of the U axis with ⁇ A and U axis. 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.
  • 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 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.
  • the shapes of the first polygonal area 410 and the second polygonal area 420 are not limited to rectangles and parallelograms.
  • 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.
  • 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 vertices 513 other than the vertices 511 and 512 at both ends of the fixed side 510 reciprocate on a predetermined trajectory 703.
  • 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.
  • 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.
  • the CPU 101 controls the image processing unit 108 to set the vertex 311 of the first texture image 310 to the first polygonal area 410.
  • the first texture image 310 is pasted to the first polygonal region 410 so that the vertex 511 corresponds to the vertex 312, the vertex 313 and the vertex 314 both correspond to the vertex 513.
  • the CPU 101 sets the vertex 321 of the second texture image 320 to the vertex 611 of the second polygon region 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 sets the first polygonal area 410 when the shape of the first polygonal area 410 before deformation is the same as the position, shape and size of the second polygonal area 420 before deformation.
  • This is an example of an image in which a first texture image 310 is pasted on 410 and a second texture image 320 is pasted on a second polygonal region 420.
  • FIG. 9A shows the first polygonal area 410 and the second polygonal area 420 before deformation
  • FIGS. 9B and 9C show 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.
  • FIG. 10A and FIG. 10B paste the first texture image 310 shown in FIG. 3A and the second texture image 320 shown in FIG. 3B to the first polygon region 410 and the second polygon region 420 of FIG. 4, respectively. It is an example of an image that can be attached.
  • 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.
  • each first polygonal area 410 (and / or second polygonal areas 420) in the screen 400
  • the CPU 101 causes each first polygonal area 410 ( For the second polygonal area 420), the shape is changed by performing affine transformation or the like, and the first texture image 310 (and / or the second texture image 320) is pasted.
  • the deformation method of each first polygonal region 410 (and / or second polygonal region 420) may be the same or different.
  • first polygonal areas 410 are set in the screen 400, and the same is true for all the first polygonal areas 410 (and / or second polygonal areas 420).
  • first texture image 310 and / or the second texture image 320
  • the pictures drawn on the first texture image 310 are simultaneously displayed.
  • the CPU 101 affine-transforms a figure (polygon) representing the first polygon area 410 using a predetermined affine matrix AM1. Further, the CPU 101 affine-transforms the graphic representing the second polygonal region 420 using a predetermined affine matrix AM2 (step S1102).
  • the movement of the swing can be expressed more clearly.
  • 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 ⁇ .
  • the direction of deformation is arbitrary.
  • the magnitude of the angle ⁇ and the magnitude of the angle ⁇ may be the same or different.
  • the deformation directions of the first polygonal area 410 and the second polygonal area 420 are reversed.
  • 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 shaking, such as when the wind is weak, the leaves sway slowly and slowly, and when the wind is strong, the leaves flutter.
  • 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.
  • 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 the CPU 101 updates the first polygonal area 420 with the position and shape of the second polygonal area 420 similarly 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.
  • the two texture images 310 and 320 are selectively used.
  • 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.
  • 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.
  • 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.
  • the CPU 101 pastes the texture image 1202 on the deformed first polygon area 410 and the second polygon area 420.
  • the CPU 101 repeatedly executes the process of changing the angle ⁇ with time and deforming the first polygonal area 410 and the second polygonal area 420 as shown in FIG. 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.
  • 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.
  • the CPU 101 controls the image processing unit 108 to paste a predetermined texture image on the deformed first polygon area 1410, and similarly paste the predetermined texture image on the deformed second polygon area 1420. It is a figure showing the image which can be attached. 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.
  • FIG. 15A, FIG. 15B, and FIG. 15C are diagrams showing how the shape of the first polygonal region 410 changes.
  • 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.
  • 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.
  • the shape of the first polygonal region 410 is a rectangle, and the length (height) in the V direction is L1.
  • the CPU 101 deforms the first polygon region 410 by setting one side of the first polygon region 410 as the 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 region 410.
  • the CPU 101 changes the angle ⁇ to be distorted with the elapsed time as shown in FIG. That is, the CPU 101 changes the angle ⁇ so as to reciprocate at a period T1 in the range of ⁇ MIN ⁇ ⁇ ⁇ ⁇ MAX.
  • the first polygonal region 410 changes from the shape shown in FIG. 15A to the shape shown in FIG. 15B, further changes from the shape shown in FIG. 15B to the shape shown in FIG. 15A, and further changes from the shape shown in FIG. 15A to FIG.
  • the shape changes, and further changes from the shape shown in FIG. 15C to the shape shown in FIG. 15A. By repeating such changes, the object (in this case, the leaves of the tree) is swayed.
  • the CPU 101 may change not only the angle ⁇ but also the height of the first polygonal region 410.
  • FIG. 16 is a diagram showing an example of the relationship between elapsed time and height.
  • the CPU 101 changes the height of the first polygonal region 410 with the same period T1 in accordance with the change of the angle ⁇ shown in FIG.
  • the number of polygonal areas to which the texture is applied 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 embodiment, and various modifications and applications are possible. Moreover, it is also possible to freely combine the components of the above-described embodiments.
  • an image processing device As described above, according to the present invention, it is possible to provide an image processing device, an image processing method, an information recording medium, and a program that are suitable for simply expressing the motion of shaking.
  • 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 side 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

Landscapes

  • Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Theoretical Computer Science (AREA)
  • Computer Graphics (AREA)
  • Processing Or Creating Images (AREA)
  • Image Generation (AREA)

Abstract

In an image processing device (200), a storage unit (201) stores first paste area data (251) that show the position and shape of a first polygonal area to which a first texture image will be pasted, and second paste area data (252) that show the position and shape of a second polygonal area to which a second texture image will be pasted. An updater (202) disposes the shape of the first polygonal area and the second polygonal area in a virtual space so that a specified edge of the first polygonal area and a specified edge of the second polygonal area are present on the same straight line, and transforms the shape of the first polygonal area and the shape of the second polygonal area using an affine transformation. A generation and display unit (203) generates and displays an image in which the first texture image is pasted in the first polygonal area and the second texture image is pasted in the second polygonal area. The updater (202) repeats processing to transform the shape of the first polygonal area in a first period, and repeats processing to transform the shape of the second polygonal area in a second period.

Description

画像処理装置、画像処理方法、情報記録媒体、ならびに、プログラムImage processing apparatus, image processing method, information recording medium, and program
 本発明は、揺れの動きを簡単に表現するために好適な画像処理装置、画像処理方法、情報記録媒体、ならびに、プログラムに関する。 The present invention relates to an image processing apparatus, an image processing method, an information recording medium, and a program suitable for simply expressing the motion of shaking.
 ゲーム等の分野では、仮想空間を表す画像がよりリアルに見えるように様々な工夫がなされている。例えば特許文献1では、水面オブジェクトの形状を時間経過に応じて変形させることにより、水面の波が揺れる様子を表現し、波がよりリアルに見えるように工夫している。また例えば特許文献2では、オブジェクト画像に固定点からの距離に応じた歪みを生じさせることにより、水の流れや風によって草などが揺れる様子を表現している。 In the field of games and the like, various ingenuity has 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.
特開2002-216159号公報JP 2002-216159 A 特開2005-346165号公報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 problems, and an object of the present invention is to provide an image processing apparatus, an image processing method, an information recording medium, 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.
 本発明の第1の観点に係る画像処理装置は、記憶部、更新部、生成表示部を備える。
 記憶部は、第1テクスチャ画像を貼り付ける第1多角形領域と、第2テクスチャ画像を貼り付ける第2多角形領域と、のそれぞれの位置と形状を記憶する。
 更新部は、当該第1多角形領域と当該第2多角形領域のそれぞれの所定の一辺の端点以外の頂点の位置を、当該第1多角形領域については第1の周期で、当該第2多角形領域については第2の周期でそれぞれ振動させて、当該形状を変化させるように、記憶部に記憶される形状を更新する。
 生成表示部は、記憶部に記憶される位置と形状に基づいて、当該第1多角形領域に当該第1テクスチャ画像を貼り付け、当該第2多角形領域に当該第2テクスチャ画像を貼り付けた画像を生成して表示する。
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 what is to be expressed is drawn. For example, if you want to express how the leaves are swaying in the wind, a picture of the leaves of the tree is drawn.If you want to express how the aquatic plants are swaying in the flow of water, the picture of the aquatic plants is a still image. Drawn in.
 多角形領域には第1多角形領域と第2多角形領域とがあり、それぞれ形状が可変である。画像処理装置は、第1多角形領域の形状を第1の周期で振動するように変形させ、第2多角形領域の形状を第2の周期で振動するように変形させる。第1の周期と第2の周期は同じでもよいし異なっていてもよい。また、振動の振幅は同じでもよいし異なっていてもよい。そして、画像処理装置は、変形させた第1多角形領域に第1テクスチャ画像を貼り付け、また、変形させた第2多角形領域に第2テクスチャ画像を貼り付ける。第1テクスチャ画像と第2テクスチャ画像は同じでもよいし異なっていてもよい。 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.
 例えば垂直同期割り込みなどの定期的なタイミングで徐々に第1多角形領域と第2多角形領域の形状を振動するように変化させると、第1テクスチャ画像と第2テクスチャ画像に描かれた絵(例えば木の葉や水草などの絵)が左右、上下等に揺れる様子を表すアニメーションが表示される。本発明によれば、画像処理装置は、テクスチャ画像の貼付先である多角形領域の形状を変化させるという比較的計算負荷が小さいUV空間における図形の変形処理を行うだけで、揺れの動きを表現することができる。 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.
 更新部は、当該第1多角形領域と当該第2多角形領域のそれぞれの当該所定の一辺の位置を一致させて、当該第1テクスチャ画像をアフィン変換して変形し、当該第2テクスチャ画像をアフィン変換して変形してもよい。 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.
 すなわち、画像処理装置は、第1多角形領域と第2多角形領域の変形手法として、図形を移動、回転、反転、拡大あるいは縮小によって変形させる所定のアフィン行列を用いたアフィン変換を採用することができる。アフィン行列の各行列要素を変えれば、様々な変形の仕方を実現することができる。 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.
 当該第1多角形領域と当該第2多角形領域は、仮想空間における同一平面上に存在してもよい。
 そして、更新部は、当該第2多角形領域を、当該第1多角形領域を変形する向きと逆向きに変形することにより、当該第1多角形領域の形状と当該第2多角形領域の当該形状を変化させてもよい。
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.
 例えば、初期状態(揺らす前の状態)における第1多角形領域と第2多角形領域の形状をいずれも長方形にし、第1多角形領域を所定方向に傾けて平行四辺形に変形させ、第2多角形領域を所定方向と反対向きに傾けて平行四辺形に変形させる。そして、第1多角形領域と第2多角形領域の形状を、時間の経過と共に振動するように変化させる。すると、まるで同じ場所でぶるぶると震えているかのような揺れの動きを表現することができる。つまり、1つしかない物体の絵をわざと残像のように複数描くことで、物体が揺れたり移動したりしている様子をユーザにとって直感的に分かりやすく表現することができる。ただし、形状は長方形や平行四辺形に限られない。 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. And the shape of a 1st polygon area | region and a 2nd polygon area | region is changed so that it may vibrate with progress of time. Then, it is possible to express the movement of shaking as if shaking in the same place. That is, 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 area 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.
 例えば垂直同期割り込みなどの定期的なタイミングで徐々に多角形領域の形状を振動するように変化させると、テクスチャ画像に描かれた絵(例えば木の葉や水草などの絵)が左右、上下等に揺れる様子を表すアニメーションが表示される。本発明によれば、画像処理装置は、テクスチャ画像の貼付先である多角形領域の形状を変化させるという比較的計算負荷が小さいUV空間における図形の変形処理を行うだけで、揺れの動きを表現することができる。 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 update unit may update the shape stored in the storage unit so as to fix the predetermined one side and vibrate at the predetermined cycle.
 本発明では、第1多角形領域と第2多角形領域は、第1多角形領域を表す多角形の所定の一辺と、第2多角形領域を表す多角形の所定の一辺が同一直線上に存在するように配置される。つまり、第1多角形領域を表す多角形の固定辺と第2多角形領域を表す多角形の固定辺は同一直線上に配置される。 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.
 例えば、木の葉が風で揺れている様子を表現したい場合には、木の葉が生えている枝の方向であって木の葉の付け根部分を含む位置に固定辺を設ける。例えば、水草が波で揺れている様子を表現したい場合には、水草が生えている地面の方向であって水草の付け根部分を含む位置に固定辺を設ける。このように固定辺を設けると、物体が揺れている様子を更に分かりやすく表現することができる。なお、第1多角形領域と第2多角形領域のそれぞれの変形の前後において、固定辺の位置を不変とすることが望ましい。 For example, when it is desired to express how the leaves of a tree are swaying in the wind, a fixed side is provided at a position including the root of the tree, in the direction of the branch where the leaves are growing. 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.
 本発明のその他の観点に係る画像処理方法は、記憶部、更新部、生成表示部を有する画像処理装置にて実行される画像処理方法であって、更新ステップと生成表示ステップを備える。
 記憶部には、第1テクスチャ画像を貼り付ける第1多角形領域と、第2テクスチャ画像を貼り付ける第2多角形領域と、のそれぞれの位置と形状が記憶される。
 更新ステップは、当該第1多角形領域と当該第2多角形領域のそれぞれの所定の一辺の端点以外の頂点の位置を、当該第1多角形領域については第1の周期で、当該第2多角形領域については第2の周期でそれぞれ振動させて、当該形状を変化させるように、更新部が記憶部に記憶される形状を更新する。
 生成表示ステップは、生成表示部が、記憶部に記憶される位置と形状に基づいて、当該第1多角形領域に当該第1テクスチャ画像を貼り付け、当該第2多角形領域に当該第2テクスチャ画像を貼り付けた画像を生成して表示する。
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.
 本発明によれば、テクスチャ画像の貼付先である多角形領域の形状を変化させるという比較的計算負荷が小さいUV空間における図形の変形処理を行うだけで、揺れの動きを簡単に表現することができる。 According to the present invention, it is possible to easily express the movement of a sway simply by performing a graphic deformation process in a UV space with a relatively small calculation load, such as changing the shape of a polygonal region to which a texture image is pasted. it can.
 本発明のその他の観点に係る情報記録媒体は、コンピュータを、記憶部、更新部、生成表示部として機能させる。
 記憶部は、第1テクスチャ画像を貼り付ける第1多角形領域と、第2テクスチャ画像を貼り付ける第2多角形領域と、のそれぞれの位置と形状を記憶する。
 更新部は、当該第1多角形領域と当該第2多角形領域のそれぞれの所定の一辺の端点以外の頂点の位置を、当該第1多角形領域については第1の周期で、当該第2多角形領域については第2の周期でそれぞれ振動させて、当該形状を変化させるように、記憶部に記憶される形状を更新する。
 生成表示部は、記憶部に記憶される位置と形状に基づいて、当該第1多角形領域に当該第1テクスチャ画像を貼り付け、当該第2多角形領域に当該第2テクスチャ画像を貼り付けた画像を生成して表示する。
An information recording medium 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.
 本発明のその他の観点に係るプログラムは、コンピュータを、記憶部、更新部、生成表示部として機能させる。
 記憶部は、第1テクスチャ画像を貼り付ける第1多角形領域と、第2テクスチャ画像を貼り付ける第2多角形領域と、のそれぞれの位置と形状を記憶する。
 更新部は、当該第1多角形領域と当該第2多角形領域のそれぞれの所定の一辺の端点以外の頂点の位置を、当該第1多角形領域については第1の周期で、当該第2多角形領域については第2の周期でそれぞれ振動させて、当該形状を変化させるように、記憶部に記憶される形状を更新する。
 生成表示部は、記憶部に記憶される位置と形状に基づいて、当該第1多角形領域に当該第1テクスチャ画像を貼り付け、当該第2多角形領域に当該第2テクスチャ画像を貼り付けた画像を生成して表示する。
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, an information recording medium, 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. 第1テクスチャ画像の構成例である。It is a structural example of a 1st texture image. 第2テクスチャ画像の構成例である。It is a structural example of a 2nd texture image. 第1多角形領域、第2多角形領域を説明するための図である。It is a figure for demonstrating a 1st polygon area | region and a 2nd polygon area | region. 変形前の第1多角形領域を表す図である。It is a figure showing the 1st polygon area | region before a deformation | transformation. 変形後の第1多角形領域を表す図である。It is a figure showing the 1st polygon area | region after a deformation | transformation. 変形後の第1多角形領域を表す図である。It is a figure showing the 1st polygon area | region after a deformation | transformation. 変形前の第2多角形領域を表す図である。It is a figure showing the 2nd polygon area | region before a deformation | transformation. 変形後の第2多角形領域を表す図である。It is a figure showing the 2nd polygon area | region after a deformation | transformation. 変形後の第2多角形領域を表す図である。It is a figure showing the 2nd polygon area | region after a deformation | transformation. 四角形の第1多角形領域(又は第2多角形領域)を変形する処理を説明するための図である。It is a figure for demonstrating the process which deform | transforms a square 1st polygon area | region (or 2nd polygon area | region). 三角形の第1多角形領域(又は第2多角形領域)を変形する処理を説明するための図である。It is a figure for demonstrating the process which deform | transforms the 1st polygon area | region (or 2nd polygon area | region) of a triangle. 画像生成処理を説明するための図である。It is a figure for demonstrating an image generation process. 画像生成処置を説明するための図である。It is a figure for demonstrating an image generation process. 画像生成処理によって生成された画像の例を示す図である。It is a figure which shows the example of the image produced | generated by the image production | generation process. 画像生成処理によって生成された画像の例を示す図である。It is a figure which shows the example of the image produced | generated by the image production | generation process. 画像生成処理によって生成された画像の例を示す図である。It is a figure which shows the example of the image produced | generated by the image production | generation process. 画像生成処理によって生成された画像の例を示す図である。It is a figure which shows the example of the image produced | generated by the image production | generation process. 画像生成処理によって生成された画像の例を示す図である。It is a figure which shows the example of the image produced | generated by the image production | generation process. 画像生成処理を説明するためのフローチャートである。It is a flowchart for demonstrating an image generation process. 実施形態2において、1つの多角形領域に1つのテクスチャ画像を貼り付ける従来の処理を説明するための図である。In Embodiment 2, it is a figure for demonstrating the conventional process which pastes one texture image to one polygon area | region. 漫画などで用いられる残像表現の例である。It is an example of afterimage expression used in comics. 本発明における第1多角形領域と第2多角形領域と共通のテクスチャ画像を説明するための図である。It is a figure for demonstrating the texture image common to the 1st polygon area | region and the 2nd polygon area | region in this invention. 本発明における画像生成処理を説明するための図である。It is a figure for demonstrating the image generation process in this invention. 実施形態2において、時間経過と角度θとの関係の例を表す図である。In Embodiment 2, it is a figure showing the example of the relationship between time passage and angle (theta). 実施形態3において、第1多角形領域と第2多角形領域を変形する処理を説明するための図である。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. 実施形態3において、第1多角形領域と第2多角形領域を変形する処理を説明するための図である。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. 実施形態4において、第1多角形領域を変形する処理を説明するための図である。In Embodiment 4, it is a figure for demonstrating the process which deform | transforms a 1st polygon area | region. 実施形態4において、第1多角形領域を変形する処理を説明するための図である。In Embodiment 4, it is a figure for demonstrating the process which deform | transforms a 1st polygon area | region. 実施形態4において、第1多角形領域を変形する処理を説明するための図である。In Embodiment 4, it is a figure for demonstrating the process which deform | transforms a 1st polygon area | region. 実施形態4において、経過時間と第1多角形領域の高さとの関係の例を表す図である。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.
(実施形態1)
 本発明の実施形態を説明する。以下では、理解を容易にするため、ゲーム用の情報処理装置を利用して本発明が実現される実施形態を説明するが、以下の実施形態は説明のためのものであり、本願発明の範囲を制限するものではない。したがって、当業者であればこれらの各要素もしくは全要素をこれと均等なものに置換した実施形態を採用することが可能であるが、これらの実施形態も本発明の範囲に含まれる。
(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.
 図1は、プログラムを実行することにより、本発明の画像処理装置の機能を果たす典型的な情報処理装置100の概要構成を示す模式図である。以下、本図を参照して説明する。 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.
 情報処理装置100は、CPU(Central Processing Unit)101と、ROM(Read Only Memory)102と、RAM(Random Access Memory)103と、インターフェース104と、コントローラ105と、外部メモリ106と、DVD-ROM(Digital Versatile Disk - Read Only Memory)ドライブ107と、画像処理部108と、音声処理部109と、NIC(Network Interface Card)110と、を備える。 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, and a DVD-ROM ( A Digital Versatile Disk-Read Only Memory is provided, an image processing unit 108, an audio processing unit 109, and a NIC (Network Interface Card) 110.
 ゲーム用のプログラムおよびデータを記憶したDVD-ROMをDVD-ROMドライブ107に装着して、情報処理装置100の電源を投入することにより、当該プログラムが実行され、本実施形態の画像処理装置が実現される。 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.
 CPU 101は、情報処理装置100全体の動作を制御し、各構成要素と接続され制御信号やデータをやりとりする。また、CPU 101は、レジスタ(図示せず)という高速アクセスが可能な記憶域に対してALU(Arithmetic Logic Unit)(図示せず)を用いて加減乗除等の算術演算や、論理和、論理積、論理否定等の論理演算、ビット和、ビット積、ビット反転、ビットシフト、ビット回転等のビット演算などを行うことができる。さらに、マルチメディア処理対応のための加減乗除等の飽和演算や、三角関数等、ベクトル演算などを高速に行えるように、CPU 101自身が構成されているものや、コプロセッサを備えて実現するものがある。 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. The CPU 101 uses arithmetic operations such as addition / subtraction / multiplication / division, logical sum, logical product using 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 and can be implemented with a coprocessor so that saturation operations such as addition, subtraction, multiplication, division, etc. for multimedia processing, and trigonometric functions, etc., can be performed at high speed. There is.
 ROM 102には、電源投入直後に実行されるIPL(Initial Program Loader)が記録され、これが実行されることにより、DVD-ROMに記録されたプログラムをRAM 103に読み出してCPU 101による実行が開始される。また、ROM 102には、情報処理装置100全体の動作制御に必要なオペレーティングシステムのプログラムや各種のデータが記録される。 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 into the RAM 103 and the 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.
 RAM 103は、データやプログラムを一時的に記憶するためのもので、DVD-ROMから読み出したプログラムやデータ、その他ゲームの進行やチャット通信に必要なデータが保持される。また、CPU 101は、RAM 103に変数領域を設け、当該変数に格納された値に対して直接ALUを作用させて演算を行ったり、RAM 103に格納された値を一旦レジスタに格納してからレジスタに対して演算を行い、演算結果をメモリに書き戻す、などの処理を行う。 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. In addition, the CPU 101 provides a variable area in the RAM 103, 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 a register. Perform operations such as performing operations on registers and writing back the operation results to memory.
 インターフェース104を介して接続されたコントローラ105は、ユーザがダンスゲームやサッカーゲームなどのゲームの実行の際に行う操作入力を受け付ける。 The controller 105 connected via the interface 104 receives an operation input performed by the user when executing a game such as a dance game or a soccer game.
 インターフェース104を介して着脱自在に接続された外部メモリ106には、ゲームのプレイ状況(過去の成績等)を示すデータ、ゲームの進行状態を示すデータ、ネットワークを用いたゲームのチャット通信のログ(記録)のデータなどが書き換え可能に記憶される。ユーザは、コントローラ105を介して指示入力を行うことにより、これらのデータを適宜外部メモリ106に記録することができる。 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.
 DVD-ROMドライブ107に装着されるDVD-ROMには、ゲームを実現するためのプログラムとゲームに付随する画像データや音声データが記録される。CPU 101の制御によって、DVD-ROMドライブ107は、これに装着されたDVD-ROMに対する読み出し処理を行って、必要なプログラムやデータを読み出し、これらはRAM 103等に一時的に記憶される。 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.
 画像処理部108は、DVD-ROMから読み出されたデータをCPU 101や画像処理部108が備える画像演算プロセッサ(図示せず)によって加工処理した後、これを画像処理部108が備えるフレームメモリ(図示せず)に記録する。フレームメモリに記録された画像情報は、所定の同期タイミングでビデオ信号に変換され画像処理部108に接続されるモニター(図示せず)へ出力される。これにより、各種の画像表示が可能となる。 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 in 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.
 画像演算プロセッサは、2次元の画像の重ね合わせ演算やアルファブレンディング等の透過演算、各種の飽和演算を高速に実行できる。 The image calculation processor can execute a two-dimensional image overlay calculation, transparency calculation such as alpha blending, and various saturation calculations at high speed.
 また、仮想3次元空間に配置され、各種のテクスチャ情報が付加されたポリゴン情報を、Zバッファ法によりレンダリングして、所定の視点位置から仮想3次元空間に配置されたポリゴンを所定の視線の方向へ俯瞰したレンダリング画像を得る演算の高速実行も可能である。 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.
 さらに、CPU 101と画像演算プロセッサが協調動作することにより、文字の形状を定義するフォント情報にしたがって、文字列を2次元画像としてフレームメモリへ描画したり、各ポリゴン表面へ描画することが可能である。 In addition, the CPU 101 and the image arithmetic processor work together to draw a character string as a two-dimensional image in the frame memory or on each polygon surface according to the font information that defines the character shape. is there.
 また、ゲームの画像などの情報をDVD-ROMに用意しておき、これをフレームメモリに展開することによって、ゲームの様子などを画面に表示することができるようになる。 In addition, by preparing information such as game images on a DVD-ROM and expanding the information in a frame memory, the state of the game can be displayed on the screen.
 音声処理部109は、DVD-ROMから読み出した音声データをアナログ音声信号に変換し、これに接続されたスピーカ(図示せず)から出力させる。また、CPU 101の制御の下、ゲームの進行の中で発生させるべき効果音や楽曲データを生成し、これに対応した音声をスピーカから出力させる。 The audio processing unit 109 converts audio data read from the DVD-ROM into an analog audio signal, and outputs it 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.
 音声処理部109では、DVD-ROMに記録された音声データがMIDIデータである場合には、これが有する音源データを参照して、MIDIデータをPCMデータに変換する。また、ADPCM(Adaptive Differential Pulse Code Modulation)形式やOgg Vorbis形式等の圧縮済音声データである場合には、これを展開してPCMデータに変換する。PCMデータは、そのサンプリング周波数に応じたタイミングでD/A(Digital/Analog)変換を行って、スピーカに出力することにより、音声出力が可能となる。 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 (AdaptiveaptDifferential 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.
 NIC 110は、情報処理装置100をインターネット等のコンピュータ通信網(図示せず)に接続するためのものであり、LAN(Local Area Network)を構成する際に用いられる10BASE-T/100BASE-T規格にしたがうものや、電話回線を用いてインターネットに接続するためのアナログモデム、ISDN(Integrated Services Digital Network)モデム、ADSL(Asymmetric Digital Subscriber Line)モデム、ケーブルテレビジョン回線を用いてインターネットに接続するためのケーブルモデム等と、これらとCPU 101との仲立ちを行うインターフェース(図示せず)により構成される。 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 used in configuring a LAN (Local Area Network). 10BASE-T / 100BASE-T standard And analog modems for connecting to the Internet using telephone lines, ISDN (Integrated Services Digital Network) modems, ADSL (Asymmetric Digital Subscriber Line) modems, and cable television lines for connecting to the Internet It is composed of a cable modem and the like and an interface (not shown) that mediates between these and the CPU 101.
 このほか、情報処理装置100は、ハードディスク等の大容量外部記憶装置を用いて、ROM 102、RAM 103、外部メモリ106、DVD-ROMドライブ107に装着されるDVD-ROM等と同じ機能を果たすように構成してもよい。 In addition, the information processing apparatus 100 uses a large-capacity external storage device such as a hard disk 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.
 次に、本実施形態の画像処理装置200が行う処理について説明する。 Next, processing performed by the image processing apparatus 200 according to the present embodiment will be described.
 図2は、画像処理装置200の機能的な構成を説明するための図である。 FIG. 2 is a diagram for explaining a functional configuration of the image processing apparatus 200.
 図3Aは、仮想空間内に配置される図形で表される領域(以下、「多角形領域」という。)に貼り付ける第1テクスチャ画像310の例を示す図である。本図では、一例として、第1テクスチャ画像310には木の葉の絵が描かれている。 FIG. 3A is a diagram showing 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.
 図3Bは、仮想空間内に配置される多角形領域に貼り付ける第2テクスチャ画像320の例を示す図である。本図では、一例として、第2テクスチャ画像320には第1テクスチャ画像310とは異なる木の葉の絵が描かれている。 FIG. 3B is a diagram showing an example of the second texture image 320 to be pasted on the 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.
 図4は、モニターに表示される画面400内の多角形領域を説明するための図である。多角形領域には、第1多角形領域410と第2多角形領域420とがある。 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.
 本実施形態の画像処理装置200は、第1多角形領域410を表す図形にアフィン変換などの画像変換を施して形状を変化させ、画像変換後の第1多角形領域410に第1テクスチャ画像310を貼り付ける。また、画像処理装置200は、第2多角形領域420を表す図形にアフィン変換などの画像変換を施して形状を変化させ、画像変換後の第2多角形領域420に第2テクスチャ画像320を貼り付ける。画像処理装置200は、このようにレンダリングして得られた画像を画面400に表示する。以下詳述する。 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.
 まず、画像処理装置200の各部について説明する。画像処理装置200は、記憶部201、更新部202、生成表示部203を備える。 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.
 記憶部201は、第1貼付領域情報251と第2貼付領域情報252を記憶する。CPU 101とRAM 103が協働して記憶部201として機能する。 The storage unit 201 stores first pasting area information 251 and second pasting area information 252. The CPU 101 and the RAM 103 work together to function as the storage unit 201.
 第1貼付領域情報251は、図3Aに示すような第1テクスチャ画像310を貼り付けるべき第1多角形領域410の位置と形状を指定する情報である。同様に、第2貼付領域情報252は、図3Bに示すような第2テクスチャ画像320を貼り付けるべき第2多角形領域420の位置と形状を指定する情報である。 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. 3A is to be pasted. 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 should be pasted.
 第1多角形領域410と第2多角形領域420の位置は、それぞれ、画面400に定義されるX-Y座標系における座標値として表される。例えば、第1多角形領域410を構成する図形の任意の頂点あるいは重心点等の座標値を指定することにより、第1多角形領域410の画面400における位置が一意に決まる。第2多角形領域420についても同様である。 The positions of the first polygon area 410 and the second polygon area 420 are represented as coordinate values in the XY coordinate system defined on the screen 400, respectively. 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.
 第1多角形領域410と第2多角形領域420は、仮想空間内の同一平面上に配置される。 The first polygon area 410 and the second polygon area 420 are arranged on the same plane in the virtual space.
 第1多角形領域410と第2多角形領域420の形状は、それぞれ、三角形、四角形(典型的には長方形や台形)などの形状である。 The shapes of the first polygon area 410 and the second polygon area 420 are each a triangle, a quadrangle (typically a rectangle or a trapezoid), and the like.
 後述するように、CPU 101は、第1多角形領域410の位置と形状を変更することができる。同様に、CPU 101は、第2多角形領域420の位置と形状を変更することができる。 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.
 第1多角形領域410と第2多角形領域420は、画面400内にそれぞれ1つずつ設定されてもよいし、複数個設定されてもよい。複数の第1多角形領域410(あるいは第2多角形領域420)を設定する場合、記憶部201は、それぞれの第1多角形領域410(あるいは第2多角形領域420)の位置と形状を示す第1貼付領域情報251(あるいは第2貼付領域情報252)を記憶する。 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.
 なお、記憶部201が、第1貼付領域情報251として、第1多角形領域410を構成する図形のすべての頂点の位置(座標値)を格納することにより、第1多角形領域410の形状を決めることもできる。例えば、CPU 101は、隣り合う頂点同士を結ぶ線分を、第1多角形領域410を表す図形の一辺とする。CPU 101は、すべての隣り合う頂点同士について線分を求め、求めた線分を結合してできる図形を、第1多角形領域410の形状とすることができる。第2多角形領域420についても同様である。 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 connecting adjacent vertices as one side of the graphic representing the first polygonal area 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.
 また、記憶部201は、第1多角形領域410に貼り付ける第1テクスチャ画像310と、第2多角形領域420に貼り付ける第2テクスチャ画像320とを予め記憶する。 In addition, the storage unit 201 stores in advance a first texture image 310 to be pasted on the first polygonal area 410 and a second texture image 320 to be pasted on the second polygonal area 420.
 第1テクスチャ画像310には、透明領域315と不透明領域316とがある。不透明領域316は、例えば上記の木の葉の絵のような、透明でない色を用いて描かれる画像領域である。透明領域315は、不透明領域316でない領域である。同様に、第2テクスチャ画像320にも、透明領域325と不透明領域326とがある。 The first texture image 310 includes 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.
 記憶部201は、第1貼付領域情報251、第2貼付領域情報252、第1テクスチャ画像310、第2テクスチャ画像320を、外部メモリ106等の他のメモリに記憶してもよい。 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.
 次に、更新部202は、第1多角形領域410と第2多角形領域420のそれぞれの所定の一辺が、ある時点で一致し、この所定の一辺の端点以外の頂点の位置を、第1多角形領域410については第1の周期で、第2多角形領域420については第2の周期で、それぞれ振動させて形状を変化させるように、第1貼付領域情報251と第2貼付領域情報252を更新する。CPU 101、RAM 103、画像処理部108が協働して更新部202として機能する。 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.
 第1多角形領域410内と第2多角形領域420内には、それぞれ、ローカル座標系(U-V座標系)が定義される。 In each of the first polygon area 410 and the second polygon area 420, a local coordinate system (UV coordinate system) is defined.
 図5A,図5B,図5Cは、第1多角形領域410の形状が変化する様子を表す図である。
 図6A,図6B,図6Cは、第2多角形領域420の形状が変化する様子を表す図である。本発明を理解しやすいように、形状を変化させる前の状態(初期状態)における第1多角形領域410の形状を長方形にした場合を例にとって説明する。
5A, 5B, and 5C are diagrams illustrating how the shape of the first polygonal region 410 changes.
6A, 6B, and 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.
 なお、図5A~図5C,図6A~図6Cにおいて、第1多角形領域410内には第1テクスチャ画像310が貼り付けられ、第2多角形領域420内には第2テクスチャ画像320が貼り付けられているが、第1多角形領域410と第2多角形領域420にそれぞれ第1テクスチャ画像310と第2テクスチャ画像320を貼り付ける処理については、生成表示部203の構成の説明において詳述する。 In FIGS. 5A to 5C and FIGS. 6A to 6C, the first texture image 310 is pasted in the first polygon area 410, and the second texture image 320 is pasted in the second polygon area 420. Although attached, the process of pasting the first texture image 310 and the second texture image 320 to the first polygon area 410 and the second polygon area 420, respectively, will be described in detail in the description of the configuration of the generation display unit 203. To do.
 CPU 101は、第1多角形領域410を表す図形を、所定のアフィン行列を用いたアフィン変換によって変形する。図5Aは、アフィン変換前の状態(初期状態)における第1多角形領域410を表している。図5B,図5Cは、アフィン変換後の第1多角形領域410を表している。 The CPU 101 transforms the graphic representing the first polygonal 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. 5B and 5C show the first polygonal region 410 after the affine transformation.
 CPU 101は、第1多角形領域410の隣り合う2つの頂点511,512を結ぶ線分を、上記の所定の一辺(以下、「固定辺」と呼ぶ)510とする。固定辺510は、アフィン変換の前と後とで位置が不変である。 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.
 以下の説明において、固定辺510の対辺(2つの頂点513,514を結ぶ線分)のU軸方向への移動量の大きさを表すパラメータを、“L”と表す。頂点512,513を結ぶ線分で表される一辺と頂点511,514を結ぶ線分で表される一辺を傾ける角度の大きさを表すパラメータを、“θ”と表す。 In the following description, a parameter indicating the magnitude of the amount of movement in the U-axis direction of the opposite side of the fixed side 510 (line segment connecting the two vertices 513 and 514) is expressed as “L”. A parameter indicating the magnitude of the angle at which one side represented by a line segment connecting the vertices 512 and 513 and one side represented by the line segment connecting the vertices 511 and 514 is inclined is represented by “θ”.
 同様に、固定辺610の対辺(2つの頂点613,614を結ぶ線分)のU軸方向への移動量の大きさを表すパラメータを、“M”と表す。頂点612,613を結ぶ線分で表される一辺と頂点611,614を結ぶ線分で表される一辺を傾ける角度の大きさを表すパラメータを、“φ”と表す。 Similarly, a parameter indicating 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 expressed as “M”. A parameter representing the magnitude of the angle at which 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 is inclined is represented by “φ”.
 後述する生成表示部203が第1テクスチャ画像310を第1多角形領域410に貼り付け、且つ、第2テクスチャ画像320を第2多角形領域420に貼り付けたとき、第1テクスチャ画像310を構成する全画素データのうち固定辺510上の不透明領域515の位置と、第2テクスチャ画像320を構成する全画素データのうち固定辺610上の不透明領域615の位置は、同じであることが望ましい。 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.
 例えば、更新部202による第1多角形領域410と第2多角形領域420の変形前後において、第1テクスチャ画像310に描かれた木の葉の付け根部分と、第2テクスチャ画像320に描かれた木の葉の付け根部分とが常に一致するように、第1テクスチャ画像310と第2テクスチャ画像320が作成される。このようにすれば、木の葉の揺れの動きがより自然に見えるようになる。 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 The first texture image 310 and the second texture image 320 are created so that the root portion always matches. In this way, the movement of the leaves will appear more natural.
 例えばCPU 101は、図5Bに示すように、固定辺510の位置と向きを固定したまま、固定辺510の対辺(2つの頂点513,514を結ぶ線分)をU軸の負方向へ距離Lだけ平行移動することによって、第1多角形領域410を長方形から平行四辺形に変形する。言い換えれば、CPU 101は、頂点512,513を結ぶ線分で表される一辺と、頂点511,514を結ぶ線分で表される一辺が、共に角度θだけ傾くように、第1多角形領域410を変形する。 For example, as shown in FIG. 5B, the CPU 101 keeps the position and orientation of the fixed side 510 fixed, and moves the opposite side of the fixed side 510 (the line segment connecting the two vertices 513 and 514) to the distance L in the negative direction of the U axis. The first polygonal region 410 is transformed from a rectangle to a parallelogram by translating only. 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 both inclined by the angle θ. 410 is transformed.
 距離Lは0≦L≦LAの範囲で可変である。角度θは0≦θ≦θAの範囲で可変である。本図に示す変形は、一般に剪断変形と呼ばれる。 The distance L is variable in the range of 0 ≦ L ≦ LA. The angle θ is variable in the range of 0 ≦ θ ≦ θA. The deformation shown in this figure is generally called shear deformation.
 例えばCPU 101は、図5Cに示すように、固定辺510を固定したまま、固定辺510の対辺をU軸の正方向へ距離Lだけ平行移動することによって、第1多角形領域410を長方形から平行四辺形に変形する。言い換えれば、CPU 101は、頂点512,513を結ぶ線分で表される一辺と、頂点511,514を結ぶ線分で表される一辺が、共に角度θだけ傾くように、第1多角形領域410を変形する。 For example, as shown in FIG. 5C, the CPU 101 moves the first polygonal region 410 from the rectangle by translating 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. Transform into 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 both inclined by the angle θ. 410 is transformed.
 距離Lは0≦L≦LBの範囲で可変である。角度θは0≦θ≦θBの範囲で可変である。 The distance L is variable in the range of 0 ≦ L ≦ LB. The angle θ is variable in the range of 0 ≦ θ ≦ θB.
 例えばCPU 101は、図5Bに示す変形と図5Cに示す変形とを組み合わせてもよい。すなわち、CPU 101は、固定辺510の対辺を、時間の経過と共に、U軸の負方向に最大でLA、U軸の正方向に最大でLB、平行移動するように、振動運動させる。 For example, the CPU 101 may combine the modification shown in FIG. 5B and the modification shown in FIG. 5C. 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.
 言い換えれば、CPU 101は、頂点512,513を結ぶ線分で表される一辺と、頂点511,514を結ぶ線分で表される一辺が、U軸の負方向に最大でθA、U軸の正方向に最大でθBだけ傾くように、振動運動させる。それぞれの振動の周期は、同じでもよいし、異なっていてもよい。 In other words, the CPU 101 has a side represented by a line connecting the vertices 512 and 513 and a side represented by a line connecting the vertices 511 and 514 at the maximum in the negative direction of the U axis, θA and 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.
 CPU 101は、変化させた第1多角形領域410の位置と形状を示す情報を用いて第1貼付領域情報251を更新する。 The CPU 101 updates the first pasting area information 251 by using information indicating the changed position and shape of the first polygonal area 410.
 同様に、CPU 101は、第2多角形領域420を表す図形を、所定のアフィン行列を用いたアフィン変換によって変形する。図6Aは、アフィン変換前の状態(初期状態)における第2多角形領域420を表している。図6Bと図6Cは、アフィン変換後の第2多角形領域420を表している。 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.
 CPU 101は、第2多角形領域420の隣り合う2つの頂点611,612を結ぶ線分を固定辺610とする。固定辺610は、固定辺510と同様、アフィン変換の前と後とで位置が不変である。 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.
 例えばCPU 101は、図6Bに示すように、固定辺610の位置と向きを固定したまま、固定辺610の対辺をU軸の負方向へ距離Mだけ平行移動することによって、第2多角形領域420を長方形から平行四辺形に変形する。言い換えれば、CPU 101は、頂点612,613を結ぶ線分で表される一辺と、頂点611,614を結ぶ線分で表される一辺が、共に角度φだけ傾くように、第2多角形領域420を変形する。 For example, as shown in FIG. 6B, the CPU 101 translates the opposite side of the fixed side 610 by a distance M in the negative direction of the U axis while fixing the position and orientation of the fixed side 610, thereby 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 an angle φ. 420 is transformed.
 距離Mは0≦M≦MAの範囲で可変である。角度φは0≦φ≦φAの範囲で可変である。 The distance M is variable in the range of 0 ≦ M ≦ MA. The angle φ is variable in the range of 0 ≦ φ ≦ φA.
 例えばCPU 101は、図6Cに示すように、固定辺610を固定したまま、固定辺610の対辺をU軸の正方向へ距離Mだけ平行移動することによって、第2多角形領域420を長方形から平行四辺形に変形する。言い換えれば、CPU 101は、頂点612,613を結ぶ線分で表される一辺と、頂点611,614を結ぶ線分で表される一辺が、共に角度φだけ傾くように、第2多角形領域420を変形する。 For example, as shown in FIG. 6C, the CPU 101 moves the second polygonal region 420 from the rectangle by translating the opposite side of the fixed side 610 in the positive direction of the U axis by a distance M while fixing the fixed side 610. Transform into 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 an angle φ. 420 is transformed.
 距離Lは0≦M≦MBの範囲で可変である。角度φは0≦φ≦φBの範囲で可変である。 The distance L is variable in the range of 0 ≦ M ≦ MB. The angle φ is variable in the range of 0 ≦ φ ≦ φB.
 例えばCPU 101は、図6Bに示す変形と図6Cに示す変形とを組み合わせてもよい。すなわち、CPU 101は、固定辺610の対辺を、時間の経過と共に、U軸の負方向に最大でMA、U軸の正方向に最大でMB、平行移動するように、振動運動させる。言い換えれば、CPU 101は、頂点612,613を結ぶ線分で表される一辺と、頂点611,614を結ぶ線分で表される一辺が、U軸の負方向に最大でφA、U軸の正方向に最大でφBだけ傾くように、振動運動させる。それぞれの振動の周期は、同じでもよいし、異なっていてもよい。 For example, the CPU 101 may combine the modification shown in FIG. 6B and the modification shown in FIG. 6C. That is, the CPU 101 causes the opposite side of the fixed side 610 to vibrate so that the opposite side of the fixed side 610 moves in parallel so that the maximum is MA in the negative direction of the U axis and the maximum is MB in the positive direction of the U axis. In other words, the CPU 101 has one side represented by a line segment connecting the vertices 612 and 613 and one side represented by a line segment connecting the vertices 611 and 614 at the maximum in the negative direction of the U axis with φA and U axis. 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.
 CPU 101は、変化させた第2多角形領域420の位置と形状を示す情報で第2貼付領域情報252を更新する。 The CPU 101 updates the second pasting area information 252 with information indicating the changed position and shape of the second polygonal area 420.
 第1多角形領域410と第2多角形領域420のそれぞれの所定の一辺が、ある時点で一致するということは、第1多角形領域410の固定辺510と第2多角形領域420の固定辺610が、ある時点において共に同じ直線上に存在するという意味である。「ある時点」は、典型的には、アフィン変換前の初期状態を指す。第1多角形領域410の固定辺510と第2多角形領域420の固定辺610が、常に同一直線上に存在していてもよい。 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.
 なお、CPU 101は、固定辺510,610として、揺れを表現したい画像に合わせて、第1多角形領域410と第2多角形領域420を表す多角形の各辺の中から適宜それぞれ1つずつ選択するものとする。例えば、木の枝にぶら下がっている木の葉が風で揺れる様子を表現したいのであれば、木の葉が生えている枝に沿った方向に固定辺510,610を設定する。例えば、海の中に生えている昆布やワカメなどの海草が海水の動きにあわせてゆらゆらと動く様子を表現したいのであれば、海草が生えている海底に沿った方向に固定辺510,610を設定する。 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 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.
 このように固定辺510,610を設けることで、物体が動き回るのではなく、ある部分が固定されたまま物体が揺れている様子を更に分かりやすく表現できるようになる。 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.
 第1多角形領域410と第2多角形領域420の形状は、長方形や平行四辺形に限られない。例えば図7Aに示すように、変形の前後の第1多角形領域410の形状は、頂点511乃至514を有する任意の四角形としてもよい。CPU 101は、固定辺510の両端の頂点511,512以外の他の頂点513,514が、それぞれ所定の軌道701,702の上を往復して振動するように、第1多角形領域410を変形してもよい。頂点513の振動の周期と、頂点514の振動の周期は、同じであることが望ましい。 The shapes of the first polygonal area 410 and the second polygonal area 420 are not limited to rectangles and parallelograms. 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.
 また例えば図7Bに示すように、変形の前後の第1多角形領域410の形状は、頂点511乃至513を有する任意の三角形としてもよい。CPU 101は、固定辺510の両端の頂点511,512以外の他の頂点513が、所定の軌道703の上を往復して振動するように、第1多角形領域410を変形してもよい。 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 vertices 513 other than the vertices 511 and 512 at both ends of the fixed side 510 reciprocate on a predetermined trajectory 703.
 同様に、第2多角形領域420の形状も、頂点611乃至614を有する任意の四角形、あるいは、頂点611乃至613を有する任意の三角形としてもよい。すなわち、図7A,図7Bにおいて、頂点511乃至514を頂点611乃至614に、固定辺510を固定辺610に、それぞれ読み替えればよい。 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.
 次に、生成表示部203は、記憶部201に記憶されている第1貼付領域情報251に基づいて第1多角形領域410に第1テクスチャ画像310を貼り付け、記憶部201に記憶されている第2貼付領域情報252に基づいて第2多角形領域420に第2テクスチャ画像320を貼り付けた画像を生成し、生成した画像をモニターに表示する。CPU 101、RAM 103、画像処理部108が協働して生成表示部203として機能する。 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 cooperate to function as the generation display unit 203.
 具体的には、第1多角形領域410の形状が四角形である場合、図8Aに示すように、CPU 101は、画像処理部108を制御して、第1テクスチャ画像310の頂点311を第1多角形領域410の頂点511に、頂点312を頂点512に、頂点313を頂点513に、頂点314を頂点514に、それぞれ対応させて、第1テクスチャ画像310を第1多角形領域410に貼り付ける。 Specifically, when the shape of the first polygonal area 410 is a quadrangle, as shown in FIG. 8A, the CPU 101 controls the image processing unit 108 to set the vertex 311 of the first texture image 310 to the first. The first texture image 310 is pasted to the first polygonal area 410 with the vertex 511, the vertex 312 corresponding to the vertex 512, the vertex 313 corresponding to the vertex 513, the vertex 314 corresponding to the vertex 514, respectively. .
 同様に、第2多角形領域420の形状が四角形である場合、CPU 101は、第2テクスチャ画像320の頂点321を第2多角形領域420の頂点611に、頂点322を頂点612に、頂点323を頂点613に、頂点324を頂点614に、それぞれ対応させて、第2テクスチャ画像320を第2多角形領域420に貼り付ける。 Similarly, when the shape of the second polygonal area 420 is a quadrangle, 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.
 以下の説明において、CPU 101が画像処理部108を制御して第1テクスチャ画像310と第2テクスチャ画像320をそれぞれ第1多角形領域410と第2多角形領域420に貼り付けた画像を生成する処理のことを画像生成処理と呼ぶ。 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 on the first polygon area 410 and the second polygon area 420, respectively. This process is called an image generation process.
 第1多角形領域410の形状が三角形である場合、図8Bに示すように、CPU 101は、画像処理部108を制御して、第1テクスチャ画像310の頂点311を第1多角形領域410の頂点511に、頂点312を頂点512に、頂点313と頂点314を共に頂点513に、それぞれ対応させて、第1テクスチャ画像310を第1多角形領域410に貼り付ける。 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 to set the vertex 311 of the first texture image 310 to the first polygonal area 410. The first texture image 310 is pasted to the first polygonal region 410 so that the vertex 511 corresponds to the vertex 312, the vertex 313 and the vertex 314 both correspond to the vertex 513.
 同様に、第2多角形領域420の形状が三角形である場合、CPU 101は、第2テクスチャ画像320の頂点321を第2多角形領域420の頂点611に、頂点322を頂点612に、頂点323と頂点324を共に頂点613に、それぞれ対応させて、第2テクスチャ画像320を第2多角形領域420に貼り付ける。 Similarly, when the shape of the second polygon region 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 region 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.
 図9A~図9Cは、変形前の第1多角形領域410の形状と変形前の第2多角形領域420の位置と形状と大きさを同じにした場合において、CPU 101が第1多角形領域410に第1テクスチャ画像310を貼り付け、第2多角形領域420に第2テクスチャ画像320を貼り付けた画像の例である。図9Aが第1多角形領域410と第2多角形領域420の変形前であり、図9B,図9Cが変形後である。 9A to 9C show the case where the CPU 101 sets the first polygonal area 410 when the shape of the first polygonal area 410 before deformation is the same as the position, shape and size of the second polygonal area 420 before deformation. This is an example of an image in which a first texture image 310 is pasted on 410 and a second texture image 320 is pasted on a second polygonal region 420. FIG. 9A shows the first polygonal area 410 and the second polygonal area 420 before deformation, and FIGS. 9B and 9C show the deformation.
 CPU 101は、第1多角形領域410の固定辺510の位置と向きを固定し、所定の第1の振動周期で単位時間あたり角度θの大きさだけ歪むように、第1多角形領域410を変形する。また、CPU 101は、第2多角形領域420の固定辺610の位置と向きを固定し、所定の第2の振動周期で第1多角形領域410の変形方向と逆方向に単位時間あたり角度φの大きさだけ歪むように、第2多角形領域420を変形する。 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.
 仮に、第1の振動周期(第1多角形領域410の振動の周期)と第2の周期(第2多角形領域420の振動の周期)を同じにすると、生成される画像は、図9A、図9B、図9A、図9C、図9Aの順に変わる。CPU 101が画像生成処理を繰り返し実行することにより、第1テクスチャ画像310に描かれた木の葉と第2テクスチャ画像320に描かれた木の葉が交互に入れ替わるように左右に木の葉が揺れるアニメーション画像を生成することができる。 If the first period (the period of vibration of the first polygonal region 410) and the second period (the period of vibration of the second polygonal region 420) are the same, the generated image is shown in FIG. It changes in order of FIG. 9B, FIG. 9A, FIG. 9C, and FIG. 9A. By repeatedly executing the image generation processing by the CPU 101, an animation image in which the leaves of the tree shake to the left and right 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.
 図10Aと図10Bは、図3Aに示される第1テクスチャ画像310と図3Bに示される第2テクスチャ画像320を、それぞれ、図4の第1多角形領域410と第2多角形領域420に貼り付けてできる画像の例である。本発明を理解しやすくするために第1多角形領域410の縁と第2多角形領域420の縁を実線で示しているが、これらの縁はモニターには表示されない。 10A and FIG. 10B paste the first texture image 310 shown in FIG. 3A and the second texture image 320 shown in FIG. 3B to the first polygon region 410 and the second polygon region 420 of FIG. 4, respectively. It is an example of an image that can be attached. 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.
 図10Aと図10Bに示すように、画面400内に複数の第1多角形領域410(及び/又は第2多角形領域420)がある場合、CPU 101は、それぞれの第1多角形領域410(及び/又は第2多角形領域420)について、アフィン変換などを施して形状を変化させ、第1テクスチャ画像310(及び/又は第2テクスチャ画像320)を貼り付ける。それぞれの第1多角形領域410(及び/又は第2多角形領域420)の変形方法は同じでもよいし異なっていてもよい。 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 causes each first polygonal area 410 ( For the second polygonal area 420), the shape is changed by performing affine transformation or the like, and the first texture image 310 (and / or the second texture image 320) is pasted. The deformation method of each first polygonal region 410 (and / or second polygonal region 420) may be the same or different.
 例えば、画面400内に複数の第1多角形領域410(及び/又は第2多角形領域420)を設定し、すべての第1多角形領域410(及び/又は第2多角形領域420)について同じアフィン行列を用いて変形させて第1テクスチャ画像310(及び/又は第2テクスチャ画像320)を貼り付けると、第1テクスチャ画像310(及び/又は第2テクスチャ画像320)に描かれた絵が一斉に同じように上下左右等に揺れる様子を表す画像を生成することができる。 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.
 一般に、コンピュータグラフィックス(CG)の分野では、シェーダーと呼ばれるアプリケーションソフトウェアを用いてレンダリングすることが多いが、本発明によれば、比較的計算負荷が小さいU-V空間における図形の変形処理を行うだけで、揺れの動きを表現することができる。 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 UV space with a relatively small calculation load. Just to be able to express the movement of shaking.
 次に、本実施形態の上記の各部が実行する画像生成処理について、図11のフローチャートを用いて説明する。 Next, the image generation processing executed by each unit of the present embodiment will be described with reference to the flowchart of FIG.
 まずCPU 101は、第1多角形領域410の位置と形状を示す第1貼付領域情報251と、第2多角形領域420の位置と形状を示す第2貼付領域情報252を、RAM 103から読み出す(ステップS1101)。 First, the CPU 101 reads out the first pasting area information 251 indicating the position and shape of the first polygonal area 410 and the second pasting area information 252 indicating the position and shape of the second polygonal area 420 from the RAM 103 ( Step S1101).
 CPU 101は、第1多角形領域410を表す図形(多角形)を所定のアフィン行列AM1を用いてアフィン変換する。また、CPU 101は、第2多角形領域420を表す図形を所定のアフィン行列AM2を用いてアフィン変換する(ステップS1102)。 The CPU 101 affine-transforms a figure (polygon) representing the first polygon area 410 using a predetermined affine matrix AM1. Further, the CPU 101 affine-transforms the graphic representing the second polygonal region 420 using a predetermined affine matrix AM2 (step S1102).
 アフィン行列AM1による変形を、アフィン行列AM2による変形と逆方向にすると、揺れの動きをより明確に表現できる。例えば図9B,図9Cに示すように、CPU 101は、第1多角形領域410を角度θだけ歪め、第2多角形領域420を角度θの方向と逆方向の角度φだけ歪める。ただし、変形の向きは任意である。角度θの大きさと角度φの大きさは同じでもよいし異なっていてもよい。 If the deformation by the affine matrix AM1 is reversed from the deformation by the affine matrix AM2, the movement of the swing 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.
 例えば、仮想空間内に仮想の風が吹いているとき、比較的弱い風であれば、第1多角形領域410と第2多角形領域420の変形方向を逆にする。一方、比較的強い風であれば、第1多角形領域410と第2多角形領域420の変形方向を同じにする。このようにすると、弱い風のときには木の葉がゆらゆらとゆっくり揺れ、強い風のときには木の葉がバタバタとなびく、といったように、揺れの動きに変化をもたせることができる。 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 shaking, such as when the wind is weak, the leaves sway slowly and slowly, and when the wind is strong, the leaves flutter.
 CPU 101は、画像処理部108を制御して、第1多角形領域410に第1テクスチャ画像310を貼り付けて、第2多角形領域420に第2テクスチャ画像320を貼り付ける(ステップS1103)。このステップの処理は一般にレンダリングと呼ばれる。 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.
 そして、CPU 101は、ステップS1102で変形した第1多角形領域410の位置と形状で第1貼付領域情報251を更新し、同じくステップS1102で変形した第2多角形領域420の位置と形状で第2貼付領域情報252を更新する(ステップS1104)。 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 the CPU 101 updates the first polygonal area 420 with the position and shape of the second polygonal area 420 similarly deformed at step S1102. The 2 pasting area information 252 is updated (step S1104).
 CPU 101は、画像処理部108を制御して、ステップS1103で生成した画像をモニターに表示する。 The CPU 101 controls the image processing unit 108 to display the image generated in step S1103 on the monitor.
 この画像生成処理を、例えば垂直同期割り込みごとに繰り返し実行することにより、仮想空間内での物体の揺れの動きを表すアニメーションを作成することができる。 The animation representing the movement of the object in the virtual space can be created by repeatedly executing this image generation process, for example, every vertical synchronization interrupt.
 一般に、風のような透明な空気の動きや、水中における透明な水の動きは、画像に表現しづらいことが多い。そこで、本発明のようにテクスチャの貼り付け先の図形を変形させ、変形した図形に合わせてテクスチャを貼り付けるようにすると、画像処理の負荷を軽減しつつ、揺れの動きを簡単に表現できるようになる。 In general, movement of transparent air such as wind and movement of transparent water in water 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.
 本実施形態では、画面400内に2種類の多角形領域を設定しているが、3種類以上の多角形領域を設定し、CPU 101がそれぞれの多角形領域を変形するようにしてもよい。 In the present embodiment, two types of polygonal areas are set in the screen 400, but three or more types of polygonal areas may be set, and the CPU 101 may deform each polygonal area.
(実施形態2)
 次に、本発明のその他の実施形態について説明する。上記実施形態では、2つのテクスチャ画像310,320を使い分けているが、第1多角形領域410と第2多角形領域420に共通の1つのテクスチャ画像を用いて貼り付けるようにしてもよい。また、3つ以上のテクスチャ画像を使い分けるようにしてもよい。
(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.
 例えば、お皿の上に乗ったプリンの画像を生成するとき、最も単純な従来の表現手法としては、図12Aに示すように1つの多角形領域1201に1つのテクスチャ画像1202を貼り付けて描画すればよい。一方で、漫画などで用いられる表現手法に、1つの物体が揺れたり移動したりしている様子を複数の絵を用いて残像のように表現することがある。例えば、柔らかいプリンがぷるぷると揺れる様子を描くとき、図12Bに示すように、1つしかないプリンをわざと何個も描き、残像を描くことで、揺れている様子を表現することがある。本発明を適用すると、あたかもこのような漫画などで用いられる表現手法で描いたかのように、物体(プリン)が揺れる様子を表現することができる。 For example, when generating an image of a pudding placed on a plate, the simplest conventional expression technique is to draw and paste one texture image 1202 in one polygonal area 1201 as shown in FIG. 12A. do it. 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 sways as shown in FIG. 12B, there may be a case where a single pudding is intentionally drawn and an afterimage is drawn to express the swaying state. 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.
 すなわち、図12Cに示すように、初期状態で同一の位置且つ同一の形状をした第1多角形領域410と第2多角形領域420を画面400内に設定する。第1多角形領域410と第2多角形領域420に貼り付ける共通のテクスチャ画像1202が予め用意される。 That is, as shown in FIG. 12C, the first polygon region 410 and the second polygon region 420 having the same position and the same shape in the initial state are set in the screen 400. A common texture image 1202 to be pasted on the first polygon area 410 and the second polygon area 420 is prepared in advance.
 次に、図12Dに示すように、CPU 101は、第1多角形領域410を所定周期T1で角度θだけ変形する。同様に、CPU 101は、第2多角形領域420を同じ所定周期T1で角度θだけ逆方向に変形する。言い換えれば、変形後の第1多角形領域410と変形後の第2多角形領域420のそれぞれの形状は、直線1203に対して線対称の関係にある。 Next, 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.
 そして、CPU 101は、変形した第1多角形領域410と第2多角形領域420にテクスチャ画像1202を貼り付ける。 Then, the CPU 101 pastes the texture image 1202 on the deformed first polygon area 410 and the second polygon area 420.
 CPU 101は、図13に示すように時間の経過とともに角度θを変化させ、第1多角形領域410と第2多角形領域420を変形する処理を繰り返し実行する。図13に示すように角度θを所定の周期T1で振動させると、物体が揺れる様子をより分かりやすく表現することができる。 The CPU 101 repeatedly executes the process of changing the angle θ with time and deforming the first polygonal area 410 and the second polygonal area 420 as shown in FIG. 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.
(実施形態3)
 次に、本発明のその他の実施形態について説明する。CPU 101は、固定辺510,610に垂直な方向にも第1多角形領域410と第2多角形領域420を変形することができる。
(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.
 例えば図14Aに示すように、CPU 101は、頂点1401乃至1404を有する変形前の第1多角形領域(又は第2多角形領域)1400を、固定辺1405を固定した上で、角度θだけ歪ませるように変形する。このとき、各辺の長さを不変とする。すると、変形後の第1多角形領域(又は第2多角形領域)1410は、変形前の第1多角形領域(又は第2多角形領域)1400よりもΔLだけ高さが低くなる。 For example, as shown in FIG. 14A, the CPU 101 distorts the first polygonal area (or second polygonal area) 1400 before deformation having the vertices 1401 to 1404 by fixing the fixed side 1405 and the angle θ. Transform to make it feel like it is. 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.
 図14Bは、CPU 101が画像処理部108を制御して変形後の第1多角形領域1410に所定のテクスチャ画像を貼り付け、変形後の第2多角形領域1420に同じく所定のテクスチャ画像を貼り付けてできる画像を表す図である。このように固定辺1405に垂直な方向にも変形させることにより、テクスチャ画像が横方向に間延びしてしまう(木の長さが伸びてしまう)ことがなくなるので、揺れている様子をより自然に表現することができる。 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 similarly paste the predetermined texture image on the deformed second polygon area 1420. It is a figure showing the image which can be attached. 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.
 なお、変形後の第1多角形領域1410と第2多角形領域1420にそれぞれテクスチャ画像を貼り付けるとき、テクスチャ画像を構成する画素データのうち固定辺1405上の不透明領域1406の位置を不変にすると、揺れている様子を更に自然に表現することができる。 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.
(実施形態4)
 次に、本発明のその他の実施形態について説明する。本実施形態は、画面400内に第1多角形領域410を設定する一方、第2多角形領域420を設定しない点で、上記実施形態と異なる。
(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.
 図15A,図15B,図15Cは、第1多角形領域410の形状が変化する様子を表す図である。第1多角形領域410に貼り付ける第1テクスチャ画像310には、揺れの動きを表現したい複数の対象物の絵が予め描かれている。例えば、第1テクスチャ画像310には複数の木の葉の絵が描かれている。 FIG. 15A, FIG. 15B, and FIG. 15C are diagrams showing 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.
 図15Aは、CPU 101が、形状変換前の第1多角形領域410に第1テクスチャ画像310を貼り付けた様子を表す。例えば、形状変換前において、第1多角形領域410の形状を長方形とし、V方向の長さ(高さ)をL1とする。 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.
 CPU 101は、第1多角形領域410の一辺を固定辺510とし、第1多角形領域410を変形する。例えばCPU 101は、図15Bに示すように、第1多角形領域410をU軸の負の方向へ角度θAだけ歪ませて平行四辺形に変形する。あるいは、図15Cに示すように、CPU 101は、第1多角形領域410をU軸の正の方向へ角度θBだけ歪ませて平行四辺形に変形する。そして、CPU 101は、変形した第1多角形領域410に第1テクスチャ画像310を貼り付ける。 The CPU 101 deforms the first polygon region 410 by setting one side of the first polygon region 410 as the 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 region 410.
 CPU 101は、図13に示すように、経過時間と共に、歪ませる角度θを変える。つまり、CPU 101は、θMIN≦θ≦θMAXの範囲で、周期T1で往復運動するように、角度θを変化させる。第1多角形領域410は、図15Aに示す形状から図15Bに示す形状に変化し、更に図15Bに示す形状から図15Aに示す形状に変化し、更に図15Aに示す形状から図15Cに示す形状に変化し、更に図15Cに示す形状から図15Aに示す形状に変化する。このような変化を繰り返すことによって、物体(この場合は木の葉)が揺れる様子を表現する。 CPU 101 changes the angle θ to be distorted with the elapsed time as shown in FIG. That is, the CPU 101 changes the angle θ so as to reciprocate at a period T1 in the range of θMIN ≦ θ ≦ θMAX. The first polygonal region 410 changes from the shape shown in FIG. 15A to the shape shown in FIG. 15B, further changes from the shape shown in FIG. 15B to the shape shown in FIG. 15A, and further changes from the shape shown in FIG. 15A to FIG. The shape changes, and further changes from the shape shown in FIG. 15C to the shape shown in FIG. 15A. By repeating such changes, the object (in this case, the leaves of the tree) is swayed.
 なお、上述の各実施形態を組み合わせ、CPU 101は、角度θを変化させるだけでなく、第1多角形領域410の高さも変化させてもよい。 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.
 図16は、経過時間と高さの関係の例を示す図である。CPU 101は、図13に示す角度θの変化に合わせて、第1多角形領域410の高さを同じ周期T1で変化させる。言い換えれば、第1多角形領域410の高さの変化量ΔL(=L-LAあるいはL-LB)は、LMIN≦L≦LMAX(=L1)の範囲で、周期T1で往復運動する。このように高さも一緒に変えることで、揺れる向きに物体が伸びて見えてしまわないように、より自然に揺れて見える。 FIG. 16 is a diagram showing an example of the relationship between elapsed time and height. The CPU 101 changes the height of the first polygonal region 410 with 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 period 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 the texture is applied 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 embodiment, and various modifications and applications are possible. Moreover, it is also possible to freely combine the components of the above-described embodiments.
 コンピュータを画像処理装置200の全部又は一部として動作させるためのプログラムを、メモリカード、CD-ROM、DVD、MO(Magneto Optical disk)などのコンピュータ読み取り可能な記録媒体に格納して配布し、これを別のコンピュータにインストールし、上述の手段として動作させ、あるいは、上述の工程を実行させてもよい。 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.
 さらに、インターネット上のサーバ装置が有するディスク装置等にプログラムを格納しておき、例えば、搬送波に重畳させて、コンピュータにダウンロード等するものとしてもよい。 Further, 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.
 なお、本願については、日本国特許願 特願2008-119635号を基礎とする優先権を主張し、当該基礎出願の内容をすべて本願にとりこむものとする。 As for the present application, the priority based on Japanese Patent Application No. 2008-119635 is claimed and all the contents of the basic application are incorporated in the present application.
 以上説明したように、本発明によれば、揺れの動きを簡単に表現するために好適な画像処理装置、画像処理方法、情報記録媒体、ならびに、プログラムを提供することができる。 As described above, according to the present invention, it is possible to provide an image processing device, an image processing method, an information recording medium, and a program that are suitable for simply expressing the motion of shaking.
100 情報処理装置
101 CPU
102 ROM
103 RAM
104 インターフェース
105 コントローラ
106 外部メモリ
107 DVD-ROMドライブ
108 画像処理部
109 音声処理部
110 NIC
200 画像処理装置
201 記憶部
202 更新部
203 生成表示部
251 第1貼付領域情報
252 第2貼付領域情報
310 第1テクスチャ画像
311乃至314 頂点
315 透明領域
316 不透明領域
320 第2テクスチャ画像
321乃至324 頂点
325 透明領域
326 不透明領域
400 画面
410 第1多角形領域
420 第2多角形領域
510 固定辺
511乃至514 頂点
515 固定辺上の不透明領域
610 固定辺
611乃至614 頂点
615 固定辺上の不透明領域
701乃至703 軌道
1201 多角形領域
1202 テクスチャ画像
1203 直線
1400 変形前の第1多角形領域(又は第2多角形領域)
1401乃至1404 頂点
1405 固定辺
1406 固定辺上の不透明領域
1410 変形後の第1多角形領域
1420 変形後の第2多角形領域
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 side 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 (9)

  1.  第1テクスチャ画像を貼り付ける第1多角形領域と、第2テクスチャ画像を貼り付ける第2多角形領域と、のそれぞれの位置と形状を記憶する記憶部(201)と、
     当該第1多角形領域と当該第2多角形領域のそれぞれの所定の一辺の端点以外の頂点の位置を、当該第1多角形領域については第1の周期で、当該第2多角形領域については第2の周期でそれぞれ振動させて、当該形状を変化させるように、前記記憶部(201)に記憶される形状を更新する更新部(202)と、
     前記記憶部(201)に記憶される位置と形状に基づいて、当該第1多角形領域に当該第1テクスチャ画像を貼り付け、当該第2多角形領域に当該第2テクスチャ画像を貼り付けた画像を生成して表示する生成表示部(203)と、
     を備えることを特徴とする画像処理装置(200)。
    A storage unit (201) for storing the positions and shapes of the first polygon area to which the first texture image is pasted and the second polygon area to which the second texture image is pasted;
    The positions of the vertices other than the endpoints of the predetermined one side of each of the first polygon area and the second polygon area are the first period for the first polygon area and the second polygon area for the second polygon area. An updating unit (202) for updating the shape stored in the storage unit (201) so as to change the shape by vibrating each in a second period;
    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 based on the position and shape stored in the storage unit (201). A generation display unit (203) for generating and displaying
    An image processing apparatus (200) comprising:
  2.  請求項1に記載の画像処理装置(200)であって、
     前記更新部(202)は、当該第1多角形領域と当該第2多角形領域のそれぞれの当該所定の一辺の位置を一致させて、当該第1テクスチャ画像をアフィン変換して変形し、当該第2テクスチャ画像をアフィン変換して変形する、
     ことを特徴とする画像処理装置(200)。
    An image processing device (200) according to claim 1,
    The update unit (202) matches the position of the predetermined one side of each of the first polygon area and the second polygon area, and affine-transforms and deforms the first texture image. 2 Transform the texture image by affine transformation.
    An image processing apparatus (200) characterized by that.
  3.  請求項1に記載の画像処理装置(200)であって、
     当該第1多角形領域と当該第2多角形領域は、仮想空間における同一平面上に存在し、
     前記更新部(202)は、当該第2多角形領域を、当該第1多角形領域を変形する向きと逆向きに変形することにより、当該第1多角形領域の形状と当該第2多角形領域の当該形状を変化させる、
     ことを特徴とする画像処理装置(200)。
    An image processing device (200) according to claim 1,
    The first polygon region and the second polygon region exist on the same plane in the virtual space,
    The update unit (202) 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. Change the shape of
    An image processing apparatus (200) characterized by that.
  4.  一つ又は複数のテクスチャ画像を貼り付ける多角形領域の位置と形状を記憶する記憶部(201)と、
     当該多角形領域の所定の一辺の端点以外の頂点の位置を、当該所定の一辺が伸びる向きに、所定の周期で振動させるように、前記記憶部(201)に記憶される形状を更新する更新部(202)と、
     前記記憶部(201)に記憶される位置と形状に基づいて、当該多角形領域に当該一つ又は複数のテクスチャ画像を貼り付けた画像を生成して表示する生成表示部(203)と、
     を備えることを特徴とする画像処理装置(200)。
    A storage unit (201) for storing the position and shape of a polygonal region to which one or more texture images are pasted;
    Update to update the shape stored in the storage unit (201) so as to vibrate the positions of the vertices other than the end points of the predetermined one side of the polygonal region in a direction in which the predetermined one side extends in a predetermined cycle. Part (202),
    Based on the position and shape stored in the storage unit (201), a generation display unit (203) that generates and displays an image in which the one or more texture images are pasted on the polygonal region,
    An image processing apparatus (200) comprising:
  5.  請求項1に記載の画像処理装置(200)であって、
     前記更新部(202)は、更に、当該所定の一辺の端点以外の頂点の位置を、当該所定の一辺が伸びる向きと垂直な向きに、当該所定の周期で振動させるように、前記記憶部(201)に記憶される形状を更新する、
     ことを特徴とする画像処理装置(200)。
    An image processing device (200) according to claim 1,
    The update unit (202) is further configured to vibrate the positions of vertices other than the end points of the predetermined one side in the predetermined period in a direction perpendicular to the direction in which the predetermined one side extends. 201) update the shape stored in
    An image processing apparatus (200) characterized by that.
  6.  請求項1に記載の画像処理装置(200)であって、
     前記更新部(202)は、当該所定の一辺を固定して当該所定の周期で振動させるように、前記記憶部(201)に記憶される形状を更新する、
     ことを特徴とする画像処理装置(200)。
    An image processing device (200) according to claim 1,
    The update unit (202) updates the shape stored in the storage unit (201) so as to fix the predetermined one side and vibrate at the predetermined cycle,
    An image processing apparatus (200) characterized by that.
  7.  記憶部(201)、更新部(202)、生成表示部(203)を有する画像処理装置(200)にて実行される画像処理方法であって、
     前記記憶部(201)には、第1テクスチャ画像を貼り付ける第1多角形領域と、第2テクスチャ画像を貼り付ける第2多角形領域と、のそれぞれの位置と形状が記憶され、
     当該第1多角形領域と当該第2多角形領域のそれぞれの所定の一辺の端点以外の頂点の位置を、当該第1多角形領域については第1の周期で、当該第2多角形領域については第2の周期でそれぞれ振動させて、当該形状を変化させるように、前記更新部(202)が前記記憶部(201)に記憶される形状を更新する更新ステップと、
     前記生成表示部(203)が、前記記憶部(201)に記憶される位置と形状に基づいて、当該第1多角形領域に当該第1テクスチャ画像を貼り付け、当該第2多角形領域に当該第2テクスチャ画像を貼り付けた画像を生成して表示する生成表示ステップと、
     を備えることを特徴とする画像処理方法。
    An image processing method executed by an image processing apparatus (200) having a storage unit (201), an update unit (202), and a generation display unit (203),
    In the storage unit (201), positions and shapes of a first polygon area to which the first texture image is pasted and a second polygon area to which the second texture image is pasted are stored,
    The positions of the vertices other than the endpoints of the predetermined one side of each of the first polygon area and the second polygon area are the first period for the first polygon area and the second polygon area for the second polygon area. An updating step in which the updating unit (202) updates the shape stored in the storage unit (201) so as to change the shape by vibrating each in a second period;
    The generation display unit (203) pastes the first texture image to the first polygon region based on the position and shape stored in the storage unit (201), and the second polygon region A generation display step of generating and displaying an image with the second texture image pasted;
    An image processing method comprising:
  8.  コンピュータを、
     第1テクスチャ画像を貼り付ける第1多角形領域と、第2テクスチャ画像を貼り付ける第2多角形領域と、のそれぞれの位置と形状を記憶する記憶部(201)、
     当該第1多角形領域と当該第2多角形領域のそれぞれの所定の一辺の端点以外の頂点の位置を、当該第1多角形領域については第1の周期で、当該第2多角形領域については第2の周期でそれぞれ振動させて、当該形状を変化させるように、前記記憶部(201)に記憶される形状を更新する更新部(202)、
     前記記憶部(201)に記憶される位置と形状に基づいて、当該第1多角形領域に当該第1テクスチャ画像を貼り付け、当該第2多角形領域に当該第2テクスチャ画像を貼り付けた画像を生成して表示する生成表示部(203)、
     として機能させるプログラムを記憶することを特徴とする、コンピュータ読み取り可能な情報記録媒体。
    Computer
    A storage unit (201) for storing respective positions and shapes of 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;
    The positions of the vertices other than the endpoints of the predetermined one side of each of the first polygon area and the second polygon area are the first period for the first polygon area and the second polygon area for the second polygon area. An updating unit (202) for updating the shape stored in the storage unit (201) so as to change the shape by oscillating each in the second period,
    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 based on the position and shape stored in the storage unit (201). A generation display unit (203) for generating and displaying
    A computer-readable information recording medium, which stores a program that functions as a computer program.
  9.  コンピュータを、
     第1テクスチャ画像を貼り付ける第1多角形領域と、第2テクスチャ画像を貼り付ける第2多角形領域と、のそれぞれの位置と形状を記憶する記憶部(201)、
     当該第1多角形領域と当該第2多角形領域のそれぞれの所定の一辺の端点以外の頂点の位置を、当該第1多角形領域については第1の周期で、当該第2多角形領域については第2の周期でそれぞれ振動させて、当該形状を変化させるように、前記記憶部(201)に記憶される形状を更新する更新部(202)、
     前記記憶部(201)に記憶される位置と形状に基づいて、当該第1多角形領域に当該第1テクスチャ画像を貼り付け、当該第2多角形領域に当該第2テクスチャ画像を貼り付けた画像を生成して表示する生成表示部(203)、
     として機能させることを特徴とするプログラム。
    Computer
    A storage unit (201) for storing respective positions and shapes of 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;
    The positions of the vertices other than the endpoints of the predetermined one side of each of the first polygon area and the second polygon area are the first period for the first polygon area and the second polygon area for the second polygon area. An updating unit (202) for updating the shape stored in the storage unit (201) so as to change the shape by oscillating each in the second period,
    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 based on the position and shape stored in the storage unit (201). A generation display unit (203) for generating and displaying
    A program characterized by functioning as
PCT/JP2009/058296 2008-05-01 2009-04-27 Image processing device, image processing method, data storage medium, and program WO2009133860A1 (en)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN200980101134.XA CN101878489B (en) 2008-05-01 2009-04-27 Image processing device, image processing method
KR1020107009357A KR101137733B1 (en) 2008-05-01 2009-04-27 Image processing device, image processing method, and data storage medium

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
JP2008119635A JP4354510B1 (en) 2008-05-01 2008-05-01 Image processing apparatus, image processing method, and program
JP2008-119635 2008-05-01

Publications (1)

Publication Number Publication Date
WO2009133860A1 true WO2009133860A1 (en) 2009-11-05

Family

ID=41255076

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/JP2009/058296 WO2009133860A1 (en) 2008-05-01 2009-04-27 Image processing device, image processing method, data storage medium, and program

Country Status (5)

Country Link
JP (1) JP4354510B1 (en)
KR (1) KR101137733B1 (en)
CN (1) CN101878489B (en)
TW (1) TW201007612A (en)
WO (1) WO2009133860A1 (en)

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
GB2491688A (en) * 2011-05-05 2012-12-12 Advanced Risc Mach Ltd Encoding and decoding texture data
US8891886B2 (en) 2011-09-30 2014-11-18 Arm Limited Method of and apparatus for encoding data
US9142037B2 (en) 2012-07-04 2015-09-22 Arm Limited Methods of and apparatus for encoding and decoding data
US9177415B2 (en) 2013-01-30 2015-11-03 Arm Limited Methods of and apparatus for encoding and decoding data
US10147202B2 (en) 2013-03-15 2018-12-04 Arm Limited Methods of and apparatus for encoding and decoding data

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP6039527B2 (en) * 2013-10-18 2016-12-07 楽天株式会社 Movie generation device, movie generation method, and movie generation program
KR102387390B1 (en) * 2015-05-22 2022-04-19 삼성디스플레이 주식회사 Display device and method for displaying image using display device
CN112132934A (en) * 2020-09-22 2020-12-25 上海米哈游天命科技有限公司 Model element deformation processing method, model element deformation processing device, model element image rendering method, model element image rendering device and model element image rendering medium

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO1997031338A1 (en) * 1996-02-20 1997-08-28 Sega Enterprises, Ltd. Image generator, image generating method and image recording medium
JP2002042152A (en) * 2000-07-25 2002-02-08 Namco Ltd Image processing device, image processing method, and recording medium recording image processing program
JP2007193834A (en) * 1995-12-26 2007-08-02 Imax Corp Computer-assisted animation production system and method and user interface

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2007193834A (en) * 1995-12-26 2007-08-02 Imax Corp Computer-assisted animation production system and method and user interface
WO1997031338A1 (en) * 1996-02-20 1997-08-28 Sega Enterprises, Ltd. Image generator, image generating method and image recording medium
JP2002042152A (en) * 2000-07-25 2002-02-08 Namco Ltd Image processing device, image processing method, and recording medium recording image processing program

Cited By (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
GB2491688A (en) * 2011-05-05 2012-12-12 Advanced Risc Mach Ltd Encoding and decoding texture data
GB2491688B (en) * 2011-05-05 2014-08-27 Advanced Risc Mach Ltd Method of and apparatus for encoding and decoding data
US9041723B2 (en) 2011-05-05 2015-05-26 Arm Limited Method of and apparatus for encoding and decoding data
US9058637B2 (en) 2011-05-05 2015-06-16 Arm Limited Method of and apparatus for encoding and decoding data
US9524566B2 (en) 2011-05-05 2016-12-20 Arm Limited Method of and apparatus for encoding and decoding data
US9524535B2 (en) 2011-05-05 2016-12-20 Arm Limited Method of and apparatus for encoding and decoding data
US9582845B2 (en) 2011-05-05 2017-02-28 Arm Limited Method of and apparatus for encoding and decoding data
US9626730B2 (en) 2011-05-05 2017-04-18 Arm Limited Method of and apparatus for encoding and decoding data
US8891886B2 (en) 2011-09-30 2014-11-18 Arm Limited Method of and apparatus for encoding data
US9142037B2 (en) 2012-07-04 2015-09-22 Arm Limited Methods of and apparatus for encoding and decoding data
US9177415B2 (en) 2013-01-30 2015-11-03 Arm Limited Methods of and apparatus for encoding and decoding data
US10147202B2 (en) 2013-03-15 2018-12-04 Arm Limited Methods of and apparatus for encoding and decoding data

Also Published As

Publication number Publication date
KR20100067680A (en) 2010-06-21
CN101878489A (en) 2010-11-03
TW201007612A (en) 2010-02-16
KR101137733B1 (en) 2012-04-24
JP4354510B1 (en) 2009-10-28
JP2009271626A (en) 2009-11-19
CN101878489B (en) 2012-12-05

Similar Documents

Publication Publication Date Title
JP4354510B1 (en) Image processing apparatus, image processing method, and program
US20080192043A1 (en) Display, Displaying Method, Information Recording Medium, and Program
KR20080090671A (en) Apparatus and method for mapping textures to object model
US20080095439A1 (en) Image Processing Device, Image Processing Method, Information Recording Medium, And Program
US9056247B2 (en) System and method for efficient character animation
WO2006033261A1 (en) Image processor, image processing method, information recording medium, and program
JP2007272287A (en) Image generation device, image generation method and program
JP4267646B2 (en) Image generating apparatus, image generating method, and program
JP4632596B2 (en) Image generation system, program, and information storage medium
JP4815521B2 (en) Image processing apparatus, image processing method, and program
JP4210293B2 (en) Simulation apparatus, simulation method, and program
JP4457099B2 (en) Image processing apparatus, image processing method, and program
JP4307469B2 (en) Image generating apparatus, image generating method, and program
JP2002092636A (en) Water surface image forming method, computer-readable storage medium for realizing it, and game system
JP4468974B2 (en) Image generating apparatus, image generating method, and program
JP5155262B2 (en) Image generating apparatus, image generating method, and program
JP3609030B2 (en) Image generation method and program used therefor
JP2000132703A (en) Picture processor
JP2006252423A (en) Program, information storage medium and image generation system
CN115761088A (en) Element generation method, rendering method, device, electronic equipment and storage medium
JP2011095937A (en) Program, information storage medium and image generation system
JP2005322056A (en) Program, information storage medium and image generation system
JP2007080139A (en) Image forming program
JPH0644345A (en) Data processing method for computer graphics

Legal Events

Date Code Title Description
WWE Wipo information: entry into national phase

Ref document number: 200980101134.X

Country of ref document: CN

121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 09738797

Country of ref document: EP

Kind code of ref document: A1

ENP Entry into the national phase

Ref document number: 20107009357

Country of ref document: KR

Kind code of ref document: A

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 09738797

Country of ref document: EP

Kind code of ref document: A1