JP5079649B2 - Effect image creating device, effect image creating method, effect image creating program, and recording medium - Google Patents

Effect image creating device, effect image creating method, effect image creating program, and recording medium Download PDF

Info

Publication number
JP5079649B2
JP5079649B2 JP2008243033A JP2008243033A JP5079649B2 JP 5079649 B2 JP5079649 B2 JP 5079649B2 JP 2008243033 A JP2008243033 A JP 2008243033A JP 2008243033 A JP2008243033 A JP 2008243033A JP 5079649 B2 JP5079649 B2 JP 5079649B2
Authority
JP
Japan
Prior art keywords
effect
image
production
area
page
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
JP2008243033A
Other languages
Japanese (ja)
Other versions
JP2010073149A (en
Inventor
雅則 勝田
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Kawai Musical Instrument Manufacturing Co Ltd
Original Assignee
Kawai Musical Instrument Manufacturing 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 Kawai Musical Instrument Manufacturing Co Ltd filed Critical Kawai Musical Instrument Manufacturing Co Ltd
Priority to JP2008243033A priority Critical patent/JP5079649B2/en
Publication of JP2010073149A publication Critical patent/JP2010073149A/en
Application granted granted Critical
Publication of JP5079649B2 publication Critical patent/JP5079649B2/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Description

本発明は、例えば絵本等の各ページの画像(ページ画像)を電子情報として記憶し、コンピュータの画面上でページ毎に表示する電子絵本において、各ページに描写されたキャラクタ等の画像が動いたり移動したり、背景画像に変化を与えるようなアニメ演出を行うに際して、演出効果を付与する場合の演出画像作成装置及び演出画像作成方法に関し、更には演出画像の作成をコンピュータに実行させるための演出画像作成プログラム及び記録媒体に関する。   The present invention stores, for example, an image of each page (page image) such as a picture book as electronic information, and an image such as a character depicted on each page moves in an electronic picture book that is displayed for each page on a computer screen. An effect image creating apparatus and an effect image creating method for providing an effect when performing an animation effect that moves or changes a background image, and further an effect for causing a computer to create an effect image The present invention relates to an image creation program and a recording medium.

従来、例えば特許文献1に示されるように、絵本における背景用の画像及び動画用の画像を記録媒体にそれぞれ書き込み、この記録媒体から読み出した背景用画像及び動画用画像を合成してディスプレイ部上に絵本として表示するに際して、アニメーション機能や音読を付加することで、静止した絵だけでは得られない効果を与えるようにした電子絵本表示装置が提案されている。
特開平5−120400
Conventionally, for example, as disclosed in Patent Document 1, a background image and a moving image in a picture book are written on a recording medium, and the background image and the moving image read from the recording medium are combined on the display unit. An electronic picture book display device has been proposed in which an animation function or reading aloud is added to the picture book so as to give an effect that cannot be obtained only by a still picture.
JP 5-120400 A

すなわち、上記電子絵本表示装置によれば、絵本のページを表示するとともに、ページ内の文章を読み聞かせる音読やBGM、効果音を再生しながら、場面内の動物や風景等をアニメーション動作させるものである。
また、ページ内の画像の特定位置をポインティングデバイス等で指示することで、画面に変化が起きたり、効果音などを発したりするシークレット演出が施された電子絵本表示装置も存在する。
That is, according to the electronic picture book display device, the picture book page is displayed, and the animals and the scenery in the scene are animated while reproducing the sound reading, BGM, and sound effects for reading the text on the page. It is.
There is also an electronic picture book display device in which a secret effect such as a change in the screen or a sound effect is given by designating a specific position of an image in a page with a pointing device or the like.

しかしながら、上述した電子絵本表示装置によれば、ディスプレイ部に示された画像において、アニメーション動作の演出の種類や切替タイミング等、画面に変化を起こす場所、変化の種類が固定的なため、閲覧者(絵本の読者)の好みに合わない場合があるばかりでなく、何度も読み返すうちに変化に新鮮味がなくなって飽きてしまうという現象が生じてしまう。
また、電子絵本表示装置においてシークレット演出をさせる場合、初めて絵本を観る時には、変化を起こす場所が解らず期待するが、その場所が解ってしまうと面白味が持続しないという問題点があった。
However, according to the electronic picture book display device described above, in the image shown on the display unit, the location where the screen changes, such as the type of animation operation and the switching timing, and the type of change are fixed. Not only does it not match the taste of the reader (picture book readers), but the phenomenon of being tired of the freshness of changes over time will occur.
In addition, when the secret picture is produced in the electronic picture book display device, when the picture book is viewed for the first time, it is expected that the place causing the change will not be understood. However, if the place is understood, there is a problem that the interest does not continue.

そして、電子絵本表示装置において画面上のページ画像に変化を与える演出効果を施す場合、各種の設定の仕方が考えられるが、簡単な操作でページ画像における画像等に種々な変化が得られることが好ましい。   And in the electronic picture book display device, various effects can be conceived when a presentation effect is applied to the page image on the screen, but various changes can be obtained in the image in the page image with a simple operation. preferable.

本発明は、上記実情に鑑みて提案されたもので、演出基準点を設定することで、ページ画像内の画像等に簡単な操作で変化に富んだ種々の演出効果を施すことができる演出画像作成装置及び演出画像作成方法、更には演出画像の作成をコンピュータに実行させるための演出画像作成プログラム及び記録媒体を提供することを目的としている。   The present invention has been proposed in view of the above circumstances, and by setting an effect reference point, an effect image that can provide various effect effects rich in changes to images in a page image by a simple operation. It is an object of the present invention to provide an effect image creation program and a recording medium for causing a computer to execute an effect image creation method and an effect image creation method.

上記目的を達成するため本発明の請求項1の演出画像作成装置は、画面に表示されたページ画像について演出効果を施す装置であって、前記ページ画像内に演出領域を設定するとともに、前記画面内の任意の位置を演出基準点として設定し、前記演出領域の中心点(演出原点)と前記演出基準点との位置関係を基準として演出効果を付与する演出効果設定手段を備えて成ることを特徴としている。 In order to achieve the above object, an effect image creating apparatus according to claim 1 of the present invention is an apparatus that applies an effect to a page image displayed on a screen, and sets an effect area in the page image and the screen. And a production effect setting means for providing a production effect on the basis of the positional relationship between the center point (production origin) of the production area and the production reference point. It is a feature.

請求項2の演出画像作成装置は、請求項1において、前記演出効果設定手段により付与される演出効果は、ページ画像に新たに書き込むテキスト表示部分が変化するものであることを特徴としている。 Effect image creating apparatus according to claim 2, Oite to claim 1, stage effects imparted by the stage effect setting means is characterized in that the text display area to be written anew in the page image is to change .

請求項3の演出画像作成装置は、請求項1において、前記演出効果設定手段により付与される演出効果は、ページ画像全体が変化するものであることを特徴としている。 Effect image creating apparatus according to claim 3, Oite to claim 1, stage effects imparted by the stage effect setting means is characterized in that in which the entire page image changes.

請求項4の演出画像作成装置は、請求項1において、前記演出効果設定手段により付与される演出効果は、ページ画像に表示された部品画像部分が変化するものであることを特徴としている。 Effect image creating apparatus according to claim 4, Oite to claim 1, stage effects imparted by the stage effect setting means is characterized that the displayed part image portion in the page image is to change .

請求項5の演出画像作成装置は、請求項4において、前記ページ画像から演出対象となる部品画像に対応した演出領域を設定する演出領域設定手段と、前記演出領域の画像を元にして部品画像を自動で抽出する部品画像自動抽出手段を備え、
前記演出効果設定手段は、前記部品画像を元にして生成される画像について、演出基準点を設定することを特徴としている。
Effect image creating apparatus according to claim 5, Oite to claim 4, the presentation area setting means for setting an effect region corresponding to the effect subject to component image from the page image, based on the image of the presentation area Equipped with a component image automatic extraction means for automatically extracting component images,
The effect effect setting means sets an effect reference point for an image generated based on the component image.

請求項6の演出画像作成装置は、請求項1において、ページ画像内で予期しない画像変化を起こさせるシークレット演出が選択されている場合、前記演出基準点は、シークレット演出再生中におけるマウスカーソルの位置であることを特徴としている。 The effect image creating apparatus according to claim 6, Oite in claim 1, if the secret effect causing the image change unexpected in the page image is selected, the effect reference point, the mouse cursor in the secret effect playback It is characterized by the position.

請求項7の演出画像作成方法は、画面に表示されたページ画像の全体領域、一部領域又はページ画像に新たに書き込むテキスト表示部分について演出効果を付与する演出領域として選択する演出領域設定ステップと、前記ページ画像が表示される画面内の任意の位置を演出基準点として設定する演出基準点設定ステップと、前記演出領域の中心点と前記演出基準点との位置関係を基準として前記演出効果の内容を選択して付与する演出効果設定ステップとを具備することを特徴としている。 An effect image creating method according to claim 7 is an effect area setting step of selecting an entire area, a partial area of a page image displayed on a screen, or a text display part newly written in a page image as an effect area to which an effect is given. An effect reference point setting step for setting an arbitrary position in the screen on which the page image is displayed as an effect reference point, and a positional relationship between the center point of the effect area and the effect reference point. And a production effect setting step of selecting and giving contents .

請求項8の演出画像作成プログラムは、請求項7に記載の演出画像作成方法の各ステップをコンピュータにより実行することを可能としたことを特徴としている。 An effect image creating program according to claim 8 is characterized in that each step of the effect image creating method according to claim 7 can be executed by a computer.

請求項9の記録媒体は、請求項8に記載の演出画像作成プログラムを格納したことを特徴としている。 A recording medium according to claim 9 stores the effect image creation program according to claim 8 .

請求項1の演出画像作成装置によれば、演出基準点及び演出領域の中心点(演出原点)を設定することで、両者の位置関係を基準として演出効果を付与することができるので、ページ画像やページ画像に表示された部品画像の回転・移動等の演出効果を施す場合に、回転半径や移動距離が大きい演出効果を容易に付与することができる。 According to the effect image creating device of claim 1 , by setting the effect reference point and the center point (effect origin) of the effect area, the effect of the effect can be given based on the positional relationship between the two, so that the page image In addition, when an effect such as rotation / movement of the component image displayed on the page image is applied, it is possible to easily provide an effect with a large rotation radius and moving distance.

請求項2の演出画像作成装置によれば、ページ画像に新たに書き込まれる文章としてのテキスト表示部分に対して、演出基準点及び演出領域の中心点(演出原点)の位置関係を基準とした回転・移動等の変化を演出効果として与えることができる。 According to the effect image creation device of claim 2 , the rotation based on the positional relationship between the effect reference point and the center point (effect origin) of the effect region with respect to the text display portion as the text newly written in the page image・ Changes such as movement can be given as production effects.

請求項3の演出画像作成装置によれば、ページ画像全体が演出領域の中心点と演出基準点との位置関係を基準として変化することで、ページ画像の背景全体を変化させるような演出を付与させることができる。 According to the effect image creation device of claim 3, an effect is provided in which the entire background of the page image is changed by changing the entire page image based on the positional relationship between the center point of the effect region and the effect reference point. Can be made.

請求項4の演出画像作成装置によれば、ページ画像上に描かれたキャラクタ等の部品画像が演出領域の中心点と演出基準点との位置関係を基準として移動等することで、ページ画像の背景に対してキャラクタ等の部品画像が動くような演出を付与させることができる。 According to the effect image creating device of claim 4 , the part image such as the character drawn on the page image moves on the basis of the positional relationship between the center point of the effect area and the effect reference point . It is possible to give an effect such that a part image of a character or the like moves with respect to the background.

請求項5の演出画像作成装置によれば、演出領域設定手段と部品画像自動抽出手段を備えることで、部品画像を元にして生成される画像について演出基準点を設定し、演出領域の中心点と演出基準点との位置関係を基準として演出効果を付与することができる。 According to the effect image creating device of claim 5 , by providing the effect area setting means and the component image automatic extracting means, the effect reference point is set for the image generated based on the component image, and the center point of the effect area A production effect can be given based on the positional relationship between the production reference point and the production reference point.

請求項6の演出画像作成装置によれば、シークレット演出再生中にマウスカーソルの位置を移動させることにより、その位置が演出基準点となるので、ダイナミックな演出を楽しむことができる。 According to the effect image creating apparatus of the sixth aspect , by moving the position of the mouse cursor during reproduction of the secret effect, the position becomes the effect reference point, so that a dynamic effect can be enjoyed.

請求項7の演出画像作成方法によれば、各ステップを実行することにより、演出領域の中心点と演出基準点との位置関係を基準としてページ画像全体やキャラクタ等の画像(部品画像)に対して、簡単な操作で移動量が大きい種々の変化の富んだ演出効果を付与することができる。 According to the effect image creation method of claim 7, by executing each step, the entire page image or an image (part image) such as a character is determined based on the positional relationship between the center point of the effect area and the effect reference point. Thus, it is possible to provide a production effect that is rich in various changes with a large movement amount by a simple operation.

請求項8の演出画像作成プログラム及び請求項9の記録媒体によれば、前記演出画像作成方法で示された各ステップをコンピュータに読み込んで、実行することができる。   According to the effect image creation program of claim 8 and the recording medium of claim 9, each step indicated by the effect image creation method can be read into a computer and executed.

以下、図面を参照しながら本発明の演出画像作成装置について説明する。
図1は、演出画像作成装置のハードウェア構成を示すブロック図である。演出画像作成装置は、ページ毎に取り込む複数の画像を電子情報として記憶し、記憶した画像に対して各種の演出効果を設定した演出画像を作成し、作成した演出画像をページ毎に再生可能とする装置である。
Hereinafter, an effect image creating apparatus of the present invention will be described with reference to the drawings.
FIG. 1 is a block diagram illustrating a hardware configuration of the effect image creating apparatus. The effect image creation device stores a plurality of images captured for each page as electronic information, creates an effect image in which various effect effects are set for the stored image, and can reproduce the created effect image for each page. It is a device to do.

演出画像作成装置のハードウェアは、パーソナルコンピュータ等の汎用情報処理装置によって実現することができる。演出画像作成装置は、CPU1、ROM2、RAM3、音源としてのソフトウェアや効果付与のためのDSP等から構成される音源装置4、画像を読み取るためのスキャナ装置5、キーボード及びマウス等のポインティングデバイスで構成される入力装置6、および液晶ディスプレイ等の表示装置7を備えて構成されている。表示装置7としては、液晶ディスプレイ等、パーソナルコンピュータの処理結果を表示するための周知の表示手段を使用することができる。また、パーソナルコンピュータには、記録媒体との間でデータの入出力を行うための外部記憶装置8が接続されると共に、音声等を入力して記憶するため、A/D変換器9を介してマイクロフォン10が接続されている。   The hardware of the effect image creation device can be realized by a general-purpose information processing device such as a personal computer. The effect image creating apparatus is composed of a CPU 1, a ROM 2, a RAM 3, a sound source device 4 composed of software as a sound source, a DSP for effect addition, a scanner device 5 for reading an image, and a pointing device such as a keyboard and a mouse. Input device 6 and a display device 7 such as a liquid crystal display. As the display device 7, a well-known display means for displaying the processing result of the personal computer, such as a liquid crystal display, can be used. In addition, an external storage device 8 for inputting / outputting data to / from the recording medium is connected to the personal computer, and voice and the like are input and stored via the A / D converter 9. A microphone 10 is connected.

コンピュータのROM2には、演出画像作成を行うための演出画像作成プログラムが外部記憶装置8に装着された記録媒体からインストールされ、若しくはインターネットを介して所定のURLよりダウンロードされている。
CPU1は、上記の手順によりインストール等された所定の制御プログラム(演出画像作成プログラム)に従って各種処理(各ステップ)を実行し、装置全体を制御するものであり、画像記憶手段11、演出領域設定手段12、演出効果設定手段15、演出再生手段16を要部機能として備えることで、ページ毎に取り込む複数の画像を電子情報として記憶し、記憶した画像をページ毎に表示装置7に表示可能とする。
In the ROM 2 of the computer, an effect image creation program for creating an effect image is installed from a recording medium attached to the external storage device 8, or downloaded from a predetermined URL via the Internet.
The CPU 1 executes various processes (each step) in accordance with a predetermined control program (effect image creation program) installed by the above-described procedure, and controls the entire apparatus. The image storage means 11, the effect area setting means 12. By providing the effect effect setting means 15 and the effect reproduction means 16 as main functions, a plurality of images captured for each page are stored as electronic information, and the stored images can be displayed on the display device 7 for each page. .

また、CPU1は、部品画像抽出手段13及び背景画像作成手段14を備えることで、ページ画像の一部を構成する背景上に描かれた部品画像から部品画像のみを電子情報として抽出して記憶し、抽出した部品画像の下側の背景画像を自動的に作成できるようになっている。   Further, the CPU 1 includes the component image extraction unit 13 and the background image creation unit 14, and extracts and stores only the component image as electronic information from the component image drawn on the background constituting a part of the page image. The background image below the extracted component image can be automatically created.

RAM3は、CPU1での処理に使用される情報を一時記憶するものである。
音源装置4には、D/A変換器、アンプ、スピーカを含むサウンドシステム4aが接続される。
The RAM 3 temporarily stores information used for processing in the CPU 1.
A sound system 4 a including a D / A converter, an amplifier, and a speaker is connected to the sound source device 4.

したがって、演出画像作成装置は、パーソナルコンピュータに演出画像作成プログラムをインストール又はダウンロードすることにより、パーソナルコンピュータのハードディスクにページ画像を読み込んで記憶する画像記憶手段11と、読み込まれたページ画像内に演出を施す領域を設定する演出領域設定手段12と、設定された演出領域から部品画像を抽出する部品画像抽出手段13と、抽出された部品画像の下の背景画像を作成する背景画像作成手段14と、設定した演出領域に演出効果を対応させる演出効果設定手段15と、演出が施されたページ画像を再生する演出再生手段16を備える一方、画像を読み込む画像作成モードと、取り込まれた画像に対して好みの演出効果を付与する演出設定モード(編集モード)と、演出効果が付与された画像を再生する演出画像再生モード(鑑賞モード)を切り替えて表示装置7に表示するように構成されている。
すなわち、表示装置7では、画像作成モード(読取モード)において、読み取った画像が表示され、演出設定モード(編集モード)において、演出画像作成を行うに際しての演出設定画面が表示され、演出画像再生モード(鑑賞モード)において、演出が施された演出設定済画像が再生される。
Therefore, the effect image creating apparatus installs or downloads the effect image creating program in the personal computer, thereby reading and storing the page image in the hard disk of the personal computer, and the effect in the read page image. Effect area setting means 12 for setting an area to be applied, component image extracting means 13 for extracting a part image from the set effect area, background image creating means 14 for creating a background image under the extracted component image, While providing the effect effect setting means 15 for making the effect effect correspond to the set effect area and the effect reproduction means 16 for reproducing the page image on which the effect is given, an image creation mode for reading an image, and for the captured image Production setting mode (editing mode) that gives the desired production effects, and production effects It is configured to display on the display unit 7 switches the effect image reproduction mode (viewing mode) for playing a given image.
That is, the display device 7 displays the read image in the image creation mode (reading mode), displays the effect setting screen for creating the effect image in the effect setting mode (editing mode), and displays the effect image playback mode. In (viewing mode), the effect-set image with the effect is reproduced.

画像記憶手段11は、画像作成モードにおいて、スキャナ装置5から読み取られた画像を各ページ画像として記憶するものである。スキャナ装置5から読み取る画像は、絵本の各ページや手書きの画像等であり、また、ディジタルカメラ等で撮影された電子情報による画像を直接画像記憶手段11に取り込んでもよい。更に、外部記憶装置8等から記録媒体によりインストールする演出画像作成プログラムに絵本画像として予め格納されている各画像を読み出して取り込むものであってもよい。あるいは、後述の記憶装置に記憶されている例えばディジタルカメラ等で撮影した既存の画像データを選択して取り込んでも良い。   The image storage unit 11 stores an image read from the scanner device 5 as each page image in the image creation mode. The image read from the scanner device 5 is each page of a picture book, a handwritten image, or the like, and an image based on electronic information photographed by a digital camera or the like may be directly taken into the image storage unit 11. Furthermore, each image stored in advance as a picture book image may be read out and loaded from the external storage device 8 or the like into the effect image creation program installed by the recording medium. Alternatively, existing image data captured by a digital camera or the like stored in a storage device described later may be selected and loaded.

演出領域設定手段12は、演出設定モードにおいて、表示装置7に表示された各ページ画像又はページ画像の一部を入力装置6により演出領域として指定し、これを記憶しておくものである。
入力装置6のポインティングデバイスにおいては、X・Y方向の移動量が検出され、RAM3上のカーソルポイントレジスタのカーソル座標データに加算されることで、この座標データに基づいて表示装置7上でのカーソルの位置が決定される。そして、表示装置7に表示された各ページ画像において演出領域として指定された位置の座標データに対応した再生時期データが初期値として作成され、演出領域設定手段12に記憶される。
The effect area setting means 12 designates each page image or a part of the page image displayed on the display device 7 as an effect area in the effect setting mode, and stores this.
In the pointing device of the input device 6, the amount of movement in the X and Y directions is detected and added to the cursor coordinate data of the cursor point register on the RAM 3, so that the cursor on the display device 7 is based on this coordinate data. Is determined. Then, reproduction time data corresponding to the coordinate data of the position designated as the effect area in each page image displayed on the display device 7 is created as an initial value and stored in the effect area setting means 12.

本発明の特徴的な構成は、ページ画像内に演出に表示された画像等に対して演出効果を付与する場合において、表示部の画面内の任意の位置である演出基準点と、設定された演出領域の中心点(演出原点)との位置関係を基準として、演出効果を付与する演出効果設定手段15を備えることである。
すなわち、演出効果設定手段15では、演出基準点と演出原点との位置関係を基準として、ページ画像内の画像に変化が与えられる演出効果を設定することが行われる。また、演出効果設定手段15は、演出効果を付与する場合に画像の変化(例えば、後述する「特殊効果演出」の「波紋」を演出するような場合)が伴うので、画像処理手段を有して構成されている。
演出効果の設定は、新たにページ画像に挿入されるテキスト文書、ページ画像全体、ページ画像に表示されたキャラクタ等の部品画像等に対して行われるが、部品画像に演出効果を付与する場合は、部品画像抽出手段(部品画像自動抽出手段)13及び背景画像作成手段14を備えることで、ページ画像から部品画像を自動的に抽出するとともに、部品画像の下の背景画像について自動的に作成できるようにしている。
The characteristic configuration of the present invention is that an effect reference point that is an arbitrary position in the screen of the display unit is set in the case where an effect is given to an image or the like displayed in the effect in the page image . The production effect setting means 15 for providing a production effect is provided on the basis of the positional relationship with the center point (production origin) of the production area.
In other words, the effect effect setting means 15 sets an effect that changes the image in the page image based on the positional relationship between the effect reference point and the effect origin . Further, the production effect setting unit 15 includes an image processing unit because an image change (for example, a case where a “ripple” of a “special effect production” described later is produced) is accompanied when the production effect is given. Configured.
Setting of the effect is performed for a text document newly inserted into the page image, the entire page image, a component image such as a character displayed on the page image, and the like. By providing the component image extraction means (automatic part image extraction means) 13 and the background image creation means 14, it is possible to automatically extract the part image from the page image and automatically create the background image below the part image. I am doing so.

ページ画像において演出設定を行う場合、演出設定モード(編集モード)で表示される図2に示すような演出設定画面200上で行われる。演出設定画面200には、中央部分に絵本の見開き状態であるページ画像201が表示され、画面の中央上部に表示されたページ展開部202の各アイコンをクリックすることで、左ページ、右ページ、絵本の1ページ目の各ページを表示させ、演出効果を設定する。また、操作キー窓203として、設定した演出効果を再生して確認するための再生ボタン、再生を停止するための停止ボタン、再生途中で絵本ページの再生当初に戻すための巻きもどしボタンが設けられている。   When effect setting is performed on the page image, it is performed on the effect setting screen 200 as shown in FIG. 2 displayed in the effect setting mode (editing mode). On the effect setting screen 200, a page image 201 that is a spread state of a picture book is displayed in the center portion, and by clicking each icon of the page development section 202 displayed in the upper center portion of the screen, the left page, the right page, Each page of the first page of the picture book is displayed, and a production effect is set. The operation key window 203 is provided with a playback button for playing back and confirming the set effect, a stop button for stopping playback, and a rewind button for returning the picture book page to the beginning of playback during playback. ing.

演出設定画面200の画面左上には、現在演出設定を行っていることを示す表示部204が表示され、その下側に表示された「画像」205、「演出」206、「出力」207、「印刷」208の各窓が表示され、これらをクリックすることで各処理について実行するようになっている。
ページ画像を読み込む「画像」205は、ページ画像をスキャナ装置5から読み込む際に使用するものである。「演出」206は、ページ画像について演出を設定するものである。「出力」207は、ページ画像に設定された演出の再生を行うものである。「印刷」208は、表示されているページ画像201において指定された範囲の画像等を印刷するものである。
画面下側には設定した各演出についての再生時期を示すタイムライン40が表示されている。タイムライン40の説明については後述する。
On the upper left of the effect setting screen 200, a display unit 204 indicating that the effect setting is currently being performed is displayed, and “image” 205, “effect” 206, “output” 207, “ Each window of “print” 208 is displayed, and each process is executed by clicking these windows.
An “image” 205 for reading a page image is used when reading a page image from the scanner device 5. “Production” 206 is to set an effect on the page image. “Output” 207 is to reproduce the effect set in the page image. “Print” 208 prints an image in a range specified in the displayed page image 201.
At the bottom of the screen, a timeline 40 indicating the playback time for each set effect is displayed. The description of the timeline 40 will be described later.

演出基準点を利用して演出効果を付与するアニメ演出の種類としては、ページ画像に対して新たに挿入する文書部分が回転・移動等の変化を伴うような演出を施す「テキスト演出」、ページ画像に対して雨や雪を降らせたり、地震による揺れを発生させたりする自然現象の演出を施す「自然演出」、ページ画像の一部を拡大するズーム、パンなどのカメラワーク的な演出や全体が波紋状や渦巻き状などに表示させるような特殊な演出を施す「特殊効果演出」、ページ画面内に表示されたキャラクタ等の部品画像部分が回転・移動等の変化を伴うような演出を施す「部品演出」の4つのタイプが存在する。
上記したアニメ演出は、後述するアニメ演出設定画面上に表示される「タイプ」において、「テキスト演出」「自然演出」「特殊効果演出」「部品演出」の中から一つを選択し、変化の種類を「スタイル」で選択し、変化の程度や位置等の仕方を「パターン」で選択し、画面における任意の位置を基準点として指定することで行われる。
The types of animation productions that use the production reference points to provide production effects include “text production”, which produces an effect that causes the document part to be newly inserted to be accompanied by changes such as rotation and movement. `` Natural effects '' that produce natural phenomena such as rain or snow on the image or shaking caused by an earthquake, zooming and panning to enlarge a part of the page image "Special effect effect" that gives special effects such as displaying ripples or spirals, and effects such as rotation and movement of part image parts such as characters displayed on the page screen. There are four types of “part effects”.
For the above-mentioned animation production, select one of “text production”, “natural production”, “special effect production”, and “part production” in “Type” displayed on the animation production setting screen, which will be described later. This is done by selecting the type as “style”, selecting the degree of change, the method of position, etc. as “pattern”, and specifying an arbitrary position on the screen as a reference point.

「テキスト演出」は、図3乃至図8に示されるように、例えば、ページ画像の表示されたキャラクタ等が発する言葉を文章として挿入するような場合に用いられる。すなわち、演出設定画面200のページ画像201において、(女の子が言葉を発するように設定するため、)女の子の部品画像210を囲むように演出設定領域211を設定し、タイプ選択部260で「テキスト」を選択すると、図3のアニメ演出設定画面220が表示される。演出設定領域211の中心は、演出原点(演出エリア中心点)Oとして設定される。
アニメ演出設定画面220には、図3乃至図8に示すように、右側にテキスト文書を書き込むテキスト窓261、テキスト文書が再生される場合のフォントが表示されるフォント窓262が表示されている。
テキスト窓261には、キーボード等の入力手段から入力されたページ画像201に表示させたいテキスト文書が表示され、テキスト窓261をマウスでクリックすると、テキスト文書入力ができるようになっている。フォント窓262には、テキスト文書が再生される場合のフォントが表示され、フォント窓262内部をクリックすると、フォント設定ウィンドウ(図示せず)が開いてフォントの設定ができるようになっている。
As shown in FIGS. 3 to 8, the “text effect” is used, for example, when a word uttered by a character or the like displayed on a page image is inserted as a sentence. That is, in the page image 201 of the effect setting screen 200, the effect setting area 211 is set so as to surround the part image 210 of the girl (in order to set the girl to speak a word), and “text” is selected by the type selection unit 260. When is selected, the animation effect setting screen 220 of FIG. 3 is displayed. The center of the effect setting area 211 is set as the effect origin (effect area center point) O.
As shown in FIGS. 3 to 8, the animation effect setting screen 220 displays a text window 261 for writing a text document on the right side and a font window 262 for displaying a font when the text document is reproduced.
In the text window 261, a text document to be displayed on the page image 201 input from an input means such as a keyboard is displayed. When the text window 261 is clicked with a mouse, the text document can be input. In the font window 262, a font when a text document is reproduced is displayed. When the font window 262 is clicked, a font setting window (not shown) is opened so that the font can be set.

図3のアニメ演出設定画面220には、タイプ選択部260の他、スタイル選択部270及びパターン選択部280が表示され、各種スタイル及びパターンが選択できるようになっている。また、スタイル選択部270及びパターン選択部280では、登録されているスタイルやパターンを無作為に選択して演出が行われる「ランダム」が選択できるようになっている。   In addition to the type selection unit 260, a style selection unit 270 and a pattern selection unit 280 are displayed on the animation effect setting screen 220 in FIG. 3 so that various styles and patterns can be selected. Further, the style selection unit 270 and the pattern selection unit 280 can select “random” in which a registered style or pattern is randomly selected to produce an effect.

スタイル選択部270では、図4に示すように、テキスト文書が小から大にズームして表示される「ズーム」、テキスト文書が点滅して表示される「点滅」、テキスト文書がタイプライターで打っているように1文字ずつ表示される「タイプライター」、テキスト文書が振動しながら表示される「振動」、テキスト文書が流れるように移動しながら表示される「吹き出し」、テキスト文書が回転しながら表示される「スピン」等の演出が選択できるように登録されている。   In the style selection unit 270, as shown in FIG. 4, “zoom” in which the text document is zoomed from small to large, “blink” in which the text document blinks, and the text document is typed with a typewriter. "Typewriter" that is displayed one character at a time, "Vibration" that is displayed while the text document is vibrating, "Bubble" that is displayed while the text document is moving, and the text document is rotated It is registered so that an effect such as “spin” to be displayed can be selected.

パターン選択部280では、スタイル選択部270で選択されたスタイルに対応して選択できるようになっており、例えば図5に示すように、スタイル選択部270で選択された「ズーム」に対しては、テキスト文書が標準的な大きさで表示される「元」、テキスト文書が縮小して表示される「縮小」、テキスト文書が拡大して表示される「拡大」、テキスト文書が「元」の状態から「拡大」し、更に「元」の状態に変化して表示される「元→拡大→元」等、テキスト文書の大きさや変化に関する演出が選択できるように登録されている。また、スタイル選択部270で選択されたスタイルが「タイプライター」である場合には、図6に示すように、パターン選択部280では、「中央揃え」「左寄せ」「右寄せ」が選択できるようになっている。   The pattern selection unit 280 can be selected in accordance with the style selected by the style selection unit 270. For example, as shown in FIG. 5, the “zoom” selected by the style selection unit 270 , "Original" where the text document is displayed in standard size, "Reduced" where the text document is reduced, "Enlarged" where the text document is enlarged, "Text" is "Original" It is registered so that effects relating to the size and change of the text document can be selected, such as “original → enlarge → original”, which is displayed as “enlarged” from the state and further changed to the “original” state. When the style selected by the style selection unit 270 is “typewriter”, the pattern selection unit 280 can select “center alignment”, “left alignment”, and “right alignment” as shown in FIG. It has become.

スタイル選択部270で選択された「吹き出し」に対しては、図7に示すように、テキスト文書がゆっくりと吹き出して移動する「ゆっくり」、平均的な速さで移動する「中くらい」、テキスト文書が速く移動する「速い」が選択できるようになっている。
スタイル選択部270で選択された「スピン」に対しては、図8に示すように、「左に1回転」、「左に2回転」、「左に1回転しながら縮小」「右に1回転しながら拡大」等、スピンの回転方向、回転数、拡大・縮小が選択できるようになっている。
For the “speech balloon” selected by the style selection unit 270, as shown in FIG. 7, the text document moves “slowly” while the text document moves slowly, “medium”, which moves at an average speed, and the text. “Fast” that allows the document to move faster can be selected.
For the “spin” selected by the style selection unit 270, as shown in FIG. 8, “one rotation to the left”, “two rotations to the left”, “reduction while making one rotation to the left”, “one to the right” The spin rotation direction, the number of rotations, and the enlargement / reduction can be selected, such as “magnify while rotating”.

アニメ演出設定画面220において、スタイル選択部270及びパターン選択部280での選択を行った後に、ページ画像の任意の位置に演出基準点Pを設定する。演出基準点Pの設定は、例えばマウスによるクリック操作で行われる。演出基準点Pの位置は、マウスによる最終のクリック位置が有効となり、クリック動作を行うことで変更できるようになっている。また、演出基準点Pは、演出効果が付与される場合の基準となるが、その意味するところは選択された各スタイルにより異なる。   On the animation effect setting screen 220, after the selection by the style selection unit 270 and the pattern selection unit 280, the effect reference point P is set at an arbitrary position of the page image. The setting of the effect reference point P is performed by, for example, a click operation with a mouse. The position of the production reference point P is valid at the final click position by the mouse, and can be changed by performing a click operation. In addition, the production reference point P is a reference in the case where the production effect is given, but the meaning thereof varies depending on each selected style.

図3の例では、タイプ選択部260でテキスト演出が選択され、スタイル選択部270及びパターン選択部280はランダムを選択しているため、演出基準点を基準としてテキスト文書として入力された文字について、ランダムに選択されたスタイル及びパターンに応じた演出効果が付与される。   In the example of FIG. 3, since the text selection is selected by the type selection unit 260, and the style selection unit 270 and the pattern selection unit 280 select random, the characters input as the text document with reference to the production reference point are as follows. A production effect according to a randomly selected style and pattern is given.

図4の例では、選択されたスタイルが「タイプライター」で、演出基準点Pが白熊の顔の少し上に設定されているが、指定パターン(ランダムに指定された)で演出基準点Pを中心にタイプライターで打っているようにテキスト文書として入力した「こんにちは」の文字が表示される。   In the example of FIG. 4, the selected style is “typewriter” and the production reference point P is set slightly above the face of the white bear, but the production reference point P is set with a designated pattern (designated at random). character of the input "Hello" is displayed as a text document as struck with a typewriter in the center.

図6の例では、選択されたスタイルが「タイプライター」で、演出基準点Pが左ページ上部の端に設定されているが、指定パターン(左寄せ)で演出基準点Pを中心にタイプライターで打っているようにテキスト文書として入力した「しろくまさん あそびましょう」の文字が演出基準点Pの右側に表示される。   In the example of FIG. 6, the selected style is “typewriter”, and the production reference point P is set at the upper end of the left page. The characters “Shirokuma-san Let's Play” entered as a text document as if hitting are displayed on the right side of the production reference point P.

図5の例では、選択されたスタイルが「ズーム」で、演出基準点Pが左ページ端に設定されているが、指定パターン(元→拡大→元)で演出基準点Pを中心に元の大きさから拡大して元の大きさに戻るようにテキスト文書として入力した「こんにちは」の文字がズーム表示される。   In the example of FIG. 5, the selected style is “zoom” and the production reference point P is set at the left page end. However, the original pattern centering on the production reference point P in the specified pattern (original → enlargement → original). character of expanding from the size of the input as a text document so as to return to its original size "Hello" is displayed zoom.

図7の例では、選択されたスタイルが「吹き出し」で、演出基準点Pが左右ページ中央位置に設定されているが、指定パターン(中くらい)の速さで演出基準点Pをめがけてテキスト文書である「しろくまさん あそびましょう」の文字が吹き出して表示される。   In the example of FIG. 7, the selected style is “speech” and the production reference point P is set at the center position of the left and right pages, but the text is directed to the production reference point P at the speed of the specified pattern (medium). The text “Shirokuma-san Let's Play” is displayed in a balloon.

図8の例では、選択されたスタイルが「スピン」で、演出基準点Pが演出設定領域211内の女の子の顔の左位置に設定されているが、指定パターン(右に1回転しながら拡大)で演出基準点を中心としてテキスト文書である「しろくまさん あそびましょう」の文字が拡大しながら回転して表示される。   In the example of FIG. 8, the selected style is “spin”, and the production reference point P is set to the left position of the girl's face in the production setting area 211. ), The text document “Shirokuma-san Asobi Let's Play” is rotated and displayed around the production reference point.

上述した図3乃至図8に示した「テキスト演出」の各「スタイル」の場合、演出領域の位置及び演出原点(演出エリア中心点)Oはテキスト文書の移動等の変化に関係せず、演出基準点Pのみを基準として演出効果が付与されている。したがって、上記各例においては女の子を囲む演出設定領域211を設定したが、演出領域の位置はページ画像内のいずれの位置を指定するものであってもよい。   In the case of each “style” of “text effects” shown in FIGS. 3 to 8 described above, the position of the effect area and the effect origin (effect area center point) O are not affected by changes such as movement of the text document. A production effect is given based only on the reference point P. Therefore, in each of the above examples, the effect setting area 211 surrounding the girl is set, but the position of the effect area may be any position in the page image.

その一方、演出原点(演出エリア中心点)Oと演出基準点Pとの距離に応じて変化するような「テキスト演出」のスタイルを設けてもよい。例えば、演出原点(演出エリア中心点)Oと演出基準点Pとの間でテキスト文書が往復移動するような演出とすれば、図3乃至図8に示したページ画像201において、部品画像210を囲む演出設定領域211を設定することにより、女の子(部品画像210)が言葉を発したり、呼びかけられたりするような演出効果を付与することができる。   On the other hand, a “text effect” style that changes according to the distance between the effect origin (effect area center point) O and the effect reference point P may be provided. For example, if the production is such that the text document reciprocates between the production origin (production area center point) O and the production reference point P, the component image 210 is displayed in the page image 201 shown in FIGS. By setting the surrounding effect setting area 211, it is possible to provide an effect such that a girl (part image 210) speaks or is called.

次に、アニメ演出として、ページ画像に対して雨や雪を降らせたり、地震による揺れを発生させたりする自然現象の演出を施す「自然演出」の場合について説明する。
「自然演出」は、図9乃至図13に示されるように、例えば、ページ画像201の表示された背景画面に生じる地震等の自然現象を表現したい場合に用いられる。すなわち、演出設定画面200のページ画像201において、例えば、女の子の部品画像210を囲むように演出設定領域211を設定し、タイプ選択部260で「自然」を選択すると、図9のアニメ演出設定画面220が表示される。演出設定領域211の中心は、演出原点(演出エリア中心点)Oとして設定される。
アニメ演出設定画面220には、図9乃至図13に示すように、右側にオプション領域が表示され、タイプ選択部260及びスタイル選択部270で選択する種類によっては、この部分にカラー設定窓271(図11)が表示される。
Next, a description will be given of a case of “natural production” that produces a natural phenomenon that causes rain or snow to fall on a page image or causes a shake due to an earthquake as an animation production.
As shown in FIGS. 9 to 13, the “natural effect” is used when, for example, it is desired to express a natural phenomenon such as an earthquake that occurs on the background screen on which the page image 201 is displayed. That is, in the page image 201 of the effect setting screen 200, for example, when the effect setting region 211 is set so as to surround the part image 210 of the girl and “Nature” is selected by the type selection unit 260, the animation effect setting screen of FIG. 220 is displayed. The center of the effect setting area 211 is set as the effect origin (effect area center point) O.
As shown in FIGS. 9 to 13, an option area is displayed on the right side of the animation effect setting screen 220. Depending on the type selected by the type selection unit 260 and the style selection unit 270, the color setting window 271 ( FIG. 11) is displayed.

図9のアニメ演出設定画面220には、タイプ選択部260の他、スタイル選択部270及びパターン選択部280が表示され、各種スタイル及びパターンが選択できるようになっている。また、スタイル選択部270及びパターン選択部280では、登録されているスタイルやパターンを無作為に選択して演出が行われる「ランダム」が選択できるようになっている。   In addition to the type selection unit 260, a style selection unit 270 and a pattern selection unit 280 are displayed on the animation effect setting screen 220 in FIG. 9, and various styles and patterns can be selected. Further, the style selection unit 270 and the pattern selection unit 280 can select “random” in which a registered style or pattern is randomly selected to produce an effect.

スタイル選択部270では、図10に示すように、ページ画像201に各種の自然現象を表現するため、雨を降らせる演出を行う「雨」、雪を降らせる演出を行う「雪」、霧がかかったような状態を演出する「霧」、風が吹いた状態を演出する「風」、稲妻が光った状態を演出する「稲妻」、闇の状態を演出する「闇」、地震が起こった状態を演出する「地震」、炎がたかれた状態を演出する「炎」、輝いた状態を演出する「輝き」等の演出が選択できるように登録されている。   In the style selection unit 270, as shown in FIG. 10, in order to express various natural phenomena in the page image 201, “rain” that produces rain, “snow” that produces snow, and fog are applied. `` Fog '' that produces a state like this, `` Wind '' that produces a windy state, `` Lightning '' that produces a lightning shining state, `` Darkness '' that produces a dark state, Productions such as “Earthquake” to produce, “Flame” to produce a fired state, and “Brightness” to produce a shining state can be selected.

パターン選択部280では、スタイル選択部270で選択されたスタイルに対応して選択できるようになっており、例えば図11に示すように、スタイル選択部270で選択された「輝き」に対しては、ページ画面に輝きを付与するに際して、「全体(1回のみ)」、「全体(遅い繰り返し)」「基準点(1回のみ)」「基準点(速い繰り返し)」等、「輝き」を発生させたい場所や回数に関する演出が選択できるように登録されている。また、オプション領域には、輝きの色を選択するためのカラー選択窓271が表示され、希望する色が選択できるようになっている。   The pattern selection unit 280 can be selected in accordance with the style selected by the style selection unit 270. For example, as shown in FIG. 11, for the “brightness” selected by the style selection unit 270, , When adding brightness to the page screen, "brightness" occurs such as "overall (only once)", "overall (slow repetition)", "reference point (only once)", "reference point (fast repetition)" It is registered so that it is possible to select an effect related to the place and number of times that the user wants to make it happen. In the option area, a color selection window 271 for selecting a brilliant color is displayed so that a desired color can be selected.

スタイル選択部270で選択されたスタイルが「炎」である場合には、図12に示すように、パターン選択部280では、「常に広がった状態(全体)」「だんだん広がる(全体)」「常に広がった状態(演出エリア)」等、「炎」が生じる場所及び広がり状態を選択できるようになっている。   When the style selected by the style selection unit 270 is “flame”, as shown in FIG. 12, the pattern selection unit 280 displays “always widened (whole)” “slowly spread (whole)” “always” It is possible to select a place where the “flame” occurs and a spread state such as “spread state (effect area)”.

スタイル選択部270で選択されたスタイルが「地震」である場合には、図13に示すように、パターン選択部280では、「ゆっくり」「中くらい」「速い」の「地震」の揺れ状況を選択できるようになっている。   When the style selected by the style selection unit 270 is “earthquake”, as shown in FIG. 13, the pattern selection unit 280 displays the “slow”, “medium”, and “fast” “earthquake” shaking conditions. It can be selected.

「自然演出」の場合も前記した「テキスト演出」と同様に、アニメ演出設定画面220において、スタイル選択部270及びパターン選択部280での選択を行った後に、ページ画像201若しくはその外側(ページ画像の外で画面内)の任意の位置に演出基準点Pを設定する。演出基準点Pの設定は、「テキスト演出」と同様に、マウスによるクリック操作で行われ、最終のクリック位置が演出基準点Pとして有効となる。   In the case of “natural effect” as well as “text effect” described above, after the selection by the style selection unit 270 and the pattern selection unit 280 on the animation effect setting screen 220, the page image 201 or its outside (page image) The production reference point P is set at an arbitrary position on the screen). The effect reference point P is set by a click operation with the mouse as in the “text effect”, and the final click position becomes valid as the effect reference point P.

