Deprecated: The each() function is deprecated. This message will be suppressed on further calls in /home/zhenxiangba/zhenxiangba.com/public_html/phproxy-improved-master/index.php on line 456
JP4801009B2 - Image processing apparatus, image processing method, and program - Google Patents
[go: Go Back, main page]

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

Image processing apparatus, image processing method, and program Download PDF

Info

Publication number
JP4801009B2
JP4801009B2 JP2007160627A JP2007160627A JP4801009B2 JP 4801009 B2 JP4801009 B2 JP 4801009B2 JP 2007160627 A JP2007160627 A JP 2007160627A JP 2007160627 A JP2007160627 A JP 2007160627A JP 4801009 B2 JP4801009 B2 JP 4801009B2
Authority
JP
Japan
Prior art keywords
image data
image
area
unit
display
Prior art date
Legal status (The legal status 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 status listed.)
Active
Application number
JP2007160627A
Other languages
Japanese (ja)
Other versions
JP2008310269A (en
Inventor
純子 河野
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Konami Digital Entertainment Co Ltd
Original Assignee
Konami Digital Entertainment Co Ltd
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 Konami Digital Entertainment Co Ltd filed Critical Konami Digital Entertainment Co Ltd
Priority to JP2007160627A priority Critical patent/JP4801009B2/en
Publication of JP2008310269A publication Critical patent/JP2008310269A/en
Application granted granted Critical
Publication of JP4801009B2 publication Critical patent/JP4801009B2/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Landscapes

  • Image Processing (AREA)
  • Controls And Circuits For Display Device (AREA)
  • User Interface Of Digital Computer (AREA)

Description

本発明は、複数の画像同士の相違をユーザに見分けやすくさせるために好適な画像処理装置、画像処理方法、ならびに、プログラムに関する。   The present invention relates to an image processing apparatus, an image processing method, and a program suitable for easily distinguishing a difference between a plurality of images to a user.

2つの絵を比較して楽しむゲームが広く知られている。例えば、プレイヤーは部分的に異なる2つの絵が印刷された紙を見て、それらの絵を見比べて違うところを探す。特許文献1には、2つの絵を画面に表示して間違い探しをさせるゲーム装置が開示されている。これによれば、このゲーム装置は問題画像と比較画像の2つをディスプレイに同時に表示するので、プレイヤーは並べて表示されたこれらの画像の全体を見比べて間違いを探すことになる。また、クイズ番組等で用いられているような他の従来の手法には、問題画像と比較画像を交互に何秒かずつ表示して間違いを探させるものもある。
特開2005−211287号公報
Games that compare two pictures and enjoy them are widely known. For example, a player looks at a paper on which two different pictures are printed, and compares the pictures to find a different place. Patent Document 1 discloses a game device that displays two pictures on a screen to search for mistakes. According to this, since this game apparatus displays both the problem image and the comparison image on the display at the same time, the player looks for an error by comparing the entire images displayed side by side. In addition, other conventional techniques such as those used in quiz programs or the like include a problem image and a comparative image that are displayed alternately every several seconds to search for an error.
JP 2005-2111287 A

しかし、上述したような従来の手法では、プレイヤーは2つの画像の全体を眺めて比較しなければならず効率的ではない。例えば、自分が画像全体のうちのどの部分を見比べるべきか、どの部分をいま見比べようとしているのか、問題画像中のある部分が比較画像中のどの部分に対応するのか、などを覚えて絶えず気にしながら比較しなければならならず、プレイヤーの負担が大きかった。また、2つの画像を見比べて相違を見る作業は間違い探しゲームに限らない。例えば、異なる時間に同じ場所を同じ角度で撮影した2つの写真を見比べて変化を探したり、ある元絵を参考にして似通った画像を作成したりする場合には、2つの画像を並べて表示しただけでは、どこが同じでどこが違うのかを認識して作業することは容易ではなかった。   However, in the conventional method as described above, the player must view and compare the entire two images, which is not efficient. For example, constantly remembering which part of the whole image you should compare, which part you are trying to compare, and which part in the problem image corresponds to which part in the comparison image However, the burden on the player was heavy. Also, the task of comparing the two images to see the difference is not limited to the mistake-finding game. For example, when comparing two photos taken at the same angle at the same time and looking for changes, or creating similar images with reference to a certain original picture, the two images are displayed side by side By itself, it was not easy to work by recognizing what was the same and what was different.

本発明はこのような課題を解決するものであり、複数の画像同士の相違をユーザに見分けやすくさせるために好適な画像処理装置、画像処理方法、ならびに、プログラムを提供することを目的とする。   SUMMARY An advantage of some aspects of the invention is to provide an image processing apparatus, an image processing method, and a program that are suitable for easily distinguishing a difference between a plurality of images by a user.

以上の目的を達成するため、本発明の原理にしたがって、下記の発明を開示する。   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画像データとを記憶する。
透過領域入力受付部は、当該第1画像データに含まれる所定の大きさの表示領域に含まれる透過領域の位置を指定する入力をユーザから受け付ける。
合成部は、当該表示領域の位置と指定された透過領域の位置とに基づいて、当該第2画像データ内の表示領域と透過領域を求める。さらに、当該第1画像データのうち、当該表示領域に含まれ、且つ、当該透過領域に含まれない領域の画像データと、当該第2画像データのうち、当該表示領域に含まれ、且つ、当該透過領域に含まれる領域の画像データと、を抽出して合成し、表示画像を生成する。
表示部は、生成された表示画像を表示する。
この結果、画像処理装置は、ユーザが選択した画像データ中の任意の場所に他の画像データを合成して表示させる。例えば、この画像処理装置は、互いに似た異なる複数の画像のうちユーザが着目したい場所の画像を入れ替えたり、ユーザが着目したい場所において拡大縮小率・色合い・解像度等を変えてこれらの画像を合成したりする。これらの画像に相違点があると、表示される画像中の着目している場所の画像部分が合成前後で変化する。ユーザは画像全体のうち着目したい場所を自由に変えられる。これにより、ユーザは、複数の画像同士の任意の場所における相違点を見つけることが容易になる。ユーザは、あたかも複数の画像の好きな部分だけを重ねて透かして見るかのように画像同士を見比べることができる。ユーザは、注目したい部分の絵だけを入れ替えて画像処理装置に表示させることができるので、違いを見つけやすくなる。
An image processing apparatus according to a first aspect of the present invention includes an image storage unit, a transmissive area input reception unit, a synthesis unit, and a display unit.
The image storage unit stores first image data and second image data that is different from the first image data and has the same size.
The transparent area input receiving unit receives an input for designating a position of a transparent area included in a display area having a predetermined size included in the first image data from the user.
The synthesizing unit obtains the display area and the transmission area in the second image data based on the position of the display area and the position of the designated transmission area. Furthermore, among the first image data, the image data of an area included in the display area and not included in the transmissive area, and the second image data included in the display area, and the The image data of the area included in the transmissive area is extracted and combined to generate a display image.
The display unit displays the generated display image.
As a result, the image processing apparatus synthesizes and displays other image data at an arbitrary location in the image data selected by the user. For example, the image processing apparatus replaces images at a location that the user wants to focus on among a plurality of different images that are similar to each other, or synthesizes these images at a location that the user wants to focus on by changing the enlargement / reduction ratio, hue, resolution, etc. To do. If there is a difference between these images, the image portion of the place of interest in the displayed image changes before and after the synthesis. The user can freely change the place of interest in the entire image. This makes it easy for the user to find differences at any location between the multiple images. The user can compare the images as if they were to see only a desired portion of a plurality of images as a watermark. Since the user can replace only the picture of the part to be noticed and display it on the image processing apparatus, it is easy to find the difference.

画像処理装置は、当該第1画像データに含まれる所定の大きさの表示領域の位置を指定する入力をユーザから受け付ける表示領域入力受付部を更に備えてもよい。
これにより、画像処理装置は、画像データ全体のうちユーザによって指定された部分を表示させる。ユーザは、画像データ全体のうち画像処理装置に表示させたい部分を自由に変えることができる。
The image processing apparatus may further include a display area input receiving unit that receives an input for designating a position of a display area having a predetermined size included in the first image data from a user.
As a result, the image processing apparatus displays a portion designated by the user in the entire image data. The user can freely change the portion of the entire image data that is desired to be displayed on the image processing apparatus.

画像処理装置は、当該第1画像データ内の当該表示領域の位置と当該透過領域の位置と、当該第2画像データ内の当該表示領域の位置と当該透過領域の位置と、のそれぞれを記憶する領域記憶部を更に備え、
合成部は、前記領域記憶部に記憶された各位置に基づいて、前記第2画像データから抽出された画像データを、当該第1画像データの当該透過領域の位置に合成してもよい。
これにより、画像処理装置は、比較対象の画像部分の位置の対応関係を崩さないように画像を合成して表示させることができる。
The image processing apparatus stores the position of the display area and the position of the transmissive area in the first image data, and the position of the display area and the position of the transmissive area in the second image data, respectively. An area storage unit;
The combining unit may combine the image data extracted from the second image data with the position of the transmission region of the first image data based on each position stored in the region storage unit.
Accordingly, the image processing apparatus can synthesize and display the images so as not to break the correspondence relationship between the positions of the image portions to be compared.

透過領域入力受付部は、当該透過領域の形状を指定する入力をさらに受け付け、
合成部は、前記指定された形状であって前記指定された位置に対応する部分を当該第2画像データから抽出してもよい。
この結果、画像処理装置は、ユーザにより画像データ中の任意の位置と形状で指定される部分に他の画像データを合成して表示させる。これにより、ユーザは、複数の画像同士の、指定した位置と形状で表される部分の相違点を見つけることが容易になる。ユーザは着目したい場所と形を自由に変えて画像同士を比較できる。
The transparent area input receiving unit further receives an input specifying the shape of the transparent area,
The synthesizing unit may extract a portion of the designated shape corresponding to the designated position from the second image data.
As a result, the image processing apparatus synthesizes and displays other image data at a portion specified by an arbitrary position and shape in the image data by the user. Thereby, the user can easily find the difference between the plurality of images represented by the designated position and shape. The user can freely change the place and shape of interest and compare the images.

画像記憶部は、第3画像データをさらに記憶し、
画像処理装置は、当該第3画像データに画像フィルタをかけて画像を調整し、前記調整されたデータを当該第2画像データとして前記画像記憶部に記憶させる調整部をさらに備えてもよい。
この結果、画像処理装置により表示される画像には、ユーザが着目している場所とそうでない場所との間に不連続な部分が生じるので、ユーザは見比べている画像同士の境界がどこかを見失うことなく、容易に相違点を見つけることができる。
The image storage unit further stores third image data,
The image processing apparatus may further include an adjustment unit that adjusts an image by applying an image filter to the third image data, and stores the adjusted data in the image storage unit as the second image data.
As a result, in the image displayed by the image processing apparatus, a discontinuous portion is generated between the place where the user is paying attention and the place where the user is not paying attention. You can easily find differences without losing sight.

調整部は、所定の拡縮率で拡大又は縮小するフィルタを用いて当該第3画像データの大きさを調整してもよい。
この結果、画像処理装置は、元の画像と、これを自由に拡大又は縮小した画像とを合成して表示させる。これにより、ユーザは、複数の画像同士で見比べたい部分を拡大又は縮小して表示させることによって、相違点を見つけることが更に容易になる。例えば、画像を拡大して表示させれば細部の違いを見分けやすくなり、画像を縮小して表示させれば広い範囲を同時に見渡して違いを見分けやすくなる。
The adjustment unit may adjust the size of the third image data using a filter that enlarges or reduces at a predetermined enlargement / reduction ratio.
As a result, the image processing apparatus synthesizes and displays the original image and an image that is freely enlarged or reduced. This makes it easier for the user to find the difference by enlarging or reducing the portion of the plurality of images to be compared. For example, if an image is enlarged and displayed, it becomes easy to distinguish a difference in details, and if an image is reduced and displayed, it is easy to distinguish a difference by looking over a wide range at the same time.

当該第3画像データを縮小する場合、調整部は、縮小されてできる画像データの周縁部分を展延して当該第2画像データと同じ大きさに調整してもよい。
これにより、画像処理装置は、縮小してできる画像の大きさが元の画像と同じ大きさになるように、周縁部分の画像を生成して大きさを調整するので、画像同士で対応させるべき画像部分がなくなってしまうことはない。
When the third image data is reduced, the adjustment unit may expand the peripheral portion of the reduced image data and adjust it to the same size as the second image data.
As a result, the image processing apparatus generates an image of the peripheral portion and adjusts the size so that the size of the image that can be reduced is the same size as the original image. The image part is not lost.

当該第3画像データを拡大する場合、調整部は、拡大されてできる画像データの周縁部分を除去して当該第2画像データと同じ大きさに調整してもよい。
これにより、画像処理装置は、拡大してできる画像の大きさが元の画像と同じ大きさになるように、周縁部分の画像をカットして大きさを調整するので、比較に必要のない画像部分を記憶する必要はなく、メモリを節約できる。
When enlarging the third image data, the adjustment unit may remove the peripheral portion of the enlarged image data and adjust it to the same size as the second image data.
As a result, the image processing apparatus adjusts the size by cutting the peripheral image so that the size of the image that can be enlarged is the same size as the original image. There is no need to store the part, saving memory.

調整部は、当該透過領域の面積に対して予め対応付けられた拡縮率で当該第3画像データを拡大又は縮小させてもよい。
これにより、画像処理装置は、比較すべき画像部分の広さに応じて拡大又は縮小の程度を調節することができる。例えば、ユーザにとって画像を比較しやすい大きさに調節できるようになる。
The adjustment unit may enlarge or reduce the third image data at an enlargement / reduction rate associated with the area of the transmission region in advance.
Thereby, the image processing apparatus can adjust the degree of enlargement or reduction according to the width of the image portion to be compared. For example, the image can be adjusted to a size that is easy for the user to compare.

例えば、調整部は、所定の拡縮率で拡大又は縮小するフィルタと、画像に所定の色変換をするフィルタと、画像から所定の色を抽出するフィルタと、画像のエッジを調整するフィルタと、画像の解像度を変更するフィルタと、のうち少なくともいずれか1つを用いて当該第3画像データを調整してもよい。画像処理装置は、これらの任意の組み合わせによるフィルタを用いて画像を調整して合成することができる。   For example, the adjustment unit includes a filter that enlarges or reduces at a predetermined enlargement / reduction ratio, a filter that performs predetermined color conversion on the image, a filter that extracts a predetermined color from the image, a filter that adjusts the edge of the image, The third image data may be adjusted using at least one of a filter that changes the resolution of the image data. The image processing apparatus can adjust and synthesize an image using a filter based on any combination of these.

画像処理装置は、移動入力受付部と更新部をさらに備えてもよい。
移動入力受付部は、当該第1画像データ内の当該表示領域の位置を移動させる方向と量を指定する入力をユーザから受け付ける。
更新部は、移動入力受付部が当該指示入力を受け付けた場合、領域記憶部に記憶された当該表示領域と当該透過領域の位置を、当該方向に、当該量に基づいて計算した量だけ移動させて更新する。
これにより、画像処理装置は、比較する画像のそれぞれを異なる移動量でスクロールさせることができる。ユーザは、比較対象の画像同士の見分けがしやすくなる。例えば、ユーザが選択した比較対象の画像部分を小さく移動させ、そうでない部分を大きく移動させることにより、遠近感をもたせながら複数の画像を表示させることができる。
The image processing apparatus may further include a movement input receiving unit and an updating unit.
The movement input accepting unit accepts an input for designating a direction and an amount for moving the position of the display area in the first image data from the user.
When the movement input reception unit receives the instruction input, the update unit moves the position of the display region and the transmission region stored in the region storage unit in the direction by the amount calculated based on the amount. Update.
Thereby, the image processing apparatus can scroll each of the images to be compared with different movement amounts. The user can easily distinguish between images to be compared. For example, it is possible to display a plurality of images while giving a sense of perspective by moving the image portion to be compared selected by the user small and moving the portion not so large.

画像処理装置は、選択入力受付部と移動部をさらに備えてもよい。
選択入力受付部は、当該第2画像データ内に配置されるアイテム画像データを選択し、選択されたアイテム画像データの位置を移動させる指示入力をユーザから受け付ける。
移動部は、選択されたアイテム画像データが表示されるアイテム領域の全体が当該透過領域に含まれる場合、選択入力受付部が受け付けた指示入力が示す位置に当該アイテム画像データを移動させる。
これにより、画像処理装置は、ユーザが選択した比較対象の画像部分の中に、例えばゲーム中に登場するアイテムなど、オブジェクト画像の全体が含まれていれば、ユーザの指示に従ってそのオブジェクトの位置を自由に変えることができる。ユーザは、画像の所望の部分を比較しながらオブジェクト画像の位置を自由に動かして画像を作ることができる。
The image processing apparatus may further include a selection input receiving unit and a moving unit.
The selection input receiving unit selects item image data arranged in the second image data, and receives an instruction input for moving the position of the selected item image data from the user.
The moving unit moves the item image data to a position indicated by the instruction input received by the selection input receiving unit when the entire item region in which the selected item image data is displayed is included in the transparent region.
As a result, if the entire image of the object, such as an item appearing in the game, is included in the comparison target image portion selected by the user, the image processing apparatus determines the position of the object according to the user's instruction. It can be changed freely. The user can create an image by freely moving the position of the object image while comparing desired portions of the image.

本発明のその他の観点に係る画像処理方法は、画像記憶部、透過領域入力受付部、合成部、表示部を有する画像処理装置にて実行される画像処理方法であって、表示領域入力受付ステップ、透過領域入力受付ステップ、合成ステップ、表示ステップを備える。
画像記憶部には、第1画像データと、当該第1画像データと異なる画像データであって大きさが同じ第2画像データとが記憶される。
透過領域入力受付ステップは、透過領域入力受付部が、当該第1画像データに含まれる所定の大きさの表示領域に含まれる透過領域の位置を指定する入力をユーザから受け付ける。
合成ステップは、合成部が、当該表示領域の位置と指定された透過領域の位置とに基づいて、当該第2画像データ内の表示領域と透過領域を求め、当該第1画像データのうち、当該表示領域に含まれ、且つ、当該透過領域に含まれない領域の画像データと、当該第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 an image storage unit, a transparent region input receiving unit, a combining unit, and a display unit, and a display region input receiving step , A transparent area input receiving step, a synthesis step, and a display step.
The image storage unit stores first image data and second image data that is different from the first image data and has the same size.
In the transparent area input receiving step, the transparent area input receiving unit receives an input from the user for designating the position of the transparent area included in the display area of a predetermined size included in the first image data.
In the combining step, the combining unit obtains a display area and a transmission area in the second image data based on the position of the display area and the position of the designated transmission area, and among the first image data, Image data of an area included in the display area and not included in the transmissive area, and image data of an area included in the display area of the second image data and included in the transmissive area; Are extracted and combined to generate a display image.
In the display step, the display unit displays the generated display image.
As a result, the image processing apparatus using this image processing method synthesizes and displays other image data at an arbitrary location in the image data selected by the user. This makes it easy for the user to find differences at any location between the multiple images. The user can compare the images as if they were to see only a desired portion of a plurality of images as a watermark. Since the user can replace only the picture of the part to be noticed and display it on the image processing apparatus, it is easy to find the difference.

本発明のその他の観点に係るプログラムは、コンピュータを、画像記憶部、透過領域入力受付部、合成部、表示部として機能させる。
画像記憶部は、第1画像データと、当該第1画像データと異なる画像データであって大きさが同じ第2画像データとを記憶する。
透過領域入力受付部は、当該第1画像データに含まれる所定の大きさの表示領域に含まれる透過領域の位置を指定する入力をユーザから受け付ける。
合成部は、当該表示領域の位置と指定された透過領域の位置とに基づいて、当該第2画像データ内の表示領域と透過領域を求め、当該第1画像データのうち、当該表示領域に含まれ、且つ、当該透過領域に含まれない領域の画像データと、当該第2画像データのうち、当該表示領域に含まれ、且つ、当該透過領域に含まれる領域の画像データと、を抽出して合成し、表示画像を生成する。
表示部は、生成された表示画像を表示する。
この結果、プログラムは、コンピュータを、ユーザが選択した画像データ中の任意の場所に他の画像データを合成して表示させる装置として機能させる。これにより、ユーザは、複数の画像同士の任意の場所における相違点を見つけることが容易になる。ユーザは、あたかも複数の画像の好きな部分だけを重ねて透かして見るかのように画像同士を見比べることができる。ユーザは、注目したい部分の絵だけを入れ替えてコンピュータに表示させることができるので、違いを見つけやすくなる。
A program according to another aspect of the present invention causes a computer to function as an image storage unit, a transparent area input reception unit, a synthesis unit, and a display unit.
The image storage unit stores first image data and second image data that is different from the first image data and has the same size.
The transparent area input receiving unit receives an input for designating a position of a transparent area included in a display area having a predetermined size included in the first image data from the user.
The synthesis unit obtains a display area and a transmission area in the second image data based on the position of the display area and the position of the designated transmission area, and is included in the display area of the first image data. And image data of a region not included in the transparent region and image data of a region included in the display region and included in the transparent region out of the second image data are extracted. Compositing to generate a display image.
The display unit displays the generated display image.
As a result, the program causes the computer to function as a device that synthesizes and displays other image data at an arbitrary location in the image data selected by the user. This makes it easy for the user to find differences at any location between the multiple images. The user can compare the images as if they were to see only a desired portion of a plurality of images as a watermark. Since the user can replace only the picture of the part he wants to pay attention and display on the computer, it becomes easy to find the difference.

また、本発明のプログラムは、コンパクトディスク、フレキシブルディスク、ハードディスク、光磁気ディスク、ディジタルビデオディスク、磁気テープ、半導体メモリ等のコンピュータ読取可能な情報記憶媒体に記録することができる。
上記プログラムは、プログラムが実行されるコンピュータとは独立して、コンピュータ通信網を介して配布・販売することができる。また、上記情報記憶媒体は、コンピュータとは独立して配布・販売することができる。
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 make it easy for a user to distinguish a difference between a plurality of images.

(実施形態1)
図1は、本発明の実施形態に係る画像処理装置が実現される典型的な携帯型ゲーム機(ゲーム装置)の概要構成を示す模式図である。以下、本図を参照して説明する。
(Embodiment 1)
FIG. 1 is a schematic diagram showing a schematic configuration of a typical portable game machine (game device) in which an image processing device according to an embodiment of the present invention is realized. Hereinafter, a description will be given with reference to FIG.

携帯型ゲーム機1は、処理制御部10と、コネクタ11と、カートリッジ12と、無線通信部13と、通信コントローラ14と、サウンドアンプ15と、スピーカ16と、操作キー17と、第1の表示部18と、第2の表示部19と、タッチパネル20と、を備える。   The portable game machine 1 includes a processing control unit 10, a connector 11, a cartridge 12, a wireless communication unit 13, a communication controller 14, a sound amplifier 15, a speaker 16, an operation key 17, and a first display. A unit 18, a second display unit 19, and a touch panel 20 are provided.

処理制御部10は、CPU(Central Processing Unit)コア10aと、画像処理部10bと、VRAM(Video Random Access Memory)10cと、WRAM(Work RAM)10dと、LCD(Liquid Crystal Display)コントローラ10eと、タッチパネルコントローラ10fと、を備える。   The processing control unit 10 includes a CPU (Central Processing Unit) core 10a, an image processing unit 10b, a VRAM (Video Random Access Memory) 10c, a WRAM (Work RAM) 10d, an LCD (Liquid Crystal Display) controller 10e, A touch panel controller 10f.

CPUコア10aは、携帯型ゲーム機1全体の動作を制御し、各構成要素と接続され制御信号やデータをやりとりする。具体的には、カートリッジ12がコネクタ11に装着された状態で、カートリッジ12内のROM(Read Only Memory)12aに記憶されたプログラムやデータを読み出して、所定の処理を実行する。   The CPU core 10a controls the operation of the entire portable game machine 1 and is connected to each component to exchange control signals and data. Specifically, a program and data stored in a ROM (Read Only Memory) 12a in the cartridge 12 are read out with the cartridge 12 mounted in the connector 11, and predetermined processing is executed.

画像処理部10bは、カートリッジ12内のROM 12aから読み出されたデータや、CPUコア10aにて処理されたデータを加工処理した後、これをVRAM 10cに格納する。   The image processing unit 10b processes the data read from the ROM 12a in the cartridge 12 and the data processed by the CPU core 10a, and stores the processed data in the VRAM 10c.

VRAM 10cは、表示用の情報を記憶するメモリであり、画像処理部10b等により加工された画像情報を記憶する。
WRAM 10dは、CPUコア10aがプログラムに従った各種処理を実行する際に必要となるワークデータ等を記憶する。
The VRAM 10c is a memory for storing display information, and stores image information processed by the image processing unit 10b and the like.
The WRAM 10d stores work data and the like necessary for the CPU core 10a to execute various processes according to the program.

LCDコントローラ10eは、第1の表示部18および、第2の表示部19を制御し、所定の表示用画像を表示させる。たとえば、LCDコントローラ10eは、VRAM 10cに記憶された画像情報を、所定の同期タイミングで表示信号に変換し、第1の表示部18に出力する。また、LCDコントローラ10eは、第2の表示部19に所定の指示アイコン等を表示する。   The LCD controller 10e controls the first display unit 18 and the second display unit 19 to display a predetermined display image. For example, the LCD controller 10 e converts the image information stored in the VRAM 10 c into a display signal at a predetermined synchronization timing and outputs the display signal to the first display unit 18. In addition, the LCD controller 10 e displays a predetermined instruction icon or the like on the second display unit 19.

タッチパネルコントローラ10fは、タッチペンやユーザの指によるタッチパネル20への接触(タッチ)を検出する。たとえば、第2の表示部19に所定の指示アイコン等が表示されている状態で、タッチパネル20上の接触およびその位置等を検出する。   The touch panel controller 10f detects a touch (touch) on the touch panel 20 with a touch pen or a user's finger. For example, in the state where a predetermined instruction icon or the like is displayed on the second display unit 19, a contact on the touch panel 20 and its position are detected.

コネクタ11は、カートリッジ12と脱着自在に接続可能な端子であり、カートリッジ12が接続された際に、カートリッジ12との間で所定のデータを送受信する。   The connector 11 is a terminal that can be detachably connected to the cartridge 12, and transmits / receives predetermined data to / from the cartridge 12 when the cartridge 12 is connected.

カートリッジ12は、ROM 12aと、RAM(Random Access Memory)12bと、を備える。
ROM 12aには、ゲームを実現するためのプログラムとゲームに付随する画像データや音声データ等が記録される。
RAM 12bには、ゲームの進行状況等を示す種々のデータが記憶される。
The cartridge 12 includes a ROM 12a and a RAM (Random Access Memory) 12b.
The ROM 12a stores a program for realizing the game and image data, sound data, and the like accompanying the game.
The RAM 12b stores various data indicating the progress of the game.

無線通信部13は、他の携帯型ゲーム装置1の無線通信部13との間で、無線通信を行うユニットであり、図示せぬアンテナ(内蔵アンテナ等)を介して所定のデータを送受信する。
なお、無線通信部13は、所定のアクセスポイントとの間で、無線LAN通信を行うこともできる。また、無線通信部13には、固有のMAC(Media Access Control)アドレスが採番されている。
The wireless communication unit 13 is a unit that performs wireless communication with the wireless communication unit 13 of another portable game apparatus 1, and transmits and receives predetermined data via an antenna (not shown) (such as a built-in antenna).
The wireless communication unit 13 can also perform wireless LAN communication with a predetermined access point. The wireless communication unit 13 is assigned a unique MAC (Media Access Control) address.

通信コントローラ14は、無線通信部13を制御し、所定のプロトコルに沿って、処理制御部10と他の携帯型ゲーム装置1の処理制御部10との間で行われる通信の仲立ちをする。   The communication controller 14 controls the wireless communication unit 13 and mediates communication performed between the process control unit 10 and the process control unit 10 of another portable game apparatus 1 according to a predetermined protocol.

サウンドアンプ15は、処理制御部10にて生成された音声信号を増幅し、スピーカ16に供給する。
スピーカ16は、例えば、ステレオスピーカ等からなり、サウンドアンプ15にて増幅された音声信号に従って、所定の楽曲音や効果音等を出力する。
The sound amplifier 15 amplifies the audio signal generated by the processing control unit 10 and supplies it to the speaker 16.
The speaker 16 is composed of, for example, a stereo speaker, and outputs predetermined music sound, sound effect, and the like according to the audio signal amplified by the sound amplifier 15.

操作キー17は、ゲーム装置1に適宜配置された複数のキースイッチ等からなり、ユーザの操作に従って、所定の指示入力を受け付ける。   The operation key 17 includes a plurality of key switches and the like appropriately arranged on the game apparatus 1 and receives a predetermined instruction input according to a user operation.

第1の表示部18および、第2の表示部19は、LCD等からなり、LCDコントローラ10eに制御され、ゲーム画像等を適宜表示する。
なお、第2の表示部19は、タッチパネル20の接触によりユーザから操作指示を入力させるための指示アイコン等を表示する。
The 1st display part 18 and the 2nd display part 19 consist of LCD etc., are controlled by LCD controller 10e, and display a game image etc. suitably.
Note that the second display unit 19 displays an instruction icon or the like for inputting an operation instruction from the user by touching the touch panel 20.

タッチパネル20は、第2の表示部19の前面に重畳して配置され、タッチペンやユーザの指の接触による入力を受け付ける。
タッチパネル20は、たとえば、感圧式のタッチセンサパネル等からなり、ユーザの指等の圧力を検出し、接触状態および、接触状態から非接触状態への移行等を検出する。なお、タッチパネル20は、他に静電容量の変化等から、ユーザの指等の接触を検出してもよい。
The touch panel 20 is arranged so as to be superimposed on the front surface of the second display unit 19 and accepts an input by contact with a touch pen or a user's finger.
The touch panel 20 includes, for example, a pressure-sensitive touch sensor panel and the like, detects the pressure of the user's finger and the like, and detects the contact state and the transition from the contact state to the non-contact state. In addition, the touch panel 20 may detect contact with a user's finger or the like from a change in capacitance or the like.

次に、本実施形態の画像処理装置200の各部が協働して行う処理について説明する。図2は、画像処理装置200の機能的な構成を示す図である。画像処理装置200は、画像記憶部201、表示領域入力受付部202、透過領域入力受付部203、領域記憶部204、合成部205、表示部206を備える。   Next, processing performed by each unit of the image processing apparatus 200 according to the present embodiment in cooperation will be described. FIG. 2 is a diagram illustrating a functional configuration of the image processing apparatus 200. The image processing apparatus 200 includes an image storage unit 201, a display area input reception unit 202, a transmissive area input reception unit 203, an area storage unit 204, a synthesis unit 205, and a display unit 206.

画像記憶部201は、複数の画像データを記憶する。本実施形態では、画像記憶部201は、少なくとも2つのデジタル画像データ(第1画像データ251と第2画像データ252)を記憶する。これらの画像データはカートリッジ12内のROM12aに予め記憶される。処理制御部10は適宜カートリッジ12からこれらの画像データを読み出してVRAM 10c等に記憶させる。処理制御部10とコネクタ11とカートリッジ12が協働して動作することにより、画像記憶部201として機能する。   The image storage unit 201 stores a plurality of image data. In the present embodiment, the image storage unit 201 stores at least two digital image data (first image data 251 and second image data 252). These image data are stored in advance in the ROM 12a in the cartridge 12. The processing control unit 10 appropriately reads out these image data from the cartridge 12 and stores them in the VRAM 10c or the like. The processing control unit 10, the connector 11, and the cartridge 12 operate in cooperation to function as the image storage unit 201.

例えば、画像記憶部201は、図3(a)と(b)に示すような第1画像データ251と第2画像データ252を記憶する。第1画像データ251と第2画像データ252は同じ大きさ、すなわち、縦の長さLvが共に同じであり、横の長さLhも共に同じである。本実施形態では、第1画像データ251と第2画像データ252に見た目に異なる箇所(相違点)がある。この例では、第1画像データ251のテーブルの上にリンゴとコップが無いという相違点がある。相違点は部分的なものでも全体的なものでもよい。   For example, the image storage unit 201 stores first image data 251 and second image data 252 as shown in FIGS. The first image data 251 and the second image data 252 have the same size, that is, the vertical length Lv is the same, and the horizontal length Lh is also the same. In the present embodiment, the first image data 251 and the second image data 252 have different parts (differences) in appearance. In this example, there is a difference that there are no apples and cups on the table of the first image data 251. The differences may be partial or total.

表示領域入力受付部202は、第1画像データ251に含まれる所定の大きさの表示領域261の位置を指定する入力をユーザから受け付け、表示領域261の位置を示す表示領域情報265を領域記憶部204に記憶させる。ユーザは、例えば操作キー17を押下して、あるいはタッチペンを使ってタッチパネル20を押下して、表示領域261の位置を指定することができる。処理制御部10と制御キー17とタッチパネル20が協働して動作することにより、表示領域入力受付部202として機能する。   The display area input receiving unit 202 receives an input specifying the position of the display area 261 of a predetermined size included in the first image data 251 from the user, and displays display area information 265 indicating the position of the display area 261 as an area storage unit It is memorized in 204. The user can specify the position of the display area 261 by pressing the operation key 17 or pressing the touch panel 20 using a touch pen, for example. The processing control unit 10, the control key 17, and the touch panel 20 operate in cooperation to function as the display area input reception unit 202.

例えば、表示領域261は、図4(a)に示すような矩形であり、第1画像データ251のうち表示領域261に含まれる部分が第2の表示部19のLCDに表示される。典型的には、表示領域261の縦の長さと横の長さは固定値であり、第1画像データ251内における表示領域261の位置は可変である。ユーザは操作キー17やタッチパネル20を使って表示領域261の位置を変えて第1画像データ251を表示させることができる。例えば、第1画像データ251に所定の座標系(X−Y座標系等)を定め、表示領域261の位置は、矩形の各頂点の座標を指定することによって決められる。本実施形態では表示領域261を矩形としたが、任意の形状としてもよい。   For example, the display area 261 has a rectangular shape as shown in FIG. 4A, and a portion included in the display area 261 in the first image data 251 is displayed on the LCD of the second display unit 19. Typically, the vertical length and the horizontal length of the display area 261 are fixed values, and the position of the display area 261 in the first image data 251 is variable. The user can display the first image data 251 by changing the position of the display area 261 using the operation keys 17 or the touch panel 20. For example, a predetermined coordinate system (XY coordinate system or the like) is defined for the first image data 251 and the position of the display area 261 is determined by designating the coordinates of each vertex of the rectangle. In the present embodiment, the display area 261 is rectangular, but may be any shape.

なお、第1画像データ251のすべてが表示領域261に含まれるようにしてもよい。すなわち、第1画像データ251の全領域を表示領域261にして、第1画像データ251の全部がLCDに表示されるように構成してもよい。この場合、画像処理装置200は表示領域入力受付部202の構成を省略することができる。   Note that all of the first image data 251 may be included in the display area 261. That is, the entire area of the first image data 251 may be set as the display area 261 so that the entire first image data 251 is displayed on the LCD. In this case, the image processing apparatus 200 can omit the configuration of the display area input receiving unit 202.

透過領域入力受付部203は、表示領域261に含まれる透過領域271の位置と形状を指定する入力をユーザから受け付け、透過領域271の位置と形状を示す透過領域情報275を領域記憶部204に記憶させる。ユーザは、例えば操作キー17を押下して、あるいはタッチペンを使ってタッチパネル20を押下して、透過領域271の位置と形状を指定することができる。処理制御部10と制御キー17とタッチパネル20が協働して動作することにより、透過領域入力受付部203として機能する。   The transmissive area input receiving unit 203 receives an input specifying the position and shape of the transmissive area 271 included in the display area 261 from the user, and stores the transmissive area information 275 indicating the position and shape of the transmissive area 271 in the area storage unit 204. Let The user can specify the position and shape of the transparent region 271 by pressing the operation key 17 or pressing the touch panel 20 using a touch pen, for example. The processing control unit 10, the control key 17, and the touch panel 20 operate in cooperation to function as the transmissive area input reception unit 203.

例えば、透過領域271は、図4(a)に示すような曲線で囲まれた図形である。ユーザはタッチパネル20上にタッチペンを使って描くようにして透過領域271を指定できる。処理制御部10は、タッチパネル20に予め設定した座標系と表示領域261に予め設定した座標系との対応関係に基づいて、ユーザによってタッチパネル20に指定された点(あるいは線、図形)に対応する表示領域261内での点(あるいは線、図形)の座標値を計算して、透過領域271の位置を得る。ユーザはタッチパネル20上に任意の図形を描くことができ、描かれた点あるいは線によって閉じられた領域(囲まれた領域)が透過領域271となり得る。典型的には、ユーザによって一筆書きで描かれた線によって囲まれる領域が透過領域271となる。   For example, the transmissive region 271 is a figure surrounded by a curve as shown in FIG. The user can designate the transparent region 271 by drawing on the touch panel 20 using a touch pen. The processing control unit 10 corresponds to a point (or line, figure) designated by the user on the touch panel 20 based on the correspondence between the coordinate system preset on the touch panel 20 and the coordinate system preset on the display area 261. The coordinate value of the point (or line, figure) in the display area 261 is calculated, and the position of the transmissive area 271 is obtained. The user can draw an arbitrary figure on the touch panel 20, and an area (enclosed area) closed by the drawn point or line can be the transmissive area 271. Typically, a region surrounded by a line drawn with a single stroke by the user is a transmissive region 271.

なお、透過領域271を所定の形状とし、透過領域入力受付部203は透過領域271の位置のみを指定する入力をユーザから受け付けるようにしてもよい。この場合、透過領域情報275にはユーザによって指定された透過領域271の位置を示す情報が記憶される。所定の形状は、典型的には円形、楕円形、正方形、長方形などであり、これらを組み合わせて使用してもよい。例えば、透過領域271の境界線となる所定の形状のフレーム(枠)オブジェクトを用意し、ユーザがこのフレームオブジェクトをタッチペン等を使って左右上下に動かす(ドラッグする)ように構成してもよい。   Note that the transmissive area 271 may have a predetermined shape, and the transmissive area input receiving unit 203 may receive an input designating only the position of the transmissive area 271 from the user. In this case, the transmission area information 275 stores information indicating the position of the transmission area 271 designated by the user. The predetermined shape is typically a circle, an ellipse, a square, a rectangle, or the like, and these may be used in combination. For example, a frame object having a predetermined shape serving as a boundary line of the transmissive region 271 may be prepared, and the user may move (drag) the frame object left, right, up and down using a touch pen or the like.

領域記憶部204は、表示領域入力受付部202が受け付けた表示領域261の位置を示す表示領域情報265と、透過領域入力受付部203が受け付けた透過領域271の位置と形状を示す透過領域情報275とを記憶する。処理制御部10とカートリッジ12が協働して動作することにより、領域記憶部204として機能する。   The area storage unit 204 includes display area information 265 indicating the position of the display area 261 received by the display area input receiving unit 202, and transmissive area information 275 indicating the position and shape of the transmissive area 271 received by the transmissive area input receiving unit 203. And remember. The processing control unit 10 and the cartridge 12 operate in cooperation to function as the area storage unit 204.

合成部205は、表示領域情報265が示す第1画像データ251内の表示領域261の位置と、透過領域情報275が示す第1画像データ251内の透過領域271の位置とに基づいて、第2画像データ252内の表示領域262と透過領域272をそれぞれ求める。   Based on the position of the display area 261 in the first image data 251 indicated by the display area information 265 and the position of the transmission area 271 in the first image data 251 indicated by the transmission area information 275, the combining unit 205 A display area 262 and a transmission area 272 in the image data 252 are obtained.

具体的には、図4(b)に示すように、処理制御部10は第2画像データ252に第1画像データ251と同じ座標系を定義し、第1画像データ251内の表示領域261の位置と同じ位置に、第2画像データ252内の表示領域262を設定する。同様に、処理制御部10は第1画像データ251内の透過領域271の位置と同じ位置に、第2画像データ252内の透過領域272を設定する。透過領域271と透過領域272の形状は同じとする。   Specifically, as illustrated in FIG. 4B, the processing control unit 10 defines the same coordinate system as the first image data 251 in the second image data 252, and displays the display area 261 in the first image data 251. The display area 262 in the second image data 252 is set at the same position as the position. Similarly, the processing control unit 10 sets the transmissive area 272 in the second image data 252 at the same position as the position of the transmissive area 271 in the first image data 251. The shapes of the transmission region 271 and the transmission region 272 are the same.

さらに、合成部205は、
(1)第1画像データ251のうち、表示領域261に含まれ、且つ、透過領域271に含まれない領域の画像データ、
(2)第2画像データ252のうち、表示領域262に含まれ、且つ、透過領域272に含まれる領域の画像データ、
をそれぞれ抽出して合成し、表示画像を生成する。
Furthermore, the synthesis unit 205
(1) Among the first image data 251, image data of an area included in the display area 261 and not included in the transmissive area 271;
(2) Among the second image data 252, image data of an area included in the display area 262 and included in the transmissive area 272,
Are extracted and combined to generate a display image.

より詳細には、合成部205は、第1画像データ251内のある領域が表示領域261に含まれるか否か、及び、第2画像データ252内のある領域が透過領域272に含まれるか否かを、領域記憶部204に記憶された表示領域情報265と透過領域情報275とに基づいて判断し、第2画像データ252から抽出された画像データを、第1画像データ251の透過領域271の位置に合成する。   More specifically, the combining unit 205 determines whether a certain area in the first image data 251 is included in the display area 261 and whether a certain area in the second image data 252 is included in the transmissive area 272. Is determined based on the display area information 265 and the transmission area information 275 stored in the area storage unit 204, and the image data extracted from the second image data 252 is stored in the transmission area 271 of the first image data 251. Composite to position.

これを概念的に示したものが図5(a)である。第1画像データ251の上述の(1)の領域の画像データが、本図の表示領域261内の網掛けに塗った部分である。第2画像データ252の上述の(2)の領域の画像データが、本図の表示領域262内の網掛けに塗った部分である。処理制御部10は、透過領域271に含まれる画像の代わりに、透過領域272に含まれる画像をはめ込むように合成する。分かりやすく言えば、図中の矢印Y1の方向に眺めたとき、透過領域271の部分にだけ第2画像データがあたかも“透けて見える”かのような画像を処理制御部10は生成する。   FIG. 5A shows this conceptually. The image data of the area (1) described above of the first image data 251 is a portion that is shaded in the display area 261 of this figure. The image data in the above-mentioned area (2) of the second image data 252 is a part shaded in the display area 262 in this figure. The process control unit 10 synthesizes the image included in the transmissive area 272 in place of the image included in the transmissive area 271. In other words, the processing control unit 10 generates an image as if the second image data is “seen through” only in the transparent region 271 when viewed in the direction of the arrow Y1 in the drawing.

図5(b)は、図4(a)と図4(b)で表される画像データをもとに、処理制御部10によって生成される表示画像280の一例である。表示画像280には、透過領域271の部分にリンゴが出現している。しかし、コップは透過領域271の中にないので表示画像280には含まれない。   FIG. 5B is an example of a display image 280 generated by the processing control unit 10 based on the image data represented in FIGS. 4A and 4B. In the display image 280, an apple appears in the transparent area 271. However, the cup is not included in the display image 280 because it is not in the transmissive region 271.

このように処理制御部10は、VRAM 10cに記憶された第1画像データ251と第2画像データ252を用いて表示画像280を合成する。処理制御部10が合成部205として機能する。   In this way, the processing control unit 10 synthesizes the display image 280 using the first image data 251 and the second image data 252 stored in the VRAM 10c. The processing control unit 10 functions as the synthesis unit 205.

表示部206は、合成部205によって生成された表示画像280を第2の表示部19(第1の表示部18でもよい)のLCDに表示する。これにより、ユーザは第1画像データ251と第2画像データ252から合成された画像を見ることができる。処理制御部10と第2の表示部19(又は第1の表示部18)が協働して動作することにより、表示部206として機能する。   The display unit 206 displays the display image 280 generated by the combining unit 205 on the LCD of the second display unit 19 (or the first display unit 18). As a result, the user can view an image synthesized from the first image data 251 and the second image data 252. The processing control unit 10 and the second display unit 19 (or the first display unit 18) operate in cooperation to function as the display unit 206.

なお、図5(b)の表示画像280には透過領域271の境界部分が実線で示されているが、本例のように境界線を表示するようにしてもよいし、表示しないようにしてもよい。   In addition, although the boundary part of the transmissive area | region 271 is shown by the continuous line in the display image 280 of FIG.5 (b), you may make it display a boundary line like this example, and do not display it. Also good.

次に、本実施形態の画像処理装置200の各部が協働して行う画像生成処理について、図6のフローチャートを用いて説明する。   Next, image generation processing performed in cooperation with each unit of the image processing apparatus 200 according to the present embodiment will be described with reference to the flowchart of FIG.

まず、合成部205は、第1画像データ251内の表示領域261と透過領域271、第2画像データ252内の表示領域262と透過領域272をそれぞれ設定する(ステップS601)。   First, the composition unit 205 sets a display area 261 and a transmission area 271 in the first image data 251 and a display area 262 and a transmission area 272 in the second image data 252 (step S601).

すなわち、図7(a)に示すように、合成部205は、表示領域入力受付部202がユーザから受け付けた表示領域261の位置を指定する入力に基づいて、第1画像データ251内の表示領域261の位置を設定し、この設定した位置と第2画像データ252内の同じ位置に表示領域262を設定する。
また、図7(b)に示すように、合成部205は、透過領域入力受付部203がユーザから受け付けた透過領域271の位置と形状を指定する入力に基づいて、第1画像データ251内の透過領域271の位置を設定し、この決定した位置と第2画像データ252内の同じ位置に表示領域272を設定する。
That is, as shown in FIG. 7A, the composition unit 205 displays the display area in the first image data 251 based on the input specifying the position of the display area 261 received from the user by the display area input receiving unit 202. The position 261 is set, and the display area 262 is set at the same position in the second image data 252 as the set position.
Further, as shown in FIG. 7B, the composition unit 205 stores the first image data 251 in the first image data 251 based on the input specifying the position and shape of the transparent region 271 received from the user by the transparent region input receiving unit 203. The position of the transmissive area 271 is set, and the display area 272 is set at the same position in the second image data 252 as this determined position.

次に、合成部205は、第1画像データ251のうち、表示領域261に含まれ、且つ、透過領域271に含まれない領域の画像データを抽出する。すなわち、合成部205は、第1画像データの表示領域261の中から、透過領域271以外の部分の画像データを抽出する(ステップS602)。   Next, the synthesizing unit 205 extracts image data of an area included in the display area 261 and not included in the transmissive area 271 from the first image data 251. That is, the synthesizing unit 205 extracts image data of a part other than the transmissive area 271 from the display area 261 of the first image data (step S602).

また、合成部205は、第2画像データ252のうち、表示領域262に含まれ、且つ、透過領域272に含まれる領域の画像データを抽出する。すなわち、合成部205は、第2画像データの表示領域262の中から、透過領域272の部分の画像データを抽出する(ステップS603)。   The synthesizing unit 205 extracts image data of an area included in the display area 262 and included in the transmissive area 272 from the second image data 252. That is, the synthesizing unit 205 extracts the image data of the transmissive area 272 from the display area 262 of the second image data (step S603).

そして、合成部205は、ステップS602とステップS603で抽出した2つの画像データを合成して、表示画像280を生成する(ステップS604)。すなわち、図7(c)に示すように、合成部205は、第1画像データ251内の透過領域271のあるところに、第2画像データ252内の透過領域272に含まれる画像を配置して合成する。   The synthesizing unit 205 then synthesizes the two image data extracted in steps S602 and S603 to generate a display image 280 (step S604). That is, as illustrated in FIG. 7C, the composition unit 205 arranges the image included in the transmissive area 272 in the second image data 252 in a place where the transmissive area 271 in the first image data 251 exists. Synthesize.

生成された表示画像280は、表示部206によりLCDに表示される。例えば、ユーザが、図7(a)のように表示された第1画像データ251の画面を見ながら、透過領域271を指定する図形をタッチパネル20上に自ら描くと、合成部205が上述の画像生成処理を実行して表示画像280を生成して、表示部206が表示画像280をLCDに表示する。ユーザは、表示領域261の位置を自由に変えることができ、また、透過領域271の位置と形状を自由に変えることができるため、画像処理装置200は、ユーザが所望する合成画像を生成して表示することができる。   The generated display image 280 is displayed on the LCD by the display unit 206. For example, when the user draws a graphic designating the transparent area 271 on the touch panel 20 while watching the screen of the first image data 251 displayed as shown in FIG. The generation process is executed to generate the display image 280, and the display unit 206 displays the display image 280 on the LCD. Since the user can freely change the position of the display area 261 and can freely change the position and shape of the transmissive area 271, the image processing apparatus 200 generates a composite image desired by the user. Can be displayed.

本例において、透過領域271を指定する前(すなわち合成前)の画像では、図7(a)のようにテーブルの上に花瓶だけが置いてある。一方、ユーザが透過領域271を指定すると、透過領域271の位置と形状によっては、指定された後(すなわち合成後)の画像には、図7(c)のようにテーブルの上にリンゴ(あるいはコップ)が出現することとなる。ユーザは、透過領域271の位置と形状を変えることによって、表示された画像のうち比較したい部分を自由に変えて比較できる。このように、2つの画像同士の相違がはっきりと認識できるようになる。比較したい画像がより複雑になればなるほど、この効果がより大きく発揮されることは想像に難くないであろう。   In this example, in the image before designating the transmission region 271 (that is, before synthesis), only the vase is placed on the table as shown in FIG. On the other hand, when the user designates the transmissive area 271, depending on the position and shape of the transmissive area 271, an image after designation (that is, after synthesis) has an apple (or an image) on the table as shown in FIG. Cup) will appear. By changing the position and shape of the transmissive region 271, the user can freely change the part of the displayed image that is desired to be compared. Thus, the difference between the two images can be clearly recognized. It will be hard to imagine that the more complex the images you want to compare, the more this effect will be achieved.

