JP2021012246A - Display system, generation method, display method, and computer program - Google Patents

Abstract

To provide a system for quickly displaying a screen for confirming a try-on state, without degrading the quality of an image.SOLUTION: A display system 100 includes a processor for executing display controlling for displaying the screen on a display device and a memory for storing a first image arranged on the screen. The display controlling comprises arranging a first area in the first image stored in the memory and a second area in a second image in the same screen according to a preset arrangement rule.SELECTED DRAWING: Figure 1

Description

本開示は、表示システム、生成方法、表示方法、及び、コンピュータプログラムに関する。 The present disclosure relates to a display system, a generation method, a display method, and a computer program.

衣服等の服飾物を購入する際に、利用者は実際に装着し、装着状態を確認してから購入することが一般的になされている。しかしながら、購入を検討する服飾物を実際に装着するのは煩雑に感じる場合もある。特に、検討対象の服飾物が多数ある場合、いちいち装着するのは煩雑である。この点、例えば特開２０１５−０７９３６２号公報（特許文献１）は、利用者の画像データと服飾物の画像データとの合成によって服飾物の利用者への装着状態を確認するような試着支援装置を提案している。この技術を利用すると、実際に服飾物を装着しなくても画面で装着状態を確認することができるため、装着の手間は抑えられる。 When purchasing clothing and other clothing, it is common for users to actually wear them and check the wearing condition before purchasing. However, it can be cumbersome to actually wear the clothing you are considering purchasing. In particular, when there are many clothing items to be examined, it is complicated to wear them one by one. In this regard, for example, Japanese Patent Application Laid-Open No. 2015-079362 (Patent Document 1) is a fitting support device for confirming the wearing state of clothing to the user by synthesizing the image data of the user and the image data of the clothing. Is proposing. By using this technology, it is possible to check the wearing state on the screen without actually wearing the clothing, so the time and effort of wearing can be reduced.

特開２０１５−０７９３６２号公報JP 2015-079362

しかしながら、特許文献１では、試着した状態の画像を表示するために、利用者の画像データと服飾物の画像データとを合成するという負荷の高い処理が必要となる。そのため、素早い表示ができない場合がある。特に、購入を検討する際の試着は、複数の候補の服飾物を次々に試着して見比べることが多い。そのため、表示システムでも実際の試着と同様に、画像の品質を落とすことなく素早く表示されることが望まれる。 However, in Patent Document 1, in order to display the image in the state of being tried on, a high-load process of synthesizing the image data of the user and the image data of the clothing is required. Therefore, quick display may not be possible. In particular, when considering purchasing, it is often the case that multiple candidate clothing items are tried on one after another and compared. Therefore, it is desired that the display system is displayed quickly without degrading the quality of the image, as in the case of actual fitting.

ある実施の形態に従うと、表示システムは、表示装置に画面を表示させるための表示制御を実行するプロセッサと、画面に配置する第１の画像を記憶するメモリと、を備え、表示制御は、メモリに記憶されている第１の画像中の第１の領域と、第２の画像中の第２の領域と、を、予め設定された配置規則に応じて同一画面内に配置することを含む。 According to certain embodiments, the display system comprises a processor that performs display control for displaying the screen on the display device, and a memory that stores a first image arranged on the screen, wherein the display control is memory. The first region in the first image and the second region in the second image stored in the image are arranged in the same screen according to a preset arrangement rule.

他の実施の形態に従うと、生成方法は、予め規定された領域を、他の画像と同一画面に配置して表示するための撮影画像の生成方法であって、カメラに対して予め規定された位置関係となる撮影位置に被写体をセットし、セットした被写体をカメラで撮影し、撮影によって得られた撮影画像に、位置関係に応じた属性を付加してデータベースに格納する、ことを備える。 According to another embodiment, the generation method is a method of generating a captured image for displaying a predetermined area arranged on the same screen as another image, and is predetermined for the camera. It is provided that a subject is set at a shooting position having a positional relationship, the set subject is shot with a camera, and an attribute corresponding to the positional relationship is added to the shot image obtained by shooting and stored in a database.

他の実施の形態に従うと、表示方法は、上記生成方法によって生成された撮影画像を第１の画像として、第１の画像中の予め規定された領域と、第２の画像中の第２の領域と、を、予め設定された配置規則に応じて同一画面内に配置し、画面を表示装置に表示する、ことを含む。 According to another embodiment, the display method uses the captured image generated by the above generation method as the first image, a predetermined region in the first image, and a second image in the second image. The area and the area are arranged in the same screen according to a preset arrangement rule, and the screen is displayed on the display device.

他の実施の形態に従うと、コンピュータプログラムは、表示装置に画面を表示させる表示制御を実行する表示システムとしてコンピュータを機能させるためのコンピュータプログラムであって、コンピュータに、第１の画像中の第１の領域と、第２の画像中の第２の領域と、を、予め設定された配置規則に応じて同一画面内に配置し、画面を表示装置に表示する、ことを実行させる。 According to another embodiment, the computer program is a computer program for causing a computer to function as a display system that executes display control for displaying a screen on a display device, and causes the computer to display the first image in the first image. The area and the second area in the second image are arranged on the same screen according to a preset arrangement rule, and the screen is displayed on the display device.

更なる詳細は、後述の実施形態として説明される。 Further details will be described as embodiments described below.

図１は、実施の形態に係る表示システムの構成を表した概略図である。FIG. 1 is a schematic view showing a configuration of a display system according to an embodiment. 図２は、表示システムに含まれる処理装置の構成を表した概略図である。FIG. 2 is a schematic view showing the configuration of a processing device included in the display system. 図３は、モデル画像データベース（ＤＢ）の構成の一例を表した概略図である。FIG. 3 is a schematic view showing an example of the configuration of the model image database (DB). 図４は、ユーザ画像ＤＢの構成の一例を表した概略図である。FIG. 4 is a schematic view showing an example of the configuration of the user image DB. 図５は、表示システムに含まれるユーザ装置の構成を表した概略図である。FIG. 5 is a schematic view showing the configuration of a user device included in the display system. 図６は、モデル画像の生成方法を表した図である。FIG. 6 is a diagram showing a method of generating a model image. 図７は、ユーザ画像の撮影用の画面の具体例を表した概略図である。FIG. 7 is a schematic view showing a specific example of a screen for capturing a user image. 図８は、試着画面表示の流れを表した図である。FIG. 8 is a diagram showing a flow of fitting screen display. 図９は、装飾品の選択用画面の具体例を表した概略図である。FIG. 9 is a schematic view showing a specific example of a screen for selecting an ornament. 図１０は、表示制御の流れを表した概略図である。FIG. 10 is a schematic view showing the flow of display control.

＜１．表示システム、生成方法、表示方法、及び、コンピュータプログラムの概要＞ <1. Overview of display system, generation method, display method, and computer program>

（１）本実施の形態に従う表示システムは、表示装置に画面を表示させるための表示制御を実行するプロセッサと、画面に配置する第１の画像を記憶するメモリと、を備え、表示制御は、メモリに記憶されている第１の画像中の第１の領域と、第２の画像中の第２の領域と、を、予め設定された配置規則に応じて同一画面内に配置することを含む。 (1) The display system according to the present embodiment includes a processor that executes display control for displaying the screen on the display device, and a memory that stores a first image arranged on the screen. Including arranging the first area in the first image and the second area in the second image stored in the memory in the same screen according to a preset arrangement rule. ..

