JP2013235596A - Image display system, image display device and program - Google Patents

Image display system, image display device and program Download PDF

Info

Publication number
JP2013235596A
JP2013235596A JP2013126266A JP2013126266A JP2013235596A JP 2013235596 A JP2013235596 A JP 2013235596A JP 2013126266 A JP2013126266 A JP 2013126266A JP 2013126266 A JP2013126266 A JP 2013126266A JP 2013235596 A JP2013235596 A JP 2013235596A
Authority
JP
Japan
Prior art keywords
image
display
work
images
value
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.)
Granted
Application number
JP2013126266A
Other languages
Japanese (ja)
Other versions
JP5652508B2 (en
Inventor
Yoshiharu Hojo
芳治 北條
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.)
Casio Computer Co Ltd
Original Assignee
Casio Computer 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 Casio Computer Co Ltd filed Critical Casio Computer Co Ltd
Priority to JP2013126266A priority Critical patent/JP5652508B2/en
Publication of JP2013235596A publication Critical patent/JP2013235596A/en
Application granted granted Critical
Publication of JP5652508B2 publication Critical patent/JP5652508B2/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Landscapes

  • Processing Or Creating Images (AREA)
  • Information Transfer Between Computers (AREA)
  • Management, Administration, Business Operations System, And Electronic Commerce (AREA)

Abstract

PROBLEM TO BE SOLVED: To provide an image display system capable of displaying many accumulated images that have been contributed from a terminal onto a server via a network in an SNS and the like with efficiency so as to attract interest of users.SOLUTION: Many images contributed to a server and to which image-tone conversion processing is applied are displayed in a page unit by a plurality of images. The image-tone converted images are arranged by type of image tone in a lateral axial direction, and arranged in arrival order in a time series in a vertical axial direction. Display size of each image is set to size depending on an evaluation value of the image, that is, an image with high evaluation is displayed in large size, and an image with low evaluation is displayed in small size. Thereby, display with modulation that is easier for a user to see compared with the case that the images are merely listed can be achieved.

Description

本発明は画像表示システムに関する。特に、会員制コミュニケーションサービス(ソーシャル・ネットワーク・サービス、以下SNSという)において、ネットワークを介してサーバー上に蓄積された画像を表示する技術に関する。   The present invention relates to an image display system. In particular, the present invention relates to a technology for displaying images accumulated on a server via a network in a membership-based communication service (social network service, hereinafter referred to as SNS).

近年、デジタルカメラの普及に伴い写真の楽しみ方が多様化している。特にデジタル画像データであるため、色々な画像処理が可能である。   In recent years, with the widespread use of digital cameras, the way to enjoy photos has become diversified. In particular, since it is digital image data, various image processing is possible.

例えば、画像処理を加えることで元の写真をベースとしつつも趣の異なる画調の画像(絵画調等)を生成して表示することができるようにした技術が提案されている(例えば、特許文献1参照)。   For example, a technique has been proposed that can generate and display an image with a different tone (such as a painting tone) based on an original photograph by adding image processing (for example, a patent) Reference 1).

特許文献1の技術を発展させ、実際に画家が描いた絵画の画像から色彩情報と筆蝕情報等の特徴を抽出し、撮影された画像に抽出した特徴を付与することにより、原画像全体を勘案して、芸術性の高い絵画調画像に変換する技術も提案されるに至っている(例えば、特許文献2参照)。   The technology of Patent Document 1 is developed, and features such as color information and brushing information are extracted from the image of the painting actually drawn by the painter. Considering this, a technique for converting to a painting-like image with high artisticness has also been proposed (see, for example, Patent Document 2).

また、絵画調などの画質を変更することによって変化をもたせる技術も提案されている(例えば、特許文献3参照)。   In addition, a technique for changing a picture quality such as a painting style has been proposed (see, for example, Patent Document 3).

これらの画調変換を行うには強力な画像処理エンジンが必要なため、ネットワーク上のサーバーに画像処理エンジンを持たせ、ユーザーがサーバーに自分の写真をアップロードし、サーバー上で絵画調変換等の画像処理を行うことが考えられる。   A powerful image processing engine is required to perform these image conversions, so the server on the network has an image processing engine, and the user uploads his / her photos to the server. It is conceivable to perform image processing.

そのような場合、ユーザーは自分の写真を絵画変換して作品を作ると人に見せたくなる。その要望を満たす方法の一つがSNSによるネット上の写真の投稿である(例えば、特許文献4参照)。   In such a case, the user wants to show the person when he creates a work by converting his own picture. One of the methods satisfying the demand is posting a photograph on the network by SNS (see, for example, Patent Document 4).

以下、ユーザーが自分の写真をサーバーにアップロードし、サーバー上で絵画調変換等の画像処理をして得られた画像を「作品」という。   Hereinafter, an image obtained by a user uploading his / her photo to a server and performing image processing such as painting-like conversion on the server is referred to as a “work”.

特開平8−44867号公報JP-A-8-44867 特開2004−213598号公報JP 2004-213598 A 特公平1−46905号公報JP-B-1-46905 特開2008−242639号公報JP 2008-242039 A

多数のユーザーがサーバーに大量の作品を投稿すると、一度に表示できる作品数には限りがあるため、これらの作品の閲覧性が悪くなるという課題があった。   When a large number of users submit a large number of works to the server, the number of works that can be displayed at a time is limited, and there is a problem that the readability of these works deteriorates.

本発明は上記事情に鑑みてなされたもので、SNS等において、ネットワークを介してサーバー上に蓄積された画像を効率よく、ユーザーの興味を引くように表示させる画像表示方法、画像表示システム並びにプログラムを提供することを目的とする。   The present invention has been made in view of the above circumstances. An image display method, an image display system, and a program for efficiently displaying an image stored on a server via a network so as to attract the user's interest in an SNS or the like. The purpose is to provide.

前記課題を解決するため、本発明は、サーバーを含みユーザーの端末と接続可能な画像表示システムであって、ネットワークを介して前記サーバーにユーザーの端末から画像をアップロードさせるアップロード手段と、前記アップロードされた画像を記憶する記憶手段と、前記憶手段に記憶されている複数の画像のリサイズ画像を、前記端末で閲覧可能な画面上に各画像の価値に基づき差別化して表示させる表示制御手段とを備えたことを特徴とする画像表示システムを提供するものである。   In order to solve the above problems, the present invention is an image display system that includes a server and can be connected to a user's terminal, the uploading means for uploading an image from the user's terminal to the server via a network, and the uploaded Storage means for storing the images, and display control means for differentiating and displaying resized images of a plurality of images stored in the previous storage means on a screen that can be viewed on the terminal based on the value of each image. The present invention provides an image display system characterized by comprising the above.

本発明によれば、ネットワークを介してサーバー上に蓄積された画像を効率よく、ユーザーの興味を引くように表示させることができる。   According to the present invention, images stored on a server via a network can be efficiently displayed so as to attract the user's interest.

本発明の各実施形態に共通する画像表示システムのネットワーク系の構成を示すブロック図である。It is a block diagram which shows the structure of the network type | system | group of the image display system common to each embodiment of this invention. 各実施形態に共通する画像サービスサイトを実現するサーバーの概略構成を示すブロック図である。It is a block diagram which shows schematic structure of the server which implement | achieves the image service site common to each embodiment. ユーザーIDの属性情報を示す図である。It is a figure which shows the attribute information of a user ID. 画像IDの属性情報を示す図である。It is a figure which shows the attribute information of image ID. 各実施形態に共通する端末とサーバー間のデータのやり取りを示すための工程図である。It is process drawing for showing the exchange of the data between the terminal and server which are common in each embodiment. サーバーにおける絵画変換処理を説明するためのフローチャートである。It is a flowchart for demonstrating the picture conversion process in a server. 絵画変換処理における顔検出処理を説明するためのフローチャートである。It is a flowchart for demonstrating the face detection process in a picture conversion process. 顔領域作成を説明するための図である。It is a figure for demonstrating face area creation. 重要度マップを説明するための図である。It is a figure for demonstrating an importance map. 同実施形態による顔領域の境界を説明するための図である。It is a figure for demonstrating the boundary of the face area | region by the embodiment. サーバーにおける作品のダウンロードに関する処理を示したフローチャートである。It is the flowchart which showed the process regarding the download of the work in a server. 第1の実施形態でサーバーが多数の作品を一覧表示する際の画面表示処理を示すフローチャートである。It is a flowchart which shows the screen display process at the time of a server displaying a list of many works in 1st Embodiment. サーバーにおけるページ配置処理示すフローチャートである。It is a flowchart which shows the page arrangement | positioning process in a server. サーバーが多数の作品を一覧表示しているときの表示画面の例を示す図である。It is a figure which shows the example of a display screen when the server is displaying many works as a list. 第2の実施形態においてサーバーが多数の作品を一覧表示する際の画像表処理を示すフローチャートである。It is a flowchart which shows the image table process at the time of a server displaying a list of many works in 2nd Embodiment. サーバーにおけるページ表示処理を示すフローチャートである。It is a flowchart which shows the page display process in a server. サーバーによる複数作品のタイムライン表示を説明するための図である。It is a figure for demonstrating the timeline display of several works by a server. 第2の実施形態の変形例を示すフローチャートである。It is a flowchart which shows the modification of 2nd Embodiment.

以下、本発明の実施の形態について図面を参照して説明する。   Hereinafter, embodiments of the present invention will be described with reference to the drawings.

(実施形態1)
図1は、各実施形態に共通する、本発明を適用した画像表示システムのネットワーク系の構成を示すブロック図である。10はSNS機能を持った画像サービスサイトであり、インターネット500を介して複数の端末1−1、1−2、1−3・・・と接続される。端末は通常のパーソナルコンピュータでよい。
(Embodiment 1)
FIG. 1 is a block diagram showing a configuration of a network system of an image display system to which the present invention is applied, which is common to each embodiment. Reference numeral 10 denotes an image service site having an SNS function, which is connected to a plurality of terminals 1-1, 1-2, 1-3,. The terminal may be a normal personal computer.

画像サービスサイト10は、端末1−1、1−2、1−3・・・を介してユーザーからアップロードされた画像データ(主としてデジタルカメラにより撮影された写真の画像データ)の保存や、アップロードされた画像データの絵画調画像への変換を行うとともに、アップロードされた画像や、変換後の絵画調画像を他のユーザーに閲覧させたりする。   The image service site 10 stores or uploads image data (mainly image data of a photograph taken by a digital camera) uploaded from a user via the terminals 1-1, 1-2, 1-3. The image data is converted into a painting-like image, and the uploaded image and the converted painting-like image are made to be viewed by other users.

図2は画像サービスサイト10を実現するサーバー11の構成の要部を示すブロック図である。サーバー11には、会員エリア100、共通エリア200、制御エリア300が設けられている。   FIG. 2 is a block diagram showing the main part of the configuration of the server 11 that implements the image service site 10. The server 11 is provided with a member area 100, a common area 200, and a control area 300.

会員エリア100は、登録会員毎に設けられるエリアで、会員を識別するためのユーザーID102と、それに対応してユーザー毎の各種属性情報104を有する。   The member area 100 is an area provided for each registered member, and has a user ID 102 for identifying the member and various attribute information 104 for each user correspondingly.

属性情報104は、図3に示すように、氏名、ハンドルネーム、性別、年齢、地域、会員種別その他のユーザー固有の情報である。会員種別には無料登録しただけの無料会員、有料登録した有料会員、特別な会費(例えば年会費等)を払ったプレミアム会員がある。   As shown in FIG. 3, the attribute information 104 is user-specific information such as name, handle name, gender, age, region, membership type, and the like. The membership type includes a free member who has just registered for free, a paid member who has registered for a fee, and a premium member who has paid a special membership fee (for example, an annual membership fee).

また、106はユーザーによりアップロードされた写真の画像データが記憶されるアップロード画像エリア、108は画像サービスサイト10において絵画変換した絵画調画像(作品)が記憶される作品バッファエリア、110は他のユーザーの作品をダウンロードして記憶するダウンロード作品バッファエリアである。   Reference numeral 106 denotes an uploaded image area in which image data of a photograph uploaded by the user is stored, reference numeral 108 denotes a work buffer area in which a painting-like image (work) converted into a painting on the image service site 10 is stored, and reference numeral 110 denotes another user. This is the download work buffer area where you download and store your work.

共通エリア200は、ユーザー全体に共通して設けられるエリアで、ユーザーがアップロードした画像を絵画調に変換した多数の作品が記憶される作品エリア202を含む。   The common area 200 is an area provided in common to all users, and includes a work area 202 in which a number of works obtained by converting an image uploaded by the user into a painting style are stored.

作品エリア202に記憶される各作品には、その作品を識別する画像ID204と、その作品の属性情報206が画像データ208とともに記憶される。   Each work stored in the work area 202 stores an image ID 204 for identifying the work and attribute information 206 of the work together with image data 208.

属性情報206は、図4に示すように、その作品の投稿者を示すユーザーID、作成日付または投稿日付等の日付情報、画像データのサイズ、画調の種類等の画像種別情報、その作品が閲覧された回数を示すアクセス数情報、その作品がダウンロードされた回数を示すダウンロード数情報、その作品の評価を示すポイント情報その他の作品特有の情報である。ユーザーIDにより、作品の作者が分かり、作者が有料会員かプレミアム会員かを識別することができる。   As shown in FIG. 4, the attribute information 206 includes a user ID indicating a contributor of the work, date information such as a creation date or a posting date, image type information such as the size of image data and a type of image, Access number information indicating the number of times of browsing, download number information indicating the number of times the work has been downloaded, point information indicating evaluation of the work, and other information unique to the work. The user ID can identify the creator of the work and can identify whether the creator is a paid member or a premium member.

本実施形態において、作品の「価値」とは、各々の作品に付随する属性情報の1つのであるポイント数や、アクセス数、ダウンロード数、各々の作品の作者の会員種別等、作品の重みづけをする情報の総称のことをいう。   In this embodiment, the “value” of a work refers to the weight of the work, such as the number of points that is one of the attribute information attached to each work, the number of accesses, the number of downloads, the member type of the creator of each work, etc. This is a general term for information to be used.

制御エリア300は、絵画変換処理部302、パラメータテーブル304、重要度マップ306、表示制御部308、評価制御部310、会員管理部312の各部を含んでいる。   The control area 300 includes a painting conversion processing unit 302, a parameter table 304, an importance map 306, a display control unit 308, an evaluation control unit 310, and a member management unit 312.

絵画変換処理部302は、作品バッファエリア108に記憶された画像データを絵画調画像データに変換する絵画変換処理を行う。パラメータテーブル304は、絵画変換処理部302が絵画変換処理に際して参照する絵画変換のためのパラメータを記憶する。表示制御部308は、作品を画面上に表示させる制御プログラムを記憶する。   The painting conversion processing unit 302 performs a painting conversion process for converting the image data stored in the work buffer area 108 into painting-like image data. The parameter table 304 stores parameters for picture conversion that the picture conversion processing unit 302 refers to in the picture conversion process. The display control unit 308 stores a control program for displaying works on the screen.

評価制御部310は、会員エリア100の作品バッファエリア108に記憶されている作品に、アクセス回数等に応じた評価を行い、作品毎にポイントを付与する。会員管理部312は、ユーザーIDにより会員を管理し、無料会員、有料会員、プレミアム会員別のサービスを制御する。この会員管理部312は画像サービスサイト10のSNS機能についても司っている。   The evaluation control unit 310 evaluates the work stored in the work buffer area 108 of the member area 100 according to the number of accesses and gives points for each work. The member management unit 312 manages members based on the user ID and controls services for free members, paid members, and premium members. The member management unit 312 also manages the SNS function of the image service site 10.

また、サーバー11には、CPU20と表示バッファ30とが設けられている。CPU20は、サーバー11全体(上述した各部)を制御するとともに、インターネット上で多数の作品を一覧表示させるために必要な各種の処理を行う。   Further, the server 11 is provided with a CPU 20 and a display buffer 30. The CPU 20 controls the entire server 11 (each unit described above) and performs various processes necessary for displaying a list of many works on the Internet.

また、CPU20は高度なグラフィック処理をするためのグラフィックアクセラレータ22を備えている。グラフィックアクセラレータ22としては、例えばNVIDIA GeForce(登録商標)シリーズやATi RADEON(登録商標)シリーズ、オープンGL、及びオープンGLを使用するための拡張ライブラリ等を採用することができる。   Further, the CPU 20 includes a graphic accelerator 22 for performing advanced graphic processing. As the graphic accelerator 22, for example, the NVIDIA GeForce (registered trademark) series, the ATi RADEON (registered trademark) series, open GL, and an extension library for using the open GL can be employed.

このグラフィックアクセラレータ22により、ドライバソフトからいくつかの条件を指定するだけで、画像を時間とともに流れるように表示させるタイムライン表示が可能となる。なお、タイムライン表示とは、一般的にビデオ編集などにおいて作品全体の流れを時系列で管理する機能のことをいい、Twitter(登録商標)ではユーザーが投稿したツイートを時系列順に表示しているものを指すが、本明細書では作品全体の流れを時間とともに変化させながら表示することを意味するものとする。   With this graphic accelerator 22, it is possible to display a timeline in which an image is displayed so as to flow with time only by specifying some conditions from the driver software. Note that the timeline display generally refers to a function for managing the flow of the entire work in time series in video editing and the like, and Twitter (registered trademark) displays tweets posted by the user in time series order. In this specification, it means that the flow of the entire work is displayed while changing with time.