本発明は、様々な場面で用いることができる。例えば、2つの絵の相違を探し当てる“間違い探し”のようなゲームに適用できる。2つの絵を並べて画面に表示して相違点を探させることは従来からよく行われているが、この方法では2つの絵を同時に表示するために広い画像領域を確保することが必要となる。しかし、本実施形態によれば、2つの絵を重ねるように表示するので、画像領域を余計に確保する必要はなく、画面レイアウトの構成を単純化できる。また、まるでハイライト表示するかのようにユーザが注目したい部分の絵だけを入れ替えるので、相違点をより見つけやすくなる。   The present invention can be used in various situations. For example, the present invention can be applied to a game such as “find mistakes” that finds a difference between two pictures. Conventionally, two pictures are displayed side by side and displayed on the screen to search for differences, but in this method, it is necessary to secure a wide image area in order to display two pictures simultaneously. However, according to the present embodiment, since two pictures are displayed so as to overlap each other, it is not necessary to secure an extra image area, and the configuration of the screen layout can be simplified. Moreover, since only the picture of the part that the user wants to pay attention is exchanged as if it is highlighted, it becomes easier to find the difference.

例えば、2つの画像のうち片方をある場所の現在の風景に、もう片方を同じ場所の過去の風景にし、現在と過去との違いを見るための手法に適用できる。画像には、絵のほか、街や景色を撮影した写真、航空写真などをデジタルデータ化したものを用いることもできる。   For example, one of the two images can be applied to a method for viewing the difference between the present and the past by setting one of the images to a current landscape at a certain location and the other as a past landscape at the same location. In addition to pictures, the images can also be digital images of photos of streets and scenery, aerial photos, and the like.