第１の画像中の第１の領域と、第２の画像中の第２の領域と、を、予め設定された配置規則に応じて同一画面内に配置することによって、画像合成処理などの負荷の高い処理を必要とせずに、容易な処理によって、品質の低下を抑えて、第１の領域と第２の領域とが併存する画面を表示させることができる。後述のように、第１の画像が、例えば、装飾品を装着したモデル画像であり、第２の画像がユーザ画像である場合、ユーザの装飾品の試着状態を示す画面を容易に表示させることができる。 By arranging the first area in the first image and the second area in the second image on the same screen according to a preset arrangement rule, a load such as image composition processing can be performed. It is possible to display a screen in which the first region and the second region coexist by suppressing the deterioration of quality by simple processing without requiring high processing. As will be described later, when the first image is, for example, a model image with ornaments attached and the second image is a user image, a screen showing the fitting state of the user's ornaments can be easily displayed. Can be done.

（２）好ましくは、表示制御は、第１の画像中の予め記憶している範囲を第１の領域として抽出し、第２の画像中の予め記憶している範囲を第２の領域の位置として抽出することを含む。これにより、画像解析などの負荷の高い処理を必要とせずに、容易な処理によって、品質の低下を抑えて、第１の領域と第２の領域とが併存する画面を表示させることができる。 (2) Preferably, the display control extracts the pre-stored range in the first image as the first area, and sets the pre-stored range in the second image as the position of the second area. Includes extracting as. As a result, it is possible to display a screen in which the first region and the second region coexist by suppressing the deterioration of quality by simple processing without requiring high-load processing such as image analysis.

（３）好ましくは、第１の画像及び第２の画像は、被写体を撮影した撮影画像であって、メモリに記憶されている第１の画像は、それぞれ、カメラから被写体までの距離に応じた属性が設定されており、表示制御は、第１の画像の属性、及び、第２の画像における被写体のサイズに応じた属性の関係に基づいて、第１の領域及び第２の領域の少なくとも一方のサイズを変更し、変更後の２つの領域を属性の関係に応じた配置規則に基づいて同一画面内に配置することを含む。これにより、画像中の被写体のサイズが異なる場合であっても、画像解析などの負荷の高い処理を必要とせずに、容易な処理によってサイズを適切な関係とすることができる。 (3) Preferably, the first image and the second image are captured images of the subject, and the first images stored in the memory correspond to the distance from the camera to the subject, respectively. Attributes are set, and the display control is at least one of the first region and the second region based on the relationship between the attributes of the first image and the attributes according to the size of the subject in the second image. This includes changing the size of the image and arranging the two areas after the change in the same screen based on the arrangement rule according to the relationship of the attributes. As a result, even when the sizes of the subjects in the image are different, the sizes can be made into an appropriate relationship by simple processing without requiring a heavy processing such as image analysis.

（４）好ましくは、第１の画像と第２の画像との少なくとも一方は動画である。上記のように画像合成などの負荷の高い処理を必要とせずに複数画像それぞれの領域の並存した画面を表示できるため、少なくとも一方が動画のときも処理の遅延を抑えることができる。 (4) Preferably, at least one of the first image and the second image is a moving image. Since it is possible to display coexisting screens of each region of a plurality of images without requiring high-load processing such as image composition as described above, it is possible to suppress processing delay even when at least one of them is a moving image.

（５）好ましくは、第１の画像は、服飾品を装着したモデル画像であり、第２の画像は、ユーザ画像であり、服飾品の選択結果の入力を受け付ける入力装置をさらに備え、表示制御は、入力装置に入力された選択結果において選択された服飾品を装着したモデル画像をメモリから抽出して第１の画像を得ることを含む。これにより、選択された服飾品の試着状態を表す画面を表示させることができる。 (5) Preferably, the first image is a model image in which the clothing is attached, and the second image is a user image, further including an input device for receiving input of the selection result of the clothing, and display control. Includes extracting a model image with the clothing item selected in the selection result input to the input device from the memory to obtain a first image. As a result, it is possible to display a screen showing the fitting state of the selected clothing item.

（６）好ましくは、メモリは、同一の服飾品について、体形の異なる複数のモデル画像を記憶し、表示制御は、複数のモデル画像の中からユーザの体型に応じたモデル画像を抽出して第１の画像を得ることを含む。これにより、ユーザのサイズに応じた試着状態を表す画面を表示させることができる。 (6) Preferably, the memory stores a plurality of model images having different body shapes for the same clothing item, and the display control extracts a model image according to the user's body shape from the plurality of model images. Includes obtaining one image. As a result, it is possible to display a screen showing the fitting state according to the size of the user.

（７）好ましくは、表示装置は等身大の大きさである。これにより、あたかも実際に試着して鏡に映して見ているように画面を表示させることができる。 (7) Preferably, the display device has a life-size size. As a result, the screen can be displayed as if it were actually tried on and reflected in a mirror.

（８）他の実施の形態に従う生成方法は、予め規定された領域を、他の画像と同一画面に配置して表示するための撮影画像の生成方法であって、カメラに対して予め規定された位置関係となる撮影位置に被写体をセットし、セットした被写体をカメラで撮影し、撮影によって得られた撮影画像に、位置関係に応じた属性を付加してデータベースに格納する、ことを備える。このような撮影画像をデータベースに格納しておくことで、上記のような画面を表示させる処理に用いることができる。 (8) The generation method according to the other embodiment is a method of generating a captured image for displaying a predetermined area arranged on the same screen as another image, and is predetermined for the camera. It is provided that a subject is set at a shooting position having a positional relationship, the set subject is shot with a camera, and an attribute corresponding to the positional relationship is added to the shot image obtained by shooting and stored in a database. By storing such a captured image in the database, it can be used for the process of displaying the above screen.

（９）好ましくは、生成方法は、撮影位置に、被写体の一部を固定する固定具をセットし、被写体をセットすることは、固定具で被写体の一部を固定することを含む。これにより、位置関係を保持することができる。 (9) Preferably, the generation method includes setting a fixture for fixing a part of the subject at the shooting position, and setting the subject includes fixing a part of the subject with the fixture. As a result, the positional relationship can be maintained.

（１０）好ましくは、撮影位置で撮影された被写体の一部は、撮影画像において予め設定された領域に含まれない。これにより、画面に固定具が表示されることがなく、品質の低下を抑えることができる。 (10) Preferably, a part of the subject photographed at the photographing position is not included in the preset area in the photographed image. As a result, the fixture is not displayed on the screen, and deterioration of quality can be suppressed.

（１１）他の実施の形態に従う表示方法は、上記生成方法によって生成された撮影画像を第１の画像として、第１の画像中の予め規定された領域と、第２の画像中の第２の領域と、を、予め設定された配置規則に応じて同一画面内に配置し、画面を表示装置に表示する、ことを含む。これにより、画像合成処理などの負荷の高い処理を必要とせずに、容易な処理によって、品質の低下を抑えて、第１の領域と第２の領域とが併存する画面を表示させることができる。 (11) In the display method according to the other embodiment, the captured image generated by the above generation method is used as the first image, a predetermined region in the first image, and a second image in the second image. The area and the area of are arranged in the same screen according to a preset arrangement rule, and the screen is displayed on the display device. As a result, it is possible to display a screen in which the first region and the second region coexist by suppressing the deterioration of quality by simple processing without requiring high-load processing such as image composition processing. ..

（１２）他の実施の形態に従うコンピュータプログラムは、表示装置に画面を表示させる表示制御を実行する表示システムとしてコンピュータを機能させるためのコンピュータプログラムであって、コンピュータに、第１の画像中の第１の領域と、第２の画像中の第２の領域と、を、予め設定された配置規則に応じて同一画面内に配置し、画面を表示装置に表示する、ことを実行させる。これにより、（１）〜（７）の表示システムにおける表示が可能になる。 (12) A computer program according to another embodiment is a computer program for causing a computer to function as a display system for executing display control for displaying a screen on a display device, and causes the computer to function as a first image in the first image. The area 1 and the second area in the second image are arranged on the same screen according to a preset arrangement rule, and the screen is displayed on the display device. As a result, the display in the display systems (1) to (7) becomes possible.