表示バッファ30は、CPU20が多数の作品を一覧表示させる際に、表示用の画像を展開するための作業用メモリである。   The display buffer 30 is a working memory for developing a display image when the CPU 20 displays a large number of works as a list.

以下、本実施形態の画像表示システムの具体的な動作についてフローチャートを参照しながら説明する。   Hereinafter, specific operations of the image display system of the present embodiment will be described with reference to flowcharts.

まず、図5を参照して、端末1−1、1−2、1−3、・・・と画像サービスサイト10のサーバー11との間で画像のアップロード、表示、閲覧、ダウンロードが行われる際の工程を説明する。   First, referring to FIG. 5, when uploading, displaying, browsing, and downloading images between the terminals 1-1, 1-2, 1-3,... And the server 11 of the image service site 10. The process will be described.

ユーザーが会員(無料会員、有料会員、又はプレミアム会員)である場合、ユーザーは自己の端末1から画像サービスサイト10にアクセスする(ステップSB1)。サーバー11はユーザーのログインによりユーザーIDを認証し(ステップSC1)、会員であることが確認されるとその会員のページを送信し会員からみられるようになる(ステップSC2)。   If the user is a member (free member, paid member, or premium member), the user accesses the image service site 10 from his / her terminal 1 (step SB1). The server 11 authenticates the user ID by logging in the user (step SC1), and when it is confirmed that the user is a member, the server 11 transmits the member's page so that the member can see it (step SC2).

会員は自分のページが開かれると、画像のアップロードを行う(ステップSB2)。アップロードされた画像はサーバーの会員エリア100のアップロード画像エリア106に格納される。会員がこの画像の絵画変換を要求すると(ステップSB3)、サーバー11において絵画変換処理が行われ(ステップSC3)、変換された画像、すなわち作品は作品バッファエリア108に格納される。   When the member opens his / her page, the member uploads an image (step SB2). The uploaded image is stored in the upload image area 106 of the member area 100 of the server. When the member requests picture conversion of the image (step SB3), the server 11 performs a picture conversion process (step SC3), and the converted image, that is, the work is stored in the work buffer area 108.

会員は、変換後の作品をこのまま個人で楽しんでもよいが、他のユーザーに公開したい場合は投稿する(ステップSB4)。投稿された作品は会員エリア100の作品バッファエリア108から共通エリア200の作品エリア202へ転送され格納される。なお、作品エリア202内の作品には図4で説明したような属性情報206も付加される。   The member may enjoy the converted work as it is, but will post it if he / she wants to make it available to other users (step SB4). The submitted work is transferred from the work buffer area 108 in the member area 100 to the work area 202 in the common area 200 and stored. Note that the attribute information 206 as described in FIG. 4 is also added to the works in the work area 202.

作品エリア202内の作品は、サーバー11が必要に応じて一覧表示を行う(ステップSC4)。なお、サーバー11は、一覧表示に際して作品エリア202内の作品を適宜リサイズする。すなわち通常は作品エリア202内の作品のサイズが一覧表示用の画像サイズよりも大きいため作品を縮小し、また、作品エリア202内の作品のサイズが一覧表示用の画像サイズよりも小さい場合には作品を拡大する。   The works in the work area 202 are displayed as a list by the server 11 as necessary (step SC4). Note that the server 11 appropriately resizes the works in the work area 202 when displaying the list. That is, since the size of the work in the work area 202 is usually larger than the image size for list display, the work is reduced, and when the size of the work in the work area 202 is smaller than the image size for list display. Enlarge the work.

また、会員は、閲覧を要求することにより(ステップSB5)、一覧表示されている任意の作品を実際のサイズで閲覧することができる。閲覧要求があるとサーバー11は、要求された作品を実際のサイズで表示するとともに(ステップSC5)、閲覧要求があった作品にポイントを加算する(ステップSC6)。   Further, the member can browse any work displayed in a list at an actual size by requesting browsing (step SB5). When there is a viewing request, the server 11 displays the requested work in actual size (step SC5) and adds points to the work requested to be browsed (step SC6).

また、会員は閲覧した作品が気に入ったことを示すGOODボタンを押したり、感想等のコメントを書き込んだりすることができる(ステップSB6)。サーバーは、GOODボタンが押されたり、感想等のコメントが書き込まれたりすると、閲覧された作品の属性情報のポイントを加算する(ステップSC6)。これによりその作品の評価が上がる。コメント書き込みの方がGOODボタンよりポイント数は高いものとする。   In addition, the member can press a GOOD button indicating that he likes the viewed work or write a comment such as an impression (step SB6). When the GOOD button is pressed or a comment such as an impression is written, the server adds attribute information points of the viewed work (step SC6). This increases the evaluation of the work. It is assumed that the number of points for writing comments is higher than that for the GOOD button.

また、会員は閲覧した作品のダウンロードを要求することができる(ステップSB7)。サーバー11は、会員からダウンロード要求があると、必要に応じてダウンロードを許可し(ステップSC7)、ダウンロードが許可された場合にのみ、会員は閲覧した作品をダウンロードすることができる(ステップSB8)。ダウンロードした作品は、会員エリア100のダウンロード作品バッファ110に格納される。   Further, the member can request download of the viewed work (step SB7). When a download request is received from the member, the server 11 permits the download as necessary (step SC7), and the member can download the viewed work only when the download is permitted (step SB8). The downloaded work is stored in the download work buffer 110 in the member area 100.

また、サーバー11は、ダウンロード要求があった場合にも、その作品に対してポイントを加算する(ステップSC8)。   The server 11 also adds points to the work even when there is a download request (step SC8).

一方、会員以外の他のユーザー、すなわち任意のユーザーは、画像サービスサイト10に適宜アクセスすることによって(ステップSA1)、共通エリア200の作品エリア202に格納されている作品を一覧表示した状態で閲覧することができる。さらに、任意のユーザーも、閲覧を要求することにより(ステップSA2)、一覧表示されている任意の作品を実際のサイズで閲覧することができる。   On the other hand, a user other than the member, that is, an arbitrary user, accesses the image service site 10 as appropriate (step SA1), and browses in a state in which the works stored in the work area 202 of the common area 200 are displayed as a list. can do. Furthermore, an arbitrary user can also browse an arbitrary work displayed in a list at an actual size by requesting browsing (step SA2).

そして、任意のユーザーが閲覧した作品が気に入ってGOODボタンを押すと(ステップSA3)と、その場合にも、サーバー11が、閲覧された作品に対してポイントを加算する(ステップSC6)。   When the user browses the work viewed by an arbitrary user and presses the GOOD button (step SA3), the server 11 also adds points to the viewed work (step SC6).

次に、サーバー11が、アップロードされた画像データを絵画調画像へ変換する際の絵画変換処理技術について説明する。   Next, a picture conversion processing technique when the server 11 converts uploaded image data into a picture-like image will be described.

絵画変換とは、写真等の画像を構成する各画素を所定のパラメータ(絵画変換パラメータ)に従って変換し、油絵調、水彩画調、パステル調、色鉛筆画調、クレヨン画調、イラスト画調、点描画調、エアブラシ、シルクスクリーン調、刺繍絵調、コラージュ(糊付け)調等、いわゆる絵画調に変換する画像処理技術である。   Picture conversion means that each pixel constituting an image such as a photo is converted according to predetermined parameters (painting conversion parameters), oil painting, watercolor, pastel, colored pencil painting, crayon painting, illustration painting, dot drawing. This is an image processing technique for converting into a so-called painting tone, such as a tone, an airbrush, a silk screen tone, an embroidery tone, and a collage tone.

基本的にフォトレタッチソフト等で知られている各種エフェクト処理のパラメータを自動的に調整・組み合わせて絵画調に見えるように変換する。   Basically, various effect processing parameters known for photo retouching software etc. are automatically adjusted and combined to convert them to look like a painting.

エフェクト処理としては、例えば画像にテクスチャをマッピングし、特殊な質感を与えるテクスチャ処理、画像を輪郭部・細かい模様などのテクスチャ部・平坦部に分類し、それぞれに適宜処理を施すことで、質感と解像感を高める解像度処理がある。また、エフェクト処理には、色を色相(Hue)、彩度(Saturation)、明度(Value)の3要素に分類して調整するHSV処理、画像のR(赤)G(緑)B(青)各色の度合いを調整するRGB処理、R→G→Bの方向に交換するRGB交換処理がある。また、エフェクト処理には、ラプラシアンフィルタと呼ばれるフィルタをかけるエッジ抽出処理、メディアンフィルタと呼ばれるフィルタをかける中間濃度抽出処理がある。また、エフェクト処理には、隣接する画素のRGBのヒストグラムを抽出し、それぞれ最小/中間/最大の濃度を抽出した場合の処理を行う濃度抽出処理、画像の一番暗い部分を黒、一番明るい部分を白とし、間のヒストグラムを適宜分布させ、コントラスト修正を行ったり、画像のヒストグラムを引き伸ばしたりするイコライズ処理、明るい部分と暗い部分を維持して中間的な明るさを調節するガンマ補正処理、画像の暗い領域を明るくしたり、明るい領域を暗くしたりするシャドー処理がある。また、エフェクト処理には、各ピクセルのRGB値が、しきい値以上の明るさの時に、そのRGB値を反転するソラリゼーション処理、ランダムにドットを描画し、ノイズを発生させ、ノイズの量や色を調整するノイズ付加処理、などがある。   As effect processing, for example, texture processing is performed by mapping a texture to an image to give a special texture, and the image is classified into a texture portion and a flat portion such as a contour portion, a fine pattern, etc. There is resolution processing that enhances resolution. In addition, the effect processing includes HSV processing in which colors are classified and adjusted into three elements of hue (Hue), saturation (Saturation), and lightness (Value), and R (red), G (green), and B (blue) of an image. There are RGB processing for adjusting the degree of each color, and RGB replacement processing for replacement in the direction of R → G → B. The effect processing includes edge extraction processing for applying a filter called a Laplacian filter and intermediate density extraction processing for applying a filter called a median filter. In addition, in the effect processing, RGB histograms of adjacent pixels are extracted, and density extraction processing is performed when the minimum / intermediate / maximum densities are extracted, respectively, and the darkest part of the image is black and the brightest Equalize processing that adjusts the contrast between the white parts and distributes the histogram between them as appropriate, and enlarges the histogram of the image, gamma correction processing that adjusts the intermediate brightness while maintaining the bright and dark parts, There is a shadow process that brightens dark areas of an image or darkens bright areas. In addition, in the effect processing, when the RGB value of each pixel is equal to or higher than the threshold value, a solarization process that inverts the RGB value, draws dots randomly, generates noise, and the amount and color of the noise There is a noise addition process that adjusts.

また、エフェクト処理には、HDR(High Dynamic Range)と呼ばれる通常の写真では表現できない広いダイナミックレンジの写真を、トーンマッピングにより狭いダイナミックレンジ幅内に入れ込むことで露出過多の白飛びや露出不足の黒つぶれを補正して表現力を増大するエフェクト処理もある。このエフェクト処理を応用して写真を人の脳が受けた記憶や印象に近づけ、芸術的な表現を加味した新しい写真表現を実現した画像を得ることもできる。   For effect processing, a photo with a wide dynamic range, which cannot be expressed with a normal photo called HDR (High Dynamic Range), is included in a narrow dynamic range width by tone mapping. There is also an effect process that compensates for blackout and increases expressive power. By applying this effect processing, it is possible to obtain an image that realizes a new photographic expression that takes artistic expression into consideration by bringing the photograph closer to the memory and impression received by the human brain.

すなわち、絵画変換処理は原理的にはエフェクト処理の一種であり、絵画変換アルゴリズムはエフェクト処理とパラメータを適宜組み合わせて各種絵画調を作り出すものであり、その変換アルゴリズムがプログラミングしてあるものである。   In other words, the picture conversion process is a kind of effect process in principle, and the picture conversion algorithm creates various painting styles by appropriately combining the effect process and parameters, and the conversion algorithm is programmed.

その変換アルゴリズムの中に、原画像の画素を変換するための前記パラメータのセット(組)であるパラメータ群Pが予め用意されている。画調の種類が12種類あるとすると、パラメータ群P(1)〜P(12)と表す。パラメータの決め方により変換された画像の画調も変わってくる。油絵調に変換するためのパラメータ群をP(1)とし、P(1)の中に油絵調に見えるように画像を変換するためのエフェクト処理に必要なパラメータがm個あるとすると、パラメータP1〜Pmと表す。従って、パラメータ群P(1)は、複数のパラメータP1〜Pmを含んでいる。   In the conversion algorithm, a parameter group P that is a set of the parameters for converting the pixels of the original image is prepared in advance. If there are 12 types of image tone types, the parameter groups are represented as P (1) to P (12). The tone of the converted image also changes depending on how the parameters are determined. Assuming that a parameter group for converting to an oil painting tone is P (1), and there are m parameters necessary for effect processing for converting an image so that it looks like an oil painting tone in P (1), the parameter P1 It represents -Pm. Therefore, the parameter group P (1) includes a plurality of parameters P1 to Pm.

以上詳述した絵画変換アルゴリズムはサーバー11の制御エリア300の絵画変換処理部302に記憶されており、パラメータ群は同じく制御エリア300のパラメータテーブル304に記憶されている。   The picture conversion algorithm described in detail above is stored in the picture conversion processing unit 302 of the control area 300 of the server 11, and the parameter group is also stored in the parameter table 304 of the control area 300.

図6は、サーバー11の絵画変換処理部302における絵画変換処理を行うフローチャートである。図6に示したように、絵画変換処理部302は、まず前処理を行う(ステップSC101)。ここは画調の種類にかかわらず共通して実行される処理である。上述したようなエフェクト処理は各画素に対して行うため、画像データはビットマップ形式である必要がある。そこで、通常はJPEG形式で表現されている画像データをビットマップ形式に変換する。   FIG. 6 is a flowchart for performing a picture conversion process in the picture conversion processing unit 302 of the server 11. As shown in FIG. 6, the picture conversion processing unit 302 first performs preprocessing (step SC101). This process is executed in common regardless of the type of image tone. Since the effect processing as described above is performed on each pixel, the image data needs to be in a bitmap format. Therefore, image data normally expressed in the JPEG format is converted into a bitmap format.

また、絵画変換処理部302は、アップロードされる画像データのサイズは様々なので、これを表示エリアの画素数、例えば800×600画素にリサイズする。大きい画像は縮小し、小さい画像は拡大する。これは、サイズが決まっていた方がパラメータも固定で済み、処理が効率的だからである。もちろん、後述する本画像の絵画変換の際はアップロードされた画像データのサイズそのままに対して絵画変換を行う。   Further, the picture conversion processing unit 302 resizes the image data to be uploaded to various numbers of pixels in the display area, for example, 800 × 600 pixels, because the size of the uploaded image data is various. Larger images are reduced and smaller images are enlarged. This is because the parameters are fixed when the size is determined, and the processing is efficient. Of course, at the time of picture conversion of the main image, which will be described later, the picture conversion is performed for the size of the uploaded image data as it is.

次に、絵画変換処理部302は、顔検出処理を行い、変換対象の写真が顔を含んでいるかどうかを確認する(ステップSC103)。これは、顔部分に極端な変換をかけると変換後の画像が不自然になるので、顔の部分に特にきめ細かな絵画変換処理を施すためである。   Next, the picture conversion processing unit 302 performs face detection processing and confirms whether the conversion target photo includes a face (step SC103). This is because when the face portion is subjected to extreme conversion, the converted image becomes unnatural, and thus the face portion is subjected to particularly fine picture conversion processing.

この顔検出処理においては、図7のフローチャートを使用して後述するが、1枚の画像の中でも顔の領域と背景、中央部分と周辺部分では重要度が変わってくるので、画像について重要度マップのデータを作成し、それを制御エリア300の重要度マップ306に記憶する。   In this face detection process, which will be described later with reference to the flowchart of FIG. 7, since the importance changes in the face area and background, and in the central part and the peripheral part in one image, the importance map for the image. Is stored in the importance map 306 of the control area 300.

続いて、絵画変換処理部302は、ユーザーに、油絵調、水彩画調、パステル調、色鉛筆画調、・・・等の中から希望する画調を選択させる(ステップSC103)。   Subsequently, the painting conversion processing unit 302 causes the user to select a desired tone from among oil painting, watercolor, pastel, colored pencil, etc. (step SC103).

絵画変換処理部302は、画調が選択されると、それぞれの画調変換アルゴリズムのフローへ移る。例えば油絵調変換であればステップSC104へ、水彩画調変換であればステップSC105へ進む。それ以外であればその他の画調変換アルゴリズムのフローへと進む(ステップSC106)。なお、絵画変換処理部302は、各アルゴリズムを実行する際、制御エリア300のパラメータテーブル304と重要度マップ306とを参照する(ステップSC107、SC108、SC109、SC110)。   When an image tone is selected, the painting conversion processing unit 302 proceeds to the flow of each image tone conversion algorithm. For example, if it is an oil painting tone conversion, the process proceeds to step SC104. If it is a watercolor painting tone conversion, the process proceeds to step SC105. Otherwise, the flow proceeds to the flow of other image tone conversion algorithm (step SC106). The picture conversion processing unit 302 refers to the parameter table 304 and the importance map 306 in the control area 300 when executing each algorithm (steps SC107, SC108, SC109, and SC110).