図9の例では、タイプ選択部260で「自然演出」が選択され、スタイル及びパターンはランダムであるため、演出基準点Pのみ、又は、演出基準点Pと演出原点(演出エリア中心点)Oとの位置関係によりランダムに選択されたスタイル及びパターンに応じた演出効果が付与される。   In the example of FIG. 9, since “natural effect” is selected by the type selection unit 260 and the style and pattern are random, only the effect reference point P, or the effect reference point P and the effect origin (effect area center point) O A presentation effect according to the style and pattern selected at random is given.

図10の例では、選択されたスタイルが「地震」で、演出基準点Pが右ページ左上端に設定され、演出原点(演出エリア中心点)Oとの距離及び傾きにより、指定パターン(図13に示された3種のパターンからランダムに指定された)、傾き方向及び距離に応じた振動が演出効果として付与される。   In the example of FIG. 10, the selected style is “earthquake”, the production reference point P is set at the upper left corner of the right page, and the designated pattern (FIG. 13) is determined by the distance and inclination from the production origin (production area center point) O. The vibration according to the inclination direction and the distance is given as a production effect.

図11の例では、選択されたスタイルが「輝き」で、演出基準点Pが白熊の顔の少し上に設定されているが、指定パターン(全体(速い繰り返し))で演出基準点Pを中心にした一定の範囲に輝きが速い繰り返しで発生する演出効果が付与される。   In the example of FIG. 11, the selected style is “brightness” and the production reference point P is set slightly above the face of the white bear, but the production reference point P is centered in the designated pattern (whole (fast repetition)). A production effect that is generated by repeated repetition of brightness within a certain range is provided.