＜２．表示システム、生成方法、表示方法、及び、コンピュータプログラムの例＞ <2. Display system, generation method, display method, and computer program example>

図１を参照して、本実施の形態に係る表示システム１００は、処理装置１を含む。処理装置１は、モデル画像データベース（ＤＢ）１２１と、ユーザ画像ＤＢ１２２とを有する。モデル画像ＤＢ１２１は、後述するモデル画像データを登録するデータベースである。ユーザ画像ＤＢ１２２は、後述するユーザ画像データを登録するデータベースである。 With reference to FIG. 1, the display system 100 according to the present embodiment includes a processing device 1. The processing device 1 has a model image database (DB) 121 and a user image DB 122. The model image DB 121 is a database for registering model image data described later. The user image DB 122 is a database for registering user image data described later.

表示システム１００は、さらに、ユーザ装置を含む。ユーザ装置は、表示装置５Ａ及び／又は端末装置５Ｂである。例えば、ディスプレイ５４を有するこれらを代表させて、ユーザ装置５とも称する。 The display system 100 further includes a user device. The user device is a display device 5A and / or a terminal device 5B. For example, those having a display 54 are also referred to as a user device 5 as a representative.

処理装置１及び各ユーザ装置５は、インターネット等の通信網２に接続可能である。各ユーザ装置５は、服飾品の選択操作をユーザから受け付けて、選択結果を示すデータを処理装置１に送信する。処理装置１は、受信した選択結果を示すデータなどに基づいて後述するモデル画像を選択し、後述する表示制御処理を行って画面データを生成する。そして、生成した画面データをユーザ装置５に配信する。 The processing device 1 and each user device 5 can be connected to a communication network 2 such as the Internet. Each user device 5 receives a clothing item selection operation from the user and transmits data indicating the selection result to the processing device 1. The processing device 1 selects a model image described later based on the received data indicating the selection result or the like, and performs display control processing described later to generate screen data. Then, the generated screen data is distributed to the user device 5.

表示システム１００は、さらに、後述するモデル画像をモデル画像ＤＢ１２１に登録するための処理装置７を含んでもよい。処理装置７は、通信機能を有する一般的なコンピュータであってよい。処理装置７も通信網２に接続可能であり、モデル画像を処理装置１に送信する。 The display system 100 may further include a processing device 7 for registering a model image described later in the model image DB 121. The processing device 7 may be a general computer having a communication function. The processing device 7 can also be connected to the communication network 2 and transmits the model image to the processing device 1.

図２を参照して、処理装置１は、プロセッサ１１とメモリ１２とを有するコンピュータで構成される。メモリ１２は、一次記憶装置であってもよいし、二次記憶装置であってもよい。処理装置１は、通信網２にアクセスするための通信装置１３をさらに有する。 With reference to FIG. 2, the processing device 1 is composed of a computer having a processor 11 and a memory 12. The memory 12 may be a primary storage device or a secondary storage device. The processing device 1 further includes a communication device 13 for accessing the communication network 2.

メモリ１２は、モデル画像ＤＢ１２１と、ユーザ画像ＤＢ１２２とを有する。また、メモリ１２は、プロセッサ１１によって実行されるプログラム１２３を記憶している。なお、以降の説明では、図２に示されたように、ユーザ画像ＤＢが処理装置１のメモリ１２に記憶されているものとするが、ユーザ画像ＤＢはユーザ装置５にあってもよい。すなわち、ユーザ画像は、ユーザ装置５に記憶され、ユーザ装置５から読み出されるものであってもよいし、処理装置１とユーザ装置５との両方に記憶されていてもよい。 The memory 12 has a model image DB 121 and a user image DB 122. Further, the memory 12 stores a program 123 executed by the processor 11. In the following description, it is assumed that the user image DB is stored in the memory 12 of the processing device 1 as shown in FIG. 2, but the user image DB may be stored in the user device 5. That is, the user image may be stored in the user device 5 and read from the user device 5, or may be stored in both the processing device 1 and the user device 5.

プロセッサ１１は、プログラム１２３を実行することによって選択処理１１２を実行する。選択処理１１２は、表示に用いるモデル画像をモデル画像ＤＢ１２１から選択する処理である。 The processor 11 executes the selection process 112 by executing the program 123. The selection process 112 is a process of selecting a model image to be used for display from the model image DB 121.

図３を参照して、モデル画像ＤＢ１２１は、モデル画像を、商品とサイズと属性との情報を付加して記憶している。モデル画像は、服飾品を装着したモデルを被写体として撮影することによって得られた撮影画像である。モデル画像に付加された商品の情報は、被写体であるモデルの装着している服飾品を特定する情報である。モデルは、１以上の服飾品を装着している。２以上の服飾品は、全身がコーディネートされた服飾品群である。服飾品群は、例えば、ジャケット等のトップス、パンツやスカートなどのボトム、シャツやブラウスなどのインナー、スニーカーやサンダルなどの靴、帽子やマフラーやアクセサリーなどの装飾品、及び、バッグ、などのうちの１以上の組み合わせである。 With reference to FIG. 3, the model image DB 121 stores the model image by adding information on the product, the size, and the attribute. The model image is a photographed image obtained by photographing a model wearing clothing as a subject. The product information added to the model image is information that identifies the clothing item worn by the model that is the subject. The model wears one or more outfits. Two or more clothing items are a group of clothing items in which the whole body is coordinated. The clothing group includes, for example, tops such as jackets, bottoms such as pants and skirts, innerwear such as shirts and blouses, shoes such as sneakers and sandals, ornaments such as hats, mufflers and accessories, and bags. It is a combination of one or more of.

サイズは、モデルの装着している服飾品のサイズを特定する情報である。ここでは、服飾品のサイズが異なるモデル画像は、被写体であるモデルが異なってもよい。つまり、服飾品のサイズにあった体型のモデルの撮影画像であってよい。これにより、サイズごとに服飾品の着こなしを確認することが可能になる。 The size is information that identifies the size of the clothing worn by the model. Here, the model images having different sizes of clothing items may have different models as subjects. That is, it may be a photographed image of a model having a body shape that matches the size of the clothing item. This makes it possible to check how the clothing is dressed for each size.

選択処理１１２は、ユーザ装置５から、ユーザの服飾品の選択結果を示すデータを受信し、モデル画像ＤＢ１２１に記憶されている複数のモデル画像の中から、ユーザによって選択された服飾品を示す商品の情報が付加されたモデル画像を選択することを含む。 The selection process 112 receives data indicating the selection result of the user's clothing item from the user device 5, and indicates a product indicating the clothing item selected by the user from a plurality of model images stored in the model image DB 121. Includes selecting a model image with the information in.

選択処理１１２は、さらに、ユーザ装置５から、ユーザの識別情報を受信し、ユーザ画像ＤＢ１２２に記憶されている複数のユーザ画像の中から、該当するユーザのユーザ画像を選択することを含む。図４に示されるように、ユーザ画像ＤＢ１２２に記憶されているユーザ画像には、ユーザの識別情報が付加されている。選択処理１１２では、受信したユーザの識別情報に一致する識別情報が付加されたユーザ画像がユーザ画像ＤＢ１２２から選択される。 The selection process 112 further includes receiving user identification information from the user apparatus 5 and selecting a user image of the corresponding user from a plurality of user images stored in the user image DB 122. As shown in FIG. 4, user identification information is added to the user image stored in the user image DB 122. In the selection process 112, a user image to which identification information matching the received user identification information is added is selected from the user image DB 122.