ステップSC104,SC105,SC106の処理に際して絵画変換処理部302は、一覧表示されている表示画面サイズの画像データを対象として絵画変換し、ユーザーの端末1から決定が指示されれば(ステップSC112:YES)、本画像の絵画変換へと進み(ステップSC113)、他の画調でやり直すことが指示されれば(ステップSC112:NO)、ステップSC103の処理へ戻る。   In the process of steps SC104, SC105, and SC106, the picture conversion processing unit 302 performs picture conversion on the image data of the display screen size displayed as a list, and if a decision is instructed from the user terminal 1 (step SC112: YES) ), The process proceeds to picture conversion of the main image (step SC113), and if an instruction to redo with another image tone is given (step SC112: NO), the process returns to step SC103.

ステップSC109の本画像の絵画変換に際して絵画変換処理部302は、ステップSC112で決定した画調変換アルゴリズムでパラメータテーブル304と重要度マップ306を参照しながら本画像に対し画調変換処理を行う(ステップSC114,SC115)。同じ画調であっても画像サイズが異なると適切なパラメータは異なってくるので、ステップSC115で使用するパラメータテーブルはステップSC107若しくはSC108で取得したパラメータとは別のものとなる。   In the picture conversion of the main image in step SC109, the picture conversion processing unit 302 performs a tone conversion process on the main image with reference to the parameter table 304 and the importance map 306 using the tone conversion algorithm determined in step SC112 (step SC109). SC114, SC115). Even if the image tone is the same, the appropriate parameter differs when the image size is different. Therefore, the parameter table used in step SC115 is different from the parameter acquired in step SC107 or SC108.

しかる後、絵画変換処理部302は、画変換後の本画像を再びJPEG形式に変換する後処理を行う(ステップSC116)。   Thereafter, the picture conversion processing unit 302 performs post-processing for converting the main image after the image conversion into the JPEG format again (step SC116).

引き続き、絵画変換処理部302は、ステップSC102の顔検出処理で変換対象の写真において任意の人物の顔の検出に成功していた場合については(ステップSC117:YES)、評価制御部310に、当該作品の作者、及び作品に対してポイントをそれぞれ加算する処理を行わせる(ステップSC118)。   Subsequently, when the picture conversion processing unit 302 has succeeded in detecting the face of an arbitrary person in the photo to be converted in the face detection processing in step SC102 (step SC117: YES), the painting control processing unit 302 A process of adding points to the creator of the work and the work is performed (step SC118).

次に、図7〜図10を参照して、前述した絵画変換処理部302によるステップSC102の顔検出処理、及び重要度マップの作成手順について説明する。   Next, with reference to FIGS. 7 to 10, the face detection process in step SC <b> 102 performed by the above-described painting conversion processing unit 302 and the importance map creation procedure will be described.

図7に示したように、顔検出処理に際して絵画変換処理部302は、まず、対象画像データの中に顔があるかどうかを認識する(ステップSC151)。顔認識技術は公知であるのでここでは詳述はしない。かかる処理に際して絵画変換処理部302は、顔を認識して検出することはできても、その輪郭まで正確に抽出することは困難なので、顔の領域を含む楕円形若しくは長方形の領域を画像データに設定する(ステップSC152)。   As shown in FIG. 7, in the face detection process, the picture conversion processing unit 302 first recognizes whether there is a face in the target image data (step SC151). Since the face recognition technique is well known, it will not be described in detail here. In this process, the picture conversion processing unit 302 can recognize and detect the face, but it is difficult to accurately extract the contour, so an elliptical or rectangular area including the face area is used as image data. Set (step SC152).

図8は、顔の領域を含む領域を説明する図であり、図8においてsqは顔F1を含む長方形の領域であり、elは顔を含む楕円形の領域である。   FIG. 8 is a diagram for explaining a region including a face region. In FIG. 8, sq is a rectangular region including the face F1, and el is an elliptical region including the face.

しかる後、絵画変換処理部302は、重要度マップを作成する(ステップSC153)。図9は、重要度マップを説明するための図である。ステップSC153の処理において絵画変換処理部302は、同図(a)に示したような画像データから、顔F1、F2、F3を認識すると、同図(b)に示したように顔領域sq1、sq2、sq3を画像データに設定する。   Thereafter, the picture conversion processing unit 302 creates an importance map (step SC153). FIG. 9 is a diagram for explaining the importance map. In the process of step SC153, when the picture conversion processing unit 302 recognizes the faces F1, F2, and F3 from the image data as shown in FIG. 11A, the face area sq1, as shown in FIG. sq2 and sq3 are set in the image data.

また、同図(c)は、画像データに設定した領域に応じた重要度を示した図である。ステップSC153の処理において絵画変換処理部302は、まず、顔領域sq1、sq2、sq3の領域E1、E2、E3の重要度を1位とする。次に、楕円el3によって示される中央部の領域E4の重要度を2位とする。更に画面の楕円el4によって示される背景部分の領域E5の重要度を3位とする。最後に、画面の周辺部分E6の重要度を最下位とする。   FIG. 10C shows the importance according to the area set in the image data. In the process of step SC153, the picture conversion processing unit 302 first sets the importance of the areas E1, E2, and E3 of the face areas sq1, sq2, and sq3 to the first place. Next, the importance of the central region E4 indicated by the ellipse el3 is set to the second place. Furthermore, the importance of the area E5 of the background portion indicated by the ellipse el4 on the screen is set to the third place. Finally, the importance of the peripheral portion E6 of the screen is made the lowest.

すなわち図9(c)に示した、各領域E1〜E6と、各領域E1〜E6に設定した重要度とを示す情報が重要度マップとなる。   That is, information indicating the areas E1 to E6 and the importance set in the areas E1 to E6 shown in FIG. 9C is the importance map.

そして、絵画変換処理部302においては、画像データの各画素を絵画変換処理する際、重要度の高い領域ほどきめ細かく絵画変換し、重要度の低い領域ほど粗く絵画変換する。その結果、重要度が最下位の周辺部分の領域E6はぼやけた感じで絵画変換される。もちろんこれは一例であって、顔領域E1、E2、E3は顔の雰囲気を崩さないように絵画変換処理をかけないこともできる。   In the picture conversion processing unit 302, when the picture conversion process is performed on each pixel of the image data, the higher-importance areas are more finely converted, and the lower-importance areas are more coarsely converted. As a result, the peripheral area E6 having the lowest importance is transformed into a picture with a blurred feeling. Of course, this is merely an example, and the face regions E1, E2, and E3 may not be subjected to the painting conversion process so as not to disturb the facial atmosphere.

この重要度をαで示すと、αは画像データと同じ画素数を有し、画素Aの変換演算は、
A(RGB)(x,y)=A(RGB)(x,y)*P1*α(x,y)
A(RGB)(x,y)=A(RGB)(x,y)*P2*α(x,y)
A(RGB)(x,y)=A(RGB)(x,y)*Pn*α(x,y)
(ここで(x,y)は2次元の座標)となる。つまりαの値によってパラメータの影響度が変わってくることを意味する。
When this importance is indicated by α, α has the same number of pixels as the image data, and the conversion operation of the pixel A is
A (RGB) (x, y) = A (RGB) (x, y) * P1 * α (x, y)
A (RGB) (x, y) = A (RGB) (x, y) * P2 * α (x, y)
A (RGB) (x, y) = A (RGB) (x, y) * Pn * α (x, y)
(Where (x, y) is a two-dimensional coordinate). In other words, this means that the influence degree of the parameter changes depending on the value of α.

なお、重要度を画像データと同じ画素数設けなくても、E1〜E6の各エリア内が同じ重要度とすれば6種類の重要度データを用意してもよい。また、重複するエリアは中間値とするなどもう少し細分化を図ってもよい。   Even if the importance is not set to the same number of pixels as the image data, six types of importance data may be prepared as long as the areas E1 to E6 have the same importance. Further, the overlapping areas may be further subdivided, for example, by setting them to intermediate values.

図10は、図8に示した顔領域の輪郭部分の領域を更に細分化したものである。顔領域の輪郭の中と外で重要度を変えると、絵画変換された画像に段差ができてしまう可能性があるので、同図に例示したように、顔領域周辺に設定する各重要度をsq>el>el5とする。このようにすることによって、顔の輪郭部分を自然な感じで段階的に絵画変換することができる。   FIG. 10 is a further subdivision of the contour area of the face area shown in FIG. If the importance level is changed between inside and outside the outline of the face area, there is a possibility that a step will be created in the picture that has been transformed into a picture.As shown in the figure, each importance level set around the face area is set. sq> el> el5. By doing so, it is possible to transform the picture of the contour portion of the face step by step with a natural feeling.

次に、ユーザーが任意の作品をダウンロードする場合におけるサーバー11の動作について説明する。なお、作品をダウンロードするには会員登録が必要である。   Next, the operation of the server 11 when the user downloads an arbitrary work will be described. Member registration is required to download works.

図11は、サーバー11における作品のダウンロードに関する処理を示したフローチャートである。なお、図11の処理は、サーバー11のCPU20、評価制御部310、及び会員管理部312によって行われる。   FIG. 11 is a flowchart showing processing related to downloading of works in the server 11. 11 is performed by the CPU 20 of the server 11, the evaluation control unit 310, and the member management unit 312.

サーバー11においては、会員によってダウンロードを希望する作品が指定されると(ステップSC201)、会員管理部312によりそのユーザーが有料会員(ここでは、通常の有料会員とプレミアム会員である。)か、または無料会員かを判断し(ステップSC202)、有料会員であれば、直ちに後述するステップSC207へ進む。   In the server 11, when a work to be downloaded is designated by the member (step SC 201), the user is a paying member (here, a normal paying member and a premium member) by the member management unit 312, or It is determined whether the member is a free member (step SC202).

一方、無料会員の場合は、該当作品の属性情報206からその作品の評価に相当するポイントを読み出し(ステップSC203)、併せてダウンロードしようとしている会員の属性情報から保持しているポイントを読み出す(ステップSC204)。   On the other hand, in the case of a free member, the point corresponding to the evaluation of the work is read from the attribute information 206 of the corresponding work (step SC203), and the held point is read from the attribute information of the member who is going to download (step SC203). SC204).

次に、作品のポイント(価格に相当)と会員の保有しているポイントの差額から支払ポイントを算出し(ステップSC205)、それを充足していればステップSC207へ進むが、不足している場合はその作品はダウンロードできないため、ステップSC201へ戻り、他の作品をユーザーに選択させる。   Next, the payment point is calculated from the difference between the point (equivalent to the price) of the work and the point held by the member (step SC205), and if it is satisfied, the process proceeds to step SC207, but is insufficient. Since the work cannot be downloaded, the process returns to step SC201 to allow the user to select another work.

そして、サーバー11においては、CPU20がユーザーに指定された作品を、その作品の作者である他のユーザーの作品バッファエリア108から読み出し(ステップSC207)、評価制御部310が当該作品の作者、及び作品に対してポイントをそれぞれ加算する(ステップSC208)。つまり会員(無料会員、通常の有料会員、プレミアム会員)においては、自分の作品をたくさんダウンロードされるほど作品の評価が上がり、作者である会員のユーザーIDの属性情報のポイントエリアにもポイントが加算されて会員の保有ポイント数が上がる仕組みとなっている。   In the server 11, the CPU 20 reads the work designated by the user from the work buffer area 108 of another user who is the creator of the work (step SC 207), and the evaluation control unit 310 reads the work author and the work. Each point is added to (step SC208). In other words, as members (free members, regular paid members, premium members) download more of their work, the evaluation of the work increases, and points are also added to the point area of the attribute information of the user ID of the member who is the author As a result, the number of points owned by members is increased.

しかる後、サーバー11においては、CPU20が、ステップSC207で読み出した作品を、ダウンロードを要求したユーザーのダウンロード作品バッファ110に格納するタウンロード処理を行う(ステップSC209)。   Thereafter, in the server 11, the CPU 20 performs a town load process for storing the work read in step SC207 in the download work buffer 110 of the user who requested the download (step SC209).

次に、サーバー11において、作品エリア202の作品を一覧表示する際の動作について説明する。図12は、作品エリア202の作品を一覧表示する際にCPU20が実行する画面表示処理を示すフローチャートである。この画面表示処理が、図5に示した工程中の一覧表示処理(SC4)に相当する処理であり、画像サービスサイト10にアクセスしているユーザーの端末1の画面上に、画像データにより表される多数の作品を表示させる処理である。   Next, the operation when the server 11 displays a list of works in the work area 202 will be described. FIG. 12 is a flowchart showing screen display processing executed by the CPU 20 when displaying a list of works in the work area 202. This screen display process is a process corresponding to the list display process (SC4) in the process shown in FIG. 5, and is represented by image data on the screen of the terminal 1 of the user accessing the image service site 10. This is a process to display many works.

図12に示したように、画面表示処理に際してCPU20は、まず、作品エリア202から表示対象となる複数の作品を読み出し、それらの画像データを、表示バッファ30内において所定の大きさで、所定の位置に配列させるページ配列処理を行う(ステップSC301)。なお、ページ配列処理の詳細については後述する。   As shown in FIG. 12, in the screen display process, the CPU 20 first reads a plurality of works to be displayed from the work area 202, and stores the image data in a predetermined size in the display buffer 30 with a predetermined size. A page arrangement process for arranging the positions is performed (step SC301). Details of the page arrangement process will be described later.

しかる後、CPU20は、表示バッファ30に配列した複数の作品を図14に示した状態で一覧表示する(ステップSC302)。図14に示したように、本実施形態において、表示対象となる複数の作品は、1画面内に横軸方向を画調の種類とし、縦軸方向を新着順とした配置状態で表示される。   Thereafter, the CPU 20 displays a list of a plurality of works arranged in the display buffer 30 in the state shown in FIG. 14 (step SC302). As shown in FIG. 14, in the present embodiment, a plurality of works to be displayed are displayed in an arrangement state in which the horizontal axis direction is the type of image tone and the vertical axis direction is the new arrival order in one screen. .

また、複数の作品を一覧表示している間、CPU20は、ユーザー(閲覧者)からページ送りが指示された場合には(ステップSC303:YES)、ステップSC301のページ配列処理によって、表示中の作品をページ単位で変更する。   In addition, while displaying a plurality of works, when the page is instructed by the user (viewer) (step SC303: YES), the CPU 20 displays the works being displayed by the page arrangement process in step SC301. Is changed in units of pages.

また、CPU20は、ユーザーからスクロールが指示された場合には(ステップSC304:YES)、ステップSC301のページ配列処理によって、表示中の作品を縦方向、又は横方向にスクロールさせる。なお、本実施形態においては、ユーザーが指示可能なスクロール方向は、横方向については左右の両方向であるが、縦方向については下方向のみである。   Further, when scrolling is instructed by the user (step SC304: YES), the CPU 20 scrolls the displayed work in the vertical direction or the horizontal direction by the page arrangement process in step SC301. In the present embodiment, the scroll direction that can be designated by the user is both the left and right directions in the horizontal direction, but only the downward direction in the vertical direction.

さらに、複数の作品を一覧表示している間、CPU20は、ユーザーによって表示中のいずれかの作品が選択されると(ステップSC305:YES)、その作品の画像データを作品エリア202から読み込み(ステップSC306)、拡大表示する(ステップSC307)。係る処理は、特定の作品を、画像サービスサイト10にアクセスしているユーザーの端末1の画面上に実サイズで表示させる処理である。   Further, while a plurality of works are displayed in a list, when any work being displayed is selected by the user (step SC305: YES), the CPU 20 reads image data of the work from the work area 202 (step SC306), and enlarged display (step SC307). This process is a process of displaying a specific work in actual size on the screen of the terminal 1 of the user who is accessing the image service site 10.

そして、CPU20は、ユーザーから一覧表示の終了が指示されるまでは(ステップSC308:NO)、ステップSC302へ戻り作品の一覧表示を継続し、一覧表示の終了が指示された時点で(ステップSC308:YES)、画面表示処理を終了する。   The CPU 20 returns to step SC302 and continues to display the list of works until the user instructs the end of the list display (step SC308: NO). When the end of the list display is instructed (step SC308: YES), the screen display process is terminated.

次に、ステップSC301においてCPU20が実行するページ配列処理の内容を、図13のフローチャートに従い具体的に説明する。   Next, the contents of the page arrangement process executed by the CPU 20 in step SC301 will be specifically described with reference to the flowchart of FIG.

ページ配列処理に際してCPU20は、その処理タイミングが、例えば画面表示処理の開始当初や、ユーザーからページ送りが指示された時点であって、ユーザーからスクロールが指示あった時点でなければ(ステップSC351:NO)、以下の処理を実行する。   In the page arrangement process, the CPU 20 determines that the processing timing is, for example, at the beginning of the screen display process or when a page feed is instructed by the user and not when the user instructs scrolling (step SC351: NO). ), The following processing is executed.

まず、CPU20は、表示バッファ30をクリアした後(ステップSC352)、作品エリア202に記憶されている多数の作品の画像データ(JPEGデータ)から、表示対象とする作品の画像データを新着順にワークメモリに読み込む(ステップSC353)。なお、表示対象となる作品の大きさは一定とは限らない。なお、ワークメモリは、表示バッファ30のメモリ領域内に表示用とは別に確保されている作業用のメモリエリアである。   First, the CPU 20 clears the display buffer 30 (step SC352), and then, from the image data (JPEG data) of a large number of works stored in the work area 202, the work memory stores image data of works to be displayed in the order of arrival. (Step SC353). Note that the size of works to be displayed is not always constant. The work memory is a work memory area secured in the memory area of the display buffer 30 separately from the display memory.