図12の例では、選択されたスタイルが「炎」で、演出基準点Pが白熊の上方のアザラシ上に設定されているが、指定パターン(常に広がった状態(演出エリア))で演出基準点Pを中心に演出エリアに対応する大きさの領域に炎が立ち上がる演出効果が付与される。   In the example of FIG. 12, the selected style is “flame”, and the production reference point P is set on the seal above the white bear, but the production reference point in the designated pattern (always spread (production area)). A production effect in which a flame rises in an area having a size corresponding to the production area centering on P is given.

図13の例では、選択されたスタイルが「地震」で、演出基準点Pが右ページの外側下に設定され、演出原点(演出エリア中心点)Oとの距離及び傾きにより、指定パターン(遅い)、傾き方向及び距離に応じた振動が演出効果として付与される。前記した距離により移動(揺れ)の大小が決まり、傾きにより移動(揺れ)の方向が決まる。この例では、ほぼ上下方向に揺れが発生する演出効果が付与される。   In the example of FIG. 13, the selected style is “earthquake”, the production reference point P is set to the lower outside of the right page, and the designated pattern (slow is determined by the distance and inclination from the production origin (production area center point) O. ), Vibration according to the tilt direction and distance is given as an effect. The amount of movement (swing) is determined by the distance described above, and the direction of movement (swing) is determined by the inclination. In this example, an effect is provided in which shaking occurs substantially in the vertical direction.

次に、アニメ演出として、ページ画像の一部を拡大するズームや全体が波紋状に表示させるような特殊な演出を施す「特殊効果演出」の場合について説明する。
「特殊効果演出」は、図14乃至図23に示されるように、例えば、ページ画像の背景画面に特殊な画像変化を与えたい場合に用いられる。すなわち、演出設定画面200のページ画像201において、例えば、女の子の部品画像210を囲むように演出設定領域211を設定し、タイプ選択部260で「特殊効果」を選択すると、図14のアニメ演出設定画面220が表示される。演出設定領域211の中心は、演出原点(演出領域の中心点)として設定される。
アニメ演出設定画面220には、図14乃至図23に示すように、右側にオプション領域が表示され、タイプ選択部260及びスタイル選択部270で選択する種類によっては、この部分に設定窓(図示せず)が表示される。
Next, a description will be given of a case of a “special effect effect” that gives a special effect such as zooming to enlarge a part of a page image or displaying the entire image in a ripple pattern as an animation effect.
As shown in FIGS. 14 to 23, the “special effect effect” is used, for example, when it is desired to give a special image change to the background screen of the page image. That is, in the page image 201 of the effect setting screen 200, for example, when the effect setting region 211 is set so as to surround the part image 210 of the girl and “special effect” is selected by the type selection unit 260, the animation effect setting shown in FIG. A screen 220 is displayed. The center of the effect setting area 211 is set as the effect origin (the center point of the effect area).
As shown in FIGS. 14 to 23, an option area is displayed on the right side of the animation effect setting screen 220. Depending on the type selected by the type selection unit 260 and the style selection unit 270, a setting window (not shown) is displayed in this part. Is displayed.

図14のアニメ演出設定画面220には、タイプ選択部260の他、スタイル選択部270及びパターン選択部280が表示され、各種スタイル及びパターンが選択できるようになっている。また、スタイル選択部270及びパターン選択部280では、登録されているスタイルやパターンを無作為に選択して演出が行われる「ランダム」が選択できるようになっている。   In addition to the type selection unit 260, a style selection unit 270 and a pattern selection unit 280 are displayed on the animation effect setting screen 220 in FIG. 14 so that various styles and patterns can be selected. Further, the style selection unit 270 and the pattern selection unit 280 can select “random” in which a registered style or pattern is randomly selected to produce an effect.

スタイル選択部270では、図15に示すように、ページ画像201に各種の特殊効果による画像変化を表現するため、画面の拡大処理を行う「ズーム」、回転処理を行う「スピン」、ページ画像の一部分のみスポットライトを当てる演出を行う「スポットライト」、ページ画面に遠近感を生じさせる処理を行う「遠近」、ページ画面が波紋状に変化する演出を行う「波紋」、ページ画像をくねくねと波打たせるように変化させる演出を行う「フラダンス」、ページ画像を渦巻き状に変化させる演出を行う「渦巻き」、ページ画面にスクロール処理を施す演出を行う「スクロール」等の演出が選択できるように登録されている。   In the style selection unit 270, as shown in FIG. 15, in order to express image changes due to various special effects in the page image 201, “zoom” for performing screen enlargement processing, “spin” for performing rotation processing, and page image “Spotlight” that produces a spotlight only for a portion, “Perspective” that produces a perspective on the page screen, “Ripples” that produces an effect that changes the page screen to ripples, and a wavy wave Registered so that you can select “hula dance” that produces an effect that changes the style of the page, “swirl” that produces an effect that changes the page image into a spiral, and “scroll” that produces an effect that scrolls the page screen. Has been.

パターン選択部280では、スタイル選択部270で選択されたスタイルに対応して選択できるようになっており、例えば図16に示すように、スタイル選択部270で選択された「ズーム」に対しては、ページ画像201に拡大処理を施すに際して、「元→拡大(小)」、「拡大(小)→元」「元→拡大(小)→元」「元→拡大(大)」「元→拡大(大)連続2回」等、「ズーム」の種類や回数・程度に関する演出が選択できるように登録されている。   The pattern selection unit 280 can be selected in accordance with the style selected by the style selection unit 270. For example, as shown in FIG. 16, the “zoom” selected by the style selection unit 270 When the enlargement process is performed on the page image 201, “original → enlargement (small)”, “enlargement (small) → original” “original → enlargement (small) → original” “original → enlargement (large)” “original → enlargement” “Large 2 times in succession” is registered so that an effect related to the type, number of times, and degree of “zoom” can be selected.

スタイル選択部270で選択されたスタイルが「スピン」である場合には、図17に示すように、パターン選択部280では、「左へ20度回転」「右20度から左へ20度回転」「左に360度回転」「右に連続2回転」等、「スピン」の回転方向及び角度が選択できるようになっている。   When the style selected by the style selection unit 270 is “spin”, as shown in FIG. 17, the pattern selection unit 280 performs “rotate 20 degrees left” and “rotate 20 degrees right to 20 degrees left”. The rotation direction and angle of “spin”, such as “rotate 360 degrees to the left” and “continuous two rotations to the right”, can be selected.

スタイル選択部270で選択されたスタイルが「スポットライト」である場合には、図18に示すように、パターン選択部280では、「スポットが除々に小さくなって消える」「スポットを全体へ広げる」「右上からスポットを移動」等、「スポットライト」の動作状況及び移動方向を選択できるようになっている。   When the style selected by the style selection unit 270 is “spotlight”, as shown in FIG. 18, the pattern selection unit 280 “spots become smaller and disappears” “spreads the whole spot”. The operation status and moving direction of “spotlight” such as “move spot from upper right” can be selected.

スタイル選択部270で選択されたスタイルが「遠近」である場合には、図19に示すように、パターン選択部280では、「効果(小)」「効果(中)」「効果(大)」の遠近の程度を選択できるようになっている。「効果(大)」を選択すると、大きな遠近感が得られるものである。   When the style selected by the style selection unit 270 is “perspective”, as shown in FIG. 19, the pattern selection unit 280 displays “effect (small)” “effect (medium)” “effect (large)”. The degree of perspective can be selected. When “Effect (Large)” is selected, a great sense of perspective is obtained.

スタイル選択部270で選択されたスタイルが「波紋」である場合には、図20に示すように、パターン選択部280では、「最大〜最小」まで波紋処理による画像の変形の程度を選択できるようになっている。「最大」を選択すると、画像の変形(くずれ)具合が大きくなる。   When the style selected by the style selection unit 270 is “ripple”, the pattern selection unit 280 can select the degree of deformation of the image by the ripple processing from “maximum to minimum” as shown in FIG. It has become. When “maximum” is selected, the degree of deformation (disintegration) of the image increases.

スタイル選択部270で選択されたスタイルが「フラダンス」である場合には、図21に示すように、パターン選択部280では、「横にくねくね(とてもゆっくり)」〜「縦にくねくね(とても速い)」まで波打たせる方向とくねくねの大きさを選択できるようになっている。   When the style selected by the style selection unit 270 is “hula dance”, as shown in FIG. 21, the pattern selection unit 280 selects “horizontal winding (very slow)” to “vertical winding (very fast)”. "Wave direction and wavy size can be selected."

スタイル選択部270で選択されたスタイルが「渦巻き」である場合には、図22に示すように、パターン選択部280では、「元→小渦巻き(左巻き)」「元→小渦巻き(左巻き)→元」「大渦巻き→元(右巻き)」等、渦巻きの変化状況、渦巻きの方向、大きさを選択できるようになっている。   When the style selected by the style selection unit 270 is “spiral”, as shown in FIG. 22, the pattern selection unit 280 displays “original → small spiral (left-handed)” “original → small spiral (left-handed)” → The change state of the spiral, the direction and the size of the spiral, such as “original” and “large spiral → original (right-handed)”, can be selected.

スタイル選択部270で選択されたスタイルが「スクロール」である場合には、図23に示すように、パターン選択部280では、「左→右(遠近)」「右→左(遠近)」「右→左(平行)」等、遠近を伴う移動であるかどうかのスクロールの種類、方向を選択できるようになっている。   When the style selected by the style selection unit 270 is “scroll”, as shown in FIG. 23, the pattern selection unit 280 displays “left → right (perspective)” “right → left (perspective)” “right”. → Left (Parallel) "and other types of scrolling can be selected.

「特殊効果」の場合も、「テキスト演出」及び「自然演出」と同様に、アニメ演出設定画面220において、スタイル選択部270及びパターン選択部280での選択を行った後に、ページ画像若しくはその外側(ページ画像の外で画面内)の任意の位置に演出基準点Pを設定する。演出基準点Pの設定は、「テキスト演出」と同様に、マウスによるクリック操作で行われ、最終のクリック位置が演出基準点Pとして有効となる。
また、前記したように演出設定領域の中心点が演出原点Oとなるとともに、演出領域設定手段12では演出設定領域の大きさ(演出エリア面積や縦横の長さなど)を検出し、演出効果設定手段15において、演出基準点Pのみ、又は、演出基準点P、演出原点O、演出エリアの大きさの中の複数をパラメータとして移動量や回転量等の変化量が異なる各演出効果が付与される。
In the case of “special effect” as well as “text effect” and “natural effect”, after the selection by the style selection unit 270 and the pattern selection unit 280 on the animation effect setting screen 220, the page image or its outside The production reference point P is set at an arbitrary position (inside the screen outside the page image). The effect reference point P is set by a click operation with the mouse as in the “text effect”, and the final click position becomes valid as the effect reference point P.
Further, as described above, the center point of the effect setting area becomes the effect origin O, and the effect area setting means 12 detects the size of the effect setting area (such as the effect area area and vertical and horizontal lengths) and sets the effect effect. In the means 15, each effect having a different amount of change such as a moving amount or a rotation amount is given using only the effect reference point P or the effect reference point P, the effect origin O, and a plurality of effect area sizes as parameters. The

図14の例では、タイプ選択部260で「特殊効果演出」が選択され、スタイル及びパターンはランダムであるため、演出基準点Pのみ、又は、演出基準点Pと演出原点(演出領域の中心点)Oとの位置関係によりランダムに選択されたスタイル及びパターンに応じた演出効果が付与される。   In the example of FIG. 14, since the “special effect effect” is selected by the type selection unit 260 and the style and pattern are random, only the effect reference point P or the effect reference point P and the effect origin (the center point of the effect region) ) A presentation effect corresponding to the style and pattern randomly selected according to the positional relationship with O is given.

図15の例では、スタイル選択部270で選択されたスタイルが「ズーム」で、演出基準点が左ページ右下位置に設定されているので、指定パターン(ランダムに指定された)で演出基準点Pを中心に演出エリアを拡大したり縮小したりする演出効果が付与される。   In the example of FIG. 15, since the style selected by the style selection unit 270 is “zoom” and the production reference point is set at the lower right position of the left page, the production reference point is designated with a designated pattern (designated at random). An effect of enlarging or reducing the effect area around P is given.

図16の例では、スタイル選択部270で選択されたスタイルが「ズーム」で、パターンが「元→拡大(大)」であるため、この指定パターンで演出基準点Pを中心に演出エリアを拡大する演出効果が付与される。   In the example of FIG. 16, since the style selected by the style selection unit 270 is “zoom” and the pattern is “original → enlarge (large)”, the effect area is enlarged around the effect reference point P with this designated pattern. A production effect is given.

図17の例では、スタイル選択部270で選択されたスタイルが「スピン」で、パターンが「左に360度回転」であるため、この指定パターンで演出基準点Pを中心に回転する演出効果が付与される。この例の場合、演出エリアの位置は演出効果付与に関係しない。   In the example of FIG. 17, since the style selected by the style selection unit 270 is “spin” and the pattern is “rotate 360 degrees to the left”, the effect of rotating around the effect reference point P with this specified pattern is achieved. Is granted. In the case of this example, the position of the production area is not related to the production effect.

図18の例では、スタイル選択部270で選択されたスタイルが「スポットライト」で、パターンが「右上からスポットを移動」であるため、この指定パターンにより右上からスポットが移動し、演出基準点Pを中心にスポットライトが当たるような演出効果が付与される。この例の場合、演出設定領域211の面積の大きさに応じてスポットライトのサイズが変化する。   In the example of FIG. 18, since the style selected by the style selection unit 270 is “spotlight” and the pattern is “move spot from upper right”, the spot moves from the upper right by this designated pattern, and the production reference point P A production effect such that a spotlight hits around is added. In the case of this example, the size of the spotlight changes according to the size of the area of the effect setting area 211.

図19の例では、スタイル選択部270で選択されたスタイルが「遠近」で、パターンが「効果(中)」であるため、この指定パターンで演出基準点Pから演出エリアに遠近をつけてパン移動する演出効果が付与される。   In the example of FIG. 19, since the style selected by the style selection unit 270 is “perspective” and the pattern is “effect (medium)”, panning is performed using the designated pattern from the production reference point P to the production area. A moving effect is provided.

図20の例では、スタイル選択部270で選択されたスタイルが「波紋」で、パターンが「やや大きい」であるため、この指定パターンで演出基準点Pを中心に波を起こす演出効果が付与される。この例の場合、演出エリアの位置は演出効果付与に関係しない。   In the example of FIG. 20, since the style selected by the style selection unit 270 is “ripple” and the pattern is “slightly large”, an effect of generating a wave around the effect reference point P is given with this designated pattern. The In the case of this example, the position of the production area is not related to the production effect.

図21の例では、スタイル選択部270で選択されたスタイルが「フラダンス」で、パターンが「縦にくねくね(ゆっくり)」であり、演出基準点Pがページ画像の外に位置されている。この指定パターンによりくねくねと波打たるが、その大きさは演出基準点Pと演出原点Oとの距離に応じて変化する演出効果が付与される。この例の場合、演出エリアの面積の大きさに応じてくねくねの速度が変化する。   In the example of FIG. 21, the style selected by the style selection unit 270 is “hula dance”, the pattern is “vertically winding (slow)”, and the production reference point P is located outside the page image. The designated pattern undulates, but the effect of changing the size according to the distance between the effect reference point P and the effect origin O is given. In this example, the winding speed changes according to the size of the effect area.

図21の例では、スタイル選択部270で選択されたスタイルが「渦巻き」で、パターンが「元→小渦巻き→元(右まき)」であるため、この指定パターンで演出基準点Pを中心に渦巻きを起こす演出効果が付与される。この例の場合、演出エリアの位置は演出効果付与に関係しない。   In the example of FIG. 21, since the style selected by the style selection unit 270 is “spiral” and the pattern is “original → small spiral → original (right-handed)”, the production reference point P is centered on this designated pattern. The effect of creating a swirl is added. In the case of this example, the position of the production area is not related to the production effect.