ユーザ画像ＤＢ１２２に記憶されているユーザ画像には、さらに、被写体であるユーザの体型を示すデータが属性として付加されていてもよい。体型を示すデータは、例えば、身長及び、又は体重である。ユーザの体型を特定する情報が得られる場合、選択処理１１２は、さらに、モデル画像ＤＢ１２１に記憶されている複数のモデル画像の中から、ユーザの体型に応じたサイズのモデル画像を選択することを含む。 Data indicating the body shape of the user who is the subject may be further added as an attribute to the user image stored in the user image DB 122. Data indicating body shape are, for example, height and / or weight. When the information for identifying the user's body shape is obtained, the selection process 112 further selects a model image having a size corresponding to the user's body shape from the plurality of model images stored in the model image DB 121. Including.

プロセッサ１１は、プログラム１２３を実行することによって抽出処理１１１を実行する。抽出処理１１１は、選択処理１１２によって選択されたモデル画像から、表示に用いる領域（以下、表示領域とも称する）を抽出する処理である。この処理を実行するために、プロセッサ１１には、モデル画像中の、表示領域とする領域が、予め規定されている。これにより、表示領域を特定するための処理が不要となる。 The processor 11 executes the extraction process 111 by executing the program 123. The extraction process 111 is a process of extracting an area used for display (hereinafter, also referred to as a display area) from the model image selected by the selection process 112. In order to execute this process, the processor 11 defines in advance an area to be a display area in the model image. This eliminates the need for processing to specify the display area.

また、抽出処理１１１は、表示に用いるユーザ画像から表示領域を抽出することを含む。ユーザ画像は、被写体としてユーザを撮影することによって得られた撮影画像を指す。以降の説明において、ユーザは、人であるものとし、ユーザ装置５のユーザであることが想定されている。しかしながら、ここでのユーザは、ユーザ装置５のユーザに限定されず、例えばユーザ装置５のユーザの家族など、その他の人であってもよい。また、ここでのユーザは人にも限定されず、例えば、ペットとして飼育されている犬や猫など、衣服などの服飾品を装着可能なあらゆるものであってよい。ユーザ画像がユーザ以外である場合にも、後述する処理によって、その画像の被写体について、選択された服飾品を試着した画像が得られる。ユーザ画像は、図４に示されるように、ユーザ画像ＤＢ１２２に記憶されている。 Further, the extraction process 111 includes extracting a display area from the user image used for display. The user image refers to a captured image obtained by photographing the user as a subject. In the following description, the user is assumed to be a person and is assumed to be a user of the user device 5. However, the user here is not limited to the user of the user device 5, and may be another person such as a family member of the user of the user device 5. Further, the user here is not limited to a person, and may be anything that can be worn with clothing such as clothes, such as dogs and cats kept as pets. Even when the user image is other than the user, an image in which the selected clothing item is tried on can be obtained for the subject of the image by the process described later. The user image is stored in the user image DB 122 as shown in FIG.

プロセッサ１１は、プログラム１２３を実行することによって配置処理１１３を実行する。配置処理１１３は、モデル画像の表示領域とユーザ画像の表示領域とを、予め設定された配置規則に応じて同一画面内に配置する処理である。 The processor 11 executes the arrangement process 113 by executing the program 123. The arrangement process 113 is a process of arranging the display area of the model image and the display area of the user image on the same screen according to the preset arrangement rules.

好ましくは、配置処理１１３はサイズ変更処理１１４を含む。図３に示されたように、モデル画像ＤＢ１２１に記憶されている各モデル画像にはカメラから被写体までの距離に応じた属性が設定されている。図３の例では、属性は、カメラから被写体までの距離を含む。サイズ変更処理１１４は、モデル画像の上記属性、及び、ユーザ画像における被写体のサイズに応じた属性の関係に基づいて、モデル画像の表示領域及びユーザ画像の表示領域の少なくとも一方のサイズを変更する処理である。 Preferably, the placement process 113 includes a resizing process 114. As shown in FIG. 3, attributes are set for each model image stored in the model image DB 121 according to the distance from the camera to the subject. In the example of FIG. 3, the attribute includes the distance from the camera to the subject. The size change process 114 is a process of changing the size of at least one of the display area of the model image and the display area of the user image based on the relationship between the above attributes of the model image and the attributes according to the size of the subject in the user image. Is.

好ましくは、配置処理１１３は、境界加工処理１１５を含む。境界加工処理１１５は、同一画面に配置されたモデル画像の表示領域とユーザ画像の表示領域との境界範囲を加工する処理であって、例えば、ぼかし加工などを行う処理である。 Preferably, the placement process 113 includes a boundary processing process 115. The boundary processing process 115 is a process for processing the boundary range between the display area of the model image and the display area of the user image arranged on the same screen, and is, for example, a process of performing blurring processing.

図５を参照して、ユーザ装置５は、制御装置５０と、ディスプレイ５４と、を含む。制御装置５０は、プロセッサ５１とメモリ５２とを有するコンピュータで構成される。メモリ５２は、一次記憶装置であってもよいし、二次記憶装置であってもよい。ユーザ装置５は、通信網２にアクセスするための通信装置５３をさらに有する。 With reference to FIG. 5, the user device 5 includes a control device 50 and a display 54. The control device 50 includes a computer having a processor 51 and a memory 52. The memory 52 may be a primary storage device or a secondary storage device. The user device 5 further includes a communication device 53 for accessing the communication network 2.

図１に示されたように、ユーザ装置５が表示装置５Ａである場合、ディスプレイ５４は矩形であって、長手方向が縦を向く向きに設置される。好ましくは、ディスプレイ５４は等身大である。等身大とは、長手方向の長さが一般的な成人の身長よりも長いサイズを指し、例えば、長手方向の長さが１５０ｃｍ〜２００ｃｍである。 As shown in FIG. 1, when the user device 5 is the display device 5A, the display 54 is rectangular and is installed so that the longitudinal direction faces vertically. Preferably, the display 54 is life-sized. Life-size refers to a size in which the length in the longitudinal direction is longer than the height of a general adult, for example, the length in the longitudinal direction is 150 cm to 200 cm.

これにより、後述の試着画面を等身大で見ることができる。その結果、ユーザは、あたかも実際に試着しているように服飾品の装着状態を確認することができる。 As a result, the fitting screen described later can be viewed life-size. As a result, the user can confirm the wearing state of the clothing as if he / she is actually trying on the clothing.

ユーザ装置５は、さらに、カメラ５６を含む。カメラ５６は、プロセッサ５１の制御に従って、又は、自動的に撮影動作を行い、撮影データをプロセッサ５１に入力する。カメラ５６は、ディスプレイ５４の裏面に設置される。ディスプレイ５４の、ユーザに向かう側の面を正面とする。その反対側の面を、ディスプレイ５４の裏面とする。 The user device 5 further includes a camera 56. The camera 56 performs a shooting operation according to the control of the processor 51 or automatically, and inputs the shooting data to the processor 51. The camera 56 is installed on the back surface of the display 54. The side of the display 54 facing the user is the front surface. The surface on the opposite side is the back surface of the display 54.

ユーザ装置５が表示装置５Ａである場合、好ましくは、カメラ５６は、ディスプレイ５４の正面にユーザが立ったときに顔程度の高さに設置される。これにより、ディスプレイ５４の正面に立ったユーザの全身を撮影することができる。この撮影画像を後述するユーザ画像として用いることで、ユーザは、あたかも実際に自身で試着して鏡で見ているように服飾品の装着状態を確認することができる。 When the user device 5 is the display device 5A, the camera 56 is preferably installed at a height of about the face when the user stands in front of the display 54. As a result, the whole body of the user standing in front of the display 54 can be photographed. By using this photographed image as a user image described later, the user can confirm the wearing state of the clothing as if he / she actually tried it on by himself / herself and looked in the mirror.