次に、CPU20は、画像データを読み込んだ作品の価値を確認する(ステップSC354)。   Next, the CPU 20 confirms the value of the work that has read the image data (step SC354).

本実施形態においては、各作品のポイント数に、会員種別に応じた倍率を乗じた後のポイント数を各作品の価値とする。その際、会員種別に応じた倍率は、例えば作品の作者が無料会員であれば1倍とし、通常の有料会員であれば2倍とし、プレミアム会員であれば3倍とする。   In this embodiment, the value of each work is obtained by multiplying the number of points of each work by a scale factor corresponding to the member type. At this time, the magnification according to the member type is, for example, 1 if the creator of the work is a free member, 2 if a normal paid member, and 3 times if a premium member.

引き続き、CPU20は、確認した価値に応じて作品の表示サイズを決定する(ステップSC355)。表示サイズの決定に際してCPU20は、価値が高い作品ほど、その表示サイズを相対的に大きくする。   Subsequently, the CPU 20 determines the display size of the work according to the confirmed value (step SC355). When determining the display size, the CPU 20 relatively increases the display size of a work having a higher value.

係る処理では、例えば基準となる最小の表示サイズと、最大の表示サイズとを予め決めておく。そして、作品の価値に比例する倍率を所定の計算式で求め、その倍率を最小の表示サイズに乗じることによって、作品の価値に応じた表示サイズを計算する。そして、計算した表示サイズが最大の表示サイズ以下であれば、それを作品の表示サイズとして決定し、計算した表示サイズが最大の表示サイズを超える場合には、最大の表示サイズを作品の表示サイズとして決定する。   In such processing, for example, a reference minimum display size and a maximum display size are determined in advance. Then, a magnification proportional to the value of the work is obtained by a predetermined calculation formula, and the display size corresponding to the value of the work is calculated by multiplying the magnification by the minimum display size. If the calculated display size is less than or equal to the maximum display size, it is determined as the display size of the work, and if the calculated display size exceeds the maximum display size, the maximum display size is set as the display size of the work. Determine as.

また、例えば表示サイズとして大中小など数段階の表示サイズを予め設けておき、作品の価値も大中小など数段階にレベル分けし、各作品の表示サイズを作品の価値レベルに対応する表示サイズに決定する。いずれにしても価値の高い作品の表示サイズを大きくし、価値の低い作品の表示サイズを小さくする。   In addition, for example, display sizes of several levels such as large, medium and small are set in advance, and the value of the work is divided into several levels such as large, medium and small, and the display size of each work is set to a display size corresponding to the value level of the work. decide. In any case, increase the display size of high-value works and reduce the display size of low-value works.

次に、CPU20は、ステップSC353で読み込んだ画像データを、上記のように決定した表示サイズのビットマップデータとしてワークメモリに展開する(ステップSC356)。   Next, the CPU 20 develops the image data read in step SC353 in the work memory as bitmap data of the display size determined as described above (step SC356).

引き続き、CPU20は、表示対象の作品が有料会員か、又はプレミアム会員の作品であるか否かを確認し、表示対象の作品が無料会員の作品であった場合には(ステップSC357:NO)、直ちに、後述するステップSC10の処理へ進む。   Subsequently, the CPU 20 confirms whether the work to be displayed is a paid member or a premium member, and if the work to be displayed is a free member work (step SC357: NO), Immediately, the process proceeds to step SC10 described later.

一方、表示対象の作品が有料会員か、又はプレミアム会員の作品であった場合には(ステップSC357:YES)、会員種別に応じて表示枠の種類を決定する(ステップSC358)。しかる後、CPU20は、決定した種類の表示枠を、ビットマップ化した表示対象の画像データに合成する(ステップSC359)。   On the other hand, if the work to be displayed is a paid member or a premium member work (step SC357: YES), the type of display frame is determined according to the member type (step SC358). Thereafter, the CPU 20 synthesizes the determined type of display frame with the image data to be displayed converted into a bitmap (step SC359).

ここで、本実施形態においては、上記の表示枠として有料会員用の表示枠と、プレミアム会員用の表示枠との2種類が用意されており、ステップSC358では、いずれかの表示枠を決定する。また、表示枠は作品を目立たせることを目的とするものであり、例えば額縁等のように作品に装飾を施すための絵柄を表す画像データである。また、プレミアム会員用の表示枠には、有料会員用の表示枠よりも高級感を感じさせる等の差別化が図られている。   Here, in the present embodiment, two types of display frames for pay members and display frames for premium members are prepared as the above display frames. In step SC358, one of the display frames is determined. . The display frame is intended to make the work stand out, and is image data representing a picture for decorating the work, such as a frame. Further, the display frame for premium members is differentiated by making it feel more luxurious than the display frame for paid members.

次に、CPU20は、表示バッファ30において、表示対象の作品の画調に応じた列に新たな作品を配置するための空きがあるか否かを確認する(ステップSC360)。なお、本実施形態では、図14に示したように作品を配置する列は4列であり、各列に割り当てられている画調は、処理開始当初においては油絵調、水彩画、パステル画、色鉛筆である。   Next, the CPU 20 checks whether or not there is a space in the display buffer 30 for arranging a new work in a column corresponding to the tone of the work to be displayed (step SC360). In this embodiment, as shown in FIG. 14, there are four columns in which works are arranged, and the painting tone assigned to each row is an oil painting tone, a watercolor painting, a pastel painting, and a colored pencil at the beginning of processing. It is.

そして、CPU20は、作品の画調が割り当てられている列に空きがあれば(ステップSC360:YES)、その列に作品の画像データを配置する(ステップSC361)。なお、係るステップSC361の処理に際してCPU20は、例えば作品を配置する箇所の周囲(同じ列、又は隣接する列)に他の画像が存在する場合には、必要に応じて他の画像の位置を微調整することにより各作品間に適度の間隔を確保する。   If there is a vacancy in the column to which the image tone of the work is assigned (step SC360: YES), the CPU 20 arranges the image data of the work in that column (step SC361). In the process of step SC361, for example, if another image exists around the place where the work is placed (same row or adjacent row), the CPU 20 finely adjusts the position of the other image as necessary. Adjust to ensure a reasonable distance between each piece.

しかる後、CPU20はステップSC353の処理に戻り、表示対象とする新たな作品を読み込む。   Thereafter, the CPU 20 returns to the process of step SC353 and reads a new work to be displayed.

一方、CPU20は、作品の画調が割り当てられている列に空きがない場合には(ステップSC360:NO)、今回表示対象となった作品の画像データは、表示バッファ30に配置しない。なお、CPU20は、ステップSC360の処理に際しては、表示対象の作品の画調が、現在、各列に割り当てられている画調とは異なる画調であった場合についても、空きがないと判断し、今回表示対象となった作品の画像データは、表示バッファ30に配置しない。   On the other hand, when there is no space in the column to which the image tone of the work is assigned (step SC360: NO), the CPU 20 does not place the image data of the work to be displayed this time in the display buffer 30. In the process of step SC360, the CPU 20 determines that there is no space even when the tone of the work to be displayed is different from the tone currently assigned to each column. The image data of the work to be displayed this time is not arranged in the display buffer 30.

そして、CPU20は、空きがないと判断した場合には、引き続き、今回表示対象となった作品の画調とは異なる他の画調が割り当てられている列に空きがあるか否かを確認する(ステップSC362)。そして、CPU20は、他の画調が割り当てられている列に空きが有れば(ステップSC362:YES)、CPU20はステップSC353の処理に戻り、表示対象とする新たな作品を読み込む。   If the CPU 20 determines that there is no space, the CPU 20 continues to check whether there is a space in a column to which another image tone different from the tone of the work that is the current display target is assigned. (Step SC362). If there is a vacancy in the column to which another image tone is assigned (step SC362: YES), the CPU 20 returns to the process of step SC353 and reads a new work to be displayed.

以後、CPU20は、いずれかの列に新たな作品を配置する空きが存在する間は(ステップSC362:YES)、前述したステップSC353以降の処理を繰り返す。そして、CPU20は、全ての列に新たな作品を配置する空きがなくなった段階で(ステップSC362:NO)、配列処理を終了する。   Thereafter, the CPU 20 repeats the processes after step SC353 described above while there is a space for placing a new work in any column (step SC362: YES). And CPU20 complete | finishes an arrangement | sequence process in the stage where the space which arrange | positions a new work to all the rows has been lost (step SC362: NO).

そして、係る配列処理により表示バッファ30に配置された複数の作品が、最終的に図12のステップSC302の処理において、図14に示したように一覧表示される。なお、図14は、色鉛筆の列の最新の位置に配置された作品D1が有料会員か、又はプレミアム会員であり、その作品の周囲に前述した表示枠14Aが表示された状態を示した図である。なお、図14に示した表示枠14Aは便宜的なものであり、実際には、作品D1の作者の会員種別に対応する種類の額縁を模した表示枠等が表示される。   A plurality of works arranged in the display buffer 30 by the array processing are finally displayed as a list as shown in FIG. 14 in the process of step SC302 of FIG. FIG. 14 is a diagram showing a state in which the work D1 arranged at the latest position in the color pencil row is a paid member or a premium member, and the display frame 14A is displayed around the work. is there. Note that the display frame 14A shown in FIG. 14 is for convenience, and actually, a display frame imitating the type of frame corresponding to the member type of the creator of the work D1 is displayed.