例えば、現在起きた事件の謎を解き明かすような推理ゲームに用いることができる。第1画像データ251を現在の状況を示す現場写真の画像とする。プレイヤーが現場写真の任意の場所(透過領域271)を指定すると、画像処理装置200はその部分だけまるで“時空に穴を掘った”かのように演出しながら現場付近の過去の画像(第2画像データ252)と部分的に合成して表示する。プレイヤーは、単純に2枚の絵を見比べて相違を探すのではなく、どこに注目したいか、どこに注目すべきか、を考えながら相違を探さねばならず、推理力が試される。このように、プレイヤーに対してより考えさせるゲーム、頭を使わせるゲームを創出することができる。   For example, it can be used in an inference game that solves the mystery of the current incident. The first image data 251 is an on-site photo image indicating the current situation. When the player designates an arbitrary location (transmission area 271) of the site photograph, the image processing apparatus 200 produces a past image (second image) in the vicinity of the site while directing only that portion as if "digging a hole in the space-time". The image data 252) is partially combined and displayed. Instead of simply comparing the two pictures to find the difference, the player must search for the difference while considering where to focus and where to focus, and the reasoning ability is tested. In this way, it is possible to create a game that makes the player think more and a game that uses the head.

なお、本実施形態では、2つの画像データを合成するものとしたが、2つに限らず3つ以上でもよいことは言うまでもない。すなわちこの場合、画像記憶部201は、第1画像データ251、第2画像データ252に加えてさらに第3画像データ、第4画像データ、第N画像データ(Nは2以上の整数)等を記憶する。透過領域入力受付部203は、2箇所以上の透過領域271を指定する入力を受け付ける。そして、合成部205は、これらN個の画像データを合成し表示画像280を生成すればよい。   In the present embodiment, two image data are synthesized, but it goes without saying that the number is not limited to two and may be three or more. That is, in this case, the image storage unit 201 further stores the third image data, the fourth image data, the Nth image data (N is an integer of 2 or more), in addition to the first image data 251 and the second image data 252. To do. The transparent area input receiving unit 203 receives an input designating two or more transparent areas 271. The synthesizing unit 205 may synthesize these N pieces of image data to generate the display image 280.