ユーザ装置５が表示装置５Ａである場合、好ましくは、カメラ５６は、位置が可変である。一例として、ディスプレイ５４の背面に長手方向に伸びるレールが設けられ、カメラ５６はそのレール上を上下方向に移動可能とする。その場合、カメラ５６を移動させる駆動装置は、プロセッサ５１の制御に従って駆動する。これにより、カメラ５６の位置をユーザに応じた適切な高さとすることができる。その結果、ユーザを正面から撮影することができる。 When the user device 5 is the display device 5A, the camera 56 is preferably in a variable position. As an example, a rail extending in the longitudinal direction is provided on the back surface of the display 54, and the camera 56 can move in the vertical direction on the rail. In that case, the drive device for moving the camera 56 is driven according to the control of the processor 51. As a result, the position of the camera 56 can be set to an appropriate height according to the user. As a result, the user can be photographed from the front.

他の例として、ユーザ装置５が、例えばスマートフォンなどの端末装置５Ｂである場合には、端末装置５Ｂに搭載されているカメラでユーザを撮影することでユーザ画像を得てもよい。この場合、例えば、ユーザの首付近から顔の上端までのような、全身のうちの顔を含む一部分の撮影であってもよい。 As another example, when the user device 5 is a terminal device 5B such as a smartphone, a user image may be obtained by photographing the user with a camera mounted on the terminal device 5B. In this case, for example, a part of the whole body including the face may be photographed, such as from the vicinity of the user's neck to the upper end of the face.

プロセッサ５１は、プログラム５２１を実行することによって出力処理５１１を実行する。出力処理５１１は、処理装置１から受信した画面データに基づく画面をディスプレイ５４で表示する処理である。 The processor 51 executes the output process 511 by executing the program 521. The output process 511 is a process of displaying a screen based on the screen data received from the processing device 1 on the display 54.

プロセッサ５１は、プログラム５２１を実行することによって撮影処理５１２を実行する。撮影処理５１２は、カメラ５６を制御して撮影させる処理である。これによりユーザ画像が得られる。そして、得られた撮影データを通信装置５３に渡し、処理装置１に送信させる。これにより、ユーザ画像である撮影データが処理装置１に送信され、ユーザ画像ＤＢ１２２に登録される。 The processor 51 executes the shooting process 512 by executing the program 521. The shooting process 512 is a process of controlling the camera 56 to shoot. As a result, a user image is obtained. Then, the obtained shooting data is passed to the communication device 53 and transmitted to the processing device 1. As a result, the shooting data which is the user image is transmitted to the processing device 1 and registered in the user image DB 122.

モデル画像は、図６に示された生成方法によって生成される。すなわち、図６を参照して、カメラ３に対して予め規定された位置関係となる撮影位置に被写体であるモデルを配置する（ステップＳ１）。予め規定された位置関係は、カメラ３から規定の距離Ｌとなる位置である。モデルは、装飾品を装着した状態である。 The model image is generated by the generation method shown in FIG. That is, with reference to FIG. 6, the model as the subject is arranged at the shooting position having a predetermined positional relationship with respect to the camera 3 (step S1). The predetermined positional relationship is a position at a predetermined distance L from the camera 3. The model is fitted with ornaments.

距離Ｌに配置されたモデルを、カメラ３にて撮影する（ステップＳ２）。この撮影によって得られたモデル画像３１に、上記位置関係に応じた属性として、例えば距離Ｌを示すデータを付加してモデル画像ＤＢ１２１に格納する（ステップＳ３）。また、好ましくは、さらに、服飾品のサイズを示すデータを付加する。これにより、図３に示されたようにモデル画像ＤＢ１２１にモデル画像が登録される。なお、ステップＳ３の処理は、オペレータが処理装置７を用いて行うことが想定される。 The model arranged at the distance L is photographed by the camera 3 (step S2). Data indicating, for example, a distance L is added to the model image 31 obtained by this photographing as an attribute according to the positional relationship and stored in the model image DB 121 (step S3). In addition, preferably, data indicating the size of the clothing item is added. As a result, the model image is registered in the model image DB 121 as shown in FIG. It is assumed that the processing in step S3 is performed by the operator using the processing device 7.

好ましくは、モデル画像は動画である。これにより、服飾品が衣服などの全方向から試着状態を確認したいものである場合、正面からのみならず、背面や側面も試着状態を確認できる。また、後述する試着画面において動いたときの服飾品の装着状態も表示されるため、あたかも実際に試着して動いているように試着状態を確認できる。 Preferably, the model image is moving. As a result, when it is desired to check the fitting state of clothing from all directions such as clothes, it is possible to check the fitting state not only from the front but also from the back and sides. In addition, since the wearing state of the clothing item when it is moved is also displayed on the fitting screen described later, the fitting state can be confirmed as if it were actually tried on and moved.

好ましくは、カメラ３から距離Ｌの位置に固定具４を配置し、モデルを固定具４にてその位置に固定する。固定具４は、例えば、モデルの身体の一部を固定するものである。身体の一部は、好ましくは、モデル画像の表示領域に含まれない部分であって、例えば、首の後ろ、後頭部、などである。 Preferably, the fixture 4 is placed at a distance L from the camera 3 and the model is fixed at that position with the fixture 4. The fixture 4 fixes, for example, a part of the body of the model. A part of the body is preferably a part not included in the display area of the model image, such as the back of the neck, the back of the head, and the like.

固定具４でモデルの身体の一部を固定することによって、カメラ３からモデルまでの
距離を正確に距離Ｌとすることができるとともに、上記のように動画撮影のためにモデルが動いた場合でも、距離Ｌが保持される。特に、モデルの首の後ろや後頭部を固定することによって、首の位置を固定した状態で首から下を動作させることができる。そのため、ユーザ画像とともに表示した際に、モデル画像とユーザ画像との境界部分のずれを抑えることができ、試着画面の品質劣化が抑えられる。特に、後述のようにモデル画像が動画である場合、モデルが固定されていないと距離Ｌのみならず左右方向の位置が変化する場合がある。その結果、モデル画像とユーザ画像との境界部分のずれが大きくなる。その点、このようにモデルを固定しておくことで、動画の場合であってもモデル画像とユーザ画像との境界部分のずれを抑えることができ、試着画面の品質劣化が抑えられる。 By fixing a part of the model's body with the fixture 4, the distance from the camera 3 to the model can be accurately set to the distance L, and even when the model moves for movie shooting as described above. , The distance L is maintained. In particular, by fixing the back of the neck and the back of the head of the model, it is possible to move from the neck down with the position of the neck fixed. Therefore, when displayed together with the user image, the deviation of the boundary portion between the model image and the user image can be suppressed, and the quality deterioration of the fitting screen can be suppressed. In particular, when the model image is a moving image as described later, if the model is not fixed, not only the distance L but also the position in the left-right direction may change. As a result, the deviation of the boundary portion between the model image and the user image becomes large. In that respect, by fixing the model in this way, it is possible to suppress the deviation of the boundary portion between the model image and the user image even in the case of a moving image, and the quality deterioration of the fitting screen can be suppressed.

距離Ｌは可変であってもよい。服飾品のサイズに応じてモデル画像における服飾品のサイズを変えることで、見やすくなるためである。例えば、服飾品がスーツなどの全身に装着されるものの場合、距離Ｌを大きくしてモデルの全身を撮影することが望まれる。一方、服飾品がシャツなどの全身に及ばない範囲に装着されるものの場合、距離Ｌを小さくして服飾品が大きくなるように撮影することが望まれる。このように、モデル画像に属性として付加される距離Ｌは、モデル画像の表示領域における被写体のサイズを示している。 The distance L may be variable. This is because it becomes easier to see by changing the size of the clothing in the model image according to the size of the clothing. For example, when the clothing is worn on the whole body such as a suit, it is desirable to increase the distance L and photograph the whole body of the model. On the other hand, when the clothing is worn in a range that does not reach the whole body such as a shirt, it is desirable to take a picture so that the distance L is small and the clothing is large. As described above, the distance L added as an attribute to the model image indicates the size of the subject in the display area of the model image.