一方、上述した処理とは別に、ページ配列処理のタイミングが、ユーザーからスクロールが指示あった時点であった場合(ステップSC351:YES)、CPU20は、まずユーザーから指示されたスクロール方向が縦方向(下方向)であるか否かを確認する(ステップSC363)。   On the other hand, separately from the above-described processing, when the page arrangement processing timing is the time when scrolling is instructed from the user (step SC351: YES), the CPU 20 first sets the scroll direction instructed by the user to the vertical direction ( (Downward direction) is confirmed (step SC363).

そして、スクロール方向が縦方向であった場合(ステップSC363:YES)、CPU20は、表示バッファ30に配置済みの全画(作品)を縦方向へ移動する(ステップSC364)。このときの移動量は予め決められている移動量であり、例えば各列の最上部に表示サイズが最小の作品が1又は2つ配置可能なスペースを確保する量である。   If the scroll direction is the vertical direction (step SC363: YES), the CPU 20 moves all the images (works) already arranged in the display buffer 30 in the vertical direction (step SC364). The amount of movement at this time is a predetermined amount of movement, for example, an amount that secures a space where one or two works having the smallest display size can be arranged at the top of each row.

しかる後、CPU20は、前述したステップSC352の処理へ移行し、前述した処理を実行する。これにより、例えば各画調の列の最下部に表示されていた作品の表示が終了し、それに代わり最上部に新たな作品が表示されることとなる。   Thereafter, the CPU 20 proceeds to the process of step SC352 described above and executes the process described above. As a result, for example, the display of the work displayed at the bottom of each row of image tone ends, and a new work is displayed at the top instead.

また、上記とは異なり、ユーザーから指示されたスクロール方向が横方向であった場合(ステップSC363:NO)、CPU20は、表示バッファ30に配置済みの全画(作品)を横方向、すなわち左右のいずれかの方向へ移動する(ステップSC365)。このときの移動量は、予め固定的に決められている各列に配置済みの作品を隣接する列に移動させる移動量である。さらに、CPU20は、それまで各列に割り当てられていた画調の設定を、各列に配置済みの作品の移動方向と同方向へそれぞれ1列分移動させる(ステップSC366)。   Unlike the above, when the scroll direction instructed by the user is the horizontal direction (step SC363: NO), the CPU 20 displays all the images (works) arranged in the display buffer 30 in the horizontal direction, that is, left and right. It moves in either direction (step SC365). The movement amount at this time is a movement amount for moving the works already arranged in each row fixedly determined in advance to the adjacent row. Further, the CPU 20 moves the image tone settings that have been assigned to each column so far by one column in the same direction as the movement direction of the works already arranged in each column (step SC366).

しかる後、CPU20は、前述したステップSC352の処理へ移行し、各列における画調の割り当てを変更した状態で、前述した処理を実行する。これにより、図14に示した例では、油絵調の列に表示されていた作品群、又は色鉛筆の列に表示されていた作品群に代わり、それまで表示されていなかった他の画調の作品群が新たに表示されることとなる。   Thereafter, the CPU 20 proceeds to the process of step SC352 described above, and executes the process described above in a state in which the image tone assignment in each column is changed. Accordingly, in the example shown in FIG. 14, instead of the work group displayed in the oil painting style column or the work group displayed in the color pencil line, the other painting style work that has not been displayed until then. The group will be newly displayed.

以上のように本実施形態においては、サーバー11に蓄積された多数の作品(画像)をページ単位で一覧表示することにより、多数の作品をユーザーに対して効率よく表示することができる。   As described above, in the present embodiment, a large number of works (images) stored in the server 11 are displayed in a list in units of pages, whereby a large number of works can be efficiently displayed to the user.

また、価値が高い作品ほど表示サイズを大きくし、価値が高い作品ほど目立つようにするとともに、作品のポイント数が高いほど作品の価値を高くし、かつ作者が単なる有料会員である作品よりも、プレミアム会員である作品に価値を高く設定するようにした。また、顔が存在する(検出できた)作品には自動的にポイント数を加算し、顔が存在しない作品よりも価値が高くなるようにした。   In addition, the higher the value of the work, the larger the display size, the higher the value of the work, and the higher the value of the work, the higher the value of the work, and the author is simply a paid member, High value is set for works that are premium members. In addition, points that are automatically detected (added) are added to the work so that the face is more valuable than a work that does not have a face.

また、有料会員やプレミアム会員の作品のみに表示枠を付加して表示し、無料会員の作品よりも有料会員やプレミアム会員の作品を目立つようにした。さらに、プレミアム会員の作品には、有料会員の作品よりも高級感を感じさせる表示枠を付加し、より目立つようにした。   In addition, only paid members and premium members' works are displayed with a display frame, and paid members and premium members' works stand out from free members' works. In addition, premium members 'works are more prominent by adding a display frame that makes them feel more luxurious than paid members' works.

したがって、多数の作品を、効率よく、しかもユーザーの興味を引くように表示させることができる。同時に、ポイント数が高い作品を相対的にポイント数が低い作品よりも優遇した状態で、また、顔が存在する作品を顔が存在しない作品よりも優遇した状態で、さらにはプレミアム会員の作品を有料会員の作品よりも優遇した状態で一覧表示することができる。   Therefore, it is possible to display a large number of works efficiently and so as to attract the user's interest. At the same time, works with high points are favored over works with relatively low points, works with faces are favored over works without faces, and premium member works It is possible to display a list with preferential treatment over paid members' works.

なお、本実施形態においては、一覧表示に際して有料会員やプレミアム会員の作品に表示枠を付加することにより、無料会員の作品よりも目立つようにしたが、例えば表示枠を付加する代わりに、作品の外周部の枠をくっきり見せたり、或いは点滅させたりして目立たせるようにしてもよい。   In this embodiment, the display frame is added to the paid member or premium member work in the list display so that it is more prominent than the free member work. For example, instead of adding the display frame, You may make it stand out by making the frame of an outer peripheral part clear or blinking.

(実施形態2)
次に、本発明の第2の実施形態について説明する。図15は、本実施形態において、サーバー11がインターネット上で多数の作品を一覧表示する際の作品の表示に関する画面表示処理を示すフローチャートである。
(Embodiment 2)
Next, a second embodiment of the present invention will be described. FIG. 15 is a flowchart showing screen display processing related to display of works when the server 11 displays a list of many works on the Internet in the present embodiment.

画面表示処理に際してCPU20は、サーバー11に多数投稿され作品エリア202に記憶されている多数の作品の画像データを一覧表示するためのページ処理を行う(ステップSC401)。係るステップSC403の処理が、図5に示した工程中の一覧表示処理(SC4)であり、画像サービスサイト10にアクセスしているユーザーの端末1の画面上に、画像データにより表される多数の作品を表示させる処理である。   In the screen display process, the CPU 20 performs page processing for displaying a list of image data of a large number of works submitted to the server 11 and stored in the work area 202 (step SC401). The process of step SC403 is a list display process (SC4) in the process shown in FIG. 5, and a large number of images represented by image data are displayed on the screen of the terminal 1 of the user accessing the image service site 10. This is a process to display a work.

ここで、ステップSC403のページ表示処理は、多数の作品を時間とともに流れるように表示させるタイムライン表示を行う処理である。本実施形態のタイムライン表示は、図17(A)〜(C)に示したように、多数の作品をページ内(1画面内)に4行×4列に配列させるとともに、各列の作品群を、列毎に決められている所定の速度で上から下に向って(Y方向)に所定の速さで流れるように移動させて表示するものである。   Here, the page display process of step SC403 is a process of performing a timeline display in which a large number of works are displayed so as to flow with time. As shown in FIGS. 17A to 17C, the timeline display of this embodiment arranges a large number of works in a page (in one screen) in 4 rows × 4 columns, and works in each column. The group is moved and displayed so as to flow at a predetermined speed from the top to the bottom (Y direction) at a predetermined speed determined for each column.

すなわち、ABCDの列と、EFGHの列と、IJKLの列と、MNOPの列の各画像を、それぞれ異なった速度でY方向へ流れるように移動させるものである。なお、タイムライン表示に際して各作品の表示間隔は予め決められた間隔で固定される。   That is, the images in the ABCD column, the EFGH column, the IJKL column, and the MNOP column are moved so as to flow in the Y direction at different speeds. Note that the display interval of each work is fixed at a predetermined interval when displaying the timeline.

本実施形態においては、各列の画像を異なった速度でY方向に流れて表示させるため、図17(A)→図17(B)→図17(C)と時系列に見ていくと、例えばこれが10秒毎の画面とすれば、作品Aより作品Eが早く流れて行き、作品Iは少なくとも30秒間は固定のままである。作品Mの列は作品Aの列と同じ動きをしている。従って、作品Eの列や作品Iの列のようにゆっくり流れる方が、速く流れるよりも視聴者の目に触れている時間が長いこととなる。   In this embodiment, in order to display the images of each column in the Y direction at different speeds, when viewed in time series as FIG. 17 (A) → FIG. 17 (B) → FIG. 17 (C), For example, if this is a screen every 10 seconds, work E flows faster than work A, and work I remains fixed for at least 30 seconds. The line of work M is the same as the line of work A. Therefore, the time that the viewer slowly touches like the row of work E and the row of work I takes longer time to touch the viewer's eyes than when it flows fast.

なお、ページ表示処理は、後述するように、ユーザーからページ更新が指示されたり、作品が選択されたり、一覧表示の終了が指示されたりするまでは、一定の処理タイミングで繰り返し実行される。   As will be described later, the page display process is repeatedly executed at a fixed processing timing until the user gives an instruction to update the page, selects a work, or gives an instruction to end the list display.

図16は、上記ページ表示処理の内容を示したフローチャートである。ページ表示処理に際してCPU20は、今回の処理タイミングが、前記ページ内のいずれかの列の画像を移動すべき移動タイミングであるか否かを確認する。処理開始当初においては、未だ画像を一覧表示していないため(ステップSC501:NO、ステップSC502:NO、)、CPU20は、サーバー11に多数投稿され作品エリア202に記憶されている多数の作品の画像データ(JPEGデータ)から、たとえば新着順に表示対象とする画像データをワークメモリに読み込む(ステップSC503)。   FIG. 16 is a flowchart showing the contents of the page display process. In the page display process, the CPU 20 confirms whether or not the current process timing is a movement timing for moving an image in any column in the page. Since the list of images has not yet been displayed at the beginning of the processing (step SC501: NO, step SC502: NO), the CPU 20 images a large number of works posted on the server 11 and stored in the work area 202. From the data (JPEG data), for example, the image data to be displayed is read into the work memory in the order of arrival (step SC503).

次に、CPU20は、読み込んだ画像データをワークメモリ内でビットマップ化した後(ステップSC504)、表示対象画像となった作品の価値を確認する(ステップSC505)。本実施形態においても作品の価値は、各々の作品に付随する属性情報の1つのであるポイント数や、アクセス数、ダウンロード数、各々の作品の作者の会員種別等、作品の重みづけをする情報の総称であり、具体的な内容については第1の実施形態で既説した通りである。   Next, after converting the read image data into a bitmap in the work memory (step SC504), the CPU 20 checks the value of the work that has become the display target image (step SC505). Also in this embodiment, the value of a work is information that weights the work, such as the number of points that is one of the attribute information attached to each work, the number of accesses, the number of downloads, the member type of the creator of each work, etc. The specific contents are as described in the first embodiment.

しかる後、CPU20は、確認した価値に応じた表示列を決定する(ステップSC506)。つまり表示対象画像の作品を、図17(A)〜(C)に示した4列のどの列に流す(表示する)のか決定する。   Thereafter, the CPU 20 determines a display row corresponding to the confirmed value (step SC506). That is, it is determined in which of the four columns shown in FIGS. 17A to 17C the works of the display target image are to be flowed (displayed).

ここで、本実施形態においては、各作品を流す速度が列毎に予め決められている。具体的には、図17(A)に示した作品ABCDが並んだ第1の列と、作品MNOPが並んだ第4の列との速度が同じ速度で、かつ最も速く、作品EFGHが並んだ第2の列の速度が次に速く、作品IJKLが並んだ第3の列の速度が最も遅くなっている。   Here, in this embodiment, the speed | rate which flows each work is predetermined for every row | line | column. Specifically, the first row in which the works ABCD shown in FIG. 17A are arranged and the fourth row in which the works MNOP are arranged have the same speed and are the fastest, and the works EFGH are arranged. The speed of the second row is the next highest, and the speed of the third row where the works IJKL are arranged is the slowest.

ステップSC506においてCPU20は、まず、表示対象の作品を前述した価値が高い順に上位、中位、下位の3段階の価値レベルにグループ分けする。   In step SC <b> 506, the CPU 20 first groups the display target works into the above-described three value levels of higher, middle, and lower levels in descending order of value.

その際、CPU20は、上位のグループに含まれる作品には、表示列として、流す際の速度が最も遅い前記第3の列を割り当て、中位のグループに含まれる作品には、表示列として、流す際の速度が次に遅い前記第2の列を割り当てる。また、下位のグループに含まれる作品には、表示列として、流す際の速度が最も速い前記第1の列、及び前記第4の列の一方を交互に割り当てる。   At that time, the CPU 20 assigns the third column having the slowest flow speed as a display column to works included in the upper group, and as a display column for works included in the middle group. The second column having the next lowest flow rate is assigned. In addition, for the works included in the lower group, one of the first column and the fourth column having the fastest flow speed is assigned alternately as a display column.

そして、CPU20は、表示対象画像である作品のビットマップ化した画像データを、表示バッファ30において、上記のように決定した表示列であって、未だ他の作品の画像データが配置されていない所定の行位置に配置する(ステップSC507)。なお、その際には、新たな画像データを上の行位置から順に配置する。   Then, the CPU 20 is a predetermined display sequence in which image data of a work that is a display target image is determined in the display buffer 30 as described above, and image data of another work is not yet arranged. (Step SC507). In this case, new image data is arranged in order from the upper row position.

以後、CPU20は、表示バッファ30における4行×4列の全ての位置に作品が配置できるまで、前述したステップSC503〜ステップSC507の処理を繰り返す。その間、図示しないがCPU20は、表示対象画像となった任意の作品についてステップSC506で決定した表示列に空きがなかった場合には、当該作品の画像データを破棄する一方、その画像IDと、決定した表示列を示す情報(列番号等)とを対応させて、後述する表示待ちリストへ追加する。   Thereafter, the CPU 20 repeats the processes of steps SC503 to SC507 described above until the works can be arranged at all the positions of 4 rows × 4 columns in the display buffer 30. In the meantime, although not shown, if there is no vacancy in the display column determined in step SC506 for an arbitrary work that has become a display target image, the CPU 20 discards the image data of the work while determining its image ID and Corresponding information (column number or the like) indicating the displayed display column is added to the display wait list described later.

やがて、CPU20は、表示バッファ30における4行×4列の全ての位置に作品が配置できると(ステップSC502:YES)、表示バッファ30内の全画像データ、つまり一画面分の画像をページ表示する(ステップSC518)。   Eventually, when the work can be arranged at all the positions of 4 rows × 4 columns in the display buffer 30 (step SC502: YES), the CPU 20 displays all the image data in the display buffer 30, that is, one screen image. (Step SC518).

これにより端末1の表示画面上には、例えば図10(A)に示したように、作品A〜Pまで16枚の作品(正確には作品の縮小画像)が表示されることとなる。なお、各列の作品の表示順は上から下へ向かって新着順である。   Thereby, on the display screen of the terminal 1, for example, as shown in FIG. 10A, 16 pieces of works A to P (more precisely, reduced images of works) are displayed. In addition, the display order of the works in each column is the new arrival order from top to bottom.

一方、上記のページ表示を1回行った後、CPU20は、ページ内のいずれかの列の画像を移動すべき移動タイミングが到来する毎に(ステップSC501)、後述するステップSC508以降の処理を繰り返し実行する。   On the other hand, after the above-described page display is performed once, the CPU 20 repeats the processing after step SC508, which will be described later, every time the movement timing for moving the image in any column in the page comes (step SC501). Run.

その際、前述したように本実施形態では、図17(A)に示した作品ABCDが並んだ第1の列と、作品MNOPが並んだ第4の列との速度が同じ速度で、かつ最も速く、作品EFGHが並んだ第2の列の速度が次に速く、作品IJKLが並んだ第3の列の速度が最も遅くなっている。したがって、一定時間内に、画像を移動すべき表示列(以下、移動対象の表示列という。)となる回数は、上記の第1の列、及び第4の列が最も多く、次に第2の列が多く、第3の列が最も少なくなっている。   At this time, as described above, in the present embodiment, the first row in which the works ABCD shown in FIG. 17A are arranged and the fourth row in which the works MNOP are arranged have the same speed, and the highest speed. The speed of the second row where the works EFGH are arranged is the next fastest, and the speed of the third row where the works IJKL are arranged is the slowest. Accordingly, the number of times that the image is to be moved to the display column (hereinafter referred to as the display column to be moved) within a certain time is the largest in the first column and the fourth column, and then the second column. There are many columns, and the third column is the smallest.

そして、CPU20は、上記の移動タイミングが到来すると、まず、表示バッファ30内で、その時点で該当する表示列、つまり移動対象の表示列の全画像データを一行分だけ下方へ移動させる(ステップSC508)。これにより移動対象の表示列においては一番上の行に空きができる。なお、このとき、それまで最下行にあった画像データは破棄する。   Then, when the above movement timing arrives, the CPU 20 first moves all image data of the display column corresponding to that time, that is, the display column to be moved, downward by one line in the display buffer 30 (step SC508). ). As a result, a space is created in the top row in the display column to be moved. At this time, the image data that has been on the bottom line until then is discarded.

次に、CPU20は、後述する表示待ちリストを参照し、今回の移動対象の表示列に、他の作品よりも先に表示すべき作品があるか否かを確認する。そして、先に表示すべき作品がなければ(ステップSC509:NO)、作品エリア202に格納されている作品中における、新着順で次となる新たな作品の画像データの価値を、ステップSC505と同様の手順で確認した後(ステップSC510)、その価値に応じて、新たな画像データについてステップSC506と同様の手順で表示列を決定する(ステップSC511)。   Next, the CPU 20 refers to a display waiting list to be described later, and confirms whether or not there is a work to be displayed before other works in the display column to be moved this time. If there is no work to be displayed first (step SC509: NO), the value of the image data of the next new work in the order of arrival in the work stored in the work area 202 is the same as in step SC505. After confirming by the procedure (step SC510), the display sequence is determined for the new image data by the same procedure as step SC506 according to the value (step SC511).

そして、CPU20は、新たな画像データの表示列が今回の移動対象でなければ、つまり新たな画像データの表示列に空きがあれば(ステップSC512:YES)、当該新たな画像データを作品エリア202から読み込む(ステップSC513)。   Then, if the display sequence of new image data is not the current movement target, that is, if there is a vacancy in the display sequence of new image data (step SC512: YES), the CPU 20 stores the new image data in the work area 202. (Step SC513).

次に、CPU20は、読み込んだ画像データをビットマップデータに変換し(ステップSC516)、それを表示バッファ30内の空き位置、つまり移動対象の表示列の一番上の行に配置する(ステップSC:417)、しかる後、表示バッファ30内の更新後の全画像データ、つまり移動対象の表示列の既存の3枚の作品が一行下に移動した状態に変化した新たな一画面分の画像をページ表示する(ステップSC518)。   Next, the CPU 20 converts the read image data into bitmap data (step SC516), and arranges it in the empty position in the display buffer 30, that is, the top row of the display column to be moved (step SC). : 417) After that, all the updated image data in the display buffer 30, that is, the image for a new screen that has been changed to a state in which the existing three works in the display column to be moved have moved down one line. The page is displayed (step SC518).