このように、本実施形態によれば、画像処理装置200は、複数の画像同士の相違をユーザに適度に分かりやすくさせることができ、また、この相違を明瞭に表現することができる。   Thus, according to the present embodiment, the image processing apparatus 200 can make the difference between the plurality of images reasonably understandable to the user, and can clearly express the difference.

(実施形態2)
次に、本発明のその他の実施形態について説明する。本実施形態は、例えば第1画像データ251と第2画像データ252の拡縮率を変えることによって、ユーザがこれらの画像の差異をさらに見つけやすくなり、画像処理装置200が画像の違いを明瞭に表現できるようにしたものである。
(Embodiment 2)
Next, other embodiments of the present invention will be described. In the present embodiment, for example, by changing the enlargement / reduction ratio between the first image data 251 and the second image data 252, it becomes easier for the user to find the difference between these images, and the image processing apparatus 200 clearly expresses the difference between the images. It is something that can be done.

画像記憶部201は、互いに拡縮率の異なる複数の画像データを記憶する。例えば、図8(a)が第1画像データ251で、図8(b)が第2画像データ252である。第2画像データ251全体の縦の長さLvと横の長さLhは第1画像データ251と同じであるが、第2画像データ252に映っている光景は第1画像データ251よりN倍に縮小されている。第2画像データ252に映る光景は第1画像データ251よりも広角に眺めたものとなり、図8(b)の第2画像データ252には図8(a)の第1画像データ251には写り切れていなかった周囲の光景も入っている。(この例ではコンセントや壁の穴なども映っている。)   The image storage unit 201 stores a plurality of image data having different enlargement / reduction ratios. For example, FIG. 8A shows the first image data 251, and FIG. 8B shows the second image data 252. The entire vertical length Lv and horizontal length Lh of the second image data 251 are the same as those of the first image data 251, but the scene shown in the second image data 252 is N times as large as the first image data 251. Has been reduced. The scene reflected in the second image data 252 is viewed from a wider angle than the first image data 251, and the second image data 252 in FIG. 8B is reflected in the first image data 251 in FIG. 8A. The surrounding scene that was not cut is also included. (In this example, outlets and wall holes are also shown.)

図9は、合成部205が、図8(a)に示す第1画像データ251と図8(b)に示す第2画像データ252を用いて合成した表示画像280の例である。このように、第1画像データ251と第2画像データ252は拡縮率が異なるので、表示画像280は遠近感のある画像となる。つまり、ユーザには第2画像データ252が第1画像データ251より遠くにあるように見える。このように、拡縮率を変えた画像データを用いることで画像の区別を付けやすくなる。   FIG. 9 shows an example of a display image 280 synthesized by the synthesis unit 205 using the first image data 251 shown in FIG. 8A and the second image data 252 shown in FIG. As described above, since the first image data 251 and the second image data 252 have different enlargement / reduction ratios, the display image 280 is a perspective image. That is, it seems to the user that the second image data 252 is farther than the first image data 251. In this way, it becomes easy to distinguish images by using image data with different scaling ratios.

なお、ここでは0<N<1(すなわち縮小)とした場合について説明したが、N>1(すなわち拡大)としてもよい。N=1とすれば上述の実施形態1と同様の構成となる。   Although the case where 0 <N <1 (ie, reduction) has been described here, N> 1 (ie, enlargement) may be used. If N = 1, the configuration is the same as that of the first embodiment.

本実施形態によれば、ユーザが注目している領域(透過領域271)とそうでない領域との境界で、拡縮率の違いによって画像が不連続になるところが現れるため、2つの画像の区別が容易になる。すなわち、画像処理装置200はどこが第1画像データ251でどこが第2画像データ252なのかをはっきりさせて表示できるので、ユーザは2つの画像を見失うことなく容易に両画像の相違を見ることができる。   According to the present embodiment, the image is discontinuous due to the difference in the enlargement / reduction ratio at the boundary between the region that the user is paying attention to (the transparent region 271) and the region that is not, so that the two images can be easily distinguished. become. That is, since the image processing apparatus 200 can clearly display where the first image data 251 and where the second image data 252 is, the user can easily see the difference between the two images without losing sight of the two images. .

(実施形態3)
次に、本発明のその他の実施形態について説明する。上記実施形態では、画像記憶部201には予め縮小又は拡大された画像データを予め記憶されることとしたが、本実施形態では、第1画像データ251と第2画像データ252の拡縮率が異なるように画像処理装置200がその都度画像データを調整する。以下詳述する。
(Embodiment 3)
Next, other embodiments of the present invention will be described. In the above embodiment, image data that has been reduced or enlarged in advance is stored in advance in the image storage unit 201. However, in this embodiment, the first image data 251 and the second image data 252 have different enlargement / reduction ratios. As described above, the image processing apparatus 200 adjusts the image data each time. This will be described in detail below.

図10は、本実施形態の画像処理装置200の機能的な構成を示す図である。画像処理装置200は、調整部207を更に備える。なお、上述の実施形態で示した構成と重複する部分については説明を省略する。   FIG. 10 is a diagram illustrating a functional configuration of the image processing apparatus 200 according to the present embodiment. The image processing apparatus 200 further includes an adjustment unit 207. Note that a description of the same parts as those shown in the above embodiment is omitted.

画像記憶部201は、実施形態1と同様に第1画像データ251と第2画像データ252とを記憶し、さらに第3画像データ253を記憶する。   The image storage unit 201 stores the first image data 251 and the second image data 252 as in the first embodiment, and further stores the third image data 253.

本実施形態では、第1画像データ251は、予めROM 12aに記憶されたデータを処理制御部10がVRAM 10cに読み出して記憶したものである。
第2画像データ252は、処理制御部10が後述する処理によって第3画像データ253に基づいて生成したデータであり、VRAM10 cに記憶される。これは上述の実施形態2において予め拡縮された第2画像データ252に相当するが、本実施形態では処理制御部10によって生成される。
第3画像データ253は、予めROM 12aに記憶されたデータを処理制御部10がVRAM 10cに読み出して記憶したものであり、上述の実施形態1において拡縮されていない第2画像データ252に相当する。言い換えれば、第3画像データ253は、第2画像データ252を生成するための元絵になる。
In the present embodiment, the first image data 251 is data that is stored in advance by the processing control unit 10 in the VRAM 10c and stored in the ROM 12a.
The second image data 252 is data generated based on the third image data 253 by the processing control unit 10 to be described later, and is stored in the VRAM 10c. This corresponds to the second image data 252 previously scaled in the second embodiment described above, but is generated by the processing control unit 10 in the present embodiment.
The third image data 253 is data that is stored in advance in the ROM 12a by the processing control unit 10 and is read and stored in the VRAM 10c. The third image data 253 corresponds to the second image data 252 that is not scaled in the first embodiment. . In other words, the third image data 253 becomes an original picture for generating the second image data 252.

調整部207は、第3画像データ253を所定の画像処理用フィルタを用いて画像処理し、生成したデータを第2画像データ252として画像記憶部201に記憶させる。例えば、調整部207は、第3画像データ253に所定の拡縮率で縮小又は拡大し大きさを調整するフィルタを施し、画像処理後のデータを第2画像データ252として画像記憶部201に記憶させる。処理制御部10が調整部207として機能する。   The adjustment unit 207 performs image processing on the third image data 253 using a predetermined image processing filter, and stores the generated data in the image storage unit 201 as the second image data 252. For example, the adjustment unit 207 applies a filter that adjusts the size by reducing or enlarging the third image data 253 at a predetermined enlargement / reduction ratio, and stores the image-processed data in the image storage unit 201 as the second image data 252. . The process control unit 10 functions as the adjustment unit 207.

ここで調整部207が行う画像処理についてより詳しく説明する。図11(a)は、元絵となる第3画像データ253であり、縦の長さはLv、横の長さはLhである。斜線で塗った部分が第3画像データ253全体の画像である。以下の説明では、調整部207は拡縮率をN倍(Nは予め決められた正の値)として拡大又は縮小して画像を調整するものとする。   Here, the image processing performed by the adjustment unit 207 will be described in more detail. FIG. 11A shows the third image data 253 that is an original picture, and the vertical length is Lv and the horizontal length is Lh. The shaded portion is the entire third image data 253 image. In the following description, the adjustment unit 207 adjusts an image by enlarging or reducing the enlargement / reduction ratio by N times (N is a predetermined positive value).

(A)縮小する場合:
図11(b)に示すように、調整部207は、第3画像データ253を縦にN倍、横にN倍、それぞれ縮小する。
(A) When reducing:
As shown in FIG. 11B, the adjustment unit 207 reduces the third image data 253 by N times vertically and N times horizontally.

調整部207は、縮小して得た画像データの全体のサイズを、第2画像データ252と同じサイズに拡張する。本図の点線で示す矩形領域が拡張後の画像データであり、縦の長さはLv、横の長さはLhである。   The adjustment unit 207 expands the entire size of the image data obtained by the reduction to the same size as the second image data 252. A rectangular area indicated by a dotted line in this figure is image data after expansion, and the vertical length is Lv and the horizontal length is Lh.

この拡張に際し、調整部207は、拡張された部分に例えば所定の色(白、黒など)や所定の模様パターンを割り当てて補填する(塗りつぶす)。   At the time of expansion, the adjustment unit 207 assigns a predetermined color (white, black, etc.) or a predetermined pattern pattern to the expanded portion for filling (filling).

そして、調整部207は、得られた画像データを第2画像データ252として画像記憶部201に記憶させる。このようにして得られた第2画像データ252の例を図12(a)に示す。本図の斜線部分が拡張(補填)された部分である。   Then, the adjustment unit 207 stores the obtained image data as second image data 252 in the image storage unit 201. An example of the second image data 252 obtained in this way is shown in FIG. The shaded portion in this figure is the expanded (compensated) portion.

ここで、拡張に際して拡張部分にどのような画像を割り当てるかについては様々な手法が考えられるが、一例として、図13に示すように画像の周縁部分を展延する方法がある。調整部207は、第3画像データ253を縮小して得た画像データ1301の中心が、第2画像データ252の中心1302と一致するように、画像データ1301を配置する。   Here, various methods are conceivable as to what kind of image is assigned to the extended portion at the time of expansion. As an example, there is a method of spreading the peripheral portion of the image as shown in FIG. The adjustment unit 207 arranges the image data 1301 so that the center of the image data 1301 obtained by reducing the third image data 253 coincides with the center 1302 of the second image data 252.

次に、調整部207は、画像データ1301の上端ライン1303に割り当てられている画素値を取得し、矢印YA方向に第2画像データ252のサイズに達するまで、取得した画素値を繰り返し割り当てる。言い換えれば、金属板を叩いて延ばすかのように、画像データ1301の上部を拡張する。同様に、下端ラインを矢印YB方向に、左端ラインを矢印YC方向に、右端ラインを矢印YD方向に、それぞれ展延する。   Next, the adjustment unit 207 acquires the pixel value assigned to the upper end line 1303 of the image data 1301, and repeatedly assigns the acquired pixel value until the size of the second image data 252 is reached in the arrow YA direction. In other words, the upper part of the image data 1301 is expanded as if the metal plate was hit and extended. Similarly, the lower end line is extended in the arrow YB direction, the left end line is extended in the arrow YC direction, and the right end line is extended in the arrow YD direction.

また、矢印YE方向には上端ラインの画素値と左端ラインの画素値の平均値を計算して割り当てて展延する。同様に、矢印YF方向には上端ラインと右端ラインの平均値を、矢印YG方向には下端ラインと右端ラインの平均値を、矢印YH方向には下端ラインと左端ラインの平均値を、それぞれ計算して割り当てて展延する。なお、これら斜め方向に展延する際の各画素値は必ずしも平均値でなくてもよく、上端・下端・左端・右端の各ラインの画素値に基づいて計算された値であればよい。   In the arrow YE direction, the average value of the pixel value of the upper end line and the pixel value of the left end line is calculated, assigned, and spread. Similarly, the average value of the upper end line and the right end line is calculated in the arrow YF direction, the average value of the lower end line and the right end line is calculated in the arrow YG direction, and the average value of the lower end line and the left end line is calculated in the arrow YH direction, respectively. And assign and spread. Note that the pixel values at the time of extending in the oblique direction do not necessarily have to be average values, and may be values calculated based on the pixel values of the upper end, lower end, left end, and right end lines.