図22の例では、スタイル選択部270で選択されたスタイルが「スクロール」で、パターンが「右から左へ(遠近)」であるため、この指定パターンで左右が遠目に見える走馬灯のようなスクロール表示の演出効果が付与される。この例の場合、演出基準点Pの位置に応じて開始位置が変化する。また、演出エリアの位置は演出効果付与に関係しない。   In the example of FIG. 22, the style selected by the style selection unit 270 is “scroll”, and the pattern is “from right to left (far / near)”. A display effect is provided. In this example, the start position changes according to the position of the production reference point P. In addition, the position of the production area is not related to the production effect.

次に、アニメ演出として、ページ画面内に表示されたキャラクタ等の部品画像部分が回転・移動等の変化を伴うような演出を施す「部品演出」の場合について説明する。
「部品演出」の場合、既に述べた「テキスト演出」「自然演出」「特殊効果演出」と異なり、ページ画像の背景画面からキャラクタ(部品画像)を分離させ、分離させた部品画像に変化を与えるため、ページ画像201から部品画像210を分離させる画像処理が必要となる。
この処理は、先ず部品画像抽出手段13により、演出領域設定手段12で指定した演出領域内において、背景画像をマスク色で塗りつぶすことで塗りつぶした領域を自動的に削除若しくは分離して部品画像を抽出し記憶することで行われる。
Next, a description will be given of the case of “component effect” in which a part image portion such as a character displayed on the page screen is provided with an effect accompanied by a change such as rotation / movement as an animation effect.
In the case of “part effect”, unlike the “text effect”, “natural effect”, and “special effect effect” already described, the character (component image) is separated from the background image of the page image, and the separated component image is changed. Therefore, image processing for separating the component image 210 from the page image 201 is necessary.
In this process, first, the component image extraction unit 13 automatically deletes or separates the painted area by painting the background image with the mask color in the rendering area specified by the rendering area setting unit 12 to extract the component image. It is done by memorizing.

すなわち、例えば演出設定画面200のページ画像201において、女の子の部品画像210を囲むように演出設定領域211を設定すると、図24のアニメ演出設定画面220が表示される。アニメ演出設定画面220には、右側に部品画像生成窓221、背景画像作成窓222が表示され、各窓の下側に「自動生成」「編集」「削除」のボタンが設定されている。
この状態で、部品画像生成窓221の「自動生成」ボタンをクリックすると、演出設定領域211内において、女の子の部品画像210を背景から分離させるため、背景をマスクするためのマスクパターンが自動的に作成され、部品画像210を抽出することが行われる。
That is, for example, when the effect setting area 211 is set so as to surround the part image 210 of the girl in the page image 201 of the effect setting screen 200, the animation effect setting screen 220 of FIG. 24 is displayed. On the animation effect setting screen 220, a part image generation window 221 and a background image generation window 222 are displayed on the right side, and buttons for “automatic generation”, “edit”, and “deletion” are set below each window.
In this state, when the “automatic generation” button in the component image generation window 221 is clicked, the girl pattern image 210 is separated from the background in the effect setting area 211, so that a mask pattern for masking the background is automatically set. The created component image 210 is extracted.

この例では、女の子の部品画像210を囲むように演出設定領域211を設定したが、部品画像の内部の一部分の領域を部品画像に対応した領域として演出設定領域に設定し、その領域を元にして自動的に部品画像を抽出する処理を行っても良い。   In this example, the effect setting area 211 is set so as to surround the part image 210 of the girl, but a partial area inside the part image is set as an area corresponding to the part image as the effect setting area, and the area is based on that area. Then, a process of automatically extracting a component image may be performed.

マスクパターンの自動作成による部品画像210の抽出は、演出設定領域211内の部品画像210の背景領域をペイントツールの要領でマスク色で塗りつぶしていくことにより行われる。この場合、演出設定領域211は、図4に示すような画像になるが、説明を簡単にするため、図5に示すように、演出設定領域211内の水平線部分をH、女の子部分をX、Hで区画される上側背景部分をY、Hで区画される下側背景部分をZとし、図27のフローチャート図を参照しながらマスクパターンの自動作成の詳細な手順について説明する。   Extraction of the part image 210 by automatic creation of the mask pattern is performed by painting the background area of the part image 210 in the effect setting area 211 with a mask color in the manner of a paint tool. In this case, the effect setting area 211 is an image as shown in FIG. 4, but for the sake of simplicity, as shown in FIG. 5, the horizontal line part in the effect setting area 211 is H, the girl part is X, A detailed procedure for automatically creating a mask pattern will be described with reference to the flowchart of FIG. 27, where Y is the upper background portion partitioned by H and Z is the lower background portion partitioned by H.

図24の部品画像生成窓221において「自動生成」が選択されると、ページ画像201の演出設定領域211の画像を複写する(ステップ301)。
つぎに、初期化処理として、すべてのセルの透過フラグをOFFにし、透過開始点配列および、次回透過開始点配列を空にしておく。また、演出設定領域211の外周特定点(例えば図26の演出設定領域211の左上端部)を走査原点とし、走査原点を走査開始点とする(ステップ302)。
走査開始点のセルの色C(海の色である青色)を記憶し、類似色ラン長を「1」に設定する(ステップ303)。
走査開始点から時計周りに次の隣接外周走査点へ移動し(ステップ304)、走査点が走査原点であるかを判断し(ステップ305)、走査原点でなければ走査点のセルが色Cの類似色であるかどうかを判断する(ステップ306)。
走査点のセルが色Cの類似色である場合は、類似色ラン長を「1」加算し(ステップ307)、ステップ304に戻って次の隣接外周走査点へ移動する。
走査点のセルが類似色Cでなく、透過フラグがONでない場合(ステップ308)、類似色ラン長が予め決められた所定長(塗りつぶし条件の閾値)より長いかどうかを判断し(ステップ309)、長い場合は走査開始点塗りつぶし処理が行われる(ステップ310)。
走査開始点塗りつぶし処理が行われると走査点を走査開始点としてセットし(ステップ311)、新たな走査を開始する(ステップ303)。
When “automatic generation” is selected in the component image generation window 221 of FIG. 24, the image in the effect setting area 211 of the page image 201 is copied (step 301).
Next, as an initialization process, the transmission flags of all cells are turned OFF, and the transmission start point array and the next transmission start point array are left empty. Further, the outer peripheral specific point of the effect setting area 211 (for example, the upper left corner of the effect setting area 211 of FIG. 26) is set as the scanning origin, and the scanning origin is set as the scanning start point (step 302).
The cell color C (blue which is the color of the sea) at the scanning start point is stored, and the similar color run length is set to “1” (step 303).
It moves from the scanning start point clockwise to the next adjacent outer peripheral scanning point (step 304), and determines whether the scanning point is the scanning origin (step 305). If it is not the scanning origin, the cell at the scanning point is color C It is determined whether the colors are similar (step 306).
If the cell at the scanning point is a similar color of color C, the similar color run length is incremented by “1” (step 307), and the process returns to step 304 to move to the next adjacent outer peripheral scanning point.
When the cell at the scanning point is not the similar color C and the transmission flag is not ON (step 308), it is determined whether the similar color run length is longer than a predetermined length (filling condition threshold) (step 309). If it is long, a scan start point filling process is performed (step 310).
When the scan start point filling process is performed, the scan point is set as the scan start point (step 311), and a new scan is started (step 303).

ここまでの処理を図5で説明すると、図26(a)の走査原点であるセル1を走査開始点とし、所定長を8としておく。類似色ラン長は初期値の「1」となっている。所定長は、演出領域の大きさに応じて予め固定値として設定されている。マスクパターンを作成する際に塗りつぶし位置を管理するための透過開始点配列及び次回透過開始点配列を空にしておく。
外周時計回りで走査点を移動し、各セルについて色Cの類似色かどうかを判断する。セル2〜12は色C(青色)の類似色なので、類似色ラン長=12まで加算され、セル13は色Cの類似色でなく、また透過フラグはOFFとなっている。その結果、類似色ラン長(12)>所定長(8)が成立し、走査開始点のセル1を塗りつぶし対象の透過開始点配列に追加する(図26(a))。ここで、セル1の透過フラグをONにする(図26(a)において、「太線枠で囲まれた領域」)。
The processing up to this point will be described with reference to FIG. 5. The cell 1 which is the scanning origin in FIG. The similar color run length is the initial value “1”. The predetermined length is set in advance as a fixed value according to the size of the effect area. When creating a mask pattern, the transmission start point array and the next transmission start point array for managing the fill position are made empty.
The scanning point is moved clockwise in the outer periphery, and it is determined whether or not each cell is a color similar to color C. Since the cells 2 to 12 are similar colors of the color C (blue), the similar color run length = 12 is added, the cell 13 is not a similar color of the color C, and the transmission flag is OFF. As a result, similar color run length (12)> predetermined length (8) is established, and cell 1 at the scan start point is added to the transmission start point array to be filled (FIG. 26A). Here, the transparency flag of the cell 1 is turned ON (in FIG. 26A, “region surrounded by a thick line frame”).

透過開始点配列の各セル全てについて、上下左右のセルが類似色Cかどうか判断する。セル2,セル28は、色Cの類似色であり、且つ透過フラグOFFなので、これらを次回透過開始点配列に追加し、透過フラグをONする(図26(b))。
全ての透過開始点配列についての処理が終了したら、次回透過開始点配列を透過開始点配列にコピーし、次回透過開始点配列を空にする。
For all the cells in the transmission start point array, it is determined whether the upper, lower, left and right cells are similar color C. Since the cells 2 and 28 are similar to the color C and the transmission flag is OFF, these are added to the next transmission start point array and the transmission flag is turned ON (FIG. 26B).
When processing for all the transmission start point arrays is completed, the next transmission start point array is copied to the transmission start point array, and the next transmission start point array is emptied.

新たな透過開始点配列のセル2,28について、上下左右のセルが類似色Cかどうか判断する。色Cの類似色であって透過フラグOFFのセル3,27,29が次回透過開始点配列に追加される。このような処理により、色Cの類似色のセルが透過ONで塗りつぶされる(図26(c))。   For cells 2 and 28 in the new transmission start point array, it is determined whether the upper, lower, left, and right cells are similar color C. Cells 3, 27, and 29 that are similar to the color C and have the transmission flag OFF are added to the next transmission start point array. By such processing, cells of a similar color of color C are filled with transparency ON (FIG. 26 (c)).

新たな透過開始点配列がなくなった時点で、セルを透過ONで塗りつぶす作業は終了する(図26(d))。透過開始点配列及び次回透過開始点配列を空にしておく。   When there is no new transmission start point array, the operation of filling the cell with the transmission ON is completed (FIG. 26D). The transmission start point array and the next transmission start point array are left empty.

ここで、次の走査開始点であるセル13に移動する。走査開始点の色D(水平方向に引かれた線の色である黒色)を記憶する。類似色ラン長は初期値の「1」となっている。外周時計回りで走査点を移動し、セル14は色Dの類似色でなく、透過フラグOFFであるので、類似色ラン長(1)<所定長(8)となり、塗りつぶし処理は行われない。   Here, the cell 13 moves to the next scanning start point. The scanning start point color D (black which is the color of the line drawn in the horizontal direction) is stored. The similar color run length is the initial value “1”. Since the scanning point is moved in the clockwise direction and the cell 14 is not a similar color of the color D and the transmission flag is OFF, the similar color run length (1) <predetermined length (8) is satisfied, and the painting process is not performed.

よって、走査開始点がセル14に移動する。走査開始点の色E(氷の色である白色)を記憶する。類似色ラン長は初期値の1となっている。外周時計回りで走査点を移動し、セル15〜23は色Eの類似色なので、類似色ラン長=10まで加算される。
セル24は色Eの類似色でなく、また透過フラグはOFFとなっている。その結果、類似色ラン長(10)>所定長(8)が成立し、走査開始点のセル14を塗りつぶし対象の透過開始点配列に追加し、セル14の透過フラグをONにする。
セル14の上下左右のセルを類似色Eかどうか判断し、塗りつぶし領域を拡げる。新たな透過開始点配列がなくなった時点で塗りつぶし処理は終了する(図26(e))。透過開始点配列及び次回透過開始点配列を空にしておく。
Therefore, the scanning start point moves to the cell 14. The color E (white color that is the ice color) of the scanning start point is stored. The similar color run length is 1 as an initial value. The scanning point is moved clockwise in the outer periphery, and since the cells 15 to 23 are similar colors of the color E, the similar color run length = 10 is added.
The cell 24 is not similar to the color E, and the transmission flag is OFF. As a result, the similar color run length (10)> predetermined length (8) is established, the cell 14 at the scanning start point is added to the transmission start point array to be filled, and the transmission flag of the cell 14 is turned ON.
It is determined whether the upper, lower, left and right cells of the cell 14 are similar colors E, and the filled area is expanded. The painting process ends when there is no new transmission start point array (FIG. 26 (e)). The transmission start point array and the next transmission start point array are left empty.

ここで、次の走査開始点であるセル24に移動する。走査開始点の色D(水平方向に引かれた線の色である黒色)を記憶する。類似色ラン長は初期値の1となっている。外周時計回りで走査点を移動し、セル25〜28は色Dの類似色でなく、透過フラグONなので、順次走査点が動き、走査点がセル1に移動する。走査点のセル1は走査原点なので、外周を一周したことになる。
すなわち、走査点が走査原点である場合(ステップ305)、類似色ラン長が所定長より長いかどうかを判断する(ステップ312)。ここでは、類似色ラン長(1)<所定長(8)となり、塗りつぶし処理は行われない。
Here, the cell 24 moves to the next scanning start point. The scanning start point color D (black which is the color of the line drawn in the horizontal direction) is stored. The similar color run length is 1 as an initial value. The scanning point is moved clockwise in the outer periphery. Since the cells 25 to 28 are not similar to the color D and the transmission flag is ON, the scanning point sequentially moves and the scanning point moves to the cell 1. Since the cell 1 at the scanning point is the scanning origin, this means that the circumference has been made a full circle.
That is, when the scanning point is the scanning origin (step 305), it is determined whether the similar color run length is longer than a predetermined length (step 312). Here, the similar color run length (1) <predetermined length (8) is satisfied, and the filling process is not performed.

逆に、走査点が走査原点である場合(ステップ305)で、類似色ラン長が所定長より長いかどうかを判断し(ステップ312)、長い場合は走査開始点塗りつぶし処理が行われる(ステップ313)。
最後に透過フラグがONである点について透過処理を施す(ステップ314)ことで、透過処理(背景マスク処理)が行われる(図26(f))。
背景マスク処理が完了した場合、図28のアニメ演出設定画面220の部品画像生成窓221には、背景部分がマスクされて透過処理が行われて抽出された部品画像が表示される。
Conversely, when the scanning point is the scanning origin (step 305), it is determined whether the similar color run length is longer than the predetermined length (step 312). If the scanning point is longer, the scanning start point filling process is performed (step 313). ).
Finally, a transmission process (background mask process) is performed by performing a transmission process on the point where the transmission flag is ON (step 314) (FIG. 26 (f)).
When the background mask process is completed, the part image generated window 221 on the animation effect setting screen 220 in FIG. 28 displays the part image extracted by performing the transparent process with the background portion masked.

上記手順により、走査開始点が演出設定領域211の周囲を一周し、走査開始点からの類似色ラン長さが所定長を超えたときに、走査開始点から塗りつぶしが領域内部に拡がる。すなわち、図25において、走査開始点を透過開始点とする処理Aと、透過開始点に隣接する点が、透過フラグOFF且つ記憶された色の類似色ならば、新たな透過開始点として登録し、その点の透過フラグをONにセットする処理Bが行われ、新たな透過開始点がなくなった時点で背景に対するマスクパターンが自動的に生成されることにより、部品画像を抽出することができる。   According to the above procedure, when the scanning start point makes a round around the effect setting area 211 and the similar color run length from the scanning start point exceeds a predetermined length, the paint spreads from the scanning start point to the inside of the area. That is, in FIG. 25, if the process A where the scanning start point is the transmission start point and the point adjacent to the transmission start point is a transmission flag OFF and a color similar to the stored color, it is registered as a new transmission start point. A part B can be extracted by performing processing B for setting the transmission flag of that point to ON and automatically generating a mask pattern for the background when there is no new transmission start point.

部品画像を自動で抽出する方法は、上記した演出領域の全周囲を走査していく方法以外にも各種存在する。
例えば、部品画像を自動で抽出する方法として、(1)演出領域内部の画像に対して輪郭抽出処理(一般的にはSobel、Prewittなどの微分演算法を用いて画像の色調が急激に変化する部分を抽出する)を施した上で輪郭線を追跡する方法、(2)演出領域として部品画像内部の領域を設定しておき、領域内の色を元に類似色で領域を色成長させて部品画像を抽出する方法、(3)演出領域として部品画像の輪郭を含む領域を設定しておき、領域内の輪郭抽出と領域内外の類似色成長の組み合わせ処理によって部品画像を抽出する方法等を採用しても良い。
There are various methods for automatically extracting a component image other than the method of scanning the entire periphery of the effect area.
For example, as a method for automatically extracting a component image, (1) contour extraction processing (generally using a differential operation method such as Sobel, Prewitt, etc.) with respect to the image inside the effect area, the color tone of the image changes abruptly. (2) A region inside a part image is set as an effect region, and the region is grown with a similar color based on the color in the region. A method of extracting a component image, (3) a method of setting a region including a contour of a component image as an effect region, and extracting a component image by a combination process of contour extraction within the region and similar color growth inside and outside the region, etc. It may be adopted.

図25の演出設定領域211に対して部品画像の自動生成を行った場合、図28のアニメ演出設定画面220の部品画像生成窓221に示されるように、演出設定領域211の下方に水平に現れる線については、背景と判断することができず、マスクパターンにより塗りつぶしが行われることなく残っている。
このような自動生成できない部分に対処するため、部品画像抽出手段13には部品画像抽出補助手段を備えている。
部品画像抽出補助手段は、演出設定領域211における背景画像若しくは部品画像をマスク色で塗りつぶすことで塗りつぶした領域を削除若しくは分離して部品画像210を抽出するに際して、塗りつぶし用のペイントツール(例えばドローペンやバケツ)を使用して手動で部品画像210であるかどうかを決めるものである。
そして、部品画像抽出補助手段は、ペイントツールで描画した部分が背景領域となるようにマスクカラーで塗りつぶされるマスクモードと、ペイントツールで描画した部分が部品画像となるようにマスクカラーで塗りつぶした部分が元の画像に戻されるマスク取り消しモードと、前記マスクモードとマスク取り消しモードとの切替を行うモード切替手段を備えている。
When the component image is automatically generated for the effect setting area 211 of FIG. 25, it appears horizontally below the effect setting area 211 as shown in the component image generation window 221 of the animation effect setting screen 220 of FIG. The line cannot be determined as the background, and remains without being filled by the mask pattern.
In order to deal with such a part that cannot be automatically generated, the part image extraction unit 13 includes a part image extraction auxiliary unit.
The component image extraction assisting unit removes or separates the painted area by painting the background image or the component image with the mask color in the effect setting area 211 and extracts the component image 210 to paint the paint tool (for example, a drawing pen or the like). The part image 210 is manually determined using a bucket.
Then, the part image extraction assisting means uses a mask mode in which the part drawn with the paint tool is filled with the mask color so that it becomes the background area, and a part with the mask color so that the part drawn with the paint tool becomes the part image Is provided with a mode switching means for switching between the mask cancellation mode for returning to the original image and the mask mode and the mask cancellation mode.

具体的には、図28のアニメ演出設定画面220で部品画像を自動生成した後に、部品画像生成窓221の下の編集ボタンをクリックすると、図29のアニメ画像編集画面(部品編集)230が表示される。図29のアニメ画像編集画面230においてブラシ窓231を選択することで演出設定領域211にドローペンに該当するブラシ部232を表示させ、透明窓233を選択することで前記したマスクモードに切り替えられ、例えば、マウスなどのポインティングデバイスでドラッグするなど、演出設定領域211内の不要な線をブラシ部232でなぞる(マスクカラーで塗りつぶす)ことで消すことができる。
この際、誤って線を消し過ぎたような場合には、「色の復元」窓234を選択することで前記したマスク取り消しモードに切り替えられ、演出設定領域211内でブラシ部232を例えばマウスでドラッグすることにより、消された画像部分(マスクカラーで塗りつぶされた画像)を復元することができる。尚、編集の方法は、上述の例に限らず、一般的な画像編集ソフト等で行われている方法を含めることができる。
部品画像抽出補助手段により不要な線が除去された部品画像は、図30に示されるように、アニメ演出設定画面220の部品画像生成窓221に表示される。
Specifically, after the part image is automatically generated on the animation effect setting screen 220 in FIG. 28, when the edit button under the part image generation window 221 is clicked, the animation image edit screen (part edit) 230 in FIG. 29 is displayed. Is done. By selecting the brush window 231 on the animation image editing screen 230 of FIG. 29, the brush portion 232 corresponding to the draw pen is displayed in the effect setting area 211, and by selecting the transparent window 233, the mask mode can be switched to, for example, For example, dragging with a pointing device such as a mouse can be erased by tracing an unnecessary line in the effect setting area 211 with the brush unit 232 (filling with a mask color).
At this time, if the line is accidentally erased too much, the “color restoration” window 234 is selected to switch to the mask cancellation mode described above, and the brush portion 232 is moved within the effect setting area 211 with, for example, a mouse. By dragging, the erased image portion (image filled with the mask color) can be restored. Note that the editing method is not limited to the above-described example, and a method performed by general image editing software or the like can be included.
The part image from which unnecessary lines are removed by the part image extraction assisting means is displayed in the part image generation window 221 of the animation effect setting screen 220 as shown in FIG.