一方、ステップSC512において、新たな画像データの表示列が今回の移動対象でなければ、つまり新たな画像データの表示列に空きがなかった場合には(ステップSC512:NO)、当該画像データを表示待ちリストに追加する(ステップSC514)。ここで、表示待ちリストとは、CPU20の内部メモリに設けられたリストであり、具体的には、画像IDと、その画像IDにより示される画像(作品)について決定された表示列を示す情報(列番号等)とを対応させて記憶するテーブルデータである。   On the other hand, in step SC512, if the display sequence of new image data is not the current movement target, that is, if there is no space in the display sequence of new image data (step SC512: NO), the image data is displayed. It adds to the waiting list (step SC514). Here, the display wait list is a list provided in the internal memory of the CPU 20, and specifically, information indicating an image ID and a display sequence determined for the image (works) indicated by the image ID ( Table data stored in association with each other.

CPU20は、ステップSC514で新たな画像データを表示待ちリストに追加した後には、ステップSC510へ戻り、再び作品エリア202に格納されている作品中における、新着順で次となる新たな作品の画像データの価値を再び確認する。そして、前述した処理を繰り返し、その後、新たな画像データについての表示列が今回の移動対象と一致したら(ステップSC512:YES)、その画像データ、つまり新たな作品が、今回の移動対象の表示列の一番上の行に配置された状態の新たなページを表示する(ステップSC513〜SC518)。   After adding new image data to the display wait list in step SC514, the CPU 20 returns to step SC510, and again in the works stored in the work area 202, the image data of the next new work in the order of arrival. Check the value of again. Then, the above-described processing is repeated. After that, when the display sequence for the new image data matches the current movement target (step SC512: YES), the image data, that is, the new work is displayed in the current movement target display sequence. A new page arranged in the top row of is displayed (steps SC513 to SC518).

その後、CPU20は、いずれかの移動タイミングで、表示列として、そのとき移動対象と一致する表示列が予め決められている画像データの情報が、表示待ちリストに存在していた場合には(ステップSC509:YES)、その画像データ、つまり表示待ちであった新たな画像データを表示対象として作品エリア202から読み込む(ステップSC515)。その際、係る新たな画像データの情報は表示待ちリストから削除する。そして、CPU20は、係る新たな画像データ(作品)が今回の移動対象の表示列の一番上の行に配置された状態の新たなページを表示する(ステップSC516〜SC518)。   After that, the CPU 20 displays information on image data in which a display column that matches the object to be moved at that time is present in the display wait list at any movement timing (step). (SC509: YES), the image data, that is, new image data waiting for display is read from the work area 202 as a display target (step SC515). At this time, the information on the new image data is deleted from the display wait list. Then, the CPU 20 displays a new page in a state where the new image data (works) is arranged in the top row of the display column to be moved this time (steps SC516 to SC518).

以後、CPU20は、移動タイミングが到来する毎に、上述したステップSC508〜SC518の処理を繰り返す。これにより、サーバー11に多数投稿され作品エリア202に記憶されている多数の作品が、各々の価値に応じた列に配列されるとともに、各作品が、列毎に決められている速度で流れるように表示される。   Thereafter, the CPU 20 repeats the processes of steps SC508 to SC518 described above every time the movement timing comes. As a result, a large number of works posted on the server 11 and stored in the work area 202 are arranged in columns according to their values, and each work flows at a speed determined for each column. Is displayed.

そして、図15に示したように画面表示処理においては、上述したページ表示を行っている間に、ユーザーからページ更新指示があると(ステップSC402:YES)、CPU20は、その時点で表示バッファ30を初期化した後(ステップSC407)、前述したページ表示を行う(ステップSC401)。その際には、図16のステップSC502〜SC507の処理を経て新たなページが表示される。つまりページ更新指示があった直後には、直前には表示されていなかった新たな16枚の作品が一覧表示されたページが表示され、以後、新たなタイムライン表示が開始される。   Then, in the screen display process as shown in FIG. 15, if the user gives a page update instruction while performing the above-described page display (step SC402: YES), the CPU 20 at that time displays the display buffer 30. Is initialized (step SC407), and the above-described page display is performed (step SC401). In that case, a new page is displayed through the processing of steps SC502 to SC507 in FIG. That is, immediately after the page update instruction is given, a page displaying a list of 16 new works that were not displayed immediately before is displayed, and thereafter, a new timeline display is started.

引き続き、上述したページ表示を行っている間、ユーザーによって、表示中のページ内でいずれかの作品が選択されると(ステップSC403:YES)、CPU20は、その作品の画像データを作品エリア202から読み込み(ステップSC404)、拡大表示する(ステップSC405)。係る処理は、上記特定の作品を、画像サービスサイト10にアクセスしているユーザーの端末1の画面上に実サイズで表示させるための処理である。   Subsequently, when the user selects one of the works in the displayed page while performing the above-described page display (step SC403: YES), the CPU 20 transfers the image data of the work from the work area 202. Reading (step SC404) and enlargement display (step SC405). This process is a process for displaying the specific work in actual size on the screen of the terminal 1 of the user who is accessing the image service site 10.

その後、サーバー11においては、ユーザーから一覧表示の終了が指示されるまでは(ステップSC406:NO)、ステップSC401へ戻り、CPU20は、多数の作品のページ表示を継続する。そして、一覧表示の終了が指示された時点で(ステップSC406:YES)、画面表示処理を終了する。   Thereafter, the server 11 returns to step SC401 until the end of list display is instructed by the user (step SC406: NO), and the CPU 20 continues displaying pages of a large number of works. Then, when the end of the list display is instructed (step SC406: YES), the screen display process is ended.

以上のように本実施形態においては、サーバー11に蓄積された多数の作品(画像)をページ単位で一覧表示することにより、多数の作品をユーザーに対して効率よく表示することができる。同時に、多数の作品を一覧表示する際には、それを前述したタイムライン表示によって行うことより、多数の作品をユーザーの興味を引くように表示させることができる。   As described above, in the present embodiment, a large number of works (images) stored in the server 11 are displayed in a list in units of pages, whereby a large number of works can be efficiently displayed to the user. At the same time, when a large number of works are displayed as a list, a large number of works can be displayed so as to attract the user's interest by performing the above-described timeline display.

しかも、本実施形態におけるタイムライン表示では、各作品を流れるように動いた状態で表示し、各作品の流れ(動き)の速度を各作品の価値に応じて変化させるようにした。したがって、各作品の流れに変化を持たせることができ、多数の作品をより一層ユーザーの興味を引くように表示させることができる。   Moreover, in the timeline display in the present embodiment, each work is displayed in a moving state, and the flow (movement) speed of each work is changed according to the value of each work. Therefore, the flow of each work can be changed, and a large number of works can be displayed so as to further attract the user's interest.

また、本実施形態におけるタイムライン表示では、価値が高い作品ほど流れ(動き)の速度を遅くして、価値が高い作品ほど見やすく表示し、かつ表示時間を長くするとともに、作品のポイント数が高いほど作品の価値を高くし、かつ作者が単なる有料会員である作品よりも、プレミアム会員である作品に価値を高く設定するようにした。また、顔が存在する(検出できた)作品には自動的にポイント数を加算し、顔が存在しない作品よりも価値が高くなるようにした。   In the timeline display in the present embodiment, the higher the value of the work, the slower the flow (movement), the higher the value of the work, the easier it is to display, the longer the display time, and the higher the number of points of the work The value of the work was made higher, and the value of the work that is a premium member was set higher than the work that the author was just a paid member. In addition, points that are automatically detected (added) are added to the work so that the face is more valuable than a work that does not have a face.

したがって、ポイント数が高い作品を相対的にポイント数が低い作品よりも優遇した状態で、また、顔が存在する作品を顔が存在しない作品よりも優遇した状態で、さらにプレミアム会員の作品を有料会員の作品よりも優遇した状態で一覧表示することができる。   Therefore, a premium member's work will be charged with a work with a high number of points preferentially over a work with a relatively low number of points, and a work with a face preferentially over a work with no face. It is possible to display the list in a preferential manner over the member's work.

ここで、本実施形態においては、タイムライン表示に際し、ページ内の複数の作品を縦方向(Y方向)に流れるように表示させるようにしたが、これに限らず、ページ内の複数の作品は、横方向(X方向、図示ぜず)や斜め方向に流れるように表示させてもよいことは勿論である。また、本実施形態では、便宜上、ページ内での作品の配列が4行×4列であるものを説明したが、各列、及び各行の作品数は任意である。   Here, in the present embodiment, when the timeline is displayed, a plurality of works in the page are displayed so as to flow in the vertical direction (Y direction). Of course, it may be displayed so as to flow in the horizontal direction (X direction, not shown) or in an oblique direction. In the present embodiment, for convenience, the arrangement of the works in the page is 4 rows × 4 columns, but the number of works in each column and each row is arbitrary.

また、本実施形態においては、各作品の価値を、作品のポイント数と、その作品の作者の会員種別とに基づいて決定するものについて説明したが、各作品の価値は以下のように決定するようにしてもよい。すなわち各作品の価値は、例えば作品のポイント数、アクセス数(閲覧回数)、ダウンロード数のいずれか1つの属性情報や、いずれか複数の属性情報によって決定してもよいし、各作品の作者の会員種別のみによって決定してもよい。また、各作品の作者の会員種別と、ダウンロード数以外の1つの属性情報とによって決定してもよいし、各作品の作者の会員種別と、複数の属性情報とによって決定してもよい。   In this embodiment, the value of each work is determined based on the number of points of the work and the member type of the creator of the work. However, the value of each work is determined as follows. You may do it. In other words, the value of each work may be determined by, for example, any one piece of attribute information such as the number of points of the work, the number of accesses (the number of browsing), the number of downloads, or any of a plurality of pieces of attribute information. It may be determined only by the membership type. Further, it may be determined by the member type of the creator of each work and one attribute information other than the number of downloads, or may be determined by the member type of the creator of each work and a plurality of attribute information.

また、本実施形態においては、各作品を、新着順を基本してタイムライン表示するものについて説明したが、各作品をランダムにタイムライン表示するようにしてもよい。また、各列における作品の移動速度についても、それらを固定することなく、少なくとも価値の異なる作品の列の移動速度を同一にしないことを条件としてランダムに設定するようにしても構わない。   Further, in the present embodiment, the description has been given of displaying each work on the timeline on the basis of the arrival order, but each work may be displayed on the timeline at random. Also, the moving speed of the works in each row may be set at random without fixing them, on condition that at least the moving speeds of the works having different values are not the same.

また、本実施例においては、作品の価値によって移動速度を変えることによって、作品がユーザーの眼に触れる時間の長短を制御したが、作品が移動するのではなく、同じ位置に表示されていて、次の画像に切り替わるタイミング、すなわち表示持続時間を変えるようにしてもよい。例えば、図17において、各作品は列によって異なる速度で移動するようにしたが、作品Aは同じ位置のまま15秒後に次の作品AAに置き換わり、作品Eは同じ位置のまま30秒後に次の作品EEに置き換わり、作品Iは同じ位置のまま1分後に次の作品IIに置き換わるようにしてもよい。   Also, in this example, the length of time that the work touches the user's eyes was controlled by changing the moving speed depending on the value of the work, but the work is not moved but displayed at the same position, The timing for switching to the next image, that is, the display duration may be changed. For example, in FIG. 17, each work moves at a different speed depending on the row, but work A is replaced with the next work AA after 15 seconds while the work A is in the same position, and work E is moved to the next after 30 seconds with the same position. The work EE may be replaced, and the work I may be replaced with the next work II after 1 minute with the same position.

また、本実施形態においては、画面表示処理に際してCPU20が、サーバー11に多数投稿され作品エリア202に記憶されている全ての作品を対象として、前述したタイムライン表示を行うものについて説明した。しかし、タイムライン表示を行う際、表示対象を特定の画調を有する作品に限定するようにしてもよい。   Further, in the present embodiment, the description has been given of the case where the CPU 20 performs the above-described timeline display for all works that are posted on the server 11 and stored in the work area 202 during the screen display process. However, when performing timeline display, the display target may be limited to works having a specific image tone.

図18は、その場合における画面表示処理の変形例を示した、図15に対応するフローチャートである。表示対象を特定の画調を有する作品に限定する場合には、図17に示したように、CPU20には、任意の画調の作品を対象として複数の作品をタイムライン表示している間には、ユーザーから画調変更指示があった場合(ステップSC408:YES)、表示対象とする作品の画調を予め決められている順に切り替えた後(ステップSC409)、前述したページ表示処理を行わせるようにしてもよい。   FIG. 18 is a flowchart corresponding to FIG. 15 and showing a modification of the screen display process in that case. When the display object is limited to works having a specific tone, as shown in FIG. 17, the CPU 20 displays a plurality of works for a work with an arbitrary tone on the timeline. When the user gives an instruction to change the tone (step SC408: YES), the tone of the work to be displayed is switched in a predetermined order (step SC409), and then the above-described page display process is performed. You may do it.

以上、本発明のいくつかの実施形態、及びその変形例について説明したが、これらは本発明の作用効果が得られる範囲内であれば適宜変更が可能であり、変更後の実施形態も特許請求の範囲に記載された発明、及びその発明と均等の発明の範囲に含まれる。以下に、本出願の特許請求の範囲に記載された発明を付記する。
[請求項1]
サーバーを含みユーザーの端末と接続可能な画像表示システムであって、ネットワークを介して前記サーバーにユーザーの端末から画像をアップロードさせるアップロード手段と、前記アップロードされた画像を記憶する記憶手段と、前記憶手段に記憶されている複数の画像のリサイズ画像を、前記端末で閲覧可能な画面上に各画像の価値に基づき差別化して表示させる表示制御手段とを備えたことを特徴とする画像表示システム。
[請求項2]
前記表示制御手段は、複数の前記リサイズ画像を、各画像の価値に応じて大きさを制御することにより、画面上に差別化して表示させることを特徴とする請求項1記載の画像表示システム。
[請求項3]
前記表示制御手段は、複数の前記リサイズ画像を、各画像の価値に応じて表示形態を制御することにより、画面上に差別化して表示させることを特徴とする請求項1記載の画像表示システム。
[請求項4]
前記表示制御手段は、複数の前記リサイズ画像を前記画面上に移動させながら表示させるとともに、複数の前記リサイズ画像を、各画像の価値に応じて移動速度を制御することにより画面上に差別化して表示させることを特徴とする請求項1記載の画像表示システム。
[請求項5]
前記表示制御手段は、複数の前記リサイズ画像を、各画像の価値に応じて表示時間を制御することにより、画面上に差別化して表示させることを特徴とする請求項1記載の画像表示システム。
[請求項6]
前記表示制御手段は、前記アップロードされた画像に対するアクセス数を、アップロードされた画像に対応する前記リサイズ画像の価値と判断することを特徴とする請求項1記載の画像表示システム。
[請求項7]
前記ユーザーには有料会員と無料会員とが含まれ、前記表示制御手段は、前記無料会員によりアップロードされた画像に対応する前記リサイズ画像の価値よりも、前記有料会員によりアップロードされた画像に対応する前記リサイズ画像の価値を高いと判断することを特徴とする請求項1記載の画像表示システム。
[請求項8]
更に、前記アップロードされた画像にポイントを付加するポイント付加手段を備え、前記表示制御手段は、前記ポイント付加手段により付加されたポイントを複数の前記リサイズ画像の価値と判断することを特徴とする請求項1記載の画像表示システム。
[請求項9]
更に、前記アップロードされた画像から人物の顔を検出する顔検出手段を備え、前記表示制御手段は、前記顔検出手段により顔が検出されなかった画像に対応する前記リサイズ画像の価値よりも、前記顔検出手段により顔が検出された画像に対応する前記リサイズ画像の価値を高いと判断することを特徴とする請求項1記載の画像表示システム。
[請求項10]
更に、前記アップロードされた画像を画調変換処理する画調変換手段を備え、前記表示制御手段は、前記画調変換手段により画調変換処理されて前記憶手段に記憶されている複数の画像のリサイズ画像を、前記端末で閲覧可能な画面上に各画像の画調の種類に対応させた並び順で表示させることを特徴とする請求項1記載の画像表示システム。
[請求項11]
ネットワークを介してサーバーにユーザーの端末から画像をアップロードさせる工程と、アップロードされた画像を記憶する工程と、記憶した複数の画像のリサイズ画像を、前記端末で閲覧可能な画面上に各画像の価値に基づき差別化して表示させる工程とを含むことを特徴とする画像表示方法。
[請求項12]
ネットワークを介してユーザーの端末からアップロードされた画像を記憶する記憶手段と、前記憶手段に記憶されている複数の画像のリサイズ画像を、前記端末で閲覧可能な画面上に各画像の価値に基づき差別化して表示させる表示制御手段とを備えたことを特徴とする画像表示装置。
[請求項13]
コンピュータに、画像をユーザーの端末からサーバーにアップロードさせる処理と、アップロードされた画像を記憶手段に記憶させる処理と、前記憶手段に記憶されている複数の画像のリサイズ画像を、前記端末で閲覧可能な画面上に各画像の価値に基づき差別化して表示させる処理とを実行させることを特徴とするプログラム。
As mentioned above, although several embodiment of this invention and its modification were demonstrated, if these are in the range in which the effect of this invention is acquired, it can change suitably, and embodiment after change is also a claim. It is included in the scope of the invention described in the scope of the invention and the invention equivalent to the invention. The invention described in the claims of the present application will be added below.
[Claim 1]
An image display system including a server and connectable to a user's terminal, wherein the server uploads an image from the user's terminal to the server via a network, storage means for storing the uploaded image, and pre-storage An image display system comprising: display control means for differentiating and displaying resized images of a plurality of images stored in the means on a screen that can be viewed on the terminal based on the value of each image.
[Claim 2]
The image display system according to claim 1, wherein the display control unit differentiates and displays the plurality of resized images on a screen by controlling the size according to the value of each image.
[Claim 3]
The image display system according to claim 1, wherein the display control unit displays the plurality of resized images in a differentiated manner on a screen by controlling a display form according to the value of each image.
[Claim 4]
The display control means displays a plurality of the resized images while moving them on the screen, and differentiates the plurality of resized images on the screen by controlling the moving speed according to the value of each image. The image display system according to claim 1, wherein the image display system is displayed.
[Claim 5]
The image display system according to claim 1, wherein the display control unit displays the plurality of resized images in a differentiated manner on a screen by controlling a display time according to a value of each image.
[Claim 6]
The image display system according to claim 1, wherein the display control unit determines the number of accesses to the uploaded image as the value of the resized image corresponding to the uploaded image.
[Claim 7]
The user includes a paid member and a free member, and the display control means corresponds to the image uploaded by the paid member rather than the value of the resized image corresponding to the image uploaded by the free member. The image display system according to claim 1, wherein the value of the resized image is determined to be high.
[Claim 8]
The image processing apparatus further comprises point addition means for adding points to the uploaded image, wherein the display control means determines the points added by the point addition means as the values of the plurality of resized images. Item 8. The image display system according to Item 1.
[Claim 9]
Further, the image processing apparatus includes a face detection unit that detects a human face from the uploaded image, and the display control unit has a value more than the value of the resized image corresponding to an image in which no face is detected by the face detection unit. 2. The image display system according to claim 1, wherein the resized image corresponding to the image in which the face is detected by the face detecting means is judged to have a high value.
[Claim 10]
Further, the image processing apparatus includes a color tone conversion unit that performs a color tone conversion process on the uploaded image, and the display control unit stores a plurality of images that have been subjected to a color tone conversion process by the color tone conversion unit and are stored in the previous storage unit. 2. The image display system according to claim 1, wherein the resized images are displayed on a screen that can be viewed on the terminal in an arrangement order corresponding to the type of image tone of each image.
[Claim 11]
The process of uploading images from the user's terminal to the server via the network, the process of storing the uploaded images, and the resized images of the plurality of stored images, the value of each image on the screen that can be viewed on the terminal An image display method comprising the steps of differentiating and displaying based on:
[Claim 12]
Storage means for storing images uploaded from the user's terminal via the network, and resized images of a plurality of images stored in the previous storage means, based on the value of each image on a screen that can be viewed on the terminal An image display device comprising: display control means for displaying differentiating.
[Claim 13]
Allows the computer to view the process of uploading images from the user's terminal to the server, the process of storing the uploaded images in the storage means, and the resized images of a plurality of images stored in the previous storage means on the terminal And a process for differentiating and displaying on the screen based on the value of each image.

1 端末
10 画像サービスサイト
11 サーバー
20 CPU
22 グラフィックアクセラレータ
30 表示バッファ
100 会員エリア
102 ユーザーID
104 属性情報
106 アップロード画像エリア
108 作品バッファエリア
110 ダウンロード作品バッファ
200 共通エリア
202 作品エリア
204 画像ID
206 属性情報
208 画像データ
300 制御エリア
302 絵画変換処理部
304 パラメータテーブル
308 表示制御部
310 評価制御部
312 会員管理部
500 インターネット
1 terminal 10 image service site 11 server 20 CPU
22 Graphic accelerator 30 Display buffer 100 Member area 102 User ID
104 Attribute information 106 Upload image area 108 Work buffer area 110 Download work buffer 200 Common area 202 Work area 204 Image ID
206 Attribute Information 208 Image Data 300 Control Area 302 Painting Conversion Processing Unit 304 Parameter Table 308 Display Control Unit 310 Evaluation Control Unit 312 Member Management Unit 500 Internet

請求項1記載の発明は、複数の画像を記憶する記憶手段と、前記記憶手段に記憶されている画像の価値を評価する価値評価手段と、前記記憶手段に記憶されている複数の画像の中から所定数の画像を、画面上に移動させながら表示させる第1の表示制御手段と、前記価値評価手段により評価された各画像の価値に基づき、画面上での画像の移動表示形態を異ならせる第2の表示制御手段と、を具備することを特徴とする画像表示装置を提供するものである。
請求項2記載の発明は、前記第2の表示制御手段は、前記価値評価手段により評価された各画像の価値に基づき、前記画面上での画像の移動速度を異ならせることを特徴とする請求項1記載の画像表示装置を提供するものである。
請求項3記載の発明は、前記第2の表示制御手段は、前記価値評価手段により評価された各画像の価値に基づき、前記画面上での画像の表示時間を異ならせることを特徴とする請求項1記載の画像表示装置を提供するものである。
請求項4記載の発明は、前記第1の表示制御手段は、画面上に複数の画像を行列方向に配列し、画像を行方向または列方向へ移動させながら表示させ、前記第2の表示制御手段は、前記価値評価手段により評価された各画像の価値に基づき、画面上での画像の行方向または列方向への移動速度を異ならせることを特徴とする請求項1または2記載の画像表示装置を提供するものである。
請求項5記載の発明は、前記第1の表示制御手段により画面上に画像が配列される行または列に、価値が対応しており、前記価値評価手段により価値が評価された画像は、該評価された価値に対応する行または列に配置されることを特徴とする請求項4記載の画像表示装置を提供するものである。
請求項6記載の発明は、前記記憶手段に記憶されている画像を、リサイズして前記画面に表示させるリサイズ手段を備えることを特徴とする請求項1ないし5いずれかに記載の画像表示装置を提供するものである。
請求項7記載の発明は、複数の画像を記憶する記憶手段を有する画像表示装置のコンピュータを、前記記憶手段に記憶されている画像の価値を評価する価値評価手段、前記記憶手段に記憶されている複数の画像の中から所定数の画像を、画面上に移動させながら表示させる第1の表示制御手段、前記価値評価手段により評価された各画像の価値に基づき、画面上で移動させながら表示する画像の移動速度または表示時間を異ならせる第2の表示制御手段と、して機能させることを特徴とするプログラムを提供するものである。
請求項8記載の発明は、複数の画像を記憶する記憶手段を有する画像表示装置の画像表示方法において、前記記憶手段に記憶されている画像の価値を評価する価値評価ステップ、前記記憶手段に記憶されている複数の画像の中から所定数の画像を、画面上に移動させながら表示させる第1の表示制御ステップ、前記価値評価手段により評価された各画像の価値に基づき、画面上で移動させながら表示する画像の移動速度または表示時間を異ならせる第2の表示制御ステップ、を有することを特徴とする画像表示方法を提供するものである。
請求項9記載の発明は、サーバーを含み複数のユーザーの端末と接続可能で、ネットワークを介して前記サーバーにユーザーの端末から画像をアップロードさせるアップロード手段と、前記複数のユーザーの端末からアップロードされた画像を記憶する記憶手段と、を有する画像表示システムにおいて、前記アップロードされた画像の価値を評価する価値評価手段と、前記記憶手段に記憶されている複数の画像の中から所定数の画像を、移動させながら前記ユーザーの端末の画面上に表示させる第1の表示制御手段と、前記価値評価手段により評価された各画像の価値に基づき、画面上での画像の移動表示形態を異ならせる第2の表示制御手段と、を備え、前記第2の表示制御手段は、前記画面に表示された所定数の画像を、各画像の価値に応じて移動速度または表示時間の少なくともいずれか一方を差別化して表示させることを特徴とする画像表示システムを提供するものである。
請求項10記載の発明は、前記サーバーは、前記ユーザーの端末から前記画像をダウンロードする手段を備え、価値評価手段は、当該画像に対するダウンロード回数またはアクセス回数によって価値を上げることを特徴とする請求項9記載の画像表示システムを提供するものである。
According to the first aspect of the present invention, a storage unit that stores a plurality of images, a value evaluation unit that evaluates the value of an image stored in the storage unit, and a plurality of images stored in the storage unit The first display control means for displaying a predetermined number of images while being moved on the screen, and the movement display form of the images on the screen are made different based on the value of each image evaluated by the value evaluation means. And an image display apparatus comprising: a second display control unit .
The invention according to claim 2 is characterized in that the second display control means varies the moving speed of the image on the screen based on the value of each image evaluated by the value evaluation means. An image display device according to item 1 is provided.
The invention according to claim 3 is characterized in that the second display control means varies the display time of the image on the screen based on the value of each image evaluated by the value evaluation means. An image display device according to item 1 is provided.
According to a fourth aspect of the present invention, the first display control means arranges a plurality of images on a screen in a matrix direction, displays the images while moving them in a row direction or a column direction, and performs the second display control. 3. The image display according to claim 1, wherein the means changes the moving speed of the image in the row direction or the column direction on the screen based on the value of each image evaluated by the value evaluation means. A device is provided.
In the invention according to claim 5 , the value corresponds to the row or column in which the image is arranged on the screen by the first display control means, and the image whose value is evaluated by the value evaluation means 5. The image display device according to claim 4, wherein the image display device is arranged in a row or a column corresponding to the evaluated value .
The invention according to claim 6 further comprises resizing means for resizing and displaying the image stored in the storage means on the screen. It is to provide.
According to a seventh aspect of the present invention, a computer of an image display device having storage means for storing a plurality of images is stored in the storage means, value evaluation means for evaluating the value of the image stored in the storage means. A first display control means for displaying a predetermined number of images from among a plurality of images being displayed on the screen while being moved on the screen based on the value of each image evaluated by the value evaluation means. The present invention provides a program characterized by functioning as second display control means for varying the moving speed or display time of an image to be displayed .
According to an eighth aspect of the present invention, in an image display method of an image display device having a storage unit for storing a plurality of images, a value evaluation step for evaluating the value of an image stored in the storage unit, and the storage in the storage unit A first display control step for displaying a predetermined number of images from a plurality of images being moved on the screen, and moving the image based on the value of each image evaluated by the value evaluation means There is also provided an image display method characterized by having a second display control step of varying the moving speed or display time of an image to be displayed .
The invention according to claim 9 includes an upload means that can be connected to a plurality of user terminals including a server, and that uploads images from the user terminal to the server via a network, and is uploaded from the plurality of user terminals. In an image display system having a storage means for storing an image, a value evaluation means for evaluating the value of the uploaded image, and a predetermined number of images among a plurality of images stored in the storage means, A first display control means for displaying on the screen of the user terminal while moving, and a second display for changing the moving display form of the image on the screen based on the value of each image evaluated by the value evaluation means. Display control means, wherein the second display control means converts a predetermined number of images displayed on the screen to the value of each image. Flip and there is provided an image display system, characterized in that display to differentiate at least one of the moving speed or display time.
The invention according to claim 10 is characterized in that the server includes means for downloading the image from the terminal of the user, and the value evaluation means increases the value by the number of downloads or the number of accesses to the image. The image display system according to 9 , is provided.

したがって、多数の作品を、効率よく、しかもユーザーの興味を引くように表示させることができる。Therefore, it is possible to display a large number of works efficiently and so as to attract the user's interest.

次に、絵画変換処理部302は、顔検出処理を行い、変換対象の写真が顔を含んでいるかどうかを確認する(ステップSC102)。これは、顔部分に極端な変換をかけると変換後の画像が不自然になるので、顔の部分に特にきめ細かな絵画変換処理を施すためである。 Next, the picture conversion processing unit 302 performs face detection processing and confirms whether or not the conversion target photograph includes a face (step SC 102 ). This is because when the face portion is subjected to extreme conversion, the converted image becomes unnatural, and thus the face portion is subjected to particularly fine picture conversion processing.

ステップSC104,SC105,SC106の処理に際して絵画変換処理部302は、表示画面サイズの画像データを対象として絵画変換し、ユーザーの端末1から決定が指示されれば(ステップSC112:YES)、本画像の絵画変換へと進み(ステップSC113)、他の画調でやり直すことが指示されれば(ステップSC112:NO)、ステップSC103の処理へ戻る。 Step SC104, SC 105, painting conversion processor 302 upon treatment SC106 is to painting conversion as the target image data in the table示画surface size, if determined from the user's terminal 1 is instructed (step SC112: YES), the image If it is instructed to redo with another picture tone (step SC112: NO), the process returns to step SC103.

ステップSC113の本画像の絵画変換に際して絵画変換処理部302は、ステップSC112で決定した画調変換アルゴリズムでパラメータテーブル304と重要度マップ306を参照しながら本画像に対し画調変換処理を行う(ステップSC114,SC115)。同じ画調であっても画像サイズが異なると適切なパラメータは異なってくるので、ステップSC115で使用するパラメータテーブルはステップSC107若しくはSC108で取得したパラメータとは別のものとなる。 In the picture conversion of the main image in step SC 113, the picture conversion processing unit 302 performs a tone conversion process on the main image with reference to the parameter table 304 and the importance map 306 using the tone conversion algorithm determined in step SC 112 ( Steps SC114 and SC115). Even if the image tone is the same, the appropriate parameter differs when the image size is different. Therefore, the parameter table used in step SC115 is different from the parameter acquired in step SC107 or SC108.

しかる後、CPU20は、表示バッファ30に配列した複数の作品を図14に示した状態で一覧表示するページ表示処理を行う(ステップSC302)。図14に示したように、本実施形態において、表示対象となる複数の作品は、1画面内に横軸方向を画調の種類とし、縦軸方向を新着順とした配置状態で表示される。 Thereafter, the CPU 20 performs page display processing for displaying a list of a plurality of works arranged in the display buffer 30 in the state shown in FIG. 14 (step SC302). As shown in FIG. 14, in the present embodiment, a plurality of works to be displayed are displayed in an arrangement state in which the horizontal axis direction is the type of image tone and the vertical axis direction is the new arrival order in one screen. .

引き続き、CPU20は、表示対象の作品が有料会員か、又はプレミアム会員の作品であるか否かを確認し、表示対象の作品が無料会員の作品であった場合には(ステップSC357:NO)、直ちに、後述するステップSC306の処理へ進む。 Subsequently, the CPU 20 confirms whether the work to be displayed is a paid member or a premium member, and if the work to be displayed is a free member work (step SC357: NO), Immediately, the process proceeds to step SC 306 described later.

しかる後、CPU20は、前述したステップSC353の処理へ移行し、前述した処理を実行する。これにより、例えば各画調の列の最下部に表示されていた作品の表示が終了し、それに代わり最上部に新たな作品が表示されることとなる。 Thereafter, the CPU 20 proceeds to the process of step SC353 described above and executes the process described above. As a result, for example, the display of the work displayed at the bottom of each row of image tone ends, and a new work is displayed at the top instead.

しかる後、CPU20は、前述したステップSC353の処理へ移行し、各列における画調の割り当てを変更した状態で、前述した処理を実行する。これにより、図14に示した例では、油絵調の列に表示されていた作品群、又は色鉛筆の列に表示されていた作品群に代わり、それまで表示されていなかった他の画調の作品群が新たに表示されることとなる。 Thereafter, CPU 20, the process proceeds to step SC 353 as described above, while changing the allocation of image tone in each column, and performs the process described above. Accordingly, in the example shown in FIG. 14, instead of the work group displayed in the oil painting style column or the work group displayed in the color pencil line, the other painting style work that has not been displayed until then. The group will be newly displayed.

画面表示処理に際してCPU20は、サーバー11に多数投稿され作品エリア202に記憶されている多数の作品の画像データを一覧表示するためのページ表示処理を行う(ステップSC401)。係るステップSC401の処理が、図5に示した工程中の一覧表示処理(SC4)であり、画像サービスサイト10にアクセスしているユーザーの端末1の画面上に、画像データにより表される多数の作品を表示させる処理である。 In the screen display process, the CPU 20 performs a page display process for displaying a list of image data of a large number of works submitted to the server 11 and stored in the work area 202 (step SC401). The process in step SC 401 is the list display process (SC 4) in the process shown in FIG. 5, and a large number of image data is displayed on the screen of the terminal 1 of the user accessing the image service site 10. It is a process to display the work of.

ここで、ステップSC401のページ表示処理は、多数の作品を時間とともに流れるように表示させるタイムライン表示を行う処理である。本実施形態のタイムライン表示は、図17(A)〜(C)に示したように、多数の作品をページ内(1画面内)に4行×4列に配列させるとともに、各列の作品群を、列毎に決められている所定の速度で上から下に向って(Y方向)に所定の速さで流れるように移動させて表示するものである。 Here, the page display process of step SC 401 is a process of performing a timeline display for displaying a large number of works so as to flow with time. As shown in FIGS. 17A to 17C, the timeline display of this embodiment arranges a large number of works in a page (in one screen) in 4 rows × 4 columns, and works in each column. The group is moved and displayed so as to flow at a predetermined speed from the top to the bottom (Y direction) at a predetermined speed determined for each column.

すなわち、作品A,B,C,Dが並んだ第1の列と、作品E,F,G,Hが並んだ第2の列と、作品I,J,K,Lが並んだ第3の列と、作品M,N,O,Pが並んだ第4の列の各画像を、列毎にそれぞれ異なった速度でY方向へ流れるように移動させるものである。なお、タイムライン表示に際して各作品の表示間隔は予め決められた間隔で固定される。 That is, a first row in which works A, B, C, and D are arranged, a second row in which works E, F, G, and H are arranged, and a third row in which works I, J, K, and L are arranged The images in the fourth row in which the rows and works M, N, O, and P are arranged are moved so as to flow in the Y direction at different speeds for each row. Note that the display interval of each work is fixed at a predetermined interval when displaying the timeline.

本実施形態においては、各列の画像を異なった速度でY方向に流れて表示させるため、図17(A)→図17(B)→図17(C)と時系列に見ていくと、例えばこれが10秒毎の画面とすれば、作品より作品が早く流れて行き、作品Iは少なくとも30秒間は固定のままである。作品Mの列は作品Aの列と同じ動きをしている。従って、作品Eの列や作品Iの列のようにゆっくり流れる方が、速く流れるよりも視聴者の目に触れている時間が長いこととなる。 In this embodiment, in order to display the images of each column in the Y direction at different speeds, when viewed in time series as FIG. 17 (A) → FIG. 17 (B) → FIG. 17 (C), For example, if this is a screen every 10 seconds, work A flows faster than work E , and work I remains fixed for at least 30 seconds. The line of work M is the same as the line of work A. Therefore, the time that the viewer slowly touches like the row of work E and the row of work I takes longer time to touch the viewer's eyes than when it flows fast.

ここで、本実施形態においては、各作品を流す速度が列毎に予め決められている。具体的には、図17(A)に示した作品A,B,C,Dが並んだ第1の列と、作品M,N,O,Pが並んだ第4の列との速度が同じ速度で、かつ最も速く、作品E,F,G,Hが並んだ第2の列の速度が次に速く、作品I,J,K,Lが並んだ第3の列の速度が最も遅くなっている。 Here, in this embodiment, the speed | rate which flows each work is predetermined for every row | line | column. Specifically, the speeds of the first column in which works A, B, C, and D shown in FIG. 17A are arranged and the fourth column in which works M, N, O, and P are arranged are the same. The speed is the fastest, the speed of the second row where works E, F, G and H are arranged next is the fastest, and the speed of the third line where works I, J, K and L are arranged is the slowest. ing.

その際、前述したように本実施形態では、図17(A)に示した作品A,B,C,Dが並んだ第1の列と、作品M,N,O,Pが並んだ第4の列との速度が同じ速度で、かつ最も速く、作品E,F,G,Hが並んだ第2の列の速度が次に速く、作品I,J,K,Lが並んだ第3の列の速度が最も遅くなっている。したがって、一定時間内に、画像を移動すべき表示列(以下、移動対象の表示列という。)となる回数は、上記の第1の列、及び第4の列が最も多く、次に第2の列が多く、第3の列が最も少なくなっている。 At this time, as described above, in the present embodiment, the first row in which the works A, B, C, and D shown in FIG. 17A are arranged and the fourth row in which the works M, N, O, and P are arranged. The speed of the second row is the same, the fastest, the second row where works E, F, G, and H are arranged next, and the works I, J, K, and L are arranged third. The column is slowest. Accordingly, the number of times that the image is to be moved to the display column (hereinafter referred to as the display column to be moved) within a certain time is the largest in the first column and the fourth column, and then the second column. There are many columns, and the third column is the smallest.

そして、CPU20は、新たな画像データの表示列が今回の移動対象であれば、つまり新たな画像データの表示列に空きがあれば(ステップSC512:YES)、当該新たな画像データを作品エリア202から読み込む(ステップSC513)。 Then, if the display row of new image data is the current movement target, that is , if there is a vacancy in the display row of new image data (step SC512: YES), the CPU 20 stores the new image data in the work area 202. (Step SC513).

次に、CPU20は、読み込んだ画像データをビットマップデータに変換し(ステップSC516)、それを表示バッファ30内の空き位置、つまり移動対象の表示列の一番上の行に配置する(ステップSC517)、しかる後、表示バッファ30内の更新後の全画像データ、つまり移動対象の表示列の既存の3枚の作品が一行下に移動した状態に変化した新たな一画面分の画像をページ表示する(ステップSC518)。 Next, the CPU 20 converts the read image data into bitmap data (step SC516), and arranges it in the empty position in the display buffer 30, that is, the top row of the display column to be moved (step SC). 517 ) Thereafter, all the updated image data in the display buffer 30, that is, the image of a new screen that has been changed to a state in which the three existing works in the display column to be moved are moved down by one page. It is displayed (step SC518).