このようにすれば、任意の画像データを縮小し、かつ、同じ大きさになるように調節できる。なお、展延するために用いる画像データ部分は、上端・下端・右端・左端の各1ラインずつとしてもよいし、複数ラインをまとめて1パターンとしこのパターンを繰り返すことによって展延するようにしてもよい。また、複数ラインの画素値の平均などの所定の演算を行って得た値を用いてもよい。   In this way, arbitrary image data can be reduced and adjusted to have the same size. The image data portion used for spreading may be one line each at the upper end, lower end, right end, and left end, or a plurality of lines may be combined into one pattern and expanded by repeating this pattern. Also good. Further, a value obtained by performing a predetermined calculation such as an average of pixel values of a plurality of lines may be used.

(B)拡大する場合:
図11(c)に示すように、調整部207は、第3画像データ253を縦にN倍、横にN倍、それぞれ拡大する。
(B) When enlarging:
As shown in FIG. 11C, the adjustment unit 207 enlarges the third image data 253 by N times vertically and N times horizontally.

調整部207は、拡大して得た画像データの全体のサイズを、第2画像データ252と同じサイズになるように除去する(カットする)。本図の点線で示す矩形領域がカット後の画像データ領域であり、縦の長さはLv、横の長さはLhである。   The adjustment unit 207 removes (cuts) the entire size of the enlarged image data so as to be the same size as the second image data 252. A rectangular area indicated by a dotted line in this figure is an image data area after cutting, and the vertical length is Lv and the horizontal length is Lh.

そして、得られた画像データを第2画像データ252として画像記憶部201に記憶させる。このようにして得られた第2画像データ252の例を図12(b)に示す。本図の斜線部分がカットされた部分である。   Then, the obtained image data is stored in the image storage unit 201 as the second image data 252. An example of the second image data 252 obtained in this way is shown in FIG. The hatched portion in this figure is a cut portion.

なお、合成部205は、上記(A)のように縮小するか、あるいは上記(B)のように拡大して生成した第2画像データ252を、画像記憶部201に記憶し、この生成した第2画像データ252を用いて、上述と同じ画像生成処理を行う。   The synthesizing unit 205 stores the second image data 252 generated by reducing as described in (A) or expanding as shown in (B) in the image storage unit 201, and generating the generated second image data 252. The same image generation processing as described above is performed using the two-image data 252.

このように、本実施形態によれば、画像処理装置200は、任意に縮小又は拡大した画像を生成して表示用の画像を合成することができる。すなわち、予め縮小又は拡大した画像を用意しておく必要はない。そして、複数の画像同士の拡縮率が異なるように縮小又は拡大して、画像同士の相違をより明瞭に表現することができる。   As described above, according to the present embodiment, the image processing apparatus 200 can generate an arbitrarily reduced or enlarged image and synthesize a display image. That is, it is not necessary to prepare a reduced or enlarged image in advance. Then, the difference between the images can be expressed more clearly by reducing or enlarging the images so that the enlargement / reduction ratios of the images are different.

(実施形態4)
次に、本発明のその他の実施形態について説明する。上述の実施形態では拡縮率は予め決められた値であるが、本実施形態では、ユーザによって指定される透過領域271の大きさによって可変としている。以下詳述する。
(Embodiment 4)
Next, other embodiments of the present invention will be described. In the above-described embodiment, the enlargement / reduction ratio is a predetermined value, but in this embodiment, it is variable depending on the size of the transmissive region 271 specified by the user. This will be described in detail below.

調整部207は、領域記憶部204に記憶された透過領域情報275に基づいて透過領域271の大きさを判別するためのパラメータを計算する。典型的にはこのパラメータは透過領域271の面積である。そして、このパラメータの大きさに予め対応付けられた拡縮率を用いて第3画像データ253を縮小又は拡大する。   The adjustment unit 207 calculates a parameter for determining the size of the transmissive region 271 based on the transmissive region information 275 stored in the region storage unit 204. Typically, this parameter is the area of the transmissive region 271. Then, the third image data 253 is reduced or enlarged using an enlargement / reduction ratio previously associated with the size of the parameter.

図14(a)は、パラメータとして透過領域271の面積を採用した場合の、面積値と拡縮率との関係の一例を示す図である。この例では、拡縮率は、面積値S≦S1では一定(Nmax)、S1<S<S2で単調減少、S2で極小(Nmin)、S2<S<S3で単調増加、S3≦Sで一定(Nmax)となる。第3画像データ253を縮小して第2画像データ252を生成する場合に用いるとよい。   FIG. 14A is a diagram illustrating an example of the relationship between the area value and the enlargement / reduction ratio when the area of the transmission region 271 is adopted as a parameter. In this example, the enlargement / reduction ratio is constant (Nmax) when the area value S ≦ S1, is monotonically decreased when S1 <S <S2, is minimal (Nmin) when S2, is monotonically increased when S2 <S <S3, and is constant when S3 ≦ S ( Nmax). It may be used when the second image data 252 is generated by reducing the third image data 253.

つまり、透過領域271が小さいときに拡縮率が小さくなり過ぎると、透過領域271内の画像(すなわち第2画像データ252の一部分)が小さすぎて見えにくくなってしまう恐れがあるため、ある面積値S1以下では拡縮率を変化させないようにしている。一方、透過領域271は表示領域261と同じ大きさまで大きくすることが可能であるが、透過領域271が表示領域261と同程度になったときに拡縮率が小さいと、展延させて生成する画像領域が相対的に広くなり本来の画像(第3画像データ253に映る光景)が少なくなってしまう恐れがあるため、ある面積値S3以上では拡縮率を変化させないようにしている。なお、広義には、S<S2で単調減少、S2で極小、S2<Sで単調増加、と言うこともできる。ここでは透過率の変化を直線的に表現しているが、任意の関数を用いて単調増加あるいは単調減少させてもよい。   That is, if the enlargement / reduction ratio is too small when the transmissive area 271 is small, the image in the transmissive area 271 (that is, part of the second image data 252) may be too small to be seen. Below S1, the enlargement / reduction ratio is not changed. On the other hand, the transmissive area 271 can be enlarged to the same size as the display area 261. However, if the enlargement / reduction ratio is small when the transmissive area 271 becomes the same size as the display area 261, an image generated by spreading is generated. Since the area becomes relatively wide and the original image (scenery reflected in the third image data 253) may be reduced, the enlargement / reduction ratio is not changed beyond a certain area value S3. In a broad sense, it can also be said that S <S2 is monotonically decreasing, S2 is minimal, and S2 <S is monotonically increasing. Here, the change in transmittance is expressed linearly, but may be monotonously increased or decreased monotonously using an arbitrary function.

図14(b)は、面積値と拡縮率との関係の他の例を示す図である。この例では、拡縮率は、面積値S≦S4では一定(Nmin)、S4<S<S5で単調増加、S5で極大(Nmax)、S5<S<S6で単調減少、S6≦Sで一定(Nmin)となる。第3画像データ253を拡大して第2画像データ252を生成する場合に用いるとよい。   FIG. 14B is a diagram illustrating another example of the relationship between the area value and the enlargement / reduction ratio. In this example, the enlargement / reduction ratio is constant when the area value S ≦ S4 (Nmin), monotonically increases when S4 <S <S5, maximum (Nmax) when S5, monotonically decreases when S5 <S <S6, and constant when S6 ≦ S ( Nmin). It may be used when generating the second image data 252 by enlarging the third image data 253.

つまり、透過領域271が小さいときに拡縮率が大きくなり過ぎると、透過領域271内の画像(すなわち第2画像データ252の一部分)が大きすぎて分かりづらかったり全体のうちどこを拡大したのか掴みづらかったりするため、ある面積値S4以下では拡縮率を変化させないようにしている。一方、透過領域271の大きさが表示領域261と同程度になったときに拡縮率が大きいと、第3画像データ253の一部分だけを拡大した画像が画面のほとんどを占めてしまうことになり画像全体同士を見比べることができなくなってしまう恐れがあるため、ある面積値S6以上では拡縮率を変化させないようにしている。なお、広義には、S<S5で単調増加、S5で極大、S5<Sで単調減少、と言うこともできる。ここでは透過率の変化を直線的に表現しているが、任意の関数を用いて単調増加あるいは単調減少させてもよい。   That is, if the enlargement / reduction ratio becomes too large when the transmission area 271 is small, the image in the transmission area 271 (that is, a part of the second image data 252) is too large to be understood or it is difficult to grasp where the entire image has been enlarged. Therefore, the enlargement / reduction ratio is not changed below a certain area value S4. On the other hand, if the enlargement / reduction ratio is large when the size of the transmissive area 271 is the same as that of the display area 261, an image obtained by enlarging only a part of the third image data 253 occupies most of the screen. Since there is a possibility that the whole cannot be compared with each other, the enlargement / reduction ratio is not changed at a certain area value S6 or more. In a broad sense, it can be said that S <S5 is monotonically increasing, S5 is maximal, and S5 <S is monotonically decreasing. Here, the change in transmittance is expressed linearly, but may be monotonously increased or decreased monotonously using an arbitrary function.

このように、本実施形態によれば、上述の実施形態と組み合わせて用いることにより、ユーザにとっての画像の見えやすさを考慮しつつ、相違をより明瞭に表現することができる。ユーザが指定した透過領域271内の画像は適度に縮小又は拡大して表示されるので、画像が小さすぎたり大きすぎたりして分かりづらくなることはない。本実施形態に示した面積値と拡縮率との関係は例示に過ぎず、他の数式・方法により関連付けられていてもよい。また、数式ではなく、面積値と拡縮率とを対応付けたデータテーブルによって関連付けてもよい。この場合、スプライン補間法などにより各サンプル間を補間することが望ましい。   As described above, according to the present embodiment, by using in combination with the above-described embodiment, the difference can be expressed more clearly while considering the visibility of the image for the user. Since the image in the transparent area 271 designated by the user is displayed by being appropriately reduced or enlarged, the image is not too small or too large to be difficult to understand. The relationship between the area value and the enlargement / reduction ratio shown in this embodiment is merely an example, and may be associated by other mathematical expressions / methods. Moreover, you may link | relate by the data table which matched not the numerical formula but the area value and the expansion / contraction rate. In this case, it is desirable to interpolate between samples by a spline interpolation method or the like.

(実施形態5)
次に、本発明のその他の実施形態について説明する。上述の各実施形態では表示画像280を静止して表示させているが、本実施形態では、ユーザが表示領域261を上下左右に移動させる(スクロールさせる)と、それに伴って透過領域271とそれ以外の領域の表示の仕方を変えることで画像の相違をより明確に表現させている。本実施形態は、上述の実施形態のいずれとも組み合わせて用いることが可能であるが、理解を容易にするため、以下の説明では画像データを縮小・拡大させない実施形態(つまり実施形態1相当との組み合わせ)とする。
(Embodiment 5)
Next, other embodiments of the present invention will be described. In each of the above-described embodiments, the display image 280 is displayed in a stationary manner. However, in this embodiment, when the user moves the display area 261 up, down, left, and right (scrolls), the transmission area 271 and the others are accordingly accompanied. By changing the display method of these areas, the difference in image is expressed more clearly. This embodiment can be used in combination with any of the above-described embodiments. However, in order to facilitate understanding, in the following description, an embodiment in which image data is not reduced or enlarged (that is, equivalent to Embodiment 1) is described. Combination).

図15は、本実施形態の画像処理装置200の機能的な構成を示す図である。画像処理装置200は、移動入力受付部208と更新部209を更に備える。なお、上述の実施形態で示した構成と重複する部分については説明を省略する。   FIG. 15 is a diagram illustrating a functional configuration of the image processing apparatus 200 according to the present embodiment. The image processing apparatus 200 further includes a movement input reception unit 208 and an update unit 209. Note that a description of the same parts as those shown in the above embodiment is omitted.

移動入力受付部208は、第1画像データ251内の表示領域261の位置を移動させる方向と量を指定する指示入力をユーザから受け付ける。ユーザは、例えば操作キー17を押下して、あるいはタッチペンを使ってタッチパネル20を押下して、表示領域261に映る画像をスクロールさせることができる。処理制御部10と制御キー17とタッチパネル20が協働して動作することにより、移動入力受付部208として機能する。   The movement input receiving unit 208 receives an instruction input for designating a direction and an amount for moving the position of the display area 261 in the first image data 251 from the user. The user can scroll the image displayed in the display area 261 by pressing the operation key 17 or pressing the touch panel 20 using a touch pen, for example. The processing control unit 10, the control key 17, and the touch panel 20 operate in cooperation to function as the movement input reception unit 208.

更新部209は、領域記憶部204に記憶された表示領域261,262と透過領域271,272の位置を、移動入力受付部208が受け付けた指示入力が示す方向と量だけ移動させて、表示領域情報265と透過領域情報275を更新する。処理制御部10が更新部209として機能する。   The update unit 209 moves the positions of the display areas 261 and 262 and the transmission areas 271 and 272 stored in the area storage unit 204 by the direction and the amount indicated by the instruction input received by the movement input reception unit 208 to display the display area. Information 265 and transparent area information 275 are updated. The process control unit 10 functions as the update unit 209.

図16(a)は、移動前の第1画像データ251内の表示領域261と透過領域271の位置関係を示す図である。図16(b)は、移動前の第2画像データ252内の表示領域262と透過領域272の位置関係を示す図である。移動前は、第1画像データ251に対する表示領域261の相対位置と、第2画像データ252に対する表示領域262の相対位置は同じである。同様に、第1画像データ251に対する透過領域271の相対位置と、第2画像データ252に対する透過領域272の相対位置は同じである。第1画像データ251に対する透過領域271の中心(形状が円形であれば円の中心)1601の相対位置と、第2画像データ252に対する透過領域272の中心(形状が円形であれば円の中心)1602の相対位置も同じである。   FIG. 16A is a diagram showing the positional relationship between the display area 261 and the transmission area 271 in the first image data 251 before movement. FIG. 16B is a diagram showing the positional relationship between the display area 262 and the transmission area 272 in the second image data 252 before movement. Before the movement, the relative position of the display area 261 with respect to the first image data 251 and the relative position of the display area 262 with respect to the second image data 252 are the same. Similarly, the relative position of the transmissive region 271 with respect to the first image data 251 and the relative position of the transmissive region 272 with respect to the second image data 252 are the same. The relative position of the center of the transmission region 271 with respect to the first image data 251 (the center of the circle if the shape is circular) 1601 and the center of the transmission region 272 with respect to the second image data 252 (the center of the circle if the shape is circular) The relative position of 1602 is the same.

例えば、移動入力受付部208が、表示領域261の位置を本図の右方向に距離L1だけ移動させる指示入力を受け付けたとする。このとき、更新部209は、図16(c)に示すように、第1画像データ251内の表示領域261を右方向に距離L1だけ移動させ、同じく透過領域271を右方向に距離L1だけ移動させる。一方、更新部209は、図16(d)に示すように、第2画像データ252内の表示領域262を右方向に距離L1だけ移動させ、透過領域272を右方向に距離L2だけ移動させる。本例ではL2<L1である。   For example, it is assumed that the movement input receiving unit 208 receives an instruction input for moving the position of the display area 261 by a distance L1 in the right direction in the figure. At this time, as shown in FIG. 16C, the update unit 209 moves the display area 261 in the first image data 251 to the right by the distance L1, and similarly moves the transmission area 271 to the right by the distance L1. Let On the other hand, as shown in FIG. 16D, the update unit 209 moves the display area 262 in the second image data 252 to the right by the distance L1, and moves the transmissive area 272 to the right by the distance L2. In this example, L2 <L1.

距離L1とL2との関係は、例えば次の[数1]で示される。
L2 = L1 × C ・・・[数1]
ただし、Cは正の定数である。L1とL2は比例関係にある。
The relationship between the distances L1 and L2 is expressed by the following [Equation 1], for example.
L2 = L1 × C (Equation 1)
However, C is a positive constant. L1 and L2 are in a proportional relationship.

更新部209が表示領域261,262と透過領域271,272の位置を更新した後、合成部205は上述の実施形態と同じ画像生成処理を行う。表示部206は合成部205によって生成された表示画像280を表示する。   After the update unit 209 updates the positions of the display areas 261 and 262 and the transmission areas 271 and 272, the synthesis unit 205 performs the same image generation process as that in the above-described embodiment. The display unit 206 displays the display image 280 generated by the synthesis unit 205.