上記例では、部品画像抽出に際して、自動的に部品画像を生成する部品画像抽出手段13と、自動生成ができない部分のみ部品画像抽出補助手段により手動で部品画像を抽出するようにしたが、手動で部品画像の抽出を行う部品画像抽出手段単独で部品画像を抽出する構成であってもよい。   In the above example, when extracting the part image, the part image extracting unit 13 that automatically generates the part image and the part image extracting auxiliary unit only manually extract the part image that cannot be automatically generated. A configuration may be used in which a component image is extracted by a component image extraction unit that performs component image extraction alone.

背景画像作成手段14は、抽出した部品画像に対応した背景画像上の領域について周囲の背景色に対応した色に置換することで背景画像を作成するものである。
すなわち、図30のアニメ演出設定画面220の背景画像生成窓222の「自動生成」ボタンをクリックすると、演出設定領域211内において、女の子の部品画像210が取り除かれた背景画像が自動的に作成されて背景画像生成窓222に表示される。
背景画像を自動的に生成する方法は、抽出された女の子の部品画像が取り除かれた背景画像の領域について、周囲の背景色(空の青色、氷の白色、空と氷の境界線の黒色)に置換することで背景画像を生成するものであるが、図31のフローチャート図及び図30のアニメ演出設定画面220を参照しながら詳細な手順について説明する。
The background image creating means 14 creates a background image by replacing an area on the background image corresponding to the extracted component image with a color corresponding to the surrounding background color.
That is, when the “automatic generation” button in the background image generation window 222 on the animation effect setting screen 220 in FIG. 30 is clicked, a background image from which the girl part image 210 is removed is automatically created in the effect setting area 211. Displayed on the background image generation window 222.
The method of automatically generating the background image is to use the surrounding background color (sky blue, ice white, sky and ice border black) for the background image area from which the extracted girl part image has been removed. The background image is generated by substituting for the above. A detailed procedure will be described with reference to the flowchart of FIG. 31 and the animation effect setting screen 220 of FIG.

アニメ演出設定画面220の背景画像生成窓222において「自動生成」が選択されると、ページ画像201の演出設定領域211の画像を複写する(ステップ401)。
演出設定領域211の左上を処理の開始点として走査が始まり(ステップ402)、右下の終了点まですべての点について走査していく。そして、処理点が部品画像抽出に際して分類された部品画像の透過点であるかどうかを判断する(ステップ403)。
透過点でない場合、この部分は部品画像部分であるので、処理点を背景色に変更処理する(ステップ404)。例えば、変更処理する色は、処理点に一番近い背景色にする。
透過点である場合、この部分は部品画像抽出に際してのマスクパターンの部分(つまり背景画像)であるため、変更処理する必要がないので、次の処理点へ移動する(ステップ405)。
そして、全ての処理点についての処理が終了したかどうかを判断し(ステップ406)、終了した場合には背景画像作成を終了する。
When “automatic generation” is selected in the background image generation window 222 of the animation effect setting screen 220, the image in the effect setting area 211 of the page image 201 is copied (step 401).
Scanning starts at the upper left of the effect setting area 211 (step 402), and all points are scanned up to the lower right end point. Then, it is determined whether or not the processing point is a transmission point of the component image classified at the time of component image extraction (step 403).
If it is not a transmission point, this part is a part image part, so the processing point is changed to the background color (step 404). For example, the color to be changed is the background color closest to the processing point.
If it is a transmission point, this part is a part of the mask pattern (that is, the background image) at the time of component image extraction, and therefore there is no need to change processing, so the process moves to the next processing point (step 405).
Then, it is determined whether or not the processing for all the processing points has been completed (step 406), and if it has been completed, the background image creation is terminated.

上記例では、背景画像を自動的に作成するに際して、「抽出した部品画像に対応する全ピクセルについて、そのピクセルに最短の背景画像上のピクセルの色に置換する」という処理を行っているが、例えば、「背景画像を自動作成するに際して、演出領域設定手段により設定された演出領域の周囲に沿って色の連続性や規則性などを検出し、検出した色を連続させるなどして背景に成長させる」等の処理を行うことで背景画像を作成してもよい。   In the above example, when the background image is automatically created, a process of “replace all pixels corresponding to the extracted component image with the color of the pixel on the background image that is the shortest to the pixel” is performed. For example, “When a background image is automatically created, color continuity or regularity is detected along the periphery of the effect area set by the effect area setting means, and the detected color is continued to grow into the background. The background image may be created by performing a process such as “Self”.

背景が単純な場合は、上記の手順により背景画像の完全な自動生成が可能であるが、背景が複雑な場合には、ある程度画像の特徴から背景画像を自動生成したものを基礎として手動で修正できるようにすればよい。
すなわち、図30の演出設定領域211に対して背景画像の自動生成を行った場合、背景画像生成窓222に示されるように、女の子(部品画像)の中央部250の背景を正確に作成することができない。この部分は下側に近いため、下側の色(氷の色である白)と同じ色で再現されている。
このような自動生成できない部分に対処するため、背景画像作成手段14には背景画像作成補助手段を備えている。
If the background is simple, the background image can be completely automatically generated by the above procedure, but if the background is complex, it is manually corrected based on the background image automatically generated to some extent from the image features. You can do it.
That is, when the background image is automatically generated for the effect setting area 211 of FIG. 30, the background of the central portion 250 of the girl (part image) is accurately created as shown in the background image generation window 222. I can't. Since this part is close to the lower side, it is reproduced in the same color as the lower color (white, which is the color of ice).
In order to deal with such a portion that cannot be automatically generated, the background image creation means 14 is provided with a background image creation assistance means.

背景画像作成補助手段は、生成した背景画像に対して、画線描写や色の着色を手動で編集を行うことができるようにしたものである。尚、編集の方法は、実施例に限らず、一般的な画像編集ソフト等で行われている方法を含めることができる。
具体的には、アニメ演出設定画面220で背景画像を自動生成した後に、背景画像生成窓222の下の編集ボタンをクリックすると、図32のアニメ画像編集画面(背景編集)230が表示される。図32のアニメ画像編集画面230においてブラシ窓231を選択することで演出設定領域211にペイントツールに該当するブラシ部232を表示させ、色付け窓235(所望の色が選択済)を選択することで、演出設定領域211内をブラシ部232でなぞることで選択した色の色付けを行うことができる。ブラシ部232の太さを変更し、色付け窓235の選択色を黒とすることで、水平線を付加することができる。
背景画像作成補助手段により線や色を追加した背景画像は、図33に示されるように、アニメ演出設定画面220の背景画像生成窓222に表示される。
また、背景画像作成に際して、自動的に背景画像を生成する背景画像作成手段14と、自動生成ができない部分のみ背景画像作成補助手段により手動で背景画像を作成するようにしたが、手動で背景画像の作成を行う背景画像作成手段単独で背景画像を作成する構成であってもよい。
The background image creation assisting means can manually edit the line drawing and color coloring of the generated background image. Note that the editing method is not limited to the embodiment, and a method performed by general image editing software or the like can be included.
Specifically, when the background image is automatically generated on the animation effect setting screen 220 and then the edit button under the background image generation window 222 is clicked, the animation image editing screen (background editing) 230 shown in FIG. 32 is displayed. By selecting the brush window 231 on the animation image editing screen 230 of FIG. 32, the brush portion 232 corresponding to the paint tool is displayed in the effect setting area 211, and the coloring window 235 (desired color has been selected) is selected. The selected color can be colored by tracing the inside of the effect setting area 211 with the brush unit 232. A horizontal line can be added by changing the thickness of the brush part 232 and setting the selection color of the coloring window 235 to black.
The background image to which lines and colors are added by the background image creation assisting means is displayed on the background image generation window 222 of the animation effect setting screen 220 as shown in FIG.
In addition, when the background image is created, the background image creation means 14 for automatically generating the background image and the background image creation auxiliary means only for the part that cannot be automatically created are manually created for the background image. The background image creating means for creating the image may be used alone to create the background image.

演出効果設定手段15は、演出設定モードにおいて、演出領域に対応する演出の種類を演出効果として選択し、これを記憶しておくものである。また、演出領域に設定する演出の属性は、ストーリーに沿って演出する「ストーリー演出」と、予期しない演出を行う「シークレット演出」と、その両方の演出、の中からいずれかを設定するようになっている。
演出効果としては、上記した画像の拡大・変形処理等の画像変化を伴う演出(アニメ演出)の他に、音読(音声)、効果音(サウンド)、BGM等の音源データによる演出が考えられる。
演出領域に対する演出効果の選択は、各演出領域に対して行われるが、演出領域設定手段12に記憶されている各演出領域の座標データに対応した再生時期データによりページ画像内における各演出効果の再生順序が振り分けられるようになっている。また、各演出効果の選択は、前記したように、スタイル選択部270の演出種類の内容に対応したキーワードで選択可能とすることで、必要な演出効果を容易に選択可能にしている。
The effect effect setting means 15 selects the effect type corresponding to the effect area as the effect in the effect setting mode, and stores this. In addition, the attribute of the production to be set in the production area is set to one of the production of “story production” that produces in line with the story, “secret production” that produces an unexpected production, or both productions. It has become.
As the effect, in addition to the effect (animation effect) accompanied by the image change such as the above-described enlargement / deformation processing of the image, the effect by sound source data such as reading aloud (voice), sound effect (sound), BGM or the like can be considered.
Selection of the effect for the effect area is performed for each effect area, but each effect effect in the page image is determined by reproduction time data corresponding to the coordinate data of each effect area stored in the effect area setting means 12. The playback order is assigned. In addition, as described above, each effect can be selected with a keyword corresponding to the content of the effect type of the style selection unit 270, so that the necessary effect can be easily selected.

演出再生手段16は、演出設定モード及び演出画像再生モードにおいて、演出設定が行われた各ページ画像が表示された際に、前記再生時期データに対応したタイミングで演出効果を再生するものである。すなわち、ページ画像内に複数の演出領域が存在する場合は、演出領域設定手段12に記憶された演出領域の座標データを元にして振り分けられたあるいはその後に編集された再生時期データによって再生が行われる。   The effect reproduction means 16 reproduces the effect at the timing corresponding to the reproduction time data when each page image on which the effect setting has been performed is displayed in the effect setting mode and the effect image reproduction mode. In other words, when there are a plurality of effect areas in the page image, the reproduction is performed based on the reproduction time data distributed based on the coordinate data of the effect areas stored in the effect area setting means 12 or edited thereafter. Is called.

ページ画像から部品画像を抽出し、この部品画像を元の位置から離れたページ画像の任意の場所に移動するような演出設定を再生する場合、元々部品画像があった位置を背景画像で描画し、部品画像が移動する新たな描画には、背景マスクパターンを利用して、新たな背景との画像合成処理が行われる。
その結果、部品画像のみをページ画像内で移動させたりする演出(例えば、気球だけをその場所でふわふわと動かしたり、雪の場面で雪の結晶を画面にたくさん降らせたり、集合写真の特定の顔だけをズームしたりする演出)が可能となり、設定できる演出の自由度を拡げることができる。
When reproducing a production setting that extracts a part image from a page image and moves the part image to an arbitrary position on the page image away from the original position, the position where the part image originally existed is drawn as a background image. For new drawing in which the component image moves, an image synthesis process with a new background is performed using the background mask pattern.
As a result, it is possible to move only the part image within the page image (for example, to move only the balloon softly in the place, to make a lot of snow crystals fall on the screen in the snow scene, or to make a specific face of the group photo Can be zoomed in), and the degree of freedom of effects that can be set can be expanded.

「部品演出」は、図33乃至図42に示されるように、例えば、ページ画像の背景画面からキャラクタ(部品画像)を分離させ画像変化を与えたい場合に用いられる。すなわち、演出設定画面200のページ画像201において、例えば、女の子の部品画像210を囲むように演出設定領域211を設定し、タイプ選択部260で「部品演出」を選択すると、図33のアニメ演出設定画面220が表示される。演出設定領域211の中心は、演出原点(演出領域の中心点)Oとして設定される。
アニメ演出設定画面220には、図39乃至図42に示すように、右側に上述した手順で抽出作成した部品画像及び背景画像が部品画像作成窓221と背景画像作成窓222にそれぞれ表示される。
As shown in FIGS. 33 to 42, the “component effect” is used, for example, when a character (component image) is separated from the background screen of the page image to change the image. That is, in the page image 201 of the effect setting screen 200, for example, when the effect setting area 211 is set so as to surround the part image 210 of the girl and “part effect” is selected by the type selection unit 260, the animation effect setting shown in FIG. A screen 220 is displayed. The center of the effect setting area 211 is set as the effect origin (center point of the effect area) O.
In the animation effect setting screen 220, as shown in FIGS. 39 to 42, the part image and the background image extracted and created by the above-described procedure are displayed on the right side in the part image creation window 221 and the background image creation window 222, respectively.

図33のアニメ演出設定画面220には、タイプ選択部の他、スタイル選択部270及びパターン選択部280が表示され、各種スタイル及びパターンが選択できるようになっている。また、スタイル選択部270及びパターン選択部280では、登録されているスタイルやパターンを無作為に選択して演出が行われる「ランダム」が選択できるようになっている。   In addition to the type selection section, a style selection section 270 and a pattern selection section 280 are displayed on the animation effect setting screen 220 of FIG. 33 so that various styles and patterns can be selected. Further, the style selection unit 270 and the pattern selection unit 280 can select “random” in which a registered style or pattern is randomly selected to produce an effect.

スタイル選択部270では、図34に示すように、部品画像に種々の変化を与えるため、部品画像が拡大させる演出である「ズーム」、部品画像を単純に回転させる演出である「スピン」、部品画像が演出基準点を中心にローテーション移動する演出である「ローテーション」、部品画像が演出基準点を中心に奥行き方向にループさせる演出である「ループ」、部品画像が演出基準点を中心に揺らす演出である「スウィング」、部品画像が演出基準点の方向にジャンプする演出である「ジャンプ」、部品画像を膨らます演出である「風船」、部品画像が転がる演出である「車輪」、部品画像が移動する演出である「移動」、部品画像が往復運動する演出である「往復」等の動作を行う各演出が選択できるように登録されている。   In the style selection unit 270, as shown in FIG. 34, in order to give various changes to the component image, “zoom” that is an effect of enlarging the component image, “spin” that is an effect of simply rotating the component image, "Rotation", which is an effect in which the image is rotated around the production reference point, "Loop", which is an effect in which the part image is looped in the depth direction around the production reference point, and an effect in which the component image fluctuates around the production reference point “Swing”, “Jump”, an effect that the part image jumps in the direction of the production reference point, “Balloon”, an effect that inflates the part image, “Wheel”, an effect that the part image rolls, and the part image move Each effect that performs operations such as “movement”, which is an effect to be performed, and “reciprocation”, which is an effect in which the part image reciprocates, is registered.

パターン選択部280では、スタイル選択部270で選択されたスタイルに対応して選択できるようになっており、例えば図35に示すように、スタイル選択部270で選択された「ローテーション」に対しては、部品画像がローテーションするに際して、「時計回り(ゆっくり)」、「時計回り(速い)」「反対時計回り(速い)」等、「ローテーション」を行う場合の回転方向及び速さに関する演出が選択できるように登録されている。   The pattern selection unit 280 can be selected in accordance with the style selected by the style selection unit 270. For example, as shown in FIG. 35, the “rotation” selected by the style selection unit 270 When rotating a part image, it is possible to select effects relating to the rotation direction and speed when performing “rotation”, such as “clockwise (slow)”, “clockwise (fast)”, “counterclockwise (fast)”, etc. So that it is registered.

スタイル選択部270で選択されたスタイルが「ループ」である場合には、図36に示すように、パターン選択部280では、「時計回り(ゆっくり)」、「時計回り(速い)」「反対時計回り(速い)」等、「ループ」を行う場合の回転方向及び速さに関する演出が選択できるように登録されている。   When the style selected by the style selection unit 270 is “loop”, as shown in FIG. 36, the pattern selection unit 280 displays “clockwise (slow)”, “clockwise (fast)”, “counterclockwise”. It is registered so that an effect relating to the rotation direction and speed when performing “loop” such as “turn (fast)” can be selected.

スタイル選択部270で選択されたスタイルが「スウィング」である場合には、図37に示すように、パターン選択部280では、「振幅小(ゆっくり)」「振幅小(中くらい)」「振幅大(ゆっくり)」等、部品画像がスウィングする場合の振り幅と速さに関する演出を選択できるようになっている。   When the style selected by the style selection unit 270 is “swing”, the pattern selection unit 280 displays “small amplitude (slow)”, “small amplitude (middle)”, “large amplitude” as shown in FIG. (Slowly) "or the like, an effect relating to the swing width and speed when the part image swings can be selected.

スタイル選択部270で選択されたスタイルが「ジャンプ」である場合には、図38に示すように、パターン選択部280では、「ゆっくり」「中くらい」「速い」の部品画像がジャンプする場合の速さに関する演出を選択できるようになっている。   When the style selected by the style selection unit 270 is “jump”, as shown in FIG. 38, the pattern selection unit 280 shows a case where “slow”, “medium”, and “fast” part images are jumped. You can select a performance related to speed.

スタイル選択部270で選択されたスタイルが「風船」である場合には、図39に示すように、パターン選択部280では、「元→膨張(1回)」「元→膨張→元(1回)」「連続 元→膨張→元(中くらい)」等、部品画像が風船のように膨らむ演出において、膨張が1回であるのか連続するのか、膨張の速度に関する演出を選択できるようになっている。   When the style selected by the style selection unit 270 is “balloon”, as shown in FIG. 39, the pattern selection unit 280 displays “original → expansion (once)” “original → expansion → original (once) ) "" Continuous source-> Expansion-> Original (middle) ", etc. In the effect that the part image is inflated like a balloon, it is possible to select whether the expansion is once or continuous, or an effect on the speed of expansion Yes.

スタイル選択部270で選択されたスタイルが「車輪」である場合には、図40に示すように、パターン選択部280では、「左へ転がる(回転は遅い)」「左へ転がる(回転は中くらい)」「右へ転がる(回転は速い)」等、回転する方向及び速さに関する演出を選択できるようになっている。   When the style selected by the style selection unit 270 is “wheel”, as shown in FIG. 40, the pattern selection unit 280 “rolls left (slow rotation)” “rolls left (rotation is middle). Etc.) "Rolling to the right (rotation is fast)", and the like, it is possible to select effects related to the direction and speed of rotation.

スタイル選択部270で選択されたスタイルが「移動」である場合には、図41に示すように、パターン選択部280では、「基準点へ瞬時移動」「基準点めがけてスライド」「基準点へスライドしてすぐにもどる」「基準点からスライド」等、基準点に対する動きに関する演出を選択できるようになっている。   When the style selected by the style selection unit 270 is “move”, as shown in FIG. 41, the pattern selection unit 280 performs “instantaneous movement to the reference point”, “slide toward the reference point”, “to the reference point”. It is possible to select an effect related to the movement with respect to the reference point, such as “return immediately after sliding” or “slide from the reference point”.

スタイル選択部270で選択されたスタイルが「往復」である場合には、図42に示すように、パターン選択部280では、「ゆっくり」「速い」「ゆっくり(復路反転)」「速い(往路反転)」等、移動の速さと往復路において反転させるかに関する演出を選択できるようになっている。   When the style selected by the style selection unit 270 is “reciprocating”, as shown in FIG. 42, the pattern selection unit 280 displays “slow”, “fast”, “slow (return backward)”, “fast (return forward) ) ", Etc., so that it is possible to select an effect relating to the speed of movement and whether to reverse in the round trip.

「部品演出」の場合も「テキスト演出」「自然演出」「特殊効果演出」と同様に、アニメ演出設定画面220において、スタイル選択部及びパターン選択部での選択を行った後に、ページ画像若しくはその外側(ページ画像の外で画面内)の任意の位置に演出基準点Pを設定する。演出基準点Pの設定は、他と同様に、マウスによるクリック操作で行われ、最終のクリック位置が演出基準点Pとして有効となる。   In the case of “part effect”, as in the case of “text effect”, “natural effect”, and “special effect effect”, after the selection in the style selection part and the pattern selection part on the animation effect setting screen 220, the page image or its An effect reference point P is set at an arbitrary position outside (on the screen outside the page image). The effect reference point P is set by a click operation with the mouse as in the other cases, and the final click position becomes effective as the effect reference point P.