ユーザ画像は、一例としてユーザ装置５で撮影処理５１２を実行することによって撮影され、処理装置１のユーザ画像ＤＢ１２２に登録する。好ましくは、ユーザ画像は動画である。これにより、後述する試着画面において、服飾品とユーザの顔の方向との関係が変化した状態における試着状態を確認できる。そのため、あたかも実際に試着して動いているように試着状態を確認できる。より好ましくは、ユーザ画像は、顔の位置は変化させず、表情だけが変化する動画である。つまり、ユーザ画像は頭部が固定された動画である。これにより、モデル画像とあわせて表示した場合に境界部分のずれを抑えることができ、試着画面の品質劣化が抑えられる。 The user image is captured by executing the shooting process 512 on the user device 5 as an example, and is registered in the user image DB 122 of the processing device 1. Preferably, the user image is a moving image. As a result, on the fitting screen described later, it is possible to confirm the fitting state in a state where the relationship between the clothing item and the direction of the user's face has changed. Therefore, it is possible to check the fitting state as if it were actually tried on and moving. More preferably, the user image is a moving image in which only the facial expression changes without changing the position of the face. That is, the user image is a moving image in which the head is fixed. As a result, it is possible to suppress the deviation of the boundary portion when displayed together with the model image, and the quality deterioration of the fitting screen can be suppressed.

このとき、ユーザ装置５のディスプレイ５４には、図７に示される撮影用画面５５０が表示される。図７を参照して、撮影用画面５５０は、ユーザの位置のガイド５４３，５４４，５４６を含む。ガイド５４６はユーザの顔位置のガイドであり、ガイド５４３はユーザの身長方向のガイドであり、ガイド５４４はユーザ画像の範囲を示すガイドである。これにより、ユーザ画像における被写体であるユーザのサイズを一定とすることができるとともに、ユーザの各部位の位置を概ね規定の位置とすることができる。なお、ユーザ装置５がスマートフォンなどの端末装置５Ｂである場合にも、同様に図７のような撮影用画像５５０が表示され、顔を含む体の一部の撮影の位置がガイドされる。この場合、ユーザの身長方向のガイドに替えて、顔の高さ方向のガイドが表示されればよい。 At this time, the shooting screen 550 shown in FIG. 7 is displayed on the display 54 of the user device 5. With reference to FIG. 7, the photographing screen 550 includes guides 543, 544, 546 of the user's position. The guide 546 is a guide for the user's face position, the guide 543 is a guide in the height direction of the user, and the guide 544 is a guide indicating the range of the user image. As a result, the size of the user who is the subject in the user image can be made constant, and the position of each part of the user can be made a substantially specified position. When the user device 5 is a terminal device 5B such as a smartphone, the image for photographing 550 as shown in FIG. 7 is similarly displayed, and the position of photographing a part of the body including the face is guided. In this case, the guide in the height direction of the face may be displayed instead of the guide in the height direction of the user.

表示システム１００では、図８に示された流れで試着画面が表示される。すなわち、図８を参照して、ユーザ装置５では、ユーザによる服飾品の選択操作を受け付ける（ステップＳ１１）。このとき、ユーザ装置５のディスプレイ５４には、図９に示される、服飾品の選択用画面５４５が表示される。選択用画面５４５は、一例として、衣服などの通信販売用のサイトである。 In the display system 100, the fitting screen is displayed in the flow shown in FIG. That is, with reference to FIG. 8, the user device 5 accepts a user's clothing selection operation (step S11). At this time, the display 54 of the user device 5 displays the clothing selection screen 545 shown in FIG. The selection screen 545 is, for example, a site for mail-order sales of clothes and the like.

図９を参照して、選択用画面５４５は、服飾品を表示する領域５４８と、その服飾品の試着画面の表示を指示するボタン５４７と、を含む。そのほか、服飾品の購入処理を指示するボタンなどが含まれていてもよい。ステップＳ１１の服飾品の選択を受け付けることは、例えば、選択用画面５４５においてボタン５４７のタッチを受け付けることである。ステップＳ１１で服飾品の選択を受け付けると、ユーザ装置５は選択結果を示すデータを、ユーザの識別情報とともに処理装置１に送信する（ステップＳ１３）。 With reference to FIG. 9, the selection screen 545 includes an area 548 for displaying the clothing item and a button 547 for instructing the display of the fitting screen for the clothing item. In addition, a button or the like instructing the purchase process of clothing may be included. Accepting the selection of clothing in step S11 is, for example, accepting the touch of button 547 on the selection screen 545. When the selection of the clothing item is accepted in step S11, the user device 5 transmits the data indicating the selection result to the processing device 1 together with the user's identification information (step S13).

なお、ステップＳ１１の服飾品の選択を受け付けることは、１つの服飾品を直接選択することのみに限定されない。他の例として、服飾品を使用する目的を選択することや、スタイリストなど服飾品を選択する者を選択すること、などによって、２つ以上の服飾品群からなる服飾品の組み合わせを選択することも含む。目的を選択することは、例えば、仕事に用いる服飾品、休日に用いる服飾品、パーティーなどの特定の催事に用いる服飾品、和服や洋装などの特定のモチーフをもって選択する服飾品などである。選択処理は、服飾品の組み合わせの選択も含む。つまり、選択処理は、１以上の服飾品を選択する処理を指す。そして、選択処理の選択結果は、選択された１つの服飾品を示す情報のみならず、複数の服飾品の組み合わせを示す目的やスタイリストなど服飾品を選択する者を示す情報も含む。 It should be noted that accepting the selection of the clothing item in step S11 is not limited to directly selecting one clothing item. As another example, selecting a combination of clothing consisting of two or more clothing groups, such as selecting the purpose for which the clothing is used, selecting a person who selects clothing such as a stylist, and so on. Also includes. The purpose of selecting the purpose is, for example, clothing used for work, clothing used on holidays, clothing used for a specific event such as a party, clothing selected with a specific motif such as Japanese clothes or Western clothes, and the like. The selection process also includes the selection of clothing combinations. That is, the selection process refers to the process of selecting one or more clothing items. The selection result of the selection process includes not only information indicating one selected clothing item but also information indicating a purpose indicating a combination of a plurality of clothing items and a person who selects a clothing item such as a stylist.

選択結果を示すデータを受信した処理装置１では、ユーザの識別情報に基づいてそのユーザのユーザ画像をユーザ画像ＤＢ１２２から抽出する（ステップＳ１５）。また、抽出されたユーザ画像に付加されているユーザの属性を抽出する（ステップＳ１７）。ステップＳ１７で抽出される属性は、ユーザの体型を示すデータを含む。 The processing device 1 that has received the data indicating the selection result extracts the user image of the user from the user image DB 122 based on the identification information of the user (step S15). In addition, the attributes of the user added to the extracted user image are extracted (step S17). The attribute extracted in step S17 includes data indicating the user's body shape.

処理装置１は、さらに、ユーザ装置５から受信した選択結果を示すデータに基づいて、選択された服飾品を装着しているモデル画像をモデル画像ＤＢ１２１から選択する（ステップＳ１９）。さらに、処理装置１は、選択された服飾品を装着しているモデル画像の中から、ステップＳ１７で抽出したユーザの体型に応じたサイズの服飾品を装着しているモデル画像を選択する（ステップＳ２１）。 The processing device 1 further selects a model image wearing the selected clothing item from the model image DB 121 based on the data indicating the selection result received from the user device 5 (step S19). Further, the processing device 1 selects a model image wearing the clothing of the size corresponding to the body shape of the user extracted in step S17 from the model images wearing the selected clothing (step). S21).