すなわち、表示画像280は、表示領域261内の画像が右方向に距離L1だけスクロールするのに対して、透過領域271内の画像が右方向にL1より短い距離L2だけスクロールし、わざと“ずれ”を生じさせた画像となる。これによって、表示画像280は遠近感、立体感のある画像となる。   That is, in the display image 280, the image in the display area 261 scrolls to the right by the distance L1, whereas the image in the transmission area 271 scrolls to the right by the distance L2 shorter than L1. The resulting image is As a result, the display image 280 becomes an image having a sense of perspective and a stereoscopic effect.

ここではL2<L1としたが、これは第2画像データ252に第1画像データ251より縮小した画像を用いる場合に適している。例えば、拡縮率をNとすると、次の[数2]で示される数式に従ってL2を計算することが望ましい。   Here, L2 <L1 is set, but this is suitable for the case where an image smaller than the first image data 251 is used as the second image data 252. For example, when the scaling ratio is N, it is desirable to calculate L2 in accordance with the following mathematical expression.

L2 = L1 × N ・・・[数2]   L2 = L1 × N (Equation 2)

もし、[数2]を用い、且つ、上述の実施形態のように調整部207が透過領域271の面積に応じて拡縮率Nを変化させることとすれば、位置のずれの量だけでなく、大きさのずれの量も変化することになり、より遠近感、立体感のある画像となる。   If [Equation 2] is used, and the adjustment unit 207 changes the expansion / contraction ratio N according to the area of the transmission region 271 as in the above-described embodiment, not only the amount of positional deviation, The amount of size deviation also changes, resulting in a more perspective and stereoscopic image.

なお、逆にL1<L2としてもよいが、これは第2画像データ252に第1画像データ251より拡大した画像を用いる場合に適している。L2=L1とすれば、上述の実施形態1と同じ構成となる。   Conversely, L1 <L2 may be set, but this is suitable when an image enlarged from the first image data 251 is used as the second image data 252. If L2 = L1, the configuration is the same as that of the first embodiment.

また、右方向にスクロールさせる場合を例にとって説明したが、上下左右あるいは斜め方向にスクロールさせる場合も同様である。   Further, the case of scrolling in the right direction has been described as an example, but the same applies to the case of scrolling in the up / down / left / right or diagonal directions.

(実施形態6)
次に、本発明のその他の実施形態について説明する。上述の実施形態では調整部207が画像データを拡大又は縮小する画像処理を行っているが、本実施形態では他の画像処理を行って画像データを調整する点で異なっている。例えば、調整部207は、第3画像データ253にカラーフィルタを施して色補正して第2画像データ252を生成する。以下詳述する。
(Embodiment 6)
Next, other embodiments of the present invention will be described. In the above-described embodiment, the adjustment unit 207 performs image processing for enlarging or reducing the image data. However, the present embodiment is different in that the image data is adjusted by performing other image processing. For example, the adjustment unit 207 performs color correction on the third image data 253 by performing a color filter to generate the second image data 252. This will be described in detail below.

調整部207は、画像記憶部201に記憶された第3画像データ253を読み出し、第3画像データ253の全領域又は一部領域に所定の画像フィルタを施して第2画像データ252を生成する。合成部205はこの画像フィルタで画像処理された第2画像データ252を用いて表示画像280を生成する。画像フィルタには様々な種類がある。例えば、色変換フィルタ、色分解フィルタ、エッジフィルタ、解像度フィルタなどがある。上述した拡縮処理も、画像を拡縮するための一種のフィルタ(拡縮フィルタ)を用いた画像処理である。   The adjustment unit 207 reads the third image data 253 stored in the image storage unit 201 and applies a predetermined image filter to the entire area or a partial area of the third image data 253 to generate the second image data 252. The synthesizing unit 205 generates a display image 280 using the second image data 252 image-processed by this image filter. There are various types of image filters. For example, there are a color conversion filter, a color separation filter, an edge filter, a resolution filter, and the like. The above-described enlargement / reduction process is also an image process using a kind of filter (enlargement / reduction filter) for enlargement / reduction of an image.

色変換フィルタは、第3画像データ253の特定の色成分を変換して色の調子(トーン)を変える。例えば、調整部207が第3画像データ253をセピア色や白黒にして第2画像データ252を生成し、合成部205がこの第2画像データ252と第1画像データ251を合成すると、表示画像280のうち透過領域271の中はあたかも“昔撮った写真”のように見え、第1画像データ251と第2画像データ252との区別がはっきりする。調整部207は、どの色をどの色に変換するかを規定する対応関係を示す情報を予め記憶し、これに基づいて第3画像データ253に色変換を施す。対応関係は自由に変更できる。   The color conversion filter converts a specific color component of the third image data 253 to change the color tone (tone). For example, when the adjusting unit 207 generates the second image data 252 by converting the third image data 253 to sepia or black and white, and the combining unit 205 combines the second image data 252 and the first image data 251, the display image 280 is displayed. Among them, the inside of the transmissive area 271 looks like a “photo taken in the past”, and the distinction between the first image data 251 and the second image data 252 is clear. The adjustment unit 207 stores in advance information indicating a correspondence relationship that defines which color is converted to which color, and performs color conversion on the third image data 253 based on the information. The correspondence can be changed freely.

色分解フィルタは、第3画像データ253から、R(赤)・G(緑)・B(青)のいずれかの色成分(特定波長領域)のみを抽出する。あるいは、特定の明度・彩度・色相のいずれかの成分のみを抽出する。例えば、調整部207が第3画像データ253にRフィルタをかけ、合成部205がこの第2画像データ252と第1画像データ251を合成すると、表示画像280のうち透過領域271の中は赤色の成分のみを抽出した画像になる。例えば、第3画像データ253に明度を上げる(又は下げる)フィルタをかけると、表示画像280のうち透過領域271の中が明るく(又は暗く)なった画像になる。   The color separation filter extracts only one of R (red), G (green), and B (blue) color components (specific wavelength region) from the third image data 253. Alternatively, only a specific lightness / saturation / hue component is extracted. For example, when the adjustment unit 207 applies an R filter to the third image data 253 and the combining unit 205 combines the second image data 252 and the first image data 251, the transmissive area 271 in the display image 280 is red. An image is obtained by extracting only the components. For example, when a filter that increases (or decreases) the brightness is applied to the third image data 253, the display image 280 becomes an image in which the inside of the transmissive area 271 becomes bright (or dark).

エッジフィルタは、第3画像データ253の画像の輪郭(エッジ)部分を強調してシャープさを向上させたり、逆に輪郭部分をぼかしてシャープさを低下させたりする。調整部207が第3画像データ253の画像中のある輪郭部分(例えばキャラクタの輪郭部分など)のシャープさを上げ、合成部205がこの第2画像データ252と第1画像データ251を合成すると、表示画像280のうち透過領域271の中はエッジが強調されてくっきりと引き締まった画像になる。また、逆にシャープさを下げると、表示画像280のうち透過領域271の中はエッジがぼんやりしてにじんだような画像になる。なお、エッジ強調処理は一般に知られているアンシャープマスキング法などの手法を用いて行うことができる。   The edge filter enhances the sharpness by enhancing the contour (edge) portion of the image of the third image data 253, or conversely blurs the contour portion to reduce the sharpness. When the adjustment unit 207 increases the sharpness of a certain contour portion (for example, the contour portion of a character) in the image of the third image data 253, and the combining unit 205 combines the second image data 252 and the first image data 251, In the display image 280, the inside of the transmissive area 271 is a sharply tightened image with emphasized edges. On the other hand, if the sharpness is lowered, the image in the transmissive area 271 of the display image 280 becomes blurred and blurred. Note that the edge enhancement processing can be performed using a generally known method such as an unsharp masking method.

解像度フィルタは、第3画像データ253の解像度を上げてより微細な部分まで見えるようにしたり、解像度を下げたりする。調整部207が第3画像データ253に解像度を上げるフィルタをかけ、合成部205がこの第2画像データ252と第1画像データ251を合成すると、表示画像280のうち透過領域271の中は細部まではっきりと見えやすくなった画像になる。解像度を下げるフィルタをかけると、透過領域271の中だけモザイクがかって見える画像になる。   The resolution filter increases the resolution of the third image data 253 so that a finer portion can be seen, or decreases the resolution. When the adjustment unit 207 applies a filter for increasing the resolution to the third image data 253 and the combining unit 205 combines the second image data 252 and the first image data 251, the transmissive area 271 in the display image 280 is detailed. The image becomes clear and easy to see. When a filter that lowers the resolution is applied, an image that looks like a mosaic appears only in the transmissive region 271.

例えば、所定段階数の解像度レベル(例えば高中低の3段階)を予め設けておく。通常時(透過領域271が指定されていないとき)には、合成部205は、最大ではない既定の解像度(例えば高中低の3段階のうち中レベル)の第1画像データ251を表示画像280とする。そして、指定時(透過領域271が指定されているとき)には、合成部205は、既定の解像度の第1画像データ251と、既定の解像度より高い解像度(例えば高中低のうち高レベル)の第2画像データ252とを用いて表示画像280を生成する。   For example, a predetermined number of resolution levels (for example, three levels of high, medium, and low) are provided in advance. In normal times (when the transmissive area 271 is not designated), the synthesis unit 205 displays the first image data 251 having a predetermined non-maximum resolution (for example, the middle level among the three levels of high, medium, and low) as the display image 280. To do. At the time of designation (when the transmissive area 271 is designated), the composition unit 205 sets the first image data 251 having a predetermined resolution and a resolution higher than the default resolution (for example, high level among high, medium, and low). A display image 280 is generated using the second image data 252.

解像度を下げるフィルタを用いる場合、指定時には、合成部205は、既定の解像度の第1画像データ251と、既定の解像度より低い解像度(例えば高中低のうち低レベル)の第2画像データ252とを用いて表示画像280を生成する。解像度の大きさは3段階に限らず、任意のM段階(Mは2以上の整数)としてよく、解像度の選択方法も自由である。なお、解像度を下げる処理は一般に広く知られているモザイク処理を用いて行うことができる。   When using a filter that lowers the resolution, at the time of designation, the combining unit 205 generates first image data 251 having a predetermined resolution and second image data 252 having a resolution lower than the default resolution (for example, low level among high, medium, and low). To generate a display image 280. The size of the resolution is not limited to three levels, and may be any M level (M is an integer of 2 or more), and the resolution selection method is also free. Note that the process of reducing the resolution can be performed using a generally known mosaic process.

これらの画像フィルタを用いた画像処理は第3画像データ253だけでなく第1画像データ251や第2画像データ252について行われてもよい。すなわち、調整部207は、第1画像データ251と第2画像データ252と第3画像データ253のうち少なくともどれか1つに、色変換フィルタ、色分解フィルタ、エッジフィルタ、解像度フィルタ、拡縮フィルタを施して画像処理し、画像処理された第1画像データ251及び/又は第2画像データ252及び/又は第3画像データ253を用いて表示画像280を生成してもよい。   Image processing using these image filters may be performed not only on the third image data 253 but also on the first image data 251 and the second image data 252. That is, the adjustment unit 207 applies a color conversion filter, a color separation filter, an edge filter, a resolution filter, and an enlargement / reduction filter to at least one of the first image data 251, the second image data 252, and the third image data 253. The display image 280 may be generated using the first image data 251 and / or the second image data 252 and / or the third image data 253 subjected to the image processing.

例えば、ユーザにより透過領域271が指定されると、調整部207は、第1画像データ251の表示領域261のうち透過領域271以外の部分の明度を下げて(暗くして)、第2画像データ252の表示領域262のうち透過領域272の明度を上げて(明るくして)、これらの画像データを合成して表示画像280を生成してもよい。これによって、表示画像280は、ユーザが注目している部分(透過領域271)にスポットライトが当たって明るくなったような画像となり、第1画像データ251と第2画像データ252の区別が容易になる。   For example, when the transmissive area 271 is designated by the user, the adjustment unit 207 lowers the brightness of the part other than the transmissive area 271 in the display area 261 of the first image data 251 (makes it darker), and then adjusts the second image data. Of the display area 262 of 252, the brightness of the transmissive area 272 may be increased (brightened), and these image data may be combined to generate the display image 280. As a result, the display image 280 becomes an image that is brightened by hitting a spotlight (transmission area 271) that the user is paying attention to, and the first image data 251 and the second image data 252 can be easily distinguished. Become.

なお、調整部207は、これらの画像フィルタのうち少なくともいずれか1つを用いて画像データを調整すればよい。上記の画像フィルタを任意に2つ以上組み合わせて画像を調整してもよい。また、ここに例示したフィルタ以外の他の画像処理用のフィルタを用いて画像を調節してもよい。   Note that the adjustment unit 207 may adjust image data using at least one of these image filters. You may adjust an image by combining two or more said image filters arbitrarily. Moreover, you may adjust an image using the filter for image processing other than the filter illustrated here.

本実施形態によれば、画像処理装置により表示される画像には、ユーザが着目している場所とそうでない場所との間に不連続な部分が生じ、これらの場所の違いが画像フィルタにより明瞭になるので、ユーザは見比べている画像同士の境界がどこかを見失うことなく、容易に相違点を見つけることができるようになる。   According to the present embodiment, in the image displayed by the image processing apparatus, a discontinuous portion is generated between the place where the user is paying attention and the place where the user is not, and the difference between these places is clearly shown by the image filter. Therefore, the user can easily find the difference without losing sight of the boundary between the images being compared.

(実施形態7)
次に、本発明のその他の実施形態について説明する。本実施形態は、上述の画像生成処理によって合成した表示画像280をユーザが自由に編集できるようにしたものである。本実施形態は、上述の実施形態のいずれとも組み合わせて用いることが可能であるが、理解を容易にするため、以下の説明では画像データを縮小・拡大させない実施形態(つまり実施形態1相当との組み合わせ)とする。
(Embodiment 7)
Next, other embodiments of the present invention will be described. In the present embodiment, the user can freely edit the display image 280 synthesized by the above-described image generation processing. This embodiment can be used in combination with any of the above-described embodiments. However, in order to facilitate understanding, in the following description, an embodiment in which image data is not reduced or enlarged (that is, equivalent to Embodiment 1) is described. Combination).

図17は、本実施形態の画像処理装置200の機能的な構成を示す図である。画像処理装置200は、選択入力受付部210と移動部211を更に備える。なお、上述の実施形態で示した構成と重複する部分については説明を省略する。   FIG. 17 is a diagram illustrating a functional configuration of the image processing apparatus 200 according to the present embodiment. The image processing apparatus 200 further includes a selection input receiving unit 210 and a moving unit 211. Note that a description of the same parts as those shown in the above embodiment is omitted.

選択入力受付部210は、表示画像280内のアイテム画像データを選択し、その選択されたアイテム画像データの位置を移動させる指示入力をユーザから受け付ける。ユーザは、例えば操作キー17を押下して、あるいはタッチペンを使ってタッチパネル20を押下して、表示画像280内に配置された任意のアイテム画像データを選択し、移動させることができる。例えばアイテム画像データとは、第1画像データ251と第2画像データ252がそれぞれ図3(a)(b)で示されるとするならば、花、花瓶、テーブル、リンゴ、コップなどのオブジェクトの画像データである。移動させる対象となるオブジェクト(移動可能なオブジェクト)は任意である。処理制御部10と操作キー17とタッチパネル20が協働して動作することにより、移動入力受付部210として機能する。   The selection input receiving unit 210 selects item image data in the display image 280 and receives an instruction input for moving the position of the selected item image data from the user. The user can select and move any item image data arranged in the display image 280 by pressing the operation key 17 or pressing the touch panel 20 using a touch pen, for example. For example, the item image data is an image of an object such as a flower, a vase, a table, an apple, or a cup if the first image data 251 and the second image data 252 are shown in FIGS. It is data. The object to be moved (movable object) is arbitrary. The processing control unit 10, the operation key 17, and the touch panel 20 operate in cooperation to function as the movement input reception unit 210.

領域記憶部204は、移動可能なオブジェクトに対応するアイテム画像データの位置と、そのアイテム画像データの占める画像領域(アイテム領域)とを対応付ける情報(以下、「アイテム領域情報」と呼ぶ)285を更に記憶する。第1画像データ251と第2画像データ252の中に複数のアイテム画像データが配置される場合にはそれぞれについて位置と領域を格納するアイテム領域情報285が記憶される。   The area storage unit 204 further includes information (hereinafter referred to as “item area information”) 285 that associates the position of the item image data corresponding to the movable object and the image area (item area) occupied by the item image data. Remember. When a plurality of item image data are arranged in the first image data 251 and the second image data 252, item area information 285 for storing the position and the area for each is stored.