図33の例では、タイプ選択部260で「部品演出」が選択され、スタイル及びパターンはランダムであるため、演出基準点Pのみ、又は、演出基準点Pと演出原点(演出領域の中心点)Oとの位置関係によりランダムに選択されたスタイル及びパターンに応じた演出効果が付与される。   In the example of FIG. 33, since “part effect” is selected by the type selection unit 260 and the style and pattern are random, only the effect reference point P or the effect reference point P and the effect origin (the center point of the effect area) An effect is provided according to the style and pattern selected at random according to the positional relationship with O.

図34の例では、スタイル選択部260で選択されたスタイルが「部品演出」、選択されたスタイルが「スウィング」で、演出基準点Pが白熊の前足近くに設定されているので、演出基準点を中心として部品画像が指定パターン(図39に示された複数パターンからランダムに指定された)に応じた揺れ(スウィング)が演出効果として付与される。この例では演出設定領域の位置は演出効果に関係しない。   In the example of FIG. 34, the style selected by the style selection unit 260 is “part effect”, the selected style is “swing”, and the effect reference point P is set near the forefoot of the white bear. A swing (swing) corresponding to a designated pattern (randomly designated from a plurality of patterns shown in FIG. 39) is given as a production effect. In this example, the position of the effect setting area is not related to the effect.

図35の例では、スタイル選択部260で選択されたスタイルが「ローテーション」で、演出基準点Pが演出設定領域211の左側線上に設定されているが、指定パターン(時計回り(ゆっくり))で部品画像210が演出基準点Pを中心にローテーションする演出効果が付与される。この例では演出設定領域の位置は演出効果に関係しない。   In the example of FIG. 35, the style selected by the style selection unit 260 is “Rotation”, and the production reference point P is set on the left line of the production setting area 211, but with a designated pattern (clockwise (slow)). An effect is provided in which the component image 210 rotates around the effect reference point P. In this example, the position of the effect setting area is not related to the effect.

図36の例では、スタイル選択部260で選択されたスタイルが「ループ」で、演出基準点Pが白熊の後ろ位置に設定されているが、指定パターン(時計回り(ゆっくり))で部品画像210が演出基準点Pを中心にループする演出効果が付与される。   In the example of FIG. 36, the style selected by the style selection unit 260 is “loop”, and the production reference point P is set at the rear position of the white bear. However, the part image 210 has a specified pattern (clockwise (slow)). Produces an effect of looping around the production reference point P.

図37の例では、スタイル選択部260で選択されたスタイルが「スウィング」で、演出基準点Pが女の子(部品画像210)の足下に設定されているので、演出基準点Pを中心として部品画像210が指定パターン(振幅大(ゆっくり))に応じた揺れ(スウィング)が演出効果として付与される。この例では演出設定領域211の位置は演出効果に関係しない。   In the example of FIG. 37, since the style selected by the style selection unit 260 is “Swing” and the production reference point P is set at the feet of the girl (part image 210), the part image is centered on the production reference point P. A swing (swing) 210 according to the designated pattern (large amplitude (slow)) is given as an effect. In this example, the position of the effect setting area 211 is not related to the effect.

図38の例では、スタイル選択部260で選択されたスタイルが「ジャンプ」で、演出基準点Pが演出設定領域211の上方位置に設定されているので、部品画像210が指定パターン(中くらい)で演出基準点Pの方へジャンプする演出効果として付与される。この例では演出基準点Pの位置に応じてジャンプする高さや移動する位置が変化する。また、演出設定領域211の位置は演出効果に関係しない。   In the example of FIG. 38, the style selected by the style selection unit 260 is “jump”, and the production reference point P is set above the production setting area 211, so that the part image 210 is a designated pattern (middle). Is given as an effect of jumping to the effect reference point P. In this example, depending on the position of the production reference point P, the jumping height and the moving position change. Further, the position of the effect setting area 211 is not related to the effect.

図39の例では、スタイル選択部260で選択されたスタイルが「風船」で、演出基準点Pが演出設定領域211の外側左上位置に設定されているので、部品画像210が指定パターン(中くらい)で風船のように膨張する演出効果が付与される。この例では演出基準点Pと演出原点Oとの距離に応じて膨らむ大きさが変化する。また、演出設定領域211の位置は演出効果に関係しない。   In the example of FIG. 39, the style selected by the style selection unit 260 is “balloon”, and the production reference point P is set at the upper left position outside the production setting area 211. ) Gives an effect of expanding like a balloon. In this example, the bulge size changes according to the distance between the production reference point P and the production origin O. Further, the position of the effect setting area 211 is not related to the effect.

図40の例では、スタイル選択部260で選択されたスタイルが「車輪」で、演出基準点Pが演出設定領域211の内側左位置に設定されているので、部品画像210が指定パターン(左へ転がる(回転は中くらい))で演出基準点Pを中心に車輪のように転がる演出効果が付与される。この例では演出設定領域211の位置は演出効果に関係しない。   In the example of FIG. 40, since the style selected by the style selection unit 260 is “wheel” and the production reference point P is set at the inner left position of the production setting area 211, the part image 210 is displayed in the designated pattern (to the left). By rolling (middle of rotation), the effect of rolling like a wheel around the production reference point P is given. In this example, the position of the effect setting area 211 is not related to the effect.

図41の例では、スタイル選択部260で選択されたスタイルが「移動」で、演出基準点Pが白熊胴体部に設定されているので、部品画像210が指定パターン(基準点へモーションブラー移動)で演出原点Oから演出基準点Pに移動する演出効果が付与される。この例では演出設定領域211の位置は演出効果に関係しない。   In the example of FIG. 41, since the style selected by the style selection unit 260 is “move” and the production reference point P is set to the white bear torso, the part image 210 has a designated pattern (motion blur movement to the reference point). Thus, the effect of moving from the effect origin O to the effect reference point P is given. In this example, the position of the effect setting area 211 is not related to the effect.

図42の例では、スタイル選択部260で選択されたスタイルが「往復」で、演出基準点Pが白熊を通過した左位置に設定されているので、部品画像210が指定パターン(ゆっくり(復路反転))の往路で演出原点Oから演出基準点Pに移動し、復路で演出基準点Pから演出原点Oまで左右反転して移動する演出効果が付与される。この例では演出設定領域211の位置は演出効果に関係しない。   In the example of FIG. 42, since the style selected by the style selection unit 260 is “reciprocating” and the production reference point P is set at the left position that has passed the white bear, the part image 210 is displayed in a designated pattern (slow (reverse inversion). )), The effect of moving from the production origin O to the production reference point P and the reverse movement from the production reference point P to the production origin O on the return path is given. In this example, the position of the effect setting area 211 is not related to the effect.

上述した各例における演出基準点の設定は、アニメ演出設定画面220において、スタイル選択部及びパターン選択部の選択を行った後に、マウスのクリック操作により演出基準点Pの位置を設定するが、アニメ演出設定画面220における演出効果の確認のためのプレビュー再生中のマウス移動の軌跡を記憶しておき、その軌跡に応じて演出基準点Pを可変にするようにしてもよい。   In the above-described examples, the effect reference point is set by selecting the style selection part and the pattern selection part on the animation effect setting screen 220 and then setting the position of the effect reference point P by clicking the mouse. The locus of mouse movement during preview reproduction for confirming the effect on the effect setting screen 220 may be stored, and the effect reference point P may be made variable according to the locus.

上述した各例における演出効果では、演出基準点及び演出領域の中心点(演出原点)を設定することで、両者の位置関係を基準として演出効果を付与することができる。例えば、演出原点に対して演出基準点を距離を大きくすることで、演出基準点を基準とした回転や移動が大きいものとなる。したがって、ページ画像やページ画像に表示された部品画像の回転・移動等の演出効果を施す場合に、回転半径や移動距離が大きい等、変化が大きい演出効果について、演出基準点の位置の設定という簡単な操作で容易に付与することができる。   In the production effect in each example described above, the production effect can be given based on the positional relationship between the production point by setting the production reference point and the center point (production origin) of the production area. For example, by increasing the distance of the production reference point with respect to the production origin, rotation and movement with respect to the production reference point become large. Therefore, when performing effects such as rotation and movement of page images and component images displayed on page images, the setting of the position of the effect reference point is referred to for effects that vary greatly, such as a large turning radius or moving distance. It can be easily applied by a simple operation.

タイプ選択部260で「部品演出」を選択した演出効果では、部品画像が移動等することにより、例えば、図43の演出設定画面200のページ画像201において、女の子の部品画像210を当初存在した位置210aから全く別の場所に移動する演出効果を設定した場合であっても、部品画像下の背景画面が完全に復元されているため、違和感ない演出とすることができる。   In the effect of selecting “part effect” by the type selection unit 260, for example, the position where the girl part image 210 originally existed in the page image 201 of the effect setting screen 200 in FIG. Even when the effect of moving to a completely different place from 210a is set, the background screen under the part image is completely restored, so that it is possible to produce an effect that does not feel strange.

上述した「テキスト演出」「自然演出」「特殊効果演出「部品演出」については、ページ画像内において組み合わせて設定することもできる。
例えば、ページ画像内における複数のキャラクタをそれぞれ「部品演出」でジャンプさせたり、移動させたりしながら、特定のキャラクタだけに「特殊効果演出」でスポットライトを当てる一方、その場面全体に「自然演出」で雨や雪を降らせつつ、さらにそのページ画像全体を「特殊効果演出」でくねくねとフラダンスさせるなど、複数のアニメ演出を効果的にそして自在に組み合わせることもできる。
The above-mentioned “text effect”, “natural effect”, and “special effect effect” “part effect” can be set in combination in the page image.
For example, while jumping or moving multiple characters in a page image with “part effects”, spotlight is applied to only certain characters with “special effects effects”, while “natural effects” are applied to the entire scene. You can combine multiple animation effects effectively and freely, such as raining and snowing with “and special effects effect” to make the entire page image flutter.

また、後述するシークレット演出(ページ画像内で予期しない画像変化を起こさせるシークレット演出)の場合は、ページ画像内における演出領域が入力装置6を構成するマウス等のポインティングデバイスで選択された際に、演出効果設定手段15で指定された演出効果を再生するものである。
また、シークレット再生の場合には、設定された演出基準点の代わりに、移動するマウスカーソルの位置をアニメ演出の演出基準点Pとして扱うようにしてもよい。この場合、シークレット再生中にマウスを移動することで演出基準点Pの位置が変化し、ダイナミックな演出を楽しむことが可能となる。
In addition, in the case of a secret effect (secret effect that causes an unexpected image change in the page image) to be described later, when the effect region in the page image is selected by a pointing device such as a mouse constituting the input device 6, The effect produced by the production effect setting means 15 is reproduced.
In the case of secret reproduction, the position of the moving mouse cursor may be handled as the effect reference point P of the animation effect instead of the set effect reference point. In this case, by moving the mouse during secret reproduction, the position of the effect reference point P changes, and it is possible to enjoy a dynamic effect.

次に、演出画像作成装置を使用した演出画像の作成及び再生の全体的な流れについて、電子絵本の作成を例に、図44及び図45のフローチャート図、図46(又は図2)に示した演出画像設定ページ20(演出画像設定画面200)を参照しながら説明する。
絵本の各ページにおける演出画像の作成とは、絵本のストーリーに沿って演出する「ストーリー演出」と、ページ画像内の任意の部分において予期しない画像変化や音発生を伴う「シークレット演出」に分けられ、「ストーリー演出」及び「シークレット演出」における具体的な演出は、上記したページ画像内のキャラクタ等に動きを与える「アニメ演出」の他、ページ画像内のキャラクタ等に効果音を付与する「効果音演出」、ページ画像が表示される際に音楽が流れる「BGM演出」、ページ画像内に書かれた文章の朗読音声を付与する「音読演出」等を各ページ画像に対して行うことができる。
各ページ画像における演出は、上記した各演出が単独若しくは組み合わせて設定されている。
Next, with respect to the overall flow of production and reproduction of the production image using the production image creation device, the creation of an electronic picture book is taken as an example, and the flowcharts of FIGS. 44 and 45 and FIG. 46 (or FIG. 2) are shown. This will be described with reference to the effect image setting page 20 (effect image setting screen 200).
Production of production images on each page of the picture book is divided into “story production” that produces the story along the story of the picture book, and “secret production” that causes unexpected image changes and sound generation in any part of the page image. Specific effects in the “story effect” and “secret effect” include “animation effects” that give movement to the characters in the page image as described above, and “effects that add sound effects to the characters in the page image” The “sound production”, the “BGM production” in which music flows when the page image is displayed, and the “sound production production” that gives the reading voice of the text written in the page image can be performed on each page image. .
The effects in each page image are set as the above-mentioned effects alone or in combination.

電子絵本を作成するに際しては、コンピュータ上で演出画像作成プログラムを立ち上げ、図44のフローチャート図の画像作成モード、演出設定モード、演出画像再生モードのモード選択において、画像作成モードを選択しておく(ステップ101)。
続いて、紙を綴じて構成された絵本をページ毎にスキャナ装置5で読み取る(ステップ102)。読み取られた画像は表示装置7に表示され、必要により画面の回転、トリミング、色調補正等の補正処理を行って(ステップ103)、各ページ画像を電子情報として画像記憶手段11に記憶する。各ページ画像を繰り返して全て読み取ることで画像読み取りが完了する(ステップ104)。
画像記憶手段11に記憶された各ページ画像は、画像再生手段14により入力装置6のキーボードにおける「→」(次の頁に進む場合)「←」(前の頁に戻る場合)のキーをタッチ(演出画像設定画面200の場合は、ページ展開部202の各アイコンをクリック)することで表示装置7においてページを1枚ずつめくって(本を読むような状態に表示して)再生可能になっている。
既存の絵本画像データを使用する場合には、画像作成により画像を読み取る作業を省略することができる。
When creating an electronic picture book, an effect image creation program is started on the computer, and an image creation mode is selected in the image creation mode, effect setting mode, and effect image playback mode selection in the flowchart of FIG. (Step 101).
Subsequently, a picture book composed of paper is read by the scanner device 5 for each page (step 102). The read image is displayed on the display device 7, and correction processing such as screen rotation, trimming, and tone correction is performed as necessary (step 103), and each page image is stored in the image storage unit 11 as electronic information. Image reading is completed by repeatedly reading each page image (step 104).
Each page image stored in the image storage means 11 is touched by the image reproduction means 14 with the key “→” (when proceeding to the next page) or “←” (when returning to the previous page) on the keyboard of the input device 6. (In the case of the effect image setting screen 200, by clicking each icon of the page development unit 202), it is possible to turn the pages one by one on the display device 7 (displayed in a state of reading a book) and reproduce it. ing.
When existing picture book image data is used, the operation of reading an image by creating an image can be omitted.

次に、モード選択において演出設定モードを選択し(ステップ101)、演出画像を作成したいページ画像を演出画像設定ページ20(図46)又は演出画像設定画面200(図2)として表示装置7に表示させ、演出画像設定ページ20(演出画像設定画面200)において、各ページ画像について演出領域を指定する演出領域設定、及び、演出領域に演出効果を付与する演出効果設定を行う(ステップ105)。
すなわち、例えばページ画像上の部品画像に対して演出を設定する場合、図45のフローチャートに示すように、ページ画像の一部を構成する背景上に描かれた部品画像に対して、部品画像を囲む領域を演出領域(図2の演出画像設定画面200では演出設定領域211)として設定する(演出領域設定ステップ121)。
次に、演出領域における背景画像若しくは部品画像をマスク色で塗るつぶすことで塗りつぶした領域を削除若しくは分離して部品画像(図2の演出画像設定画面200では部品画像210)を抽出する(部品画像抽出ステップ122)。
抽出した部品画像を電子情報として記憶する(部品画像記憶ステップ123)。
抽出した部品画像に対応する全ピクセルについて、そのピクセルに最短の背景画像上のピクセルの色に置換することで前記演出領域における背景画像を作成する(背景画像作成ステップ124)。
前記部品画像を前記ページ画像の任意の位置に合成して演出を付与する(部品画像演出設定ステップ125)。
各ページ画像に対する演出設定が全て設定されることにより演出設定が終了する(ステップ106)。
Next, the effect setting mode is selected in the mode selection (step 101), and the page image for which the effect image is to be created is displayed on the display device 7 as the effect image setting page 20 (FIG. 46) or the effect image setting screen 200 (FIG. 2). Then, in the effect image setting page 20 (effect image setting screen 200), effect area setting for specifying the effect area for each page image and effect effect setting for giving the effect to the effect area are performed (step 105).
That is, for example, when an effect is set for a component image on a page image, as shown in the flowchart of FIG. 45, a component image is displayed with respect to a component image drawn on a background constituting a part of the page image. The surrounding area is set as an effect area (effect setting area 211 in the effect image setting screen 200 of FIG. 2) (effect area setting step 121).
Next, a background image or a part image in the effect area is painted with a mask color to delete or separate the painted area and extract a part image (part image 210 in the effect image setting screen 200 in FIG. 2) (part image) Extraction step 122).
The extracted component image is stored as electronic information (component image storage step 123).
A background image in the effect area is created by replacing all pixels corresponding to the extracted component image with the color of the pixel on the background image that is shortest to that pixel (background image creation step 124).
The component image is combined with an arbitrary position of the page image to provide an effect (component image effect setting step 125).
The effect setting ends when all the effect settings for each page image are set (step 106).

次に、モード選択において演出画像再生モードを選択し(ステップ101)、表示装置7において演出画像の再生を行う(ステップ107)。
演出画像再生モードにおいて、絵本の各ページを自動的に捲って順次再生する「自動めくり」が選択されている否かを判断し(ステップ108)、「自動めくり」が選択されていない場合は、当該ページ画像に設定された演出効果の再生のみで終了し、「自動めくり」が選択されている場合はページ画像に設定された演出効果が最終ページまで再生されるように(ステップ109)、自動的にページがめくられ再生を繰り返す(ステップ110)。
各ページ画像における演出効果の再生は、演出領域の座標データを元にして振り分けられたあるいはその後に編集された再生時期データによって行われる。
また、「自動めくり」の場合、前ページの再生終了時からページが捲られ次ページが表示されるまでの期間は、予め設定された期間であるインターバル時間として管理されている。
Next, the effect image reproduction mode is selected in the mode selection (step 101), and the effect image is reproduced on the display device 7 (step 107).
In the effect image playback mode, it is determined whether or not “automatic turning” for automatically turning and sequentially reproducing each page of the picture book is selected (step 108). If “automatic turning” is not selected, The playback ends only with the effect set for the page image, and when “automatic turning” is selected, the effect set for the page image is played back to the last page (step 109). The page is turned and the reproduction is repeated (step 110).
Reproduction of the effect in each page image is performed by reproduction time data distributed based on the coordinate data of the effect area or edited thereafter.
In the case of “automatic turning”, the period from the end of playback of the previous page until the page is turned and the next page is displayed is managed as an interval time that is a preset period.

演出画像設定ページ20では、図46に示すように、絵本ページ(左頁21及び右頁22)が見開き状態で表示され、「ストーリー演出」において左頁21及び右頁22に設定された演出効果をページ画面毎に再生するための操作キー窓30(演出画像設定画面200の場合は操作キー窓203)が絵本ページの上方に表示されている。操作キー窓30には、設定した演出効果を再生(プレビュー再生)して確認するための再生ボタン31、再生を停止するための停止ボタン32、再生途中で絵本ページ(左頁21及び右頁22)の再生当初に戻すための戻りボタン33、再生音量調節のための音量ボタン34が設けられている。
操作キー窓30の各ボタンについて、マウス(入力装置6)のボタン(ポインティングデバイスで表示されたカーソル先端部)を合わせてクリックすることで再生等が行われ、「ストーリー演出」において左頁21及び右頁22に設定された演出効果をページ画面毎に確認できるようになっている。
In the effect image setting page 20, as shown in FIG. 46, the picture book pages (left page 21 and right page 22) are displayed in a spread state, and the effect that is set on the left page 21 and the right page 22 in the “story effect”. Is displayed on the upper part of the picture book page. The operation key window 30 (in the case of the effect image setting screen 200, the operation key window 203) is displayed. The operation key window 30 has a playback button 31 for playing back (preview playback) and confirming the set effect, a stop button 32 for stopping playback, and a picture book page (left page 21 and right page 22 during playback). ), A return button 33 for returning to the beginning of reproduction and a volume button 34 for adjusting the reproduction volume are provided.
Each button of the operation key window 30 is played back by clicking the mouse (input device 6) button (cursor tip displayed by the pointing device) together with the buttons, and the left page 21 and “ The effect set on the right page 22 can be confirmed for each page screen.

演出画像設定ページ20において、絵本のページ(左頁21及び右頁22)の下方位置には、上から「音読演出」41、「BGM演出」42、「アニメ演出」43、「効果音演出」44にそれぞれ対応する矩形部を有するタイムライン40(演出画像設定画面200のタイムライン)が表示される。タイムライン40の最下段位置には、時間軸45が表示されている。   In the effect image setting page 20, “spoken reading effect” 41, “BGM effect” 42, “animation effect” 43, and “sound effect effect” are located below the picture book pages (left page 21 and right page 22). A timeline 40 (timeline of the effect image setting screen 200) having a rectangular portion corresponding to 44 is displayed. A time axis 45 is displayed at the lowest position of the timeline 40.