以上、本発明のいくつかの実施形態、及びその変形例について説明したが、これらは本発明の作用効果が得られる範囲内であれば適宜変更が可能であり、変更後の実施形態も特許請求の範囲に記載された発明、及びその発明と均等の発明の範囲に含まれる。以下に、本出願の当初の特許請求の範囲に記載された発明を付記する。
[請求項1]
サーバーを含みユーザーの端末と接続可能な画像表示システムであって、ネットワークを介して前記サーバーにユーザーの端末から画像をアップロードさせるアップロード手段と、前記アップロードされた画像を記憶する記憶手段と、前記憶手段に記憶されている複数の画像のリサイズ画像を、前記端末で閲覧可能な画面上に各画像の価値に基づき差別化して表示させる表示制御手段とを備えたことを特徴とする画像表示システム。
[請求項2]
前記表示制御手段は、複数の前記リサイズ画像を、各画像の価値に応じて大きさを制御することにより、画面上に差別化して表示させることを特徴とする請求項1記載の画像表示システム。
[請求項3]
前記表示制御手段は、複数の前記リサイズ画像を、各画像の価値に応じて表示形態を制御することにより、画面上に差別化して表示させることを特徴とする請求項1記載の画像表示システム。
[請求項4]
前記表示制御手段は、複数の前記リサイズ画像を前記画面上に移動させながら表示させるとともに、複数の前記リサイズ画像を、各画像の価値に応じて移動速度を制御することにより画面上に差別化して表示させることを特徴とする請求項1記載の画像表示システム。
[請求項5]
前記表示制御手段は、複数の前記リサイズ画像を、各画像の価値に応じて表示時間を制御することにより、画面上に差別化して表示させることを特徴とする請求項1記載の画像表示システム。
[請求項6]
前記表示制御手段は、前記アップロードされた画像に対するアクセス数を、アップロードされた画像に対応する前記リサイズ画像の価値と判断することを特徴とする請求項1記載の画像表示システム。
[請求項7]
前記ユーザーには有料会員と無料会員とが含まれ、前記表示制御手段は、前記無料会員によりアップロードされた画像に対応する前記リサイズ画像の価値よりも、前記有料会員によりアップロードされた画像に対応する前記リサイズ画像の価値を高いと判断することを特徴とする請求項1記載の画像表示システム。
[請求項8]
更に、前記アップロードされた画像にポイントを付加するポイント付加手段を備え、前記表示制御手段は、前記ポイント付加手段により付加されたポイントを複数の前記リサイズ画像の価値と判断することを特徴とする請求項1記載の画像表示システム。
[請求項9]
更に、前記アップロードされた画像から人物の顔を検出する顔検出手段を備え、前記表示制御手段は、前記顔検出手段により顔が検出されなかった画像に対応する前記リサイズ画像の価値よりも、前記顔検出手段により顔が検出された画像に対応する前記リサイズ画像の価値を高いと判断することを特徴とする請求項1記載の画像表示システム。
[請求項10]
更に、前記アップロードされた画像を画調変換処理する画調変換手段を備え、前記表示制御手段は、前記画調変換手段により画調変換処理されて前記憶手段に記憶されている複数の画像のリサイズ画像を、前記端末で閲覧可能な画面上に各画像の画調の種類に対応させた並び順で表示させることを特徴とする請求項1記載の画像表示システム。
[請求項11]
ネットワークを介してサーバーにユーザーの端末から画像をアップロードさせる工程と、アップロードされた画像を記憶する工程と、記憶した複数の画像のリサイズ画像を、前記端末で閲覧可能な画面上に各画像の価値に基づき差別化して表示させる工程とを含むことを特徴とする画像表示方法。
[請求項12]
ネットワークを介してユーザーの端末からアップロードされた画像を記憶する記憶手段と、前記憶手段に記憶されている複数の画像のリサイズ画像を、前記端末で閲覧可能な画面上に各画像の価値に基づき差別化して表示させる表示制御手段とを備えたことを特徴とする画像表示装置。
[請求項13]
コンピュータに、画像をユーザーの端末からサーバーにアップロードさせる処理と、アップロードされた画像を記憶手段に記憶させる処理と、前記憶手段に記憶されている複数の画像のリサイズ画像を、前記端末で閲覧可能な画面上に各画像の価値に基づき差別化して表示させる処理とを実行させることを特徴とするプログラム。