移動部211は、ユーザによって選択されたアイテム画像データが表示されるアイテム領域の全体が透過領域271に含まれるか否かを判別し、全体が含まれると判別した場合、選択入力受付部210が受け付けた指示入力が示す位置にアイテム画像データを移動させる。すなわち、移動部211は、判別結果とユーザからの指示入力に従ってアイテム画像データの位置を更新したアイテム領域情報285を領域記憶部204に記憶させる。処理制御部10が移動部211として機能する。   The moving unit 211 determines whether or not the entire item region in which the item image data selected by the user is displayed is included in the transparent region 271. If the moving unit 211 determines that the entire item region is included, the selection input receiving unit 210 The item image data is moved to the position indicated by the received instruction input. In other words, the moving unit 211 causes the region storage unit 204 to store the item region information 285 in which the position of the item image data is updated according to the determination result and the instruction input from the user. The processing control unit 10 functions as the moving unit 211.

アイテム画像データを移動させて表示画像280を編集する処理について、図18(a)〜(d)に示す表示例と図19のフローチャートを用いて説明する。   Processing for moving the item image data and editing the display image 280 will be described with reference to display examples shown in FIGS. 18A to 18D and a flowchart of FIG.

図18(a)は、移動前(編集前)の表示画像280である。ユーザは任意の場所に透過領域271を設定できる。また、表示領域261の位置を変えることもできる。透過領域入力受付部203はユーザの指示入力に従って透過領域情報275を更新し、表示領域入力受付部202はユーザの指示入力に従って表示領域情報265を更新する。   FIG. 18A shows a display image 280 before moving (before editing). The user can set the transmissive area 271 at an arbitrary location. In addition, the position of the display area 261 can be changed. The transparent area input receiving unit 203 updates the transparent area information 275 according to the user's instruction input, and the display area input receiving unit 202 updates the display area information 265 according to the user's instruction input.

図18(b)は、ユーザによって透過領域271が設定され、上述の画像生成処理によって合成された後の表示画像280である。この場合、透過領域271の中には、移動可能なオブジェクトとして、リンゴのオブジェクト1801と、花瓶のオブジェクト1802とが含まれている。リンゴのオブジェクト1801は透過領域271の中に全部が収まっているが、花瓶のオブジェクト1802はその一部分のみが含まれており全部は収まっていない。合成部205は、表示領域情報265と透過領域情報275とに基づいて、第1画像データ251と第2画像データ252から表示画像280を生成し、表示部206は生成された表示画像280を表示する。   FIG. 18B shows a display image 280 after the transparent region 271 is set by the user and synthesized by the above-described image generation processing. In this case, the transparent area 271 includes an apple object 1801 and a vase object 1802 as movable objects. The apple object 1801 is entirely contained in the transmission area 271, but the vase object 1802 includes only a part thereof and does not fit all. The combining unit 205 generates a display image 280 from the first image data 251 and the second image data 252 based on the display region information 265 and the transmission region information 275, and the display unit 206 displays the generated display image 280. To do.

ユーザは、所定のポインタ画像1803(マウスポインタのようなもの)を動かしてアイテム画像データの位置を変更できる。図18(c)は、ユーザによってアイテム画像データの1つであるリンゴのオブジェクト1801の位置を移動させている様子を示す図である。   The user can change the position of the item image data by moving a predetermined pointer image 1803 (such as a mouse pointer). FIG. 18C is a diagram illustrating a state in which the user moves the position of an apple object 1801 that is one of item image data.

まず、移動部211は、選択されたオブジェクトに対応するアイテム領域の全体が透過領域271の中に含まれているか否か判別する(ステップS1901)。   First, the moving unit 211 determines whether or not the entire item area corresponding to the selected object is included in the transparent area 271 (step S1901).

全体が含まれていないと判別された場合(ステップS1901;NO)、移動部211はそのオブジェクトの移動を許可しない。例えば、図18(b)の花瓶のオブジェクト1802は透過領域271の中に全部が収まっていないため、もしユーザによって花瓶のオブジェクト1802が選択されても移動させない。   When it is determined that the whole is not included (step S1901; NO), the moving unit 211 does not permit the movement of the object. For example, since the vase object 1802 in FIG. 18B is not entirely contained in the transmission area 271, even if the vase object 1802 is selected by the user, the vase object 1802 is not moved.

全体が含まれていると判別された場合(ステップS1901;YES)、移動部211はそのオブジェクトの移動を許可しオブジェクトの位置を変更する(ステップS1902)。すなわち、移動部211は、選択入力受付部210が受け付けた指示入力が示す位置にアイテム画像データを移動させ、アイテム領域情報285を更新する。例えば、図18(b)のリンゴのオブジェクト1801は透過領域271の中に全部が収まっているため、もしユーザによってリンゴのオブジェクト1801を移動させる指示がなされると、指示に従って位置を変更する。   If it is determined that the whole is included (step S1901; YES), the moving unit 211 permits the movement of the object and changes the position of the object (step S1902). That is, the moving unit 211 moves the item image data to the position indicated by the instruction input received by the selection input receiving unit 210, and updates the item region information 285. For example, since the apple object 1801 in FIG. 18B is entirely contained in the transparent area 271, if the user gives an instruction to move the apple object 1801, the position is changed according to the instruction.

そして、合成部205は、表示領域情報265と透過領域情報275とアイテム領域情報285とに基づいて、第1画像データ251と第2画像データ252から表示画像280を生成する(ステップS1903)。   Then, the composition unit 205 generates a display image 280 from the first image data 251 and the second image data 252 based on the display area information 265, the transparent area information 275, and the item area information 285 (step S1903).

図18(d)は、合成部205によって生成された(編集後の)表示画像280の例である。図18(a)に示す編集前の表示画像280にはリンゴのオブジェクト1801が表示されないが、透過領域271の中に表示されたアイテム画像データ(リンゴのオブジェクト1801)を選択し移動させる(ドラッグする)ことで、編集後の表示画像280にはリンゴのオブジェクト1801が表示されることになる。   FIG. 18D is an example of the display image 280 (after editing) generated by the combining unit 205. Although the apple object 1801 is not displayed in the display image 280 before editing shown in FIG. 18A, the item image data (apple object 1801) displayed in the transparent area 271 is selected and moved (dragged). Thus, the apple object 1801 is displayed on the display image 280 after editing.

分かりやすく言い換えれば、画像を2枚重ね、上側の画像に穴を空け、出てきた下側の画像の一部を取り出して上側にもってきて、空けた穴を閉じる、という一連の作業を行ったことになる。   In other words, a series of operations are performed in which two images are stacked, a hole is made in the upper image, a part of the lower image that has come out is taken out, and the hole is closed. That's right.

例えば、上側(第1画像データ251)をユーザが編集したい画像とし、下側(第2画像データ252)をサンプル画像とすれば、ユーザは、2つの画像のうち注目したい部分(透過領域271)だけを見比べながら、サンプル画像の任意の領域(アイテム領域)を切り出して貼り付けて、自由に画像を編集できる。つまり、下側に画像の素材集を置き、上側にキャンバスを置いて画像を作成することができ、余計な作業スペースを確保する必要はない。   For example, if the upper side (first image data 251) is an image that the user wants to edit and the lower side (second image data 252) is a sample image, the user wants to focus on a portion of interest (transparent region 271). The image can be freely edited by cutting out and pasting an arbitrary region (item region) of the sample image while comparing only. In other words, it is possible to create an image by placing a collection of image materials on the lower side and a canvas on the upper side, and it is not necessary to secure an extra work space.

なお、アイテム領域の全体が透過領域271の中に含まれている場合にアイテム画像データの位置を変更できるようにしたが、全体が含まれているかいないかに関わらず、透過領域271の中に一部でも含まれていれば移動可能としてもよい。   Note that the position of the item image data can be changed when the entire item area is included in the transparent area 271, but one item is included in the transparent area 271 regardless of whether or not the entire item area is included. If it is included in the part, it may be movable.

このように、本実施形態によれば、画像処理装置200は画像同士の相違を明瞭に表現することができ、ユーザは画像の相違が分かりやすくなる。しかもユーザは画像を容易に編集できるようになる。例えば、本実施形態は、サンプル画像を参考にユーザが新しい画像を作成するためのツールとして利用することができる。また、本発明を用いれば、画像編集ソフトウェアの画面レイアウトを簡略化でき、画面内により広い編集エリアを確保でき、ユーザの操作性が向上する。   As described above, according to the present embodiment, the image processing apparatus 200 can clearly express the difference between the images, and the user can easily understand the difference between the images. Moreover, the user can easily edit the image. For example, this embodiment can be used as a tool for a user to create a new image with reference to a sample image. Further, if the present invention is used, the screen layout of the image editing software can be simplified, a wider editing area can be secured in the screen, and the operability for the user is improved.

本発明は、上述した実施形態に限定されず、種々の変形及び応用が可能である。また、上述した実施例の各構成要素を自由に組み合わせることも可能である。   The present invention is not limited to the above-described embodiments, and various modifications and applications are possible. Moreover, it is also possible to freely combine the components of the above-described embodiments.

画像処理装置200を装置の全部又は一部として動作させるためのプログラムを、メモリカード、CD−ROM、DVD、MO(Magneto Optical disk)などのコンピュータ読み取り可能な記録媒体に格納して配布し、これを別のコンピュータにインストールし、上述の手段として動作させ、あるいは、上述の工程を実行させてもよい。   A program for operating the image processing apparatus 200 as all or part of the apparatus is stored and distributed in a computer-readable recording medium such as a memory card, CD-ROM, DVD, or MO (Magneto Optical disk). May be installed in another computer and operated as the above-described means, or the above-described steps may be executed.

さらに、インターネット上のサーバ装置が有するディスク装置等にプログラムを格納しておき、例えば、搬送波に重畳させて、コンピュータにダウンロード等するものとしてもよい。   Furthermore, the program may be stored in a disk device or the like included in a server device on the Internet, and may be downloaded onto a computer by being superimposed on a carrier wave, for example.

以上説明したように、本発明によれば、複数の画像同士の相違をユーザに見分けやすくさせるために好適な画像処理装置、画像処理方法、ならびに、プログラムを提供することができる。   As described above, according to the present invention, it is possible to provide an image processing apparatus, an image processing method, and a program suitable for making it easy for a user to distinguish a difference between a plurality of images.

本発明のゲーム装置が実現される典型的な情報処理装置の概要構成を示す図である。It is a figure which shows schematic structure of the typical information processing apparatus with which the game device of this invention is implement | achieved. 画像処理装置の機能的構成を説明するための図である。It is a figure for demonstrating the functional structure of an image processing apparatus. (a)第1画像データの例である。(b)第2画像データの例である。(A) It is an example of 1st image data. (B) It is an example of 2nd image data. (a)第1画像データ内に設定された表示領域と透過領域を示す図である。(b)第2画像データ内に設定された表示領域と透過領域を示す図である。(A) It is a figure which shows the display area and transmission area which were set in 1st image data. (B) It is a figure which shows the display area and transmission area which were set in 2nd image data. (a)第1画像データと第2画像データを合成する処理を説明するための概念図である。(b)合成された表示画像の例である。(A) It is a conceptual diagram for demonstrating the process which synthesize | combines 1st image data and 2nd image data. (B) It is an example of the synthesized display image. 画像生成処理を説明するためのフローチャートである。It is a flowchart for demonstrating an image generation process. (a)合成前の第1画像データ内の表示領域と透過領域を示す図である。(b)合成前の第2画像データ内の表示領域と透過領域を示す図である。(c)合成後の表示画像を示す図である。(A) It is a figure which shows the display area and transparent region in the 1st image data before a synthesis | combination. (B) It is a figure which shows the display area and transparent region in the 2nd image data before a synthesis | combination. (C) It is a figure which shows the display image after a synthesis | combination. (a)実施形態2の第1画像データの例である。(b)実施形態2の第2画像データの例である。(A) It is an example of the 1st image data of Embodiment 2. (B) It is an example of the 2nd image data of Embodiment 2. 実施形態2の合成後の表示領域と透過領域を示す図である。FIG. 10 is a diagram illustrating a display area and a transmission area after synthesis according to the second embodiment. 実施形態3の画像処理装置の機能的構成を説明するための図である。FIG. 10 is a diagram for describing a functional configuration of an image processing apparatus according to a third embodiment. (a)縮小又は拡大する前の第3画像データを示す図である。(b)縮小後の第3画像データを示す図である。(c)拡大後の第3画像データを示す図である。(A) It is a figure which shows the 3rd image data before reducing or enlarging. (B) It is a figure which shows the 3rd image data after reduction. (C) It is a figure which shows the 3rd image data after expansion. (a)第3画像データを縮小し周縁を展延してできた第2画像データの例である。(b)第3画像データを拡大し周縁を除去してできた第2画像データの例である。(A) It is an example of the 2nd image data formed by reducing 3rd image data and extending the periphery. (B) It is an example of the 2nd image data which expanded the 3rd image data and removed the periphery. 画像を展延する処理を説明するための図である。It is a figure for demonstrating the process which spreads an image. (a)(b)は共に、透過領域の面積と拡縮率との関係を示す図である。(A) (b) is a figure which shows the relationship between the area of a transmissive area | region, and an expansion / contraction rate. 実施形態5の画像処理装置の機能的構成を説明するための図である。FIG. 10 is a diagram for describing a functional configuration of an image processing apparatus according to a fifth embodiment. (a)移動前の第1画像データの表示領域と透過領域を示す図である。(b)移動前の第2画像データの表示領域と透過領域を示す図である。(c)移動後の第1画像データの表示領域と透過領域を示す図である。(d)移動後の第2画像データの表示領域と透過領域を示す図である。(A) It is a figure which shows the display area and transmission area | region of the 1st image data before a movement. (B) It is a figure which shows the display area and transmission area | region of the 2nd image data before a movement. (C) It is a figure which shows the display area and transmission area | region of 1st image data after a movement. (D) It is a figure which shows the display area and transmission area | region of the 2nd image data after a movement. 実施形態7の画像処理装置の機能的構成を説明するための図である。FIG. 10 is a diagram for describing a functional configuration of an image processing apparatus according to a seventh embodiment. (a)編集前の表示画像を示す図である。(b)透過領域を設定したときの表示画像を示す図である。(c)アイテム画像を移動している様子を示す図である。(d)編集後の表示画像を示す図である。(A) It is a figure which shows the display image before edit. (B) It is a figure which shows a display image when a transmissive area | region is set. (C) It is a figure which shows a mode that the item image is moved. (D) It is a figure which shows the display image after edit. 編集処理を説明するためのフローチャートである。It is a flowchart for demonstrating an edit process.

符号の説明Explanation of symbols

1 携帯型ゲーム機
10 処理制御部
11 コネクタ
12 カートリッジ
13 無線通信部
14 通信コントローラ
15 サウンドアンプ
16 スピーカ
17 操作キー
18 第1の表示部
19 第2の表示部
20 タッチパネル
200 画像処理装置
201 画像記憶部
202 表示領域入力受付部
203 透過領域入力受付部
204 領域記憶部
205 合成部
206 表示部
207 調整部
208 移動入力受付部
209 更新部
210 選択入力受付部
211 移動部
251 第1画像データ
252 第2画像データ
253 第3画像データ
261,262 表示領域
265 表示領域情報
271,272 透過領域
275 透過領域情報
280 表示画像
285 アイテム領域情報
DESCRIPTION OF SYMBOLS 1 Portable game machine 10 Processing control part 11 Connector 12 Cartridge 13 Wireless communication part 14 Communication controller 15 Sound amplifier 16 Speaker 17 Operation key 18 1st display part 19 2nd display part 20 Touch panel 200 Image processing apparatus 201 Image storage part 202 Display area input reception unit 203 Transparent area input reception unit 204 Area storage unit 205 Composition unit 206 Display unit 207 Adjustment unit 208 Movement input reception unit 209 Update unit 210 Selection input reception unit 211 Movement unit 251 First image data 252 Second image Data 253 Third image data 261, 262 Display area 265 Display area information 271, 272 Transparent area 275 Transparent area information 280 Display image 285 Item area information

Claims (13)