また、タイムライン40の左横に「ストーリー演出」を設定するための「ストーリー属性」と、「シークレット演出」を設定するための「シークレット属性」との切り替えを行うための切替窓47が表示されている。「ストーリー属性」と「シークレット属性」との切り替えは、切替窓47をマウス(入力装置6)のボタンをクリックすることでクリック毎にモードの切り替えが行われるが、演出設定モードでの演出領域毎に切り替えの設定ができるようなっている。
また、タイムライン40の時間軸45の左端には、ページ再生時間を編集するための設定値増減用の再生時間編集ボタン48a,48bが設けられている。
In addition, a switching window 47 for switching between “story attribute” for setting “story effect” and “secret attribute” for setting “secret effect” is displayed on the left side of the timeline 40. ing. Switching between the “story attribute” and the “secret attribute” is performed by clicking the button of the mouse (input device 6) on the switching window 47, and the mode is switched for each click, but for each effect area in the effect setting mode. Can be set to switch.
At the left end of the time axis 45 of the timeline 40, playback time editing buttons 48a and 48b for increasing / decreasing a set value for editing the page playback time are provided.

次に、上述した演出画像作成装置により、ページ画像に描かれるキャラクタ等の部品画像に対して、「アニメ演出」(ストーリー演出)の演出効果を付与する場合の手順について、図46及び図47を参照しながら説明する。図46の演出画像設定ページ20は、図2の演出画像設定画面200に対応し、図47のアニメ設定画面80は、図33乃至図42のスタイル選択部270及びパターン選択部280にそれぞれ対応している。
この場合、演出画像作成プログラムを立ち上げた後、演出設定モード(編集モード)を選択し、演出画像設定ページ20の切替窓47で「ストーリー属性」が選択されている。
Next, with reference to FIG. 46 and FIG. 47, the procedure in the case where the effect effect of “animation effect” (story effect) is given to the component image such as the character drawn on the page image by the effect image creating device described above. The description will be given with reference. The effect image setting page 20 in FIG. 46 corresponds to the effect image setting screen 200 in FIG. 2, and the animation setting screen 80 in FIG. 47 corresponds to the style selection unit 270 and pattern selection unit 280 in FIGS. ing.
In this case, after launching the effect image creation program, the effect setting mode (editing mode) is selected, and “story attribute” is selected in the switching window 47 of the effect image setting page 20.

演出画像設定ページ20で表示されているタイムライン40のアニメ窓43aにマウスボタン(ポインティングデバイスで表示された先端部)を合わせてクリックして設定画面とし、ページ画像内においてアニメ演出を行いたい領域をマウスボタンでドラッグすることで任意面積の領域を矩形表示させる。
例えば、イヌの絵52を囲んで矩形表示された領域を「アニメ演出設定領域」53とする。
Area where you want to create an animation effect in the page image by clicking the mouse button (the tip displayed on the pointing device) on the animation window 43a of the timeline 40 displayed on the effect image setting page 20 and clicking By dragging with the mouse button, the area of the arbitrary area is displayed as a rectangle.
For example, a rectangular area surrounding the dog picture 52 is referred to as an “animation effect setting area” 53.

アニメ演出の演出画像設定を行う場合に矩形表示させた「アニメ演出設定領域」53は、ページ画像を表示して演出領域を設定するに際して(演出画像設定ページ20が表示されている場合)、演出設定領域が確認できるように、その周囲に領域境界線53aが表示されている。   The “animation effect setting area” 53 displayed in a rectangular shape when setting the effect image for the animation effect is displayed when setting the effect area by displaying the page image (when the effect image setting page 20 is displayed). An area boundary line 53a is displayed around the set area so that the set area can be confirmed.

矩形表示させた「アニメ演出設定領域」53内をクリックすることでアニメ設定画面80(図47)を表示させ、「アニメ演出設定領域」53に対応する演出パターンを設定する。
アニメ設定画面80では、アニメ動作の種類を示す「スタイル」81、アニメ動作の変化を示す「パターン」82、「変化の大きさ」83、「変化時間」84の窓が表示され、各窓に複数の選択枝が表示される。「スタイル」81の窓では、選択肢としてアニメーションの動作の種類に関連する回転・ズーム・変形等の語句をキーワードで表示し、「パターン」82の窓では、「キーワード」で選択された語句に対する下層の選択肢である「縦に伸びる」「横に伸びる」「丸くなる」等を表示することで、キーワードの動作に対する種類を選択し易くしている。「変化の大きさ」83の窓では、選択肢として小さい・大きい等の変化の程度を示す文言が表示され、「変化時間」84の窓では、選択肢として短い・長い等の時間の長さを示す文言が表示される。
例えば、ページ画像内のアニメを変形させて演出したい場合、「スタイル」81で「変形」を選択すると、「パターン」82の窓では「横に伸びる」「縦に伸びる」「丸くなる」等の変形動作の種類が選択肢として表示される。
An animation setting screen 80 (FIG. 47) is displayed by clicking in the “animation effect setting area” 53 displayed in a rectangle, and an effect pattern corresponding to the “animation effect setting area” 53 is set.
On the animation setting screen 80, windows of “style” 81 indicating the type of animation operation, “pattern” 82 indicating the change of animation operation, “magnification of change” 83, and “change time” 84 are displayed. A plurality of selection branches are displayed. In the “style” 81 window, words such as rotation, zoom, and deformation related to the type of animation motion are displayed as keywords as options, and in the “pattern” 82 window, the lower layer for the word selected in “keyword”. By selecting “extends vertically”, “extends horizontally”, “rounds”, and the like, the types of keyword actions can be easily selected. In the “change size” 83 window, a word indicating the degree of change such as small / large is displayed as an option, and in the “change time” 84 window, the length of time such as short / long is displayed as an option. The wording is displayed.
For example, if you want to produce an effect by transforming the animation in the page image, select “Deform” in “Style” 81, and the window of “Pattern” 82 will “extend horizontally”, “extend vertically”, “round”, etc. The type of deformation operation is displayed as an option.

各窓において演出効果を希望する選択肢上でクリックすることで文章又は文言が反転表示され、アニメ設定画面80の各窓における選択は、アニメ設定画面80が閉じた時に確定される。
アニメ設定画面80を閉じると再生時期データが作成され、タイムライン40のアニメ部43に演出領域(「アニメ演出設定領域」53)に応じた演出時間(例えばアニメが動作する時間)に対応する長さの長方形部43bが表示される。タイムライン40における長方形部43bの左端の位置は、アニメ演出の再生開始時期に対応し、この再生開始時期は、演出領域設定手段12に記憶されている各演出領域(「アニメ演出設定領域」53)の再生時期データにより決められる。
The text or wording is highlighted by clicking on the option for which the effect is desired in each window, and the selection in each window on the animation setting screen 80 is confirmed when the animation setting screen 80 is closed.
When the animation setting screen 80 is closed, playback time data is created, and the animation section 43 of the timeline 40 has a length corresponding to the production time (for example, the time during which the animation operates) corresponding to the production area (“anime production setting area” 53). A rectangular portion 43b is displayed. The position of the left end of the rectangular portion 43b in the timeline 40 corresponds to the reproduction start time of the animation effect, and this reproduction start time corresponds to each effect area (“anime effect setting area” 53 stored in the effect area setting means 12. ) Playback time data.

タイムライン40の時間軸45における長方形43bの位置は、演出領域設定手段12に記憶されている各演出領域の座標データに基づいて作成された再生時期データにより、時間軸45における演出効果の再生位置が自動的に振り分けられる。そして、長方形部43bの左端が演出時期の始期となり、右端が終期となる。この長方形部43bの横幅方向の長さは、演出時間として予め設定された時間に対応する長さで表示されるが、マウス等によるポインティングデバイス先端を長方形部43b上の右端又は左端に位置させて左右方向にドラッグすることで、長方形部43bの長さを変化させ、始期、終期及び演出時間の長さを変更することで演出タイミングを編集することができる。   The position of the rectangle 43b on the time axis 45 of the timeline 40 is determined based on the reproduction time data created based on the coordinate data of each effect area stored in the effect area setting means 12, and the reproduction position of the effect on the time axis 45. Are automatically sorted. The left end of the rectangular portion 43b is the start of the production time, and the right end is the end. The length of the rectangular portion 43b in the horizontal width direction is displayed in a length corresponding to the time set in advance as the production time, but the tip of the pointing device such as a mouse is positioned at the right end or the left end on the rectangular portion 43b. By dragging in the left-right direction, the length of the rectangular portion 43b is changed, and the effect timing can be edited by changing the start time, the end time, and the effect time length.

アニメ演出として使用するアニメ画像において、「アニメ演出設定領域」53から背景データを除いたキャラクタ部を抽出したものを使用したい場合は、演出効果設定時において背景除去データを作成し、この背景除去データをアニメ画像として使用すれば、「アニメ演出設定領域」53に描かれたキャラクタをその場所で「スタイル」81及び「パターン」82に応じた動作を与えることができる。
アニメ画像によるアニメ演出を行う場合、アニメ画像が表示される中心位置に十字マーク(演出基準点)が表示され、この十字マークを基準にしてアニメ画像が回転する等の演出効果が与えられる。この十字マークの位置を画面上で自由に設定できるようにしてもよい。
また、アニメ画像について、絵本の各ページから読み取るのではなく、自分で作成して記憶しておいたオリジナルのキャラクタ画像や、演出画像作成プログラムに予め格納された既存のアニメ画像を使用するものであってもよい。
In the case of using an animation image used as an animation effect that is obtained by extracting the character part excluding the background data from the “animation effect setting area” 53, background removal data is created at the time of effect setting, and this background removal data Is used as an animation image, the character drawn in the “animation effect setting area” 53 can be given an action corresponding to the “style” 81 and the “pattern” 82 at that location.
When performing an animation production using an animation image, a cross mark (production reference point) is displayed at the center position where the animation image is displayed, and a production effect such as rotation of the animation image with respect to the cross mark is given. The position of the cross mark may be freely set on the screen.
Also, instead of reading from each page of the picture book for anime images, you can use original character images that you have created and stored, or existing anime images that are stored in advance in the production image creation program. There may be.

アニメ演出の再生手法は、一般的なアニメ描写手法を用いる。例えば、絵本から背景画像を除去して抜き出した「イヌ」のアニメ画像を、ページ内のイヌが描写された位置で回転させたり、雨の場面では雨のラインを画面に多数描写したり、地震の場面ではページ全体を大きくぶれさせたり、集合写真の特定の顔だけズームしたりする。   As a method of reproducing the animation production, a general animation drawing method is used. For example, the animation image of “dog” extracted from the picture book by removing the background image can be rotated at the position where the dog is depicted on the page, or many rain lines can be depicted on the screen in rainy scenes. In this scene, the entire page is greatly shaken, or a specific face of the group photo is zoomed.

アニメ演出効果は、演出領域のサイズや位置等に対応させてもよい。例えば、演出領域に対応させてズーム・パンニング・スクロール・スピン処理、モザイク処理・変形処理・波紋をつけた処理を行う。   The animation effect may be associated with the size and position of the effect area. For example, zoom / panning / scroll / spin processing, mosaic processing / deformation processing / ripple processing is performed in correspondence with the effect area.

上述の例では「ストーリー演出」としてアニメ演出を設定したが、演出画像設定ページ20における切替窓47でシークレット属性を選択し、アニメ窓43aをクリックし同様の手順で演出効果の設定を行えば、「シークレット演出」としてのアニメ演出を設定することができる。   In the above example, the animation effect is set as the “story effect”. However, if the secret attribute is selected in the switching window 47 in the effect image setting page 20 and the animation effect is set in the same procedure by clicking the animation window 43a, An animation production as a “secret production” can be set.

図46の絵本ページ(左ページ21及び右ページ22)においては、太陽の絵50に対して「シークレット演出」による効果音演出領域設定51が、文章部分54,55,56に対して「ストーリー演出」による「音読演出領域指定」57が、文章部分55に対して「ストーリー演出」による「BGM演出領域指定」57が、それぞれ設定され、効果音や朗読音等の演出効果が施されている。演出設定画面20においては、各演出領域に対して、領域境界線51a,57aが表示されている。
また、タイムライン40においては、音声部41及び音声窓41a、BGM部42及びBGM窓42a、効果音部44及び効果音窓44aがそれぞれ表示され、演出時間に対応する各長方形部41b,42b、44bが表示されている。
In the picture book page (left page 21 and right page 22) in FIG. 46, the sound effect effect area setting 51 by “secret effect” is set for the sun picture 50, and “story effect” is set for the sentence parts 54, 55, and 56. Is set to “sound-reading effect area designation” 57, and “BGM effect area designation” 57 is set to “story effect” for the sentence portion 55, and effects such as sound effects and reading sounds are applied. On the effect setting screen 20, area boundary lines 51a and 57a are displayed for each effect area.
Further, in the timeline 40, an audio part 41 and an audio window 41a, a BGM part 42 and a BGM window 42a, an effect sound part 44 and an effect sound window 44a are displayed, and each rectangular part 41b, 42b corresponding to the production time is displayed. 44b is displayed.

また、シークレット演出が設定された場合、演出設定モードの選択時(演出画像設定ページ20)において、「シークレット演出設定領域」51中にマウスのカーソル(ポインティングデバイスの先端)が位置する場合に、クリック可能なことを示す指形図形25が表示される。
また、上記例では、演出領域として指定される領域を矩形としたが、円形、三角形等などでもいいし、任意に指定した複数の座標で作られる閉じた図形であってもいいし、その大きさや形状はどんなものであってもよい。
さらに、演出領域の中心点は、図形の中心に限らず、図形に対応した任意の点でも構わない。その場合、ユーザーが自由に設定できるようにしてもよい。
In addition, when the secret effect is set, when the effect setting mode is selected (effect image setting page 20), the mouse cursor (tip of the pointing device) is positioned in the “secret effect setting area” 51. A finger shape 25 indicating that it is possible is displayed.
In the above example, the area designated as the production area is a rectangle, but it may be a circle, a triangle, etc., a closed figure made with a plurality of arbitrarily designated coordinates, or its size. Any sheath shape may be used.
Furthermore, the center point of the effect area is not limited to the center of the figure, and may be an arbitrary point corresponding to the figure. In that case, the user may be able to set freely.

また、演出画像設定ページ20では、絵本のページが見開き状態で表示され、その下方に「音読演出」「BGM演出」「アニメ演出」「効果音演出」に対応するタイムライン40が表示されているが、同じ演出設定領域に対するタイムラインにおける同じタイミング位置に、それぞれ「アニメ演出」「効果音演出」を設定することで、演出領域設定手段により設定された一つの演出領域に対して、2種類の演出効果を施すことができる。
例えば、「ストーリー演出」における一つの演出領域としての「アニメ演出設定領域」53に対して、アニメ演出及びそれに対応する効果音演出の2種類の演出(例えば、アニメ演出で「イヌが回転」及び、効果音演出で「イヌの吠える音を発生」)を同じタイミングで設定することにより、画像と音が同期した演出効果を実現することができる。
ページ画像における全ての文章部分に音読演出の設定を最初に行うことで、各演出領域の座標データ及び再生時期データに基づいて、ページ再生時間及び各演出領域の再生タイミングの初期値が決定される。
On the effect image setting page 20, the picture book page is displayed in a spread state, and a timeline 40 corresponding to “spoken reading effect”, “BGM effect”, “animation effect”, and “sound effect effect” is displayed below the page. However, by setting “animation effect” and “sound effect effect” at the same timing position in the timeline for the same effect setting area, two types of effect areas are set for the effect area set by the effect area setting means. A production effect can be applied.
For example, with respect to “animation production setting area” 53 as one production area in “story production”, two types of production of animation production and sound effect production corresponding thereto (for example, “dog rotation” and “animation production”) By setting the sound effect production “generate dog barking sound”) at the same timing, it is possible to realize the production effect in which the image and the sound are synchronized.
By initially setting aloud effects on all sentence parts in the page image, the initial values of the page playback time and the playback timing of each effect area are determined based on the coordinate data and playback time data of each effect area. .

演出効果が設定されたページ画像が演出画像再生モードで再生される場合に表示装置7に表示される画面は、図48に示したページ画像再生画面70のようになる。音読演出の演出画像設定を行う際に演出画像設定ページ20に表示されていた各領域境界線57aは、絵本本来の画像を邪魔しないため、及びシークレット演出を秘密にしておくために非表示となる。
音読データの再生に際しては、各ページ画像が表示されている状態で、タイムライン40の音読部41で設定された発音タイミングで再生される。発音タイミングは、上述したように、演出領域の再生時期データにより演出効果の再生時期が振り分けられている。すなわち、ページ画像再生画面70においては、各音読演出設定領域57、57,57に対して文章部分55,文章部分54,文章部分56の順で再生される。
When a page image in which the effect is set is reproduced in the effect image reproduction mode, the screen displayed on the display device 7 is a page image reproduction screen 70 shown in FIG. Each region boundary line 57a displayed on the effect image setting page 20 when setting the effect image for the reading aloud effect is not displayed in order not to disturb the original image of the picture book and to keep the secret effect secret. .
When reading the voice reading data, each page image is displayed and played at the sound generation timing set by the voice reading unit 41 of the timeline 40. As described above, the reproduction timing of the production effect is distributed according to the reproduction time data of the production area. That is, on the page image playback screen 70, the text portion 55, the text portion 54, and the text portion 56 are played back in order for each of the reading aloud effect setting areas 57, 57, 57.

また、画像再生画面70においては、「シークレット演出設定領域」51以外の領域にマウスのカーソル(ポインティングデバイスの先端)が位置する場合は矢印図形26が表示されるのに対して(図48(a))、「シークレット演出設定領域」51中にマウスのカーソル(ポインティングデバイスの先端)が位置する場合に、クリック可能なことを示す指形図形25が表示されるので(図48(b))、演出画像再生モード(鑑賞モード)において「シークレット演出設定領域」であることを認識することができる。   On the image playback screen 70, when the mouse cursor (tip of the pointing device) is located in an area other than the “secret display setting area” 51, the arrow graphic 26 is displayed (FIG. 48 (a)). )) When the mouse cursor (tip of the pointing device) is positioned in the “secret production setting area” 51, a finger shape 25 indicating that it can be clicked is displayed (FIG. 48B). In the effect image playback mode (viewing mode), it can be recognized that it is a “secret effect setting area”.

上記した各例では、表示装置7において、絵本のページの左右頁が見開き状態で表示され、一枚ずつ捲るように再生するようにしたが、見開きではなく紙芝居のように一頁毎に表示されるような再生の仕方であってもよい。   In each of the above-described examples, the display device 7 displays the left and right pages of the picture book page in a spread state, and reproduces the pages so that they are turned one by one. It may be a way of reproduction.

上述した演出画像作成装置及び演出画像作成プログラムによれば、名作絵本や紙芝居など子供に見せたい絵本のページ画像をコンピュータに読み込むとともに、それに対して自分の感性で、登場するキャラクタ等に動きの変化を与えるアニメ演出を自由に設定することができ、また、子供自身が見つけて驚いたり喜んだりしそうな秘密の仕掛をシークレット演出として設定することで、各場面の情景や絵に対して変化を与え、決まりきった仕掛けや演出しかない従来の電子絵本では味わえない自分なりの絵本演出を自由に楽しむことができる。   According to the effect image creation device and the effect image creation program described above, a page image of a picture book that a child wants to show to a child, such as a masterpiece picture book or a picture-story show, is read into a computer, and in response to this, the movement of characters appearing changes with his own sensitivity You can set the animation production that gives you the freedom, and you can change the scene and picture of each scene by setting the secret mechanism that the child finds himself surprised or happy as a secret production. , You can freely enjoy your own picture book production that can not be tasted with conventional electronic picture books that have only fixed mechanism and production.

更に、ページ画像において演出を施す領域、シークレット演出対象物や種類、演出タイミング等はいつでも自由に変更することができるので、一つの題材に対して繰り返して新鮮な絵本鑑賞を楽しむことができる。   Furthermore, since the region where the effect is to be produced in the page image, the secret effect object and type, the effect timing, etc. can be freely changed at any time, it is possible to enjoy fresh picture book appreciation repeatedly for one subject.

また、コンピュータの画面上で実際の絵本のページを捲りながら、画像とストーリー、シークレットの演出を編集しながら施すことができるので、誰にでも直感的で解りやすいユーザーインターフェースを提供することができる。   In addition, the user can provide an intuitive and easy-to-understand user interface because the user can edit the image, story, and secret while editing the actual picture book page on the computer screen.