As mentioned above, although several embodiment of this invention and its modification were demonstrated, if these are in the range in which the effect of this invention is acquired, it can change suitably, and embodiment after change is also a claim. It is included in the scope of the invention described in the scope of the invention and the invention equivalent to the invention. Hereinafter, note the invention described in the scope of the original claims of the present application.
[Claim 1]
An image display system including a server and connectable to a user's terminal, wherein the server uploads an image from the user's terminal to the server via a network, storage means for storing the uploaded image, and pre-storage An image display system comprising: display control means for differentiating and displaying resized images of a plurality of images stored in the means on a screen that can be viewed on the terminal based on the value of each image.
[Claim 2]
The image display system according to claim 1, wherein the display control unit differentiates and displays the plurality of resized images on a screen by controlling the size according to the value of each image.
[Claim 3]
The image display system according to claim 1, wherein the display control unit displays the plurality of resized images in a differentiated manner on a screen by controlling a display form according to the value of each image.
[Claim 4]
The display control means displays a plurality of the resized images while moving them on the screen, and differentiates the plurality of resized images on the screen by controlling the moving speed according to the value of each image. The image display system according to claim 1, wherein the image display system is displayed.
[Claim 5]
The image display system according to claim 1, wherein the display control unit displays the plurality of resized images in a differentiated manner on a screen by controlling a display time according to a value of each image.
[Claim 6]
The image display system according to claim 1, wherein the display control unit determines the number of accesses to the uploaded image as the value of the resized image corresponding to the uploaded image.
[Claim 7]
The user includes a paid member and a free member, and the display control means corresponds to the image uploaded by the paid member rather than the value of the resized image corresponding to the image uploaded by the free member. The image display system according to claim 1, wherein the value of the resized image is determined to be high.
[Claim 8]
The image processing apparatus further comprises point addition means for adding points to the uploaded image, wherein the display control means determines the points added by the point addition means as the values of the plurality of resized images. Item 8. The image display system according to Item 1.
[Claim 9]
Further, the image processing apparatus includes a face detection unit that detects a human face from the uploaded image, and the display control unit has a value more than the value of the resized image corresponding to an image in which no face is detected by the face detection unit. 2. The image display system according to claim 1, wherein the resized image corresponding to the image in which the face is detected by the face detecting means is judged to have a high value.
[Claim 10]
Further, the image processing apparatus includes a color tone conversion unit that performs a color tone conversion process on the uploaded image, and the display control unit stores a plurality of images that have been subjected to a color tone conversion process by the color tone conversion unit and are stored in the previous storage unit. 2. The image display system according to claim 1, wherein the resized images are displayed on a screen that can be viewed on the terminal in an arrangement order corresponding to the type of image tone of each image.
[Claim 11]
The process of uploading images from the user's terminal to the server via the network, the process of storing the uploaded images, and the resized images of the plurality of stored images, the value of each image on the screen that can be viewed on the terminal An image display method comprising the steps of differentiating and displaying based on:
[Claim 12]
Storage means for storing images uploaded from the user's terminal via the network, and resized images of a plurality of images stored in the previous storage means, based on the value of each image on a screen that can be viewed on the terminal An image display device comprising: display control means for displaying differentiating.
[Claim 13]
Allows the computer to view the process of uploading images from the user's terminal to the server, the process of storing the uploaded images in the storage means, and the resized images of a plurality of images stored in the previous storage means on the terminal And a process for differentiating and displaying on the screen based on the value of each image.

Claims (13)

サーバーを含みユーザーの端末と接続可能な画像表示システムであって、
ネットワークを介して前記サーバーにユーザーの端末から画像をアップロードさせるアップロード手段と、
前記アップロードされた画像を記憶する記憶手段と、
前記憶手段に記憶されている複数の画像のリサイズ画像を、前記端末で閲覧可能な画面上に各画像の価値に基づき差別化して表示させる表示制御手段と
を備えたことを特徴とする画像表示システム。
An image display system including a server and connectable to a user terminal,
Upload means for uploading images from a user's terminal to the server via a network;
Storage means for storing the uploaded image;
Image display comprising: display control means for differentiating and displaying resized images of a plurality of images stored in the pre-storage means on a screen viewable on the terminal based on the value of each image system.
前記表示制御手段は、複数の前記リサイズ画像を、各画像の価値に応じて大きさを制御することにより、画面上に差別化して表示させることを特徴とする請求項1記載の画像表示システム。   The image display system according to claim 1, wherein the display control unit differentiates and displays the plurality of resized images on a screen by controlling the size according to the value of each image. 前記表示制御手段は、複数の前記リサイズ画像を、各画像の価値に応じて表示形態を制御することにより、画面上に差別化して表示させることを特徴とする請求項1記載の画像表示システム。   The image display system according to claim 1, wherein the display control unit displays the plurality of resized images in a differentiated manner on a screen by controlling a display form according to the value of each image. 前記表示制御手段は、複数の前記リサイズ画像を前記画面上に移動させながら表示させるとともに、複数の前記リサイズ画像を、各画像の価値に応じて移動速度を制御することにより画面上に差別化して表示させることを特徴とする請求項1記載の画像表示システム。   The display control means displays a plurality of the resized images while moving them on the screen, and differentiates the plurality of resized images on the screen by controlling the moving speed according to the value of each image. The image display system according to claim 1, wherein the image display system is displayed. 前記表示制御手段は、複数の前記リサイズ画像を、各画像の価値に応じて表示時間を制御することにより、画面上に差別化して表示させることを特徴とする請求項1記載の画像表示システム。   The image display system according to claim 1, wherein the display control unit displays the plurality of resized images in a differentiated manner on a screen by controlling a display time according to a value of each image. 前記表示制御手段は、前記アップロードされた画像に対するアクセス数を、アップロードされた画像に対応する前記リサイズ画像の価値と判断することを特徴とする請求項1記載の画像表示システム。   The image display system according to claim 1, wherein the display control unit determines the number of accesses to the uploaded image as the value of the resized image corresponding to the uploaded image. 前記ユーザーには有料会員と無料会員とが含まれ、
前記表示制御手段は、前記無料会員によりアップロードされた画像に対応する前記リサイズ画像の価値よりも、前記有料会員によりアップロードされた画像に対応する前記リサイズ画像の価値を高いと判断する
ことを特徴とする請求項1記載の画像表示システム。
The users include paid and free members,
The display control means determines that the value of the resized image corresponding to the image uploaded by the paying member is higher than the value of the resized image corresponding to the image uploaded by the free member. The image display system according to claim 1.
更に、前記アップロードされた画像にポイントを付加するポイント付加手段を備え、
前記表示制御手段は、前記ポイント付加手段により付加されたポイントを複数の前記リサイズ画像の価値と判断する
ことを特徴とする請求項1記載の画像表示システム。
Furthermore, a point adding means for adding points to the uploaded image is provided,
The image display system according to claim 1, wherein the display control unit determines the points added by the point addition unit as values of the plurality of resized images.
更に、前記アップロードされた画像から人物の顔を検出する顔検出手段を備え、
前記表示制御手段は、前記顔検出手段により顔が検出されなかった画像に対応する前記リサイズ画像の価値よりも、前記顔検出手段により顔が検出された画像に対応する前記リサイズ画像の価値を高いと判断する
ことを特徴とする請求項1記載の画像表示システム。
Furthermore, it comprises a face detection means for detecting a human face from the uploaded image,
The display control means has a higher value of the resized image corresponding to the image whose face is detected by the face detecting means than the value of the resized image corresponding to the image whose face is not detected by the face detecting means. The image display system according to claim 1, wherein the image display system is determined.
更に、前記アップロードされた画像を画調変換処理する画調変換手段を備え、
前記表示制御手段は、前記画調変換手段により画調変換処理されて前記憶手段に記憶されている複数の画像のリサイズ画像を、前記端末で閲覧可能な画面上に各画像の画調の種類に対応させた並び順で表示させる
ことを特徴とする請求項1記載の画像表示システム。
Further, the image processing apparatus includes a tone conversion unit that performs tone conversion processing on the uploaded image,
The display control means displays the resized images of the plurality of images that have been subjected to the tone conversion processing by the tone conversion unit and stored in the previous storage unit, on the screen that can be browsed on the terminal, the type of the tone of each image The image display system according to claim 1, wherein the images are displayed in an arrangement order corresponding to each other.
ネットワークを介してサーバーにユーザーの端末から画像をアップロードさせる工程と、
アップロードされた画像を記憶する工程と、
記憶した複数の画像のリサイズ画像を、前記端末で閲覧可能な画面上に各画像の価値に基づき差別化して表示させる工程と
を含むことを特徴とする画像表示方法。
Uploading images from the user ’s device to the server over the network,
Storing the uploaded image; and
And a step of differentiating and displaying the resized images of the plurality of stored images on the screen viewable on the terminal based on the value of each image.
ネットワークを介してユーザーの端末からアップロードされた画像を記憶する記憶手段と、
前記憶手段に記憶されている複数の画像のリサイズ画像を、前記端末で閲覧可能な画面上に各画像の価値に基づき差別化して表示させる表示制御手段と
を備えたことを特徴とする画像表示装置。
Storage means for storing an image uploaded from a user's terminal via a network;
Image display comprising: display control means for differentiating and displaying resized images of a plurality of images stored in the pre-storage means on a screen viewable on the terminal based on the value of each image apparatus.
コンピュータに、画像をユーザーの端末からサーバーにアップロードさせる処理と、
アップロードされた画像を記憶手段に記憶させる処理と、
前記憶手段に記憶されている複数の画像のリサイズ画像を、前記端末で閲覧可能な画面上に各画像の価値に基づき差別化して表示させる処理と
を実行させることを特徴とするプログラム。
Let the computer upload the image from the user ’s device to the server,
A process of storing the uploaded image in a storage means;
A program for executing a process of differentiating and displaying resized images of a plurality of images stored in a pre-storage unit on a screen viewable on the terminal based on the value of each image.
JP2013126266A 2011-03-30 2013-06-17 Image display system, image display apparatus and program Active JP5652508B2 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2013126266A JP5652508B2 (en) 2011-03-30 2013-06-17 Image display system, image display apparatus and program

Applications Claiming Priority (5)

Application Number Priority Date Filing Date Title
JP2011074927 2011-03-30
JP2011074927 2011-03-30
JP2011115509 2011-05-24
JP2011115509 2011-05-24
JP2013126266A JP5652508B2 (en) 2011-03-30 2013-06-17 Image display system, image display apparatus and program

Related Parent Applications (1)

Application Number Title Priority Date Filing Date
JP2011185627A Division JP5408208B2 (en) 2011-03-30 2011-08-29 Image display system, image display apparatus and program

Publications (2)

Publication Number Publication Date
JP2013235596A true JP2013235596A (en) 2013-11-21
JP5652508B2 JP5652508B2 (en) 2015-01-14

Family

ID=49761608

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2013126266A Active JP5652508B2 (en) 2011-03-30 2013-06-17 Image display system, image display apparatus and program

Country Status (1)

Country Link
JP (1) JP5652508B2 (en)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2015184729A (en) * 2014-03-20 2015-10-22 フリュー株式会社 Image management system, management server, image evaluation method, control program, and recording medium
JP2022024618A (en) * 2020-07-28 2022-02-09 本田技研工業株式会社 Information sharing system and information sharing method

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO1995008168A1 (en) * 1993-09-16 1995-03-23 Namco Ltd. Scroll screen display circuit
JP2004139343A (en) * 2002-10-17 2004-05-13 Fuji Photo Film Co Ltd Method and device for evaluating contents and program
JP2010152777A (en) * 2008-12-26 2010-07-08 Hitachi Ltd Content listing display device

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO1995008168A1 (en) * 1993-09-16 1995-03-23 Namco Ltd. Scroll screen display circuit
JP2004139343A (en) * 2002-10-17 2004-05-13 Fuji Photo Film Co Ltd Method and device for evaluating contents and program
JP2010152777A (en) * 2008-12-26 2010-07-08 Hitachi Ltd Content listing display device

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2015184729A (en) * 2014-03-20 2015-10-22 フリュー株式会社 Image management system, management server, image evaluation method, control program, and recording medium
JP2022024618A (en) * 2020-07-28 2022-02-09 本田技研工業株式会社 Information sharing system and information sharing method
JP7390264B2 (en) 2020-07-28 2023-12-01 本田技研工業株式会社 Information sharing system and information sharing method

Also Published As

Publication number Publication date
JP5652508B2 (en) 2015-01-14

Similar Documents

Publication Publication Date Title
JP5408208B2 (en) Image display system, image display apparatus and program
JP5344008B2 (en) Image display system, image display apparatus, image display method, and program
US9886420B2 (en) System and method for creating and sharing photo stories
JP6559609B2 (en) Image composition apparatus, image composition method, and image composition program
US20110280476A1 (en) System and method for automatically laying out photos and coloring design elements within a photo story
JP5594282B2 (en) Image processing device
US20140204125A1 (en) Systems and methods for creating photo collages
US20130262582A1 (en) Social network service system, image display method, and computer-readable storage medium
EP2506552A1 (en) Image processing apparatus, image processing method, and storage medium
JP5652508B2 (en) Image display system, image display apparatus and program
JP2013073461A (en) Image processing method, image processor, image processing system, printing method, printing medium, and program
JP2013131077A (en) Image processor, image processing method and program and image processing system
JP5773192B2 (en) Image display system, image display method and program
US9667709B2 (en) Picture conversion SNS system and method, apparatus, and terminal
JP5532004B2 (en) Image processing apparatus, image processing method, and program
JP5768850B2 (en) Image display control apparatus, image display system, image display method, and program
JP5375944B2 (en) Image display control apparatus, image display system, image display method, and program
Galer et al. Photoshop CC: Essential Skills: A guide to creative image editing
Galer et al. Photoshop CS4: Essential Skills
Orwig Adobe Photoshop CS4 how-tos: 100 essential techniques
JP2013065225A (en) Print system, server, printing method and program

Legal Events

Date Code Title Description
A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20140326

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20140422

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20140522

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: 20141021

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20141103

R150 Certificate of patent or registration of utility model

Ref document number: 5652508

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150