第1画像データと、当該第1画像データと異なる画像データであって大きさが同じ第2画像データとを記憶する画像記憶部と、
当該第1画像データ内の所定の大きさの表示領域に含まれる透過領域の位置を指定する入力をユーザから受け付ける透過領域入力受付部と、
当該第2画像データ内に配置されるアイテム画像データを選択し、前記選択されたアイテム画像データの位置を移動させる指示入力をユーザから受け付ける選択入力受付部と、
前記選択されたアイテム画像データが表示されるアイテム領域の全体が当該透過領域に含まれる場合、前記選択入力受付部が受け付けた指示入力が示す位置に当該アイテム画像データを移動させる移動部と、
当該表示領域の位置と前記指定された透過領域の位置とに基づいて、当該第2画像データ内の表示領域と透過領域を求め、当該第1画像データのうち、当該表示領域に含まれ、且つ、当該透過領域に含まれない領域の画像データと、当該第2画像データのうち、当該表示領域に含まれ、且つ、当該透過領域に含まれる領域の画像データと、を抽出して合成し、表示画像を生成する合成部と、
前記生成された表示画像を表示する表示部と、
を備えることを特徴とする画像処理装置。
An image storage unit that stores first image data and second image data that is different from the first image data and has the same size;
A transparent area input receiving unit that receives an input for designating a position of a transparent area included in a display area of a predetermined size in the first image data from the user;
A selection input receiving unit that selects item image data arranged in the second image data and receives an instruction input for moving the position of the selected item image data from a user;
A moving unit that moves the item image data to a position indicated by the instruction input received by the selection input receiving unit when the entire item region in which the selected item image data is displayed is included in the transparent region;
Based on the position of the display area and the position of the designated transmission area, a display area and a transmission area in the second image data are obtained, and included in the display area of the first image data, and The image data of the area not included in the transparent area and the image data of the area included in the display area and included in the transparent area of the second image data are extracted and combined. A composition unit for generating a display image;
A display unit for displaying the generated display image;
An image processing apparatus comprising:
請求項1に記載の画像処理装置であって、
当該表示領域の位置を指定する入力をユーザから受け付ける表示領域入力受付部を更に備える、
ことを特徴とする画像処理装置。
The image processing apparatus according to claim 1,
A display area input receiving unit that receives an input for designating a position of the display area from the user;
An image processing apparatus.
請求項1又は2に記載の画像処理装置であって、
当該第1画像データ内の当該表示領域の位置と当該透過領域の位置と、当該第2画像データ内の当該表示領域の位置と当該透過領域の位置と、のそれぞれを記憶する領域記憶部を更に備え、
前記合成部は、前記領域記憶部に記憶された各位置に基づいて、当該第2画像データから抽出した画像データを、当該第1画像データ内の当該透過領域の位置に合成する、
ことを特徴とする画像処理装置。
The image processing apparatus according to claim 1, wherein:
An area storage unit for storing the position of the display area and the position of the transmission area in the first image data, and the position of the display area and the position of the transmission area in the second image data; Prepared,
The combining unit combines the image data extracted from the second image data with the position of the transmission region in the first image data based on each position stored in the region storage unit.
An image processing apparatus.
請求項1乃至3のいずれか1項に記載の画像処理装置であって、
前記透過領域入力受付部は、当該透過領域の形状を指定する入力をさらに受け付け、
前記合成部は、前記指定された形状であって前記指定された位置に対応する部分を当該第2画像データから抽出する、
ことを特徴とする画像処理装置。
The image processing apparatus according to any one of claims 1 to 3,
The transparent area input receiving unit further receives an input specifying the shape of the transparent area,
The synthesizing unit extracts a portion corresponding to the designated position in the designated shape from the second image data;
An image processing apparatus.
請求項1乃至4のいずれか1項に記載の画像処理装置であって、
前記画像記憶部は、第3画像データをさらに記憶し、
当該第3画像データに画像フィルタをかけて画像を調整し、前記調整されたデータを当該第2画像データとして前記画像記憶部に記憶させる調整部をさらに備える、
ことを特徴とする画像処理装置。
The image processing apparatus according to any one of claims 1 to 4,
The image storage unit further stores third image data,
An adjustment unit that adjusts an image by applying an image filter to the third image data, and stores the adjusted data in the image storage unit as the second image data;
An image processing apparatus.
請求項5に記載の画像処理装置であって、
前記調整部は、所定の拡縮率で拡大又は縮小するフィルタを用いて当該第3画像データの大きさを調整する、
ことを特徴とする画像処理装置。
The image processing apparatus according to claim 5,
The adjustment unit adjusts the size of the third image data using a filter that enlarges or reduces at a predetermined enlargement / reduction rate.
An image processing apparatus.
請求項6に記載の画像処理装置であって、
当該第3画像データを縮小する場合、前記調整部は、前記縮小されてできる画像データの周縁部分を展延して当該第2画像データと同じ大きさに調整する、
ことを特徴とする画像処理装置。
The image processing apparatus according to claim 6,
In the case of reducing the third image data, the adjustment unit expands a peripheral portion of the reduced image data and adjusts the same size as the second image data.
An image processing apparatus.
請求項6に記載の画像処理装置であって、
当該第3画像データを拡大する場合、前記調整部は、前記拡大されてできる画像データの周縁部分を除去して当該第2画像データと同じ大きさに調整する、
ことを特徴とする画像処理装置。
The image processing apparatus according to claim 6,
When enlarging the third image data, the adjustment unit removes a peripheral portion of the enlarged image data and adjusts the same size as the second image data.
An image processing apparatus.
請求項5乃至8のいずれか1項に記載の画像処理装置であって、
前記調整部は、当該透過領域の面積に対して予め対応付けられた拡縮率で当該第3画像データを拡大又は縮小させる、
ことを特徴とする画像処理装置。
The image processing apparatus according to any one of claims 5 to 8,
The adjustment unit enlarges or reduces the third image data at an enlargement / reduction rate associated with the area of the transmission region in advance.
An image processing apparatus.
請求項5に記載の画像処理装置であって、
前記調整部は、所定の拡縮率で画像を拡大又は縮小するフィルタと、画像に所定の色変換をするフィルタと、画像から所定の色を抽出するフィルタと、画像のエッジを調整するフィルタと、画像の解像度を変更するフィルタと、のうち少なくともいずれか1つを用いて当該第3画像データを調整する、
ことを特徴とする画像処理装置。
The image processing apparatus according to claim 5,
The adjustment unit includes a filter for enlarging or reducing the image at a predetermined scaling ratio, a filter for performing a predetermined color conversion on the image, a filter for extracting a predetermined color from the image, a filter for adjusting the edge of the image, Adjusting the third image data using at least one of a filter that changes the resolution of the image,
An image processing apparatus.
請求項1乃至10のいずれか1項に記載の画像処理装置であって、
当該第1画像データ内の当該表示領域の位置を移動させる方向と量を指定する入力をユーザから受け付ける移動入力受付部と、
前記移動入力受付部が当該指示入力を受け付けた場合、前記領域記憶部に記憶された当該表示領域と当該透過領域の位置を、当該方向に、当該量に基づいて計算した量だけ移動させて更新する更新部と、
を更に備えることを特徴とする画像処理装置。
The image processing apparatus according to any one of claims 1 to 10,
A movement input receiving unit that receives from the user an input for designating a direction and an amount for moving the position of the display area in the first image data;
When the movement input reception unit receives the instruction input, the position of the display area and the transmission area stored in the area storage unit is moved and updated in the direction by the amount calculated based on the amount. An update unit to
An image processing apparatus further comprising:
画像記憶部、透過領域入力受付部、選択入力受付部、移動部、合成部、表示部を有する画像処理装置にて実行される画像処理方法であって、
前記画像記憶部には、第1画像データと、当該第1画像データと異なる画像データであって大きさが同じ第2画像データとが記憶され、
前記透過領域入力受付部が、当該第1画像データに含まれる所定の大きさの表示領域に含まれる透過領域の位置を指定する入力をユーザから受け付ける透過領域入力受付ステップと、
前記選択入力受付部が、当該第2画像データ内に配置されるアイテム画像データを選択し、前記選択されたアイテム画像データの位置を移動させる指示入力をユーザから受け付ける選択入力受付ステップと、
前記選択されたアイテム画像データが表示されるアイテム領域の全体が当該透過領域に含まれる場合、前記移動部が、前記選択入力受付部が受け付けた指示入力が示す位置に当該アイテム画像データを移動させる移動ステップと、
前記合成部が、当該表示領域の位置と前記指定された透過領域の位置とに基づいて、当該第2画像データ内の表示領域と透過領域を求め、当該第1画像データのうち、当該表示領域に含まれ、且つ、当該透過領域に含まれない領域の画像データと、当該第2画像データのうち、当該表示領域に含まれ、且つ、当該透過領域に含まれる領域の画像データと、を抽出して合成し、表示画像を生成する合成ステップと、
前記表示部が、前記生成された表示画像を表示する表示ステップと、
を備えることを特徴とする画像処理方法。
An image processing method executed by an image processing apparatus having an image storage unit, a transparent area input receiving unit, a selection input receiving unit, a moving unit, a combining unit, and a display unit,
The image storage unit stores first image data and second image data that is different from the first image data and has the same size,
A transparent area input receiving step in which the transparent area input receiving unit receives from the user an input for designating a position of the transparent area included in the display area of a predetermined size included in the first image data;
A selection input reception step in which the selection input reception unit selects item image data arranged in the second image data and receives an instruction input for moving the position of the selected item image data from a user;
When the entire item area where the selected item image data is displayed is included in the transparent area, the moving unit moves the item image data to the position indicated by the instruction input received by the selection input receiving unit. A moving step;
The combining unit obtains a display area and a transmission area in the second image data based on the position of the display area and the position of the designated transmission area, and includes the display area of the first image data. And the image data of the area not included in the transparent area and the image data of the area included in the display area and included in the transparent area from the second image data are extracted. Combining to generate a display image,
A display step in which the display unit displays the generated display image;
An image processing method comprising:
コンピュータを、
第1画像データと、当該第1画像データと異なる画像データであって大きさが同じ第2画像データとを記憶する画像記憶部、
当該第1画像データに含まれる所定の大きさの表示領域に含まれる透過領域の位置を指定する入力をユーザから受け付ける透過領域入力受付部、
当該第2画像データ内に配置されるアイテム画像データを選択し、前記選択されたアイテム画像データの位置を移動させる指示入力をユーザから受け付ける選択入力受付部、
前記選択されたアイテム画像データが表示されるアイテム領域の全体が当該透過領域に含まれる場合、前記選択入力受付部が受け付けた指示入力が示す位置に当該アイテム画像データを移動させる移動部、
当該表示領域の位置と前記指定された透過領域の位置とに基づいて、当該第2画像データ内の表示領域と透過領域を求め、当該第1画像データのうち、当該表示領域に含まれ、且つ、当該透過領域に含まれない領域の画像データと、当該第2画像データのうち、当該表示領域に含まれ、且つ、当該透過領域に含まれる領域の画像データと、を抽出して合成し、表示画像を生成する合成部、
前記生成された表示画像を表示する表示部、
として機能させることを特徴とするプログラム。
Computer
An image storage unit that stores first image data and second image data that is different from the first image data and has the same size;
A transparent area input receiving unit that receives from the user an input that specifies the position of the transparent area included in the display area of a predetermined size included in the first image data;
A selection input receiving unit that selects item image data arranged in the second image data and receives an instruction input for moving the position of the selected item image data from a user;
A moving unit that moves the item image data to a position indicated by an instruction input received by the selection input receiving unit when the entire item region in which the selected item image data is displayed is included in the transparent region;
Based on the position of the display area and the position of the designated transmission area, a display area and a transmission area in the second image data are obtained, and included in the display area of the first image data, and The image data of the area not included in the transparent area and the image data of the area included in the display area and included in the transparent area of the second image data are extracted and combined. A synthesis unit for generating a display image;
A display unit for displaying the generated display image;
A program characterized by functioning as
JP2007160627A 2007-06-18 2007-06-18 Image processing apparatus, image processing method, and program Active JP4801009B2 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2007160627A JP4801009B2 (en) 2007-06-18 2007-06-18 Image processing apparatus, image processing method, and program

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2007160627A JP4801009B2 (en) 2007-06-18 2007-06-18 Image processing apparatus, image processing method, and program

Publications (2)

Publication Number Publication Date
JP2008310269A JP2008310269A (en) 2008-12-25
JP4801009B2 true JP4801009B2 (en) 2011-10-26

Family

ID=40237886

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2007160627A Active JP4801009B2 (en) 2007-06-18 2007-06-18 Image processing apparatus, image processing method, and program

Country Status (1)

Country Link
JP (1) JP4801009B2 (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2023532475A (en) * 2021-06-04 2023-07-28 ネットイーズ (ハンチョウ) ネットワーク カンパニー リミテッド Game display control method, display control device, electronic device and machine-readable storage medium

Families Citing this family (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP5020771B2 (en) * 2007-10-22 2012-09-05 クラリオン株式会社 In-vehicle device and meter display method
JP4734442B2 (en) 2009-06-30 2011-07-27 株式会社東芝 Perspective display device and perspective display method
JP2012063833A (en) * 2010-09-14 2012-03-29 Nikon Corp Image display device and method, and computer readable recording medium with program recorded thereon
JP2012063834A (en) * 2010-09-14 2012-03-29 Nikon Corp Image display device and method, and computer readable recording medium with program recorded thereon
JP6074894B2 (en) * 2012-02-24 2017-02-08 株式会社ニコン Information display device
DE202012012645U1 (en) * 2012-03-01 2013-09-05 Research In Motion Ltd. Handle for applying image filters in an image editor

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2000259822A (en) * 1999-03-11 2000-09-22 Cec:Kk Transparent synthesis method of image
JP2008293191A (en) * 2007-05-23 2008-12-04 Nippon Telegr & Teleph Corp <Ntt> Information terminal device, information display method and program thereof

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2023532475A (en) * 2021-06-04 2023-07-28 ネットイーズ (ハンチョウ) ネットワーク カンパニー リミテッド Game display control method, display control device, electronic device and machine-readable storage medium
JP7456021B2 (en) 2021-06-04 2024-03-26 ネットイーズ (ハンチョウ) ネットワーク カンパニー リミテッド Game display control method, display control device, electronic equipment, and machine-readable storage medium

Also Published As

Publication number Publication date
JP2008310269A (en) 2008-12-25

Similar Documents

Publication Publication Date Title
JP4801009B2 (en) Image processing apparatus, image processing method, and program
KR101969864B1 (en) Method of synthesizing images based on mutual interlocking of object and background images
JP6167703B2 (en) Display control device, program, and recording medium
KR101679078B1 (en) Method for navigation in panoramic image, machine-readable storage and portable device
JP3300280B2 (en) Image synthesis processing apparatus and method
KR100403859B1 (en) Projection display and display method therefor, and image display
CN102150413A (en) Display device and method for displaying images in a variable size display area
KR20170105444A (en) Configuration and operation of display devices including content curation
KR100711264B1 (en) Electronic device and control method
JP2009278623A (en) Method and apparatus for performing touch-based adjustments within imaging device
JP2012094111A (en) Image processing device, image processing method and program
EP4287610A1 (en) Focusing method and apparatus, electronic device, and medium
JP2004228994A (en) Image editing apparatus, image trimming method, and program
CN111083371A (en) Shooting method and electronic device
JP2005318177A (en) Document presentation device
JP5885152B2 (en) Portable terminal device, program, and display control method
JP2011013791A (en) Document processor and program
JP2009187387A (en) Image processing unit, image data communication system, and image processing program
JP7379956B2 (en) Image processing device and program
KR20120035322A (en) System and method for playing contents of augmented reality
JP2010068193A (en) Image processing apparatus, imaging apparatus, image processing method, and program
CN117014543B (en) Image display method and related device
JP5389621B2 (en) Image display method and apparatus, scroll display image data generation method, and recording medium
JP4781844B2 (en) Image output apparatus, image output method, and image output program
CA2485723A1 (en) A data processing apparatus and method for producing interpolated data of an image

Legal Events

Date Code Title Description
A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20110222

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20110425

TRDD Decision of grant or rejection written
A01 Written decision to grant a patent or to grant a registration (utility model)

Free format text: JAPANESE INTERMEDIATE CODE: A01

Effective date: 20110802

A01 Written decision to grant a patent or to grant a registration (utility model)

Free format text: JAPANESE INTERMEDIATE CODE: A01

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20110804

FPAY Renewal fee payment (event date is renewal date of database)

Free format text: PAYMENT UNTIL: 20140812

Year of fee payment: 3

R150 Certificate of patent or registration of utility model

Ref document number: 4801009

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150

Free format text: JAPANESE INTERMEDIATE CODE: R150

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

S531 Written request for registration of change of domicile

Free format text: JAPANESE INTERMEDIATE CODE: R313531

R350 Written notification of registration of transfer

Free format text: JAPANESE INTERMEDIATE CODE: R350

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250