上述した例では、ページ画像が複数存在する絵本について演出を施す例について説明したが、絵本以外の一枚の絵、ポスター等の画像であっても本発明を実施することが可能である。   In the above-described example, an example in which an effect is given to a picture book having a plurality of page images has been described. However, the present invention can be implemented even with an image such as a picture or a poster other than a picture book.

本発明の演出画像作成装置を使用することにより、ページ画像から抽出した部品画像を用いて「部品画像」そのものが動き出すような様々な演出、例えば、部品画像の位置を移動する演出、部品画像の拡大縮小、回転、変形(伸縮、反転、ひずみ、風船、遠近など)、透過、輪郭強調などの演出等を施すことができ、自由度の高い演出効果が施された演出画像を作成することができる。   By using the effect image creating apparatus of the present invention, various effects such as the “component image” itself moving using the component image extracted from the page image, for example, the effect of moving the position of the component image, Can produce effects such as enlargement / reduction, rotation, deformation (elongation, inversion, distortion, balloon, perspective, etc.), transparency, contour enhancement, etc. it can.

本発明の演出画像作成装置の一例を示すブロック図である。It is a block diagram which shows an example of the production image creation apparatus of this invention. 表示装置に表示された演出設定画面の一例を示す画面説明図である。It is a screen explanatory view showing an example of the effect setting screen displayed on the display device. 表示装置に表示されたアニメ演出設定画面(テキスト演出)の一例を示す画面説明図である。It is screen explanatory drawing which shows an example of the animation production | presentation setting screen (text production) displayed on the display apparatus. 表示装置に表示されたアニメ演出設定画面(テキスト演出)の一例を示す画面説明図である。It is screen explanatory drawing which shows an example of the animation production | presentation setting screen (text production) displayed on the display apparatus. 表示装置に表示されたアニメ演出設定画面(テキスト演出)の一例を示す画面説明図である。It is screen explanatory drawing which shows an example of the animation production | presentation setting screen (text production) displayed on the display apparatus. 表示装置に表示されたアニメ演出設定画面(テキスト演出)の一例を示す画面説明図である。It is screen explanatory drawing which shows an example of the animation production | presentation setting screen (text production) displayed on the display apparatus. 表示装置に表示されたアニメ演出設定画面(テキスト演出)の一例を示す画面説明図である。It is screen explanatory drawing which shows an example of the animation production | presentation setting screen (text production) displayed on the display apparatus. 表示装置に表示されたアニメ演出設定画面(テキスト演出)の一例を示す画面説明図である。It is screen explanatory drawing which shows an example of the animation production | presentation setting screen (text production) displayed on the display apparatus. 表示装置に表示されたアニメ演出設定画面(自然演出)の一例を示す画面説明図である。It is screen explanatory drawing which shows an example of the animation production | presentation setting screen (natural production) displayed on the display apparatus. 表示装置に表示されたアニメ演出設定画面(自然演出)の一例を示す画面説明図である。It is screen explanatory drawing which shows an example of the animation production | presentation setting screen (natural production) displayed on the display apparatus. 表示装置に表示されたアニメ演出設定画面(自然演出)の一例を示す画面説明図である。It is screen explanatory drawing which shows an example of the animation production | presentation setting screen (natural production) displayed on the display apparatus. 表示装置に表示されたアニメ演出設定画面(自然演出)の一例を示す画面説明図である。It is screen explanatory drawing which shows an example of the animation production | presentation setting screen (natural production) displayed on the display apparatus. 表示装置に表示されたアニメ演出設定画面(自然演出)の一例を示す画面説明図である。It is screen explanatory drawing which shows an example of the animation production | presentation setting screen (natural production) displayed on the display apparatus. 表示装置に表示されたアニメ演出設定画面(特殊効果演出)の一例を示す画面説明図である。It is screen explanatory drawing which shows an example of the animation production | presentation setting screen (special effect production) displayed on the display apparatus. 表示装置に表示されたアニメ演出設定画面(特殊効果演出)の一例を示す画面説明図である。It is screen explanatory drawing which shows an example of the animation production | presentation setting screen (special effect production) displayed on the display apparatus. 表示装置に表示されたアニメ演出設定画面(特殊効果演出)の一例を示す画面説明図である。It is screen explanatory drawing which shows an example of the animation production | presentation setting screen (special effect production) displayed on the display apparatus. 表示装置に表示されたアニメ演出設定画面(特殊効果演出)の一例を示す画面説明図である。It is screen explanatory drawing which shows an example of the animation production | presentation setting screen (special effect production) displayed on the display apparatus. 表示装置に表示されたアニメ演出設定画面(特殊効果演出)の一例を示す画面説明図である。It is screen explanatory drawing which shows an example of the animation production | presentation setting screen (special effect production) displayed on the display apparatus. 表示装置に表示されたアニメ演出設定画面(特殊効果演出)の一例を示す画面説明図である。It is screen explanatory drawing which shows an example of the animation production | presentation setting screen (special effect production) displayed on the display apparatus. 表示装置に表示されたアニメ演出設定画面(特殊効果演出)の一例を示す画面説明図である。It is screen explanatory drawing which shows an example of the animation production | presentation setting screen (special effect production) displayed on the display apparatus. 表示装置に表示されたアニメ演出設定画面(特殊効果演出)の一例を示す画面説明図である。It is screen explanatory drawing which shows an example of the animation production | presentation setting screen (special effect production) displayed on the display apparatus. 表示装置に表示されたアニメ演出設定画面(特殊効果演出)の一例を示す画面説明図である。It is screen explanatory drawing which shows an example of the animation production | presentation setting screen (special effect production) displayed on the display apparatus. 表示装置に表示されたアニメ演出設定画面(特殊効果演出)の一例を示す画面説明図である。It is screen explanatory drawing which shows an example of the animation production | presentation setting screen (special effect production) displayed on the display apparatus. 表示装置に表示されたアニメ演出設定画面の一例を示す画面説明図である。It is screen explanatory drawing which shows an example of the animation production | presentation setting screen displayed on the display apparatus. 演出設定領域から部品画像を自動的に抽出する手順を説明するための演出設定領域の画像説明図である。It is an image explanatory diagram of an effect setting area for explaining a procedure for automatically extracting a component image from the effect setting area. (a)〜(f)は演出設定領域から部品画像を自動的に抽出する手順を説明するための演出設定領域の模式説明図である。(A)-(f) is a schematic explanatory drawing of the effect setting area | region for demonstrating the procedure which extracts a component image automatically from an effect setting area | region. 部品画像を自動的に抽出するための手順を説明するためのフローチャート図である。It is a flowchart figure for demonstrating the procedure for extracting a component image automatically. 表示装置に表示されたアニメ演出設定画面の一例を示す画面説明図である。It is screen explanatory drawing which shows an example of the animation production | presentation setting screen displayed on the display apparatus. 表示装置に表示されたアニメ画像編集画面(部品編集)の一例を示す画面説明図である。It is screen explanatory drawing which shows an example of the animation image edit screen (component edit) displayed on the display apparatus. 表示装置に表示されたアニメ演出設定画面の一例を示す画面説明図である。It is screen explanatory drawing which shows an example of the animation production | presentation setting screen displayed on the display apparatus. 背景画像を自動的に作成するための手順を説明するためのフローチャート図である。It is a flowchart for demonstrating the procedure for producing a background image automatically. 表示装置に表示されたアニメ画像編集(背景編集)画面の一例を示す画面説明図である。It is screen explanatory drawing which shows an example of the animation image edit (background edit) screen displayed on the display apparatus. 表示装置に表示されたアニメ演出設定画面(部品演出)の一例を示す画面説明図である。It is screen explanatory drawing which shows an example of the animation production | presentation setting screen (component production) displayed on the display apparatus. 表示装置に表示されたアニメ演出設定画面(部品演出)の一例を示す画面説明図である。It is screen explanatory drawing which shows an example of the animation production | presentation setting screen (component production) displayed on the display apparatus. 表示装置に表示されたアニメ演出設定画面(部品演出)の一例を示す画面説明図である。It is screen explanatory drawing which shows an example of the animation production | presentation setting screen (component production) displayed on the display apparatus. 表示装置に表示されたアニメ演出設定画面(部品演出)の一例を示す画面説明図である。It is screen explanatory drawing which shows an example of the animation production | presentation setting screen (component production) displayed on the display apparatus. 表示装置に表示されたアニメ演出設定画面(部品演出)の一例を示す画面説明図である。It is screen explanatory drawing which shows an example of the animation production | presentation setting screen (component production) displayed on the display apparatus. 表示装置に表示されたアニメ演出設定画面(部品演出)の一例を示す画面説明図である。It is screen explanatory drawing which shows an example of the animation production | presentation setting screen (component production) displayed on the display apparatus. 表示装置に表示されたアニメ演出設定画面(部品演出)の一例を示す画面説明図である。It is screen explanatory drawing which shows an example of the animation production | presentation setting screen (component production) displayed on the display apparatus. 表示装置に表示されたアニメ演出設定画面(部品演出)の一例を示す画面説明図である。It is screen explanatory drawing which shows an example of the animation production | presentation setting screen (component production) displayed on the display apparatus. 表示装置に表示されたアニメ演出設定画面(部品演出)の一例を示す画面説明図である。It is screen explanatory drawing which shows an example of the animation production | presentation setting screen (component production) displayed on the display apparatus. 表示装置に表示されたアニメ演出設定画面(部品演出)の一例を示す画面説明図である。It is screen explanatory drawing which shows an example of the animation production | presentation setting screen (component production) displayed on the display apparatus. 表示装置に表示された演出設定画面の一例を示す画面説明図である。It is a screen explanatory view showing an example of the effect setting screen displayed on the display device. 本発明の演出画像作成装置全体の動作を説明するためのフローチャート図である。It is a flowchart figure for demonstrating operation | movement of the whole production image creation apparatus of this invention. 演出画像作成プログラムによる動作手順を示すフローチャート図である。It is a flowchart figure which shows the operation | movement procedure by an effect image creation program. 表示装置に表示された演出画像設定ページの一例を示す画面説明図である。It is a screen explanatory view showing an example of the effect image setting page displayed on the display device. 「アニメ演出」の設定に際して表示装置に表示されたアニメ設定画面を示す説明図である。It is explanatory drawing which shows the animation setting screen displayed on the display apparatus at the time of the setting of "animation production". (a)及び(b)は表示装置に表示されたページ画像再生画面一例を示す画面説明図である。(A) And (b) is screen explanatory drawing which shows an example of the page image reproduction | regeneration screen displayed on the display apparatus.

符号の説明Explanation of symbols

1…CPU、 2…ROM、 3…RAM、 4…音源装置、 5…スキャナ装置、 6…入力装置、 7…表示装置、 8…外部記録装置、 9…A/D変換器、 10…マイクロフォン、 11…画像記憶手段、 12…演出領域設定手段、 13…部品画像抽出手段(部品画像自動抽出手段)、 14…背景画像作成手段、 15…演出効果設定手段、 16…演出再生手段、 20…演出画像設定ページ、 30…操作キー窓、 40…タイムライン、 45…時間軸、 47…切替窓、 53…アニメ演出設定領域、 53a…領域境界線、 70…ページ画像再生画面、 80…アニメ設定画面、 200…演出画像設定画面、 201…ページ画像、 210…部品画像、 211…演出設定領域、 220…アニメ演出設定画面、 221…部品画像生成窓、222…背面画像生成窓、 230…アニメ画像編集画面、 232…ブラシ部(ペイントツール) 233…透明窓(マスクモード)、 234…「色の復元」窓(マスク取消モード)、 235…色付け窓、 260…タイプ選択部、 261…テキスト窓、 270…スタイル選択部、 280…パターン選択部、 O…演出原点(演出領域の中心点)、 P…演出基準点。   DESCRIPTION OF SYMBOLS 1 ... CPU, 2 ... ROM, 3 ... RAM, 4 ... Sound source device, 5 ... Scanner device, 6 ... Input device, 7 ... Display device, 8 ... External recording device, 9 ... A / D converter, 10 ... Microphone, DESCRIPTION OF SYMBOLS 11 ... Image memory | storage means, 12 ... Production area setting means, 13 ... Parts image extraction means (component image automatic extraction means), 14 ... Background image creation means, 15 ... Production effect setting means, 16 ... Production reproduction means, 20 ... Production Image setting page, 30 ... operation key window, 40 ... time line, 45 ... time axis, 47 ... switching window, 53 ... animation production setting area, 53a ... area boundary line, 70 ... page image playback screen, 80 ... animation setting screen 200 ... Production image setting screen 201 ... Page image 210 ... Parts image 211 ... Production setting area 220 ... Animation production setting screen 221 ... Parts Image generation window 222... Rear image generation window 230. Animation image editing screen 232 Brush unit (paint tool) 233 Transparent window (mask mode) 234 Color restoration window (mask cancel mode) 235 ... coloring window, 260 ... type selection section, 261 ... text window, 270 ... style selection section, 280 ... pattern selection section, O ... production origin (center point of production area), P ... production reference point.

Claims (9)

画面に表示されたページ画像について演出効果を施す装置であって、
前記ページ画像内に演出領域を設定するとともに、前記画面内の任意の位置を演出基準点として設定し、
前記演出領域の中心点と前記演出基準点との位置関係を基準として演出効果を付与する演出効果設定手段を備えて成ることを特徴とした演出画像作成装置。
An apparatus for producing a rendering effect on a page image displayed on a screen,
An effect area is set in the page image, and an arbitrary position in the screen is set as an effect reference point.
An effect image creating apparatus comprising effect effect setting means for providing an effect based on a positional relationship between the center point of the effect area and the effect reference point.
前記演出効果設定手段により付与される演出効果は、ページ画像に新たに書き込むテキスト表示部分が変化するものである請求項1に記載の演出画像作成装置。 The effect image creating apparatus according to claim 1 , wherein the effect effect provided by the effect effect setting means is such that a text display portion newly written in a page image changes. 前記演出効果設定手段により付与される演出効果は、ページ画像全体が変化するものである請求項1に記載の演出画像作成装置。 The effect image creating apparatus according to claim 1 , wherein the effect effect imparted by the effect effect setting unit changes the entire page image. 前記演出効果設定手段により付与される演出効果は、ページ画像に表示された部品画像部分が変化するものである請求項1に記載の演出画像作成装置。 The effect image creating apparatus according to claim 1 , wherein the effect effect imparted by the effect effect setting means is such that a component image portion displayed on a page image changes. 前記ページ画像から演出対象となる部品画像に対応した演出領域を設定する演出領域設定手段と、前記演出領域の画像を元にして部品画像を自動で抽出する部品画像自動抽出手段を備え、
前記演出効果設定手段は、前記部品画像を元にして生成される画像について、演出基準点を設定する請求項4に記載の演出画像作成装置。
An effect area setting means for setting an effect area corresponding to a part image to be effected from the page image, and a component image automatic extracting means for automatically extracting a part image based on the image of the effect area,
The effect image creating apparatus according to claim 4 , wherein the effect effect setting means sets an effect reference point for an image generated based on the component image.
ページ画像内で予期しない画像変化を起こさせるシークレット演出が選択されている場合、前記演出基準点は、シークレット演出再生中におけるマウスカーソルの位置である請求項1に記載の演出画像作成装置。 The effect image creating apparatus according to claim 1 , wherein when a secret effect that causes an unexpected image change in the page image is selected, the effect reference point is a position of a mouse cursor during reproduction of the secret effect. 画面に表示されたページ画像の全体領域、一部領域又はページ画像に新たに書き込むテキスト表示部分について演出効果を付与する演出領域として選択する演出領域設定ステップと、
前記ページ画像が表示される画面内の任意の位置を演出基準点として設定する演出基準点設定ステップと、
前記演出領域の中心点と前記演出基準点との位置関係を基準として前記演出効果の内容を選択して付与する演出効果設定ステップと、
を具備することを特徴とした演出画像作成方法。
The entire area of the page image displayed on the screen, the rendering area setting step of selecting as the effect area which imparts rendering effect for text display part newly written into the partial region or the page image,
An effect reference point setting step for setting an arbitrary position in the screen on which the page image is displayed as an effect reference point;
An effect setting step for selecting and providing the content of the effect based on the positional relationship between the center point of the effect area and the effect reference point;
An effect image creating method characterized by comprising:
請求項7に記載の演出画像作成方法の各ステップをコンピュータにより実行することが可能な演出画像作成プログラム。 An effect image creating program capable of executing each step of the effect image creating method according to claim 7 by a computer. 請求項8に記載の演出画像作成プログラムが格納されたことを特徴とするコンピュータに読み取り可能な記録媒体。 A computer-readable recording medium in which the effect image creating program according to claim 8 is stored.
JP2008243033A 2008-09-22 2008-09-22 Effect image creating device, effect image creating method, effect image creating program, and recording medium Active JP5079649B2 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2008243033A JP5079649B2 (en) 2008-09-22 2008-09-22 Effect image creating device, effect image creating method, effect image creating program, and recording medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2008243033A JP5079649B2 (en) 2008-09-22 2008-09-22 Effect image creating device, effect image creating method, effect image creating program, and recording medium

Publications (2)

Publication Number Publication Date
JP2010073149A JP2010073149A (en) 2010-04-02
JP5079649B2 true JP5079649B2 (en) 2012-11-21

Family

ID=42204826

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2008243033A Active JP5079649B2 (en) 2008-09-22 2008-09-22 Effect image creating device, effect image creating method, effect image creating program, and recording medium

Country Status (1)

Country Link
JP (1) JP5079649B2 (en)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP5327823B1 (en) * 2012-11-08 2013-10-30 健夫 五十嵐 Moving cartoon creation support program and moving cartoon creation support device
JP7472681B2 (en) 2019-11-25 2024-04-23 株式会社リコー Information processing device, program, and information processing method

Family Cites Families (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP4325075B2 (en) * 2000-04-21 2009-09-02 ソニー株式会社 Data object management device
JP2002052250A (en) * 2000-05-01 2002-02-19 Sony Computer Entertainment Inc Recording medium, program, and entertainment system and device
JP2002208021A (en) * 2001-01-10 2002-07-26 Brother Ind Ltd Image editing device
US20020158972A1 (en) * 2001-04-25 2002-10-31 Stephany Thomas M. Method of image processing an animated figure
WO2006038379A1 (en) * 2004-09-30 2006-04-13 Sharp Kabushiki Kaisha Image display device, image display method, image display program, and computer-readable recording medium
JP2006157197A (en) * 2004-11-26 2006-06-15 Fuji Photo Film Co Ltd Photo movie generating apparatus and program

Also Published As

Publication number Publication date
JP2010073149A (en) 2010-04-02

Similar Documents

Publication Publication Date Title
JP4204636B2 (en) Method and system for editing or modifying 3D animation in a non-linear editing environment
KR100960504B1 (en) System and method for making emotion based digital storyboard
JP5454604B2 (en) Video playback method, video playback device, and program
JP2001344612A (en) Method and device for preparing animation, and computer-readable recording medium recorded with animation preparing program
JP2010237516A (en) Program and device for performing reproduction
JP2007226255A (en) Display method and electronic equipment for displaying comic
JP2010049406A (en) Picture book image playback device, picture book image playback method, picture book image playback program and recording medium
JP5079649B2 (en) Effect image creating device, effect image creating method, effect image creating program, and recording medium
JP5044503B2 (en) Effect image playback device, effect image playback method, effect image playback program, and recording medium
JP2010049323A (en) Performance image generating device, performance image generating method, performance image generating program, and recording medium
JP2009055593A (en) Image reproducer, image reproduction method, and image reproduction program
KR101457045B1 (en) The manufacturing method for Ani Comic by applying effects for 2 dimensional comic contents and computer-readable recording medium having Ani comic program manufacturing Ani comic by applying effects for 2 dimensional comic contents
JP2004355235A (en) Comic display method and electronic apparatus displaying comic
JP3486159B2 (en) Comic editing support device, manga editing support system, and recording medium recording manga editing support program
JP5095489B2 (en) Effect image creating device, effect image creating method, effect image creating program, and recording medium
JP5432933B2 (en) Manga display method, program, and electronic device
JP6863072B2 (en) Display control device, display control program, display system and display control method
Laskevitch Adobe Photoshop
JP4200960B2 (en) Editing apparatus, editing method, and program
Fridsma et al. Adobe After Effects Classroom in a Book 2024 Release
WO2007073010A1 (en) Media making method and storage medium
Michael Animating with Flash 8: creative animation techniques
Green et al. Beginning Adobe Animate CC
JP5490480B2 (en) Movie creating apparatus, computer program, and storage medium
JP2010039991A (en) Image display method, computer program for image display, and recording medium

Legal Events

Date Code Title Description
A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20110802

A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20120525

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20120606

A521 Written amendment

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20120725

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

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

Free format text: JAPANESE INTERMEDIATE CODE: A01

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20120829

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

Free format text: PAYMENT UNTIL: 20150907

Year of fee payment: 3

R150 Certificate of patent or registration of utility model

Ref document number: 5079649

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150

Free format text: JAPANESE INTERMEDIATE CODE: R150