処理装置１は、選択されたモデル画像及びユーザ画像それぞれから表示領域を抽出し（ステップＳ２３）、同一画面に予め設定された配置規則に応じて配置する（ステップＳ２５）。 The processing device 1 extracts a display area from each of the selected model image and the user image (step S23), and arranges the display area on the same screen according to a preset arrangement rule (step S25).

詳しくは、図１０を参照して、処理装置１は、モデル画像３１から表示領域３１１を抽出する。また、ユーザ画像３２から表示領域３２１を抽出する。モデル画像３１とユーザ画像３２とは同じサイズであって、表示領域３１１と表示領域３２１とは、モデル画像３１及びユーザ画像３２の画像のサイズに対して設定されている境界線Ｂを挟む関係にある。すなわち、表示領域３１１は境界線Ｂよりも下、つまり、被写体であるモデルが服飾品を装着している部位を含む側、つまり、首から下の領域である。表示領域３２１は境界線Ｂよりも上、つまり、被写体であるユーザの顔を含む側の領域である。 For details, referring to FIG. 10, the processing device 1 extracts the display area 311 from the model image 31. In addition, the display area 321 is extracted from the user image 32. The model image 31 and the user image 32 have the same size, and the display area 311 and the display area 321 have a relationship that sandwiches the boundary line B set for the image sizes of the model image 31 and the user image 32. is there. That is, the display area 311 is below the boundary line B, that is, the side including the portion where the model as the subject is wearing the clothing, that is, the area below the neck. The display area 321 is above the boundary line B, that is, an area on the side including the face of the user who is the subject.

処理装置１は、画面５４０に表示領域３１１と表示領域３２１とを配置する。画面５４０はモデル画像３１及びユーザ画像３２と同じサイズであって、境界線Ｂに相当する境界を挟むように表示領域３１１と表示領域３２１とを配置する。すなわち、境界線Ｂに相当する境界よりも下の領域５４２に表示領域３１１を配置する。境界線Ｂに相当する境界よりも上の領域５４１に表示領域３２１を配置する。 The processing device 1 arranges the display area 311 and the display area 321 on the screen 540. The screen 540 has the same size as the model image 31 and the user image 32, and the display area 311 and the display area 321 are arranged so as to sandwich the boundary corresponding to the boundary line B. That is, the display area 311 is arranged in the area 542 below the boundary corresponding to the boundary line B. The display area 321 is arranged in the area 541 above the boundary corresponding to the boundary line B.

このようにして生成された画面データは、処理装置１からユーザ装置５に送信され（ステップＳ３１）、ユーザ装置５のディスプレイ５４にて表示される（ステップＳ３３）。このようにモデル画像３１の表示領域３１１とユーザ画像３２の表示領域３２１とを配置規定に従って配置することによって、図１０に示されたように、画面５４０の領域５４１ではユーザの顔が表示され、領域５４１の下に隣接する領域５４２にはモデル画像の首から下が表示される。これにより、容易な処理によって、画像の品質の劣化を抑えて、あたかもユーザが服飾品を装着しているような画面を表示することができる。特に、少なくとも一方の画像が動画である場合にも、領域５４１及び、又は領域５４２で動画を再生するだけで、試着画面を動画で表示することができる。つまり、容易な処理によって、画像の品質の劣化を抑えて、あたかもユーザが服飾品を装着しているような画面を動画で表示することができる。 The screen data generated in this way is transmitted from the processing device 1 to the user device 5 (step S31) and displayed on the display 54 of the user device 5 (step S33). By arranging the display area 311 of the model image 31 and the display area 321 of the user image 32 according to the arrangement rules in this way, the user's face is displayed in the area 541 of the screen 540 as shown in FIG. The area 542 adjacent below the area 541 is displayed below the neck of the model image. As a result, it is possible to suppress deterioration of image quality and display a screen as if the user is wearing clothing by simple processing. In particular, even when at least one image is a moving image, the fitting screen can be displayed as a moving image only by playing the moving image in the area 541 or the area 542. That is, by simple processing, it is possible to suppress deterioration of image quality and display a screen as if the user is wearing clothing as a moving image.

好ましくは、処理装置１は、モデル画像に属性として付加された距離Ｌと、ユーザ画像におけるユーザのサイズに応じた属性との関係に基づいて、表示領域３２１及び表示領域３１１の少なくとも一方のサイズを変更する（ステップＳ２７）。 Preferably, the processing device 1 adjusts the size of at least one of the display area 321 and the display area 311 based on the relationship between the distance L added as an attribute to the model image and the attribute according to the size of the user in the user image. Change (step S27).

例えば、ユーザ画像におけるユーザの顔のサイズが、距離Ｌが１８００ｍｍであるモデル画像の首から下の画像のサイズと対応している場合、図３の商品「シャツ１」に示されたような、距離Ｌが１０００ｍｍであるモデル画像の表示領域３１１と同一画面に配置するとサイズが適合しない。そこで、この場合、ユーザ画像の表示領域３２１を拡大した上で、それぞれの中心が一致するような配置で同一画面に配置する。又は、モデル画像の表示領域３１１を縮小した上で、それぞれの中心が一致するような配置で同一画面に配置してもよい。 For example, when the size of the user's face in the user image corresponds to the size of the image below the neck of the model image having a distance L of 1800 mm, as shown in the product "shirt 1" in FIG. If the model image display area 311 having a distance L of 1000 mm is arranged on the same screen, the sizes do not match. Therefore, in this case, the display area 321 of the user image is enlarged and then arranged on the same screen so that the centers of the user images match. Alternatively, the display area 311 of the model image may be reduced and then arranged on the same screen so that the centers of the model images match.

サイズ変更処理が行われることによって、ユーザ画像とモデル画像とにおいて被写体のサイズが異なる場合でも、画像解析などによってそれぞれの被写体のサイズを特定するなどの処理を不要として、これら被写体のサイズを容易に適切な関係にすることができる。その結果、容易な処理で品質の劣化を抑えて試着画面を表示させることができる。 By performing the resizing process, even if the size of the subject differs between the user image and the model image, the size of each subject can be easily increased without the need for processing such as specifying the size of each subject by image analysis or the like. You can have an appropriate relationship. As a result, it is possible to display the fitting screen with simple processing while suppressing deterioration of quality.

好ましくは、処理装置１は、画面５４０の境界線Ｂに相当する境界を挟む所定範囲５４９を加工処理する。加工処理は、例えばぼかし処理などの、境界があいまいとなるような処理である。これにより、ユーザ画像とモデル画像との境界があいまいとなり、不自然さを抑えることができる。すなわち、容易な処理で試着画面の品質の劣化を抑えることができる。 Preferably, the processing device 1 processes a predetermined range 549 that sandwiches the boundary corresponding to the boundary line B of the screen 540. The processing process is a process such as a blurring process in which the boundary is blurred. As a result, the boundary between the user image and the model image becomes ambiguous, and unnaturalness can be suppressed. That is, deterioration of the quality of the fitting screen can be suppressed by simple processing.

＜３．付記＞
本発明は、上記実施形態に限定されるものではなく、様々な変形が可能である。 <3. Addendum>
The present invention is not limited to the above embodiment, and various modifications are possible.

１ ：処理装置
２ ：通信網
３ ：カメラ
４ ：固定具
５ ：ユーザ装置
５Ａ ：表示装置
５Ｂ ：端末装置
７ ：処理装置
１１ ：プロセッサ
１２ ：メモリ
１３ ：通信装置
３１ ：モデル画像
３２ ：ユーザ画像
５０ ：制御装置
５１ ：プロセッサ
５２ ：メモリ
５３ ：通信装置
５４ ：ディスプレイ
５６ ：カメラ
１００ ：表示システム
１１１ ：抽出処理
１１２ ：選択処理
１１３ ：配置処理
１１４ ：サイズ変更処理
１１５ ：境界加工処理
１２１ ：モデル画像ＤＢ
１２２ ：ユーザ画像ＤＢ
１２３ ：プログラム
３１１ ：表示領域
３２１ ：表示領域
５１１ ：出力処理
５１２ ：撮影処理
５２１ ：プログラム
５４０ ：画面
５４１ ：領域
５４２ ：領域
５４３ ：ガイド
５４４ ：ガイド
５４５ ：選択用画面
５４６ ：ガイド
５４７ ：ボタン
５４８ ：領域
５４９ ：所定範囲
５５０ ：撮影用画面
Ｂ ：境界線
Ｌ ：距離 1: Processing device 2: Communication network 3: Camera 4: Fixture 5: User device 5A: Display device 5B: Terminal device 7: Processing device 11: Processor 12: Memory 13: Communication device 31: Model image 32: User image 50 : Control device 51: Processor 52: Memory 53: Communication device 54: Display 56: Camera 100: Display system 111: Extraction process 112: Selection process 113: Arrangement process 114: Size change process 115: Boundary processing process 121: Model image DB
122: User image DB
123: Program 311: Display area 321: Display area 511: Output processing 512: Shooting process 521: Program 540: Screen 541: Area 542: Area 543: Guide 544: Guide 545: Selection screen 546: Guide 547: Button 548: Area 549: Predetermined range 550: Shooting screen B: Boundary line L: Distance

Claims (12)

表示装置に画面を表示させるための表示制御を実行するプロセッサと、
前記画面に配置する第１の画像を記憶するメモリと、を備え、
前記表示制御は、
前記メモリに記憶されている前記第１の画像中の第１の領域と、第２の画像中の第２の領域と、を、予め設定された配置規則に応じて同一画面内に配置することを含む
表示システム。 A processor that executes display control to display the screen on the display device,
A memory for storing a first image arranged on the screen is provided.
The display control is
The first area in the first image and the second area in the second image stored in the memory are arranged in the same screen according to a preset arrangement rule. Display system including. 前記表示制御は、前記第１の画像中の予め記憶している範囲を前記第１の領域として抽出し、前記第２の画像中の予め記憶している範囲を前記第２の領域の位置として抽出することを含む
請求項１に記載の表示システム。 In the display control, the pre-stored range in the first image is extracted as the first region, and the pre-stored range in the second image is used as the position of the second region. The display system according to claim 1, which comprises extracting. 前記第１の画像及び前記第２の画像は、被写体を撮影した撮影画像であって、
前記メモリに記憶されている前記第１の画像は、それぞれ、カメラから被写体までの距離に応じた属性が設定されており、
前記表示制御は、前記第１の画像の前記属性、及び、前記第２の画像における被写体のサイズに応じた属性の関係に基づいて、第１の領域及び第２の領域の少なくとも一方のサイズを変更し、変更後の２つの領域を前記属性の関係に応じた配置規則に基づいて前記同一画面内に配置することを含む
請求項１又は２に記載の表示システム。 The first image and the second image are captured images of the subject, and are captured images.
Each of the first images stored in the memory has attributes set according to the distance from the camera to the subject.
The display control adjusts the size of at least one of the first region and the second region based on the relationship between the attribute of the first image and the attribute according to the size of the subject in the second image. The display system according to claim 1 or 2, wherein the two areas after being changed are arranged in the same screen based on an arrangement rule according to the relationship of the attributes. 前記第１の画像と前記第２の画像との少なくとも一方は動画である
請求項１〜３のいずれか一項に記載の表示システム。 The display system according to any one of claims 1 to 3, wherein at least one of the first image and the second image is a moving image. 前記第１の画像は、服飾品を装着したモデル画像であり、
前記第２の画像は、ユーザ画像であり、
服飾品の選択結果の入力を受け付ける入力装置をさらに備え、
前記表示制御は、前記入力装置に入力された前記選択結果において選択された前記服飾品を装着したモデル画像を前記メモリから抽出して前記第１の画像を得ることを含む
請求項１〜４のいずれか一項に記載の表示システム。 The first image is a model image in which clothing is attached.
The second image is a user image and is
It also has an input device that accepts input of clothing selection results.
The display control according to claim 1 to 4, wherein the display control includes extracting a model image of the clothing item selected in the selection result input to the input device from the memory to obtain the first image. The display system according to any one item. 前記メモリは、同一の服飾品について、体形の異なる複数のモデル画像を記憶し、
前記表示制御は、前記複数のモデル画像の中から前記ユーザの体型に応じたモデル画像を抽出して前記第１の画像を得ることを含む
請求項５に記載の表示システム。 The memory stores a plurality of model images having different body shapes for the same clothing item.
The display system according to claim 5, wherein the display control includes extracting a model image according to the body shape of the user from the plurality of model images to obtain the first image. 前記表示装置は等身大の大きさである
請求項１〜６のいずれか一項に記載の表示システム。 The display system according to any one of claims 1 to 6, wherein the display device has a life-size size. 予め規定された領域を、他の画像と同一画面に配置して表示するための撮影画像の生成方法であって、
カメラに対して予め規定された位置関係となる撮影位置に被写体をセットし、
セットした前記被写体を前記カメラで撮影し、
撮影によって得られた前記撮影画像に、前記位置関係に応じた属性を付加してデータベースに格納する、ことを備える
生成方法。 A method for generating a captured image for displaying a predetermined area on the same screen as another image.
Set the subject at a shooting position that has a predetermined positional relationship with the camera.
The set subject is photographed with the camera,
A generation method comprising adding attributes according to the positional relationship to the photographed image obtained by photographing and storing the photographed image in a database. 前記撮影位置に、前記被写体の一部を固定する固定具をセットし、
前記被写体をセットすることは、前記固定具で前記被写体の前記一部を固定することを含む
請求項８に記載の生成方法。 A fixture for fixing a part of the subject is set at the shooting position.
The generation method according to claim 8, wherein setting the subject includes fixing the part of the subject with the fixture. 前記撮影位置で撮影された前記被写体の前記一部は、前記撮影画像において前記予め設定された領域に含まれない
請求項９に記載の生成方法。 The generation method according to claim 9, wherein the part of the subject photographed at the photographing position is not included in the preset area in the photographed image. 請求項８〜１０のいずれか一項に記載の生成方法によって生成された前記撮影画像を第１の画像として、前記第１の画像中の前記予め規定された領域と、第２の画像中の第２の領域と、を、予め設定された配置規則に応じて同一画面内に配置し、
前記画面を表示装置に表示する、ことを含む
表示方法。 The captured image generated by the generation method according to any one of claims 8 to 10 is used as the first image in the predetermined region in the first image and in the second image. The second area and the second area are arranged in the same screen according to a preset arrangement rule.
A display method including displaying the screen on a display device. 表示装置に画面を表示させる表示制御を実行する表示システムとしてコンピュータを機能させるためのコンピュータプログラムであって、
前記コンピュータに、
第１の画像中の第１の領域と、第２の画像中の第２の領域と、を、予め設定された配置規則に応じて同一画面内に配置し、
前記画面を前記表示装置に表示する、ことを実行させる
コンピュータプログラム。 A computer program for operating a computer as a display system that executes display control for displaying a screen on a display device.
On the computer
The first area in the first image and the second area in the second image are arranged in the same screen according to a preset arrangement rule.
A computer program for displaying the screen on the display device.

Images