JP4583631B2 - Graphic drawing apparatus, graphic drawing method, and computer-readable recording medium recording a graphic drawing program - Google Patents

Graphic drawing apparatus, graphic drawing method, and computer-readable recording medium recording a graphic drawing program Download PDF

Info

Publication number
JP4583631B2
JP4583631B2 JP2001044527A JP2001044527A JP4583631B2 JP 4583631 B2 JP4583631 B2 JP 4583631B2 JP 2001044527 A JP2001044527 A JP 2001044527A JP 2001044527 A JP2001044527 A JP 2001044527A JP 4583631 B2 JP4583631 B2 JP 4583631B2
Authority
JP
Japan
Prior art keywords
information
graphic
outline
display
target
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.)
Expired - Fee Related
Application number
JP2001044527A
Other languages
Japanese (ja)
Other versions
JP2002245476A (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.)
Sharp Corp
Original Assignee
Sharp Corp
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 Sharp Corp filed Critical Sharp Corp
Priority to JP2001044527A priority Critical patent/JP4583631B2/en
Publication of JP2002245476A publication Critical patent/JP2002245476A/en
Application granted granted Critical
Publication of JP4583631B2 publication Critical patent/JP4583631B2/en
Anticipated expiration legal-status Critical
Expired - Fee Related legal-status Critical Current

Links

Images

Description

【0001】
【発明の属する技術分野】
本発明は、図形描画装置、図形描画方法および図形描画プログラムを記録したコンピュータ読取可能な記録媒体に関し、特に、図形同士の重なりを様々な態様で表現可能な図形描画装置、図形描画方法および図形描画プログラムを記録したコンピュータ読取可能な記録媒体に関する。
【0002】
【従来の技術】
イメージをビットマップやその圧縮データで記録し、画面上に表示するペイント系と呼ばれるグラフィック処理方法に対して、イメージを円、多角形またはポリゴン図形の組合わせで表現するドロー系と呼ばれるグラフィック処理方法を用いたアプリケーションプログラムが従来種々存在する。
【0003】
ペイント系のグラフィック処理方法に対してドロー系のグラフィック処理方法では、記録したデータのサイズが小さいため、コンピュータやネットワーク上で扱い易い、また、一度作成したイメージを修正する際に、元々のデータが図形であることから、修正が容易であるといった利点がある。特にデータサイズが小さいことの利点は、イラストが時間とともに変化するアニメーションデータの場合に顕著に現れる。ドロー系のグラフィック処理方法でアニメーションを作成し再生する技術の一例として、シャープ株式会社のEVAアニメータ(シャープ株式会社の登録商標)が知られている。
【0004】
その一方、ドロー系のグラフィック処理方法では、イメージが図形で構成されるため、細かな表現は難しい。このため、複雑な形状を表現するためには、複数の図形を組合わせて表現するのが普通である。なぜならば、複雑な形状を一つの図形、たとえば一つのポリゴンで作成すると、一つのポリゴン内での色の表現方法は限られている。このため、意図した色で構成される形状を作りにくく、後からその形状の一部を変更しようとすると、その作業が繁雑になってしまうという問題がある。一般的に図形は、その輪郭形状、輪郭線の色および輪郭線によって囲まれる図形内部の塗り色の属性を持つ。このため、図形を複数組合わせてひとつの形状を作成すれば、一つのポリゴンでひとつの形状を表現するよりは、より複雑な形状を容易に表現することが可能となる。
【0005】
このような図形を複数組合わせた複合図形を作成した際の、各々の図形が重なり合う部分の描画については、何も工夫しなければ、後から描画した図形の輪郭線および内部の色で描画される。しかし、イメージを作成する操作者から見て、重なり合う部分がどのように描画されて欲しいのかについては、種々の要望がある。
【0006】
たとえば、複数の図形が重なり合う部分の各図形の輪郭線は描画されて欲しくないという要望がある。この要望に対する解決方法として、特開平3−149678号公報に開示の「複合図形の作成方法」が知られている。この方法は、図形の輪郭線および内部の色が同一の複数の図形から構成される複合図形に限り、重なり合う部分の図形の輪郭線の描画を行なわないものである。
【0007】
【発明が解決しようとする課題】
上述のように、ドロー系のグラフィック処理方法を用いたイラストやアニメーションを作成するアプリケーションプログラムはいくつか存在し、複数の図形が重なる部分の描画について、次のような課題を有している。
【0008】
まず、第1の課題として、複合図形の複数の図形が重なる部分について、各々の図形の輪郭線は描画されて欲しくない場合が存在する。この点について、図面を参照して説明する。
【0009】
ここでは、「シャツ」を表現する形状を作成する場面を想定する。「シャツ」は図43(a)に示すように胴体部分と袖部分とを異なる図形で作成し、それぞれを図43(b)に示すように部分的に重ねた複合図形で表現される。また、胴体部分と袖部分とでは異なる内部色を持つものとする。
【0010】
図44(a)は、従来の方法を用いてこの「シャツ」を描画したものであり、胴体部分の輪郭線が袖部分との境界に描画されているのが分かる。ところが、袖部分との境界線を描画したくない、すなわち、図44(b)に示すように描画したい場合もある。従来の方法で図44(b)のような結果を得るためには、袖部分との境界線を消すために、内部色が胴体部分の色と同じで、かつ輪郭線を持たない細長い図形を作成して、袖部分との境界線を覆い隠す位置に置くという作業をしなければならない。これでは、操作が面倒なうえに、データサイズも増えてしまう。したがって、簡単な操作で、データサイズを増やすことなく、図44(b)に示す描画結果を得る方法が望まれる。
【0011】
次に、第2の課題として、複合図形の複数の図形が重なる部分について、複合図形を半透明表現にした場合に、不透明表現ならば隠れていた部分の図形の内部色や輪郭線色が透けて見えないようにしたい場合が存在する。この点について、図面を参照して説明する。
【0012】
図45(a)は、従来の方法により、図44(a)で例示した「シャツ」の胴体部分と袖部分とを半透明表現にして描画したものであり、胴体部分が半透明になってその下側が透けて見えるようになっている。このため、図44(a)では胴体部分によって隠れていた袖部分が見えてしまう。しかし、この場合、胴体部分と袖部分とを合わせて「シャツ」を表現しているのであるから、図45(b)に示すように、図44(a)の形状を保ったまま、全体が半透明で表現されるべきである。従来の方法で、図45(b)のような結果を得るためには、胴体部分と袖部分との図形を作成する際に、それぞれがきっちり接し、かつ重なりが無いように作成する必要があり、非常に面倒である。したがって、簡単な操作で、図45(b)に示す描画結果を得る方法が望まれる。
【0013】
次に、第3の課題として、図44(b)に示すように描画される複合図形を半透明表現にしたい場合に、不透明ならば隠れていた部分の図形の内部色が透けて見えないようにしたい場合が存在する。この点について、図面を参照して説明する。
【0014】
図46(a)は、図44(b)で例示した「シャツ」の胴体部分と袖部分を半透明表現にして描画したものであり、図形が重なりあう部分の輪郭線は描画されていないが、胴体部分の内部色と袖部分の内部色とが混合されている。この場合も、第2の課題と同様に、胴体部分と袖部分とを合わせて「シャツ」を表現しているのであるから、図46(b)に示すように、図44(b)に示す形状を保ったまま、全体が半透明で表現されるべきである。このため、図46(b)に示すような描画結果を簡単な操作で得る方法が望まれる。
【0015】
次に、第4の課題として、複合図形の複数の図形が重なる部分について、各々の図形の輪郭線がすべて描画されて欲しい場合が存在する。この点について、図面を参照して説明する。
【0016】
ここで、「ステンドグラス」を表現する形状を作成する場面を想定する。「ステンドグラス」は図47(a)に示すように3つの異なる図形で作成され、それぞれを図47(b)に示すように部分的に重ねた複合図形で表現されるものとする。また、それぞれの図形は異なる内部色を持つものとする。
【0017】
図48(a)は、従来の方法を用いてこの「ステンドグラス」を描画したものであり、左側のひし形図形(以下適宜「左側の図形」という)の輪郭線が右側のひし形図形(以下適宜「右側の図形」という)の内部色によって上書きされて描画されていない部分がある。ところが、左側の図形の輪郭線を全て描画したい、すなわち、図48(b)に示すように描画したい場合もある。従来の方法で図48(b)のような表示結果を得るためには、右側の図形の内部色によって上書きされた左側の図形の輪郭線の位置に、右側の図形の輪郭線と同じ色の線図形を重ね書きしなければならない。これでは、操作が面倒なうえに、データサイズも増えてしまう。したがって、簡単な操作で、データサイズを増やすことなく、図48(b)に示す描画結果を得る方法が望まれる。
【0018】
次に、第5の課題として、図48(b)に示すように描画される複合図形を、半透明表現にしたい場合に、不透明ならば隠れていた部分の図形の内部色、すなわち、右側の図形に隠された左側の図形の一部分の内部色が透けて見えないように描画したい場合が存在する。この点について、図面を参照して説明する。
【0019】
図49(a)は、図47(b)で例示した「ステンドグラス」の3つの図形を半透明表現にして描画したものであり、図形が重なりあう部分の輪郭線は全て描画されているが、2つの図形の重なっている部分の内部色、すなわち、ひし形が重なっている部分のうち、輪郭線ではない、図形の内側の部分が透けて見えている。この場合、第2の課題と同様に、図48(b)のように描画された「ステンドグラス」の形状を保ったまま、全体が半透明で表現されるべきであり、図49(b)に示す描画結果を簡単な操作で得る方法が望まれる。
【0020】
以上のように、この発明の目的は、ドロー系のグラフィック処理方法を用いてイラストやアニメーションを作成する場合において、複数の図形の重なり部分の描画を改善するグラフィック処理方法および装置、ならびに、グラフィック処理プログラムを記録したコンピュータ読取可能な記録媒体を提供することである。
【0021】
【課題を解決するための手段】
本発明のある局面に従う図形描画装置は、複数の図形を重ね合わせて合成した図形を描画する図形描画装置であって、合成対象となる複数の対象図形の各図形情報を記憶する対象図形情報記憶手段と、対象図形情報記憶手段に記憶されている複数の対象図形の各図形情報を合成して合成図形のイメージデータを作成する図形合成手段と、図形合成手段に複数の対象図形の各図形情報をどのように合成させるかの合成情報を記憶する合成情報記憶手段とを備え、対象図形情報記憶手段は、複数の対象図形の各々について、図形情報として、図形の外郭形状を示す外郭情報と、図形の輪郭線の色を表わす輪郭線色情報と、図形の輪郭線内部の色を表わす内部色情報とを記憶し、図形合成手段は、複数の対象図形のうちのどの図形の図形情報とどの図形の図形情報とを組合わせて合成するかの指定を受付ける合成対象図形指定受付手段と、合成対象となる複数の対象図形の各図形情報において、各図形の組合わせ位置の指定を受付ける合成位置指定受付手段とを備え、合成情報記憶手段は、合成情報として、図形合成により図形が重なり合う端部の輪郭線を表示させるか否かの接続端部輪郭線情報と、図形合成により重なり合い隠れる部分の図形をどのように表示させるかの遮蔽部分表示情報とを記憶し、遮蔽部分表示情報は、隠れる部分の図形の輪郭線を表示させるか否かの遮蔽輪郭線表示情報と、隠れる部分の図形の輪郭線内部を表示させるか否かの遮蔽内部表示情報と、隠れる部分の図形を表示させずに、隠れる部分の表面に配置される図形を半透明で表示させるか否かの表面図形半透明表示情報とを含む。
【0022】
第1の図形を合成図形のイメージデータに書込んだ後、第2の図形の輪郭線を書込む際に、第1の図形の内部と重なる第2の図形の輪郭線は、接続端部輪郭線情報と遮蔽輪郭線表示情報とに記憶された情報に従う。このため、上述の第1の課題を解決することができる。
合成図形のイメージデータには、第1の図形の上に第2の図形が不透明の状態で書込まれる。その後、遮蔽部分表示情報に記憶された情報に基づいて合成される。このため、上述の第2の課題を解決することができる。
第1の図形を合成図形のイメージデータに書込んだ後、第2の図形の輪郭線を書込む際に、第1の図形の内部と重なる第2の図形の輪郭線は、接続端部輪郭線情報と遮蔽輪郭線表示情報とに記憶された情報に基づいて合成される。また、合成図形のイメージデータには、第1の図形の内部の上に第2の図形の内部が不透明の状態で書込まれる。その後、遮蔽内部表示情報と表面図形半透明表示情報とに記憶された情報に基づいて合成される。このため、上述の第3の課題を解決することができる。
複合図形の複数の図形が重なる部分の輪郭線は、遮蔽輪郭線表示情報に記憶された情報に基づいて合成される。このため、上述の第4の課題を解決することができる。
表面図形半透明表示情報に記憶された情報に基づいて合成図形が合成される。このため、上述の第5の課題を解決することができる。
【0023】
本発明の他の局面に従う図形描画方法は、合成対象となる複数の対象図形の各図形情報を記憶する対象図形情報記憶手段と、対象図形情報記憶手段に記憶されている複数の対象図形の各図形情報を合成して合成図形のイメージデータを作成する図形合成手段と、図形合成手段に複数の対象図形の各図形情報をどのように合成させるかの合成情報を記憶する合成情報記憶手段とを備えた図形描画装置で用いられる図形描画方法であって、対象図形情報記憶手段に各図形情報を記憶させるステップと、合成情報記憶手段に合成情報を記憶させるステップと、図形合成手段に合成図形のイメージデータを作成させるステップとを含み、各図形情報を記憶させるステップは、複数の対象形の各々について、図形情報として、図形の外郭形状を示す外郭情報と、図形の輪郭線の色を表わす輪郭線色情報と、図形の輪郭線内部の色を表わす内部色情報とを記憶させ、合成図形のイメージデータを作成させるステップは、複数の対象図形のうちのどの図形の図形情報とどの図形の図形情報とを組合わせて合成するかの指定を受付けさせる合成対象図形指定受付ステップと、合成対象となる複数の対象図形の各図形情報において、各図形の組合わせ位置の指定を受付けさせる合成位置指定受付ステップとを含み、合成情報を記憶させるステップは、合成情報として、図形合成により図形が重なり合う端部の輪郭線を表示させるか否かの接続端部輪郭線情報と、図形合成により重なり合い隠れる部分の図形をどのように表示させるかの遮蔽部分表示情報とを記憶させ、遮蔽部分表示情報は、隠れる部分の図形の輪郭線を表示させるか否かの遮蔽輪郭線表示情報と、隠れる部分の図形の輪郭線内部を表示させるか否かの遮蔽内部表示情報と、隠れる部分の図形を表示させずに、隠れる部分の表面に配置される図形を半透明で表示させる表面図形半透明表示情報とを含む。
【0024】
第1の図形を合成図形のイメージデータに書込んだ後、第2の図形の輪郭線を書込む際に、第1の図形の内部と重なる第2の図形の輪郭線は、接続端部輪郭線情報と遮蔽輪郭線表示情報とに記憶された情報に従う。このため、上述の第1の課題を解決することができる。
合成図形のイメージデータには、第1の図形の上に第2の図形が不透明の状態で書込まれる。その後、遮蔽部分表示情報に記憶された情報に基づいて合成される。このため、上述の第2の課題を解決することができる。
第1の図形を合成図形のイメージデータに書込んだ後、第2の図形の輪郭線を書込む際に、第1の図形の内部と重なる第2の図形の輪郭線は、接続端部輪郭線情報と遮蔽輪郭線表示情報とに記憶された情報に基づいて合成される。また、合成図形のイメージデータには、第1の図形の内部の上に第2の図形の内部が不透明の状態で書込まれる。その後、遮蔽内部表示情報と表面図形半透明表示情報とに記憶された情報に基づいて合成される。このため、上述の第3の課題を解決することができる。
複合図形の複数の図形が重なる部分の輪郭線は、遮蔽輪郭線表示情報に記憶された情報に基づいて合成される。このため、上述の第4の課題を解決することができる。
表面図形半透明表示情報に記憶された情報に基づいて合成図形が合成される。このため、上述の第5の課題を解決することができる。
【0031】
本発明のさらに他の局面に従うコンピュータ読取可能な記録媒体は、上述の図形描画法を実施するための、コンピュータ上で動作する図形描画プログラムを記録している。
【0032】
【発明の実施の形態】
以下図面を参照して、本発明の実施の形態に係るグラフィック処理装置について説明する。グラフィック処理装置は、複数の図形から構成される複合図形において、図形同士が重なる部分について以下に示す5通りの表現をすることが可能である。これらは、上述した第1〜第5の課題のいずれかに対応する。
【0033】
(1) 複合図形全体が不透明であったと仮定したならば隠れている部分の図形の内部色や輪郭線色が透けて見えない状態で複合図形を半透明で描画する(第2の課題に対応)。
【0034】
(2) 図形の輪郭線を描画しない(第1の課題に対応)。
(3) 図形の輪郭線を描画しないでかつ内部色が混じることなく複合図形全体を半透明で描画する(第3の課題に対応)。
【0035】
(4) 図形の輪郭線をすべて描画する(第4の課題に対応)。
(5) 図形の輪郭線をすべて描画してかつ内部色が混じることなく複合図形全体を半透明で描画する(第5の課題に対応)。
【0036】
図1は、この発明の各実行例に適用される、一般的なパーソナルコンピュータから構成されるグラフィック処理装置のハードウェア構成図である。
【0037】
グラフィック処理装置は、グラフィックデータやプログラムが書込まれたり読出されたりするためのハードディスク、フレキシブルディスク、CD−ROM(Compact Disc-Read Only Memory)などからなる外部記憶媒体101と、外部記憶媒体101に接続され、外部記憶媒体101を制御する外部記憶媒体ドライバ102と、イラストやアニメーション作成のためのエディタや作成されたイラストやアニメーションを表示するためのCRT(Cathode-Ray Tube)やLCD(Liquid Crystal Display)などのディスプレイ部103とを含む。
【0038】
グラフィック処理装置は、さらに、マウス、トラックボール、タブレットなどの座標入力部104と、キーボード105と、データ伝送のための通信ネットワーク106と、プログラムや各種データが格納されるROM(Read Only Memory)107と、外部記憶媒体ドライバ102、ディスプレイ部103、座標入力部104、キーボード105、通信ネットワーク106およびROM107に接続され、これら各部を集中的に制御および管理するためのCPU(Central Processing Unit)108とを含む。
【0039】
CPU108は、マイクロプロセッサなどの演算処理部109と、各種プログラムおよび、イラストやアニメーションデータの処理に必要なデータを格納するメモリ110と、図示されない各外部装置およびネットワーク106との接続を行うためのインターフェース回路111とを含む。
【0040】
グラフィック処理を行うプログラムは、外部記憶媒体101またはROM107に記録されていて、処理を行うに先だってメモリ110に転送されて実行される。または、ROM107に記録されたまま実行される。また、各種情報は、プログラムを実行する際に、メモリ110に記憶される。
【0041】
図2は、イメージ情報の構造を説明するものである。イメージ情報は複数の画素情報201から構成され、表示を行うためのフレームメモリ(図示せず)に転送されることによって、ディスプレイ部103にイメージを表示することができる。
【0042】
図3は、イメージ情報の中の画素情報の構造を説明するものである。画素情報は、画素色情報301から成り、画素色情報301は、それぞれ異なる色を表現するためのR値302、G値303およびB値304を含む。
【0043】
図4は、半透明イメージ情報を説明するものである。半透明イメージ情報は複数の半透明画素情報401を含む。
【0044】
図5は、半透明画素情報の構造を説明するものである。半透明画素情報は、画素色情報501と、画素透明度情報502と、画素部位情報503とを含む。画素透明度情報502は0から100までの値のいずれかを取ることとし、0であれば、完全に不透明、100であれば、完全に透明を表わすこととする。画素部位情報503は、0から2までの3つの値の内いずれかを取ることとする。ここで、1は図形の内部を、2は図形の輪郭線を、0は図形の外部を表わすこととする。
【0045】
図6は図形情報の構造を説明するものである。図形情報は、外郭情報601と、輪郭線色情報602と、内部色情報603と、透明度情報604とを含む。輪郭線色情報602と内部色情報603の詳細構造は画素色情報301と同様にR値、G値、B値から成る。外郭情報601は図形の輪郭の形を表わすものであり、ここではポリゴン図形を表現するために、ポリゴンの各頂点の座標値列を持つこととするが、ポリゴン図形は、たとえば四角であるとか丸であるとかでも構わない。透明度情報604は、画素透明度情報502と同様である。このため、その詳細な説明はここでは繰返さない。
【0046】
図7は、複合図形情報の構造を説明するものである。本実施の形態では複数の複合図形を扱える。このため、それぞれの複合図形を識別する必要がある。したがって、複数の図形情報をひとまとめにした複合図形情報を備えることとする。
【0047】
複合図形情報は複数の図形情報701と、ひとつの描画方法種情報702とを含む。描画方法種情報702は1から5までの間の値を取ることとする。描画方法種情報702が1の場合は、複合図形全体が不透明ならば隠れていた部分の図形の内部色や輪郭線色が透けて見えない状態で複合図形を半透明で描画することを表わす(第2の課題に対応)。描画方法種情報702が2の場合は、図形の輪郭線を描画しないことを表わす(第1の課題に対応)。描画方法種情報702が3の場合は図形の輪郭線を描画しないでかつ内部色が混じることなく複合図形全体を半透明で描画することを表わす(第3の課題に対応)。描画方法種情報702が4の場合は図形の輪郭線をすべて描画することを表わす(第4の課題に対応)。描画方法種情報702が5の場合は図形の輪郭線をすべて描画してかつ内部色が混じることなく複合図形全体を半透明で描画することを表わす(第5の課題に対応)。
【0048】
図8は本実施の形態において、ひとつの複合図形をイメージ情報に記録するまでの手順を示すフローチャートである。また、図10から図12は、図8のフローチャートの中の重要なステップを詳説するためのフローチャートである。また、図13から図42は、図8および図10から図12のフローチャートの各ステップに従う処理の結果をイメージとして説明するものである。以下、図8のフローチャートに沿って、ひとつの複合図形をイメージ情報に記録するまでの処理を説明する。なお、この処理を始める前に、イメージ情報には、図9に示すような絵柄がすでに記録されているものとする。また、図4の半透明イメージ情報に含まれるすべての半透明画素情報の中の画素透明度情報502には100、すなわち完全に透明であることが記録されてから、処理を開始するものとする。これは以下のような理由によるものである。各実行例の最終ステップとして、半透明イメージ情報から、イメージ情報に各画素の情報が合成、転送される。その際に、半透明イメージ情報中の半透明画素情報の画素透明度情報502に100が記録されている場合には、その画素には合成すべき図形がない、または、合成すべき図形はあるが完全に透明なので合成する必要がないという判断が可能になる。そのため、その画素の情報を合成、転送するステップ自体を省略することを可能にするためである。
【0049】
図8を参照して、一連の処理の流れを説明する。これから描画しようとする複合図形に関するデータをメモリ110に記憶されている図7の複合図形情報から取得する(S802)。
【0050】
すべての図形を描画したか否かを判断する(S803)。この条件判断は、複合図形情報に含まれるすべての図形情報701のイメージを図4の半透明イメージ情報上に作成するための、S804からS806で形成されるループを制御するものである(S803)。
【0051】
描画していない図形が存在すると判断された場合には(S803でN)、複合図形情報に含まれる図形情報701をひとつ取得する(S804)。次に、図形の輪郭線を図4の半透明イメージ情報に記録する(S805)。次に、図形の内部を図4の半透明イメージ情報に記録し(S806)、S803に戻る。
【0052】
すべての図形に対しての描画が終了すると(S803でY)、全ての図形の輪郭線と内部とが記憶された半透明イメージ情報を図2のイメージ情報に転送して(S807)、複合図形の描画処理を終了する。
【0053】
図10を参照して、図8のS805の処理について説明する。
複合図形情報の描画方法種情報702より値を取得する。描画方法種の値が2または3か否かを判断する(S903)。描画方法種の値が2または3の場合には(S903でY)、半透明イメージ情報の輪郭線を描画しようとする部分の半透明画素情報の画素部位情報503を取得する(S905)。取得した半透明イメージ情報の半透明画素情報の画素部位情報503が図形の内部を表わしているか否かを判断する(S906)。画素部位情報が図形の内部を表わしていれば(S906でY)、何もせずに処理を終了する。画素部位情報が図形の内部以外を表わしていれば(S906でN)、図形の輪郭線の色と図形の透明度とを半透明イメージ情報に記録する(S907、S908)。
【0054】
描画方法種の値が2および3以外の場合には(S903でN)、描画方法種の値が4または5か否かを判断する(S904)。方法描画種の値が4または5の場合には(S904でY)、図形の輪郭線の色を、図形の輪郭線色情報602から取得して、図4の半透明イメージ情報の半透明画素情報の画素色情報501に記録する(S909)。半透明イメージ情報のいずれの半透明画素情報に記録するかは、図形の外郭情報によって決定される図形の輪郭線に対応する位置の半透明画素情報であるか否かにより定められる。すなわち、図形の輪郭線の部位にあたる位置の半透明画素情報には全て、輪郭線色情報602から取得される値が記録される。
【0055】
図形の透明度を、図形の透明度情報604から取得して、図4の半透明イメージ情報の半透明画素情報の画素透明度情報502に記録する(S910)。
【0056】
半透明イメージ情報の半透明画素情報の画素部位情報503に2すなわち、図形の輪郭線であることを示す値を記録する(S911)。記録する半透明画素情報は、図形の外郭線に対応する位置の半透明画素情報すべてである。
【0057】
描画方法種の値が1の場合には(S904でN)、S912およびS913の処理を実行する。S912およびS913の処理は、それぞれS909およびS910の処理と同様である。このため、その詳細な説明はここでは繰返さない。
【0058】
図11を参照して、図8のS806の処理について説明する。
図形の描画方法種702から値を取得する(S1002)。描画方法種が4または5か否かを判断する(S1003)。方法描画種の値が4または5の場合には(S1003でY)、半透明イメージ情報の図形の内部を描画しようとする部分の半透明画素情報の画素部位情報503を取得する(S1005)。画素部位情報503の値が2、すなわち図形の輪郭線を表わしている部分には(S1006でY)、S1007とS1008とは実行されない。
【0059】
画素部位情報503の値が2でない部分には(S1006でN)、図形内部の色と透明度とを半透明イメージ情報に記録する(S1007およびS1008)。
【0060】
描画方法種が4および5以外の場合には(S1003でN)、描画方法種が2または3か否かを判断する(S1004)、描画方法種の値が2または3の場合には(S1004でY)、図形の内部色情報と透明度情報とを半透明イメージ情報に記録する(S1009およびS1010)。半透明イメージ情報の半透明画素情報の画素部位情報503に1、すなわち図形の内部であることを示す値を記録する(S1011)。
【0061】
描画方法種の値が2および3でない場合には(S1004でN)、図形の内部の色を、図形の内部色情報603から取得して、図4の半透明イメージ情報に記録する(S1012)。また、図形の透明度を、図形の透明度情報604から取得して、図4の半透明イメージ情報の半透明画素情報の画素透明度情報502に記録する(S1013)。
【0062】
図12を参照して、図8のS807の処理について説明する。
半透明イメージ情報の中の半透明画素情報をイメージ情報の対応する画素情報にすべて転送したか否か判断される(S1102)。転送が完了していれば(S1102でY)、処理を終了する。
【0063】
転送が完了していなければ(S1102でN)、半透明イメージ情報の中の半透明画素情報401から、画素透明度情報502と、画素色情報501とを取得する(S1103、S1104)。取得した画素透明度情報502の値が0か否か判断する(S1105)。画素透明度情報502の値が0でなければ(S1105でN)、記録しようとしているイメージ情報の中の画素情報の画素色情報301を取得する(S1106)。S1106で取得した色とS1104で取得した色とを混合した色を作成する(S1107)。S1107の処理の後、または透明度情報502の値が0の場合には(S1105でY)、S1107で生成した色、またはS1104で取得した色を、イメージ情報の画素情報に記録する(S1108)。その後、S1102に戻る。
【0064】
[第1の実行例]
始めに、第1の実行例として、図7の複合図形情報には、描画方法種情報702に1が記録されており、複合図形情報に含まれる図形情報は2つで、2つの図形情報とも透明度情報604には0、すなわち完全に不透明を表わす値が記録されている場合を想定する。また、複合図形情報に含まれている2つの図形情報を組合わせると、図13に示すような形状となる輪郭情報が図形情報に格納されているものとする。
【0065】
まず、これから描画しようとする複合図形に関するデータをメモリ110に記憶されている複合図形情報から取得する(S802)。S803〜S806に示すループは、複合図形情報に含まるすべての図形情報701のイメージを図4の半透明イメージ情報として作成するためのループである。
【0066】
すべての図形を描画したか否かが判断される(S803)。描画していない図形があれば(S803でN)、複合図形情報に含まれる図形情報701を一つ取得し(S804)、図形の輪郭線を図4の半透明イメージ情報に記録する(S805)。図10はS805の処理を詳細に説明したものであり、図10をもとに、S805の処理を詳細に説明する。まず図形の描画方法種702から値を取得する(S902)。取得した結果は1であり、描画方法種によって処理を分岐させる処理(S903、S904)の結果、S912へ進む。S912では、図形の輪郭線の色を、図形の輪郭線色情報602から取得して、図4の半透明イメージ情報の半透明画素情報の画素色情報501に記録する。半透明イメージ情報は、半透明画素情報を、イメージを構成する配列に沿って並べたものであり、図形の外郭情報によって決定される図形の輪郭線部分に相当する位置の半透明画素情報の画素色情報に図形の輪郭線の色を記録することになる。すなわち、図形の輪郭線の部位にあたる位置の半透明画素情報には全て、輪郭線色情報602から取得される値が記録される。同様に、S913では、図形の透明度を、図形の透明度情報604から取得して、図4の半透明イメージ情報の半透明画素情報の画素透明度情報502に記録する。この時点で半透明イメージ情報に記録された図柄は図14に示すようになる。
【0067】
再度図8を参照して、図形の内部も図4の半透明図形情報に記録する(S806)。図11はS806の内部を詳細に説明したものであり、図11をもとに、S806の処理を詳細に説明する。
【0068】
図形の描画方法種702から値を取得する(S1002)。取得した結果は1であり、描画方法種によって処理を分岐させる処理(S1003、S1004)の結果、S1012へ進む。S1012では、図形の内部の色を、図形の内部色情報603から取得して、図4の半透明イメージ情報に記録する。半透明イメージ情報は、半透明画素情報を、イメージを構成する配列に沿って並べたものであり、図形の外郭情報により決定される図形の外郭線の内側に相当する位置の半透明画素情報の画素色情報に図形の外郭線の内側の色を記録することになる。すなわち、図形の内部の部位にあたる位置の半透明画素情報には全て、内部色情報603から取得される値が記録される。同様に、S1013では、図形の透明度を、図形の透明度情報604から取得して、図4の半透明イメージ情報の半透明画素情報の画素透明度情報502に記録する。この時点で半透明イメージ情報に記録された図柄は図15に示すようになる。
【0069】
図8のS803に戻り、複合図形内に含まれる図形は2個である。このため、S804からS806で形成されるループは再度実行される。該ループを2回実行した時点での、半透明イメージ情報に記録された図柄は図16に示すようになる。このように複合図形内の全ての図形の輪郭線と内部とを半透明イメージ情報に記録してから、半透明イメージ情報を図2のイメージ情報に転送して(S807)終了する。
【0070】
図12は、S807の内部を詳細に説明したものであり、図12をもとに、S807の処理を詳細に説明する。S1102は、半透明イメージ情報の中の半透明画素情報を全てイメージ情報の対応する画素情報に合成・転送するためのS1103からS1108で構成されるループを制御する処理である。
【0071】
ループ中では、図4の半透明イメージ情報の中の半透明画素情報401から、画素透明度情報502と画素色情報501とが取得される(S1103、S1104)。取得した画素透明度情報の値は0であり、その画素が完全に不透明であることを示している。このため、イメージ情報の画素の色と混合する必要はなく、色の合成を行うステップを行わないように判断する(S1105でY)。すなわち、画素透明度情報の値が0の場合には(S1105でY)、半透明イメージ情報の中の半透明画素情報の画素色情報を、イメージ情報の対応する画素情報に上書きするだけの処理となる。
【0072】
該ループを半透明イメージ画素全てについて実行したと判断された場合には(S1102でY)半透明イメージの合成・転送処理は終了し、図8の複合図形の描画処理も終了する。この時点でイメージ情報に記録された図柄は図17に示すようになる。
【0073】
以上の説明では、複合図形情報の描画方法種は1である。すなわち、複合図形の重なっている部分は、その図形が完全に不透明だとした場合の輪郭線および内部をともに描画しない設定が記録されている。かつ、複合図形情報に含まれる各図形の透明度情報は0、すなわち完全に不透明であることを示している。このため、図形をただ重ねて描画した場合と同様の結果が得られる。図17に得られた図柄には、本発明の効果は現れておらず、すなわち、本発明を実施しなければ、常に図17のような描画結果が得られる。
【0074】
[第2の実行例]
第2の実行例として、図7の複合図形情報の描画方法種情報702に1、すなわち、複合図形全体が不透明ならば隠れていた部分の図形の内部色や輪郭線色が透けて見えない状態で複合図形を半透明で描画する設定がされており、また、複合図形情報に含まれる各図形の透明度情報604は50、すなわち半透明であることが記録されている場合について説明する。図形の外郭情報は第1の実行例と同じである。ここで、S805、S806、S807以外の処理については、第1の実行例の説明と全く同じであるため、ここではその説明は繰返さない。
【0075】
以下、S805、S806およびS807の処理について説明する。
まず、2つの図形の内1つ目の図形を描画する時、すなわち、S804からS806で構成されるループの1回目の処理について説明する。図形の輪郭線を生成する処理は、第1の実行例で説明した、ループの1回目における図形の輪郭線を生成する処理と同じである。ただし、半透明イメージ情報中の図形の輪郭線に相当する位置の半透明画素情報の透明度情報には、値50が記録される点が異なる。この時点で半透明イメージ情報に記録された図柄は図18に示すようになる。
【0076】
次に、図形の内部を生成する処理は、第1の実行例で説明した、ループの1回目における図形の輪郭線を生成する処理と同じである。ただし、半透明イメージ情報中の図形の内部に相当する位置の半透明画素情報の透明度情報には、値50が記録される点が異なる。1回目のループで図形の輪郭線と内部を生成した時点での半透明イメージ情報に記録された図柄は図19に示すようになる。
【0077】
次に、2つの図形の内2つ目の図形を描画する時、すなわち、S804からS806で構成されるループの2回目の処理について説明する。図形の輪郭線を生成する処理は、ループの1回目での輪郭線を生成する処理と同じである。この時点で半透明イメージ情報に記録された図柄は図20に示すようになる。また、図形の内部を作成する処理もループの1回目での図形の内部を生成する処理と同じである。この時点で半透明イメージ情報に記録された図柄は図21に示すようになる。すなわち、ループの2回目で行われる図形の輪郭線生成と図形の内部生成とでは、ループの1回目で生成した1つ目の図形の輪郭線と内部とを、2つ目の図形の輪郭線と内部が、重なっている部分について上書きすることになる。
【0078】
以上で複合図形情報に含まれる2つの図形を描画したので、S807で半透明イメージ情報を図2のイメージ情報に転送して終了する。
【0079】
図12を参照して、第2の実行例でのS807の処理を詳細に説明する。S1102の処理は、第1の実行例での説明と同じである。このため、その詳細な説明はここでは繰返さない。S1103では、画素透明度情報502を取得する。取得される値として、図形の内部、輪郭線に相当する部分では50が取得される。S1104では画素色情報501が取得される。取得した画素透明度情報の値は0ではなく、その画素が半透明であることを示している。このため、イメージ情報の画素の色と色を混合する処理(S1106)へと進むよう判断する(S1105でN)。すなわち、S1106では、記録しようとしているイメージ情報の中の画素情報の画素色情報301を取得する。取得される値は、図9に示すような絵柄を構成する各画素情報の画素色情報の値である。
【0080】
次に、S1106で取得した色と、S1104で取得した色とを混合した色を作成する(S1107)。ただし、色の混合にあたっては、S1103で取得した、半透明イメージ情報の半透明画素情報の画素透明度情報の値、この例では50を加味する。すなわち、S1106で取得した色に、S1104で取得した色が、50%の透明度をもって重なった場合の色を生成する。この色生成の方法は既存の技術を使えばよい。
【0081】
既存の技術の例としては、シャープ株式会社が開発したEVAアニメ一夕Ver1.5で採用している、透明度を持った図形を描画するときに使用する色の決定方法がある。同方法では、S1104で取得した半透明イメージ情報の色のR値をRt、G値をGt、B値をBt、S1103で取得した半透明イメージ情報の透明度情報をTf(値域は0〜100)、S1106で取得したイメージ情報の色のR値をRo、G値をGo、B値をBo、生成してイメージ情報に上書きすべき色のR値をRf、G値をGf、B値をBfとすると、生成すべき色は次式により決定される。
【0082】
Rf=Rt×(100−Tf)/100+Ro×Tf/100
Gf=Gt×(100−Tf)/100+Go×Tf/100
Bf=Bt×(100−Tf)/100+Bo×Tf/100
次にS1108では、S1107で生成した色を、イメージ情報の画素情報301に記録する。全ての半透明イメージ情報の半透明画素情報をそれぞれが対応するイメージ情報の画素情報と合成した結果、イメージ情報に記録されている図柄は図22のようになる。図22では、図13に示した複合図形の、複合図形全体が不透明ならば隠れていた部分の図形の内部色や輪郭線色が透けて見えない状態で複合図形を半透明で表現していることがわかる。
【0083】
[第3の実行例]
次に第3の実行例として、図7の複合図形情報の描画方法種情報702に2、すなわち、複合図形の重なっている部分は輪郭線、内部とも描画しない設定がされており、また、複合図形情報に含まれる各図形の透明度情報604は0、すなわち完全に不透明であることが記録されている場合について説明する。図形の外郭情報は上述の実行例と同じである。ここで、S805、S806、S807以外の処理については、上述の説明と全く同じである。このため、その詳細な説明はここでは繰返さない。
【0084】
以下、S805、S806およびS807の処理について説明する。
まず、2つの図形の内1つ目の図形を描画する時、すなわち、S804からS806で構成されるループの1回目の処理について説明する。
【0085】
図10を参照して、図形の輪郭を生成する処理を説明する。まず図形の描画方法種702から値を取得する(S902)。取得した結果は2であり、描画方法種によって処理を分岐させる処理(S903)の結果、S905へ進む。S905では、半透明イメージ情報の輪郭線を描画しようとする部分の半透明画素情報の画素部位情報503を取得する。まだ図形は一つも半透明イメージ情報に生成していないので取得される値は0、すなわち図形の外部である。図形の内部ではない判断をS906で行い、S907とS908で輪郭線の色と透明度を半透明イメージ情報に記録する。S907とS908との処理は先に説明した、S912とS913との処理と同じである。このため、その説明はここでは繰返さない。この時点で半透明イメージ情報に記録された図柄は図23に示すようになる。
【0086】
図11を参照して、図形の内部を生成する処理を説明する。まず図形の描画方法種702から値を取得する(S1102)。取得した結果は2であり、描画方法種によって処理を分岐させる処理(S1003、S1004)の結果、S1009へ進む。S1009およびS1010では、図形の内部色情報および透明度情報をそれぞれ半透明イメージ情報に記録する。この処理は第1の実行例で説明したS1012、S1013と同じである。次にS1011で、半透明イメージ情報の半透明画素情報の画素部位情報503に1、すなわち図形の内部であることを示す値を記録する。記録する半透明画素情報は、図形の外郭線の内側に対応する位置の半透明画素情報すべてである。この時点で半透明イメージ情報に記録された図柄は図24に示すようになる。
【0087】
次に、2つの図形の内2つ目の図形を描画する時、すなわち、S804からS806で構成されるループの2回目の処理について説明する。
【0088】
図10を参照して、図形の輪郭を生成する処理を説明する。S906、S907、S908以外の処理は1回目のループの処理と同様である。このため、その説明はここでは繰返さない。ここで、1回目のループの図形内部の作成で、半透明イメージ情報の中に、図形の内部であることを記録された半透明画素情報が存在する。このため、輪郭線を描画しようとする画素のうち、半透明画素情報に図形の内部であることが記録されていると判断された部分には(S906でY)、S907とS908とは実行されない。半透明画素情報に図形の内部であることが記録されていない部分には(S906でN)、1回目のループと同様に、図形の輪郭線色情報と透明度情報とが、半透明画素情報に記録される(S907、S908)。この時点で半透明イメージ情報に記録された図柄は図25に示すようになる。
【0089】
次に、図形の内部を作成するが、この処理は1回目の処理と同様であり、図形の内部に対応する位置の半透明画素情報全てに図形の内部色情報と透明度情報とを記録する。この時点で半透明イメージ情報に記録された図柄は図26に示すようになる。
【0090】
以上で複合図形情報に含まれる2つの図形を描画したので、S807で半透明イメージ情報を図2のイメージ情報に転送して処理を終了する。S807の処理では複合図形に含まれる図形の透明度は全て0としたので、第1の実行例で示したS807の処理と同様である。この時点でイメージ情報に記録された図柄は図27に示すようになる。
【0091】
図27では、複合図形を構成していた2つの図形(図13)の重なる部分の輪郭線は描画されていないことが分かる。
【0092】
[第4の実行例]
次に第4の実行例として、図7の複合図形情報の描画方法種情報702に3、すなわち、図形の輪郭線を描画しないでかつ内部色が混じることなく複合図形全体を半透明で描画する設定がされており、また、複合図形情報に含まれる各図形の透明度情報604は50、すなわち半透明であることが記録されている場合について説明する。図形の外郭情報は第1の実行例と同じである。ここで、S805、S806、S807以外については、第1の実行例の説明と全く同じである。このためその詳細な説明はここでは繰返さない。
【0093】
以下、S805、S806およびS807の処理について説明する。
まず、2つの図形の内1つ目の図形を描画する時、すなわち、S804からS806で構成されるループの1回目の処理について説明する。図形の輪郭線を生成する処理は、第3の実行例で説明した、ループの1回目における図形の輪郭線を生成する処理と同じである。ただし、半透明イメージ情報中の図形の輪郭線に相当する位置の半透明画素情報の透明度情報には、値50が記録される点が異なる。この時点で半透明イメージ情報に記録された図柄は図28に示すようになる。次に、図形の内部を生成する処理は、第3の実行例で説明した、ループの1回目における図形の内部を生成する処理と同じである。ただし、半透明イメージ情報中の図形の内部に相当する位置の半透明画素情報の透明度情報には、値50が記録される点が異なる。1回目のループで図形の輪郭線と内部とを生成した時点での半透明イメージ情報に記録された図柄は図29に示すようになる。
【0094】
次に、2つの図形の内2つ目の図形を描画する時、すなわち、S804からS806で構成されるループの2回目の処理について説明する。図形の輪郭線を生成する処理は、第3の実行例で説明した、ループの2回目における図形の輪郭線を生成する処理と同じである。ただし、半透明イメージ情報中の図形の輪郭線に相当する位置の半透明画素情報の透明度情報には、値50が記録される点が異なる。この時点で半透明イメージ情報に記録された図柄は図30に示すようになる。
【0095】
次に、図形の内部を生成する処理は、第3の実行例で説明した、ループの2回目における図形の内部を生成する処理と同じである。ただし、半透明イメージ情報中の図形の内部に相当する位置の半透明画素情報の透明度情報には、値50が記録される点が異なる。2回目のループで図形の輪郭線と内部を生成した時点での半透明イメージ情報に記録された図柄は図31に示すようになる。
【0096】
以上で複合図形情報に含まれる2つの図形を描画したので、S807で半透明イメージ情報を図2のイメージ情報に転送して終了する。S807の処理は、複合図形に透明度が0ではない図形が入っているので、第2の実行例の半透明イメージを合成・転送する処理と同じである。この時点でイメージ情報に記録されている図柄は図32のようになる。図32では、図13に示した複合図形に含まれる、それぞれの図形の重なる部分の輪郭線は描画されず、かつ、図9に示した図形は透けて見えることにより、複合図形全体として半透明である表現で描画されていることがわかる。
【0097】
[第5の実行例]
次に第5の実行例として、図7の複合図形情報の描画方法種情報702に4、すなわち、図形の輪郭線をすべて描画する設定がされており、また、複合図形情報に含まれる各図形の透明度情報604は0、すなわち完全に不透明であることが記録されている場合について説明する。図形の外郭情報は第1の実行例と同じである。ここで、S805、S806、S807以外については、第1の実行例の説明と全く同じである。このため、その詳細な説明はここでは繰返さない。
【0098】
以下、S805、S806、S807の処理について説明する。
まず、2つの図形の内1つ目の図形を描画する時、すなわち、S804からS806で構成されるループの1回目の処理について説明する。
【0099】
図10を参照して、図形の輪郭を生成する処理を説明する。まず図形の描画方法種702から値を取得する(S902)。取得した結果は4であり、描画方法種によって処理を分岐させる処理(S903、S904)の結果、S909へ進む。S909とS910との処理は、第1の実行例で説明したS912とS913との処理と同じである。
【0100】
次にS911で、半透明イメージ情報の半透明画素情報の画素部位情報503に2すなわち、図形の輪郭線であることを示す値を記録する。記録する半透明画素情報は、図形の外郭線に対応する位置の半透明画素情報すべてである。この時点で半透明イメージ情報に記録された図柄は図33に示すようになる。
【0101】
図11を参照して、図形の内部を生成する処理を説明する。まず図形の描画方法種702から値を取得する(S1002)。取得した結果は4であり、描画方法種によって処理を分岐させる処理(S1003)の結果、S1005へ進む。
【0102】
S1005では、半透明イメージ情報の図形の内部を描画しようとする部分の半透明画素情報の画素部位情報503を取得する。S1005で取得した値が2すなわち図形の輪郭線を表わしている部分には、次のS1007、S1008を行わないように判断する(S1006でY)。
【0103】
S1005で取得した値が2でない部分には(S1006でN)、S1007、S1008で、図形内部の色と透明度とを半透明イメージ情報に記録する。ただし、1回目のループでは、半透明イメージ情報には、1つ目の図形の輪郭線のイメージしか記録されておらず、1つ目の図形の輪郭線と内部は必ず異なる位置である。このため、S1007およびS1008は必ず実行されることになる。S1007およびS1008の処理は、第1の実行例で説明したS1012およびS1013の処理と同じである。この時点で半透明イメージ情報に記録された図柄は図34に示すようになる。
【0104】
次に、2つの図形の内2つ目の図形を描画する時、すなわち、S804からS806で構成されるループの2回目の処理について説明する。輪郭線を生成する処理は、ループの1回目での輪郭線を生成する処理と同じである。すなわち、2回目のループでの輪郭線の生成では、1回目のループで生成した1つ目の図形の輪郭線部分と内部部分とを2つ目の図形の輪郭線部分が上書きして塗りつぶすことになる。この時点での半透明イメージ情報に記録された図柄は図35に示すようになる。
【0105】
図形の内部を作成する処理はループの1回目での内部を作成する処理と同様であるが、ここでは、半透明イメージ情報の中に、1つ目の図形の輪郭線であることを記録された半透明画素情報が存在することが注目すべき点である。半透明画素情報に図形の輪郭線であることが記録されている部分は、S1007とS1008は実行されないように判断される(S1006でY)。このため、1つ目の図形の輪郭線として半透明イメージ情報に記録された半透明画素情報には、2つ目の図形の内部色と透明度とを上書きして記録することはなく、1つ目の図形の輪郭線の色と透明度とはそのまま保持される。この時点で半透明イメージ情報に記録された図柄は図36に示すようになる。
【0106】
以上で複合図形情報に含まれる2つの図形を描画したので(図8のS803でY)、S807で半透明イメージ情報を図2のイメージ情報に転送して終了する。S807の処理は、第1の実行例で説明した半透明イメージを合成・転送する処理と同じである。この時点でイメージ情報に記録された図柄は図37に示すようになる。図37では、複合図形を構成していた2つの図形(図13)の輪郭線は全て描画されていることがわかる。
【0107】
[第6の実行例]
次に第6の実行例として、図7の複合図形情報の描画方法種情報702に5、すなわち、図形の輪郭線をすべて描画してかつ内部色が混じることなく複合図形全体を半透明で描画する設定がされており、また、複合図形情報に含まれる各図形の透明度情報604は50、すなわち半透明であることが記録されている場合について説明する。図形の外郭情報は第1の実行例と同じである。ここで、S805、S806、S807以外については、第1の実行例の説明と全く同じである。このため、その詳細な説明はここでは繰り返さない。
【0108】
以下、S805、S806およびS807の処理について説明する。
まず、2つの図形の内1つ目の図形を描画する時、すなわち、S804からS806で構成されるループの1回目の処理について説明する。図形の輪郭線を生成する処理は、第5の実行例で説明した、ループの1回目における図形の輪郭線を生成する処理と同じである。ただし、半透明イメージ情報中の図形の輪郭線に相当する位置の半透明画素情報の透明度情報には、値50が記録される点が異なる。この時点で半透明イメージ情報に記録された図柄は図38に示すようになる。
【0109】
次に、図形の内部を生成する処理は、第5の実行例で説明した、ループの1回目における図形の内部を生成する処理と同じである。ただし、半透明イメージ情報中の図形の内部に相当する位置の半透明画素情報の透明度情報には、値50が記録される点が異なる。1回目のループで図形の輪郭線と内部を生成した時点での半透明イメージ情報に記録された図柄は図39に示すようになる。
【0110】
次に、2つの図形の内2つ目の図形を描画する時、すなわち、S804からS806で構成されるループの2回目の処理について説明する。図形の輪郭線を生成する処理は、第5の実行例で説明した、ループの2回目における図形の輪郭線を生成する処理と同じである。ただし、半透明イメージ情報中の図形の輪郭線に相当する位置の半透明画素情報の透明度情報には、値50が記録される点が異なる。この時点で半透明イメージ情報に記録された図柄は図40に示すようになる。次に、図形の内部を生成する処理は、第5の実行例で説明した、ループの2回目における図形の内部を生成する処理と同じである。ただし、半透明イメージ情報中の図形の内部に相当する位置の半透明画素情報の透明度情報には、値50が記録される点が異なる。2回目のループで図形の輪郭線と内部とを生成した時点での半透明イメージ情報に記録された図柄は図41に示すようになる。
【0111】
以上で複合図形情報に含まれる2つの図形を描画したので、S807で半透明イメージ情報を図2のイメージ情報に転送して終了する。S807の処理は、半透明イメージ情報の半透明画素情報に透明度が0ではない、すなわち、半透明であることを示す画素が存在するので、第3の実行例で説明した半透明イメージを合成・転送する処理と同じである。この時点でイメージ情報に記録された図柄は図42に示すようになる。図42では、複合図形を構成していた2つの図形(図13)の輪郭線は全て描画されており、かつ、複合図形全体として半透明で描画されていることがわかる。
【0112】
以上説明したように、本実施の形態によると、ドロー系のグラフィック処理方法を用いてイラストやアニメーションを作成する場合において、複数の図形の重なり部分の描画に関する従来の問題点を改善することができるようになる。
【0113】
今回開示された実施の形態はすべての点で例示であって制限的なものではないと考えられるべきである。本発明の範囲は上記した説明ではなくて特許請求の範囲によって示され、特許請求の範囲と均等の意味および範囲内でのすべての変更が含まれることが意図される。
【0114】
【発明の効果】
この発明によれば、複数の図形が重なった複合図形の重なっている部分について、各々の図形の輪郭線を描画しない、または全て描画するような表現が可能になる。また、複数の図形が重なった複合図形の重なり部分について、各々の図形の輪郭線を描画しない、または全て描画するような表現のまま、複合図形を半透明で描画する表現が可能になる。
【図面の簡単な説明】
【図1】本発明の実施の形態にかかるグラフィック処理装置のハードウェア構成図である。
【図2】イメージ情報の構造を説明するための図である。
【図3】イメージ情報の中の画素情報の構造を説明するための図である。
【図4】半透明イメージ情報を説明するための図である。
【図5】半透明画素情報の構造を説明するための図である。
【図6】図形情報の構造を説明するための図である。
【図7】複合図形情報の構造を説明するための図である。
【図8】複合図形を描画する手順を示すフローチャートである。
【図9】第1から第6の各実行例において例示するイメージ情報に既に記録されている図形の形状を示す図である。
【図10】図形の輪郭線を描画する手順を詳細に示すフローチャートである。
【図11】図形の内部を描画する手順を詳細に示すフローチャートである。
【図12】半透明の図形のイメージを合成する手順を詳細に示すフローチャートである。
【図13】第1から第6の各実行例において例示する複合図形情報に記録されている図形の形状を示す図である。
【図14】第1の実行例において、半透明イメージ情報に記録される図形の形状を示す図である。
【図15】第1の実行例において、半透明イメージ情報に記録される図形の形状を示す図である。
【図16】第1の実行例において、半透明イメージ情報に記録される図形の形状を示す図である。
【図17】第1の実行例において、イメージ情報に記録される図形の形状を示す図である。
【図18】第2の実行例において、半透明イメージ情報に記録される図形の形状を示す図である。
【図19】第2の実行例において、半透明イメージ情報に記録される図形の形状を示す図である。
【図20】第2の実行例において、半透明イメージ情報に記録される図形の形状を示す図である。
【図21】第2の実行例において、半透明イメージ情報に記録される図形の形状を示す図である。
【図22】第2の実行例において、イメージ情報に記録される図形の形状を示す図である。
【図23】第3の実行例において、半透明イメージ情報に記録される図形の形状を示す図である。
【図24】第3の実行例において、半透明イメージ情報に記録される図形の形状を示す図である。
【図25】第3の実行例において、半透明イメージ情報に記録される図形の形状を示す図である。
【図26】第3の実行例において、半透明イメージ情報に記録される図形の形状を示す図である。
【図27】第3の実行例において、イメージ情報に記録される図形の形状を示す図である。
【図28】第4の実行例において、半透明イメージ情報に記録される図形の形状を示す図である。
【図29】第4の実行例において、半透明イメージ情報に記録される図形の形状を示す図である。
【図30】第4の実行例において、半透明イメージ情報に記録される図形の形状を示す図である。
【図31】第4の実行例において、半透明イメージ情報に記録される図形の形状を示す図である。
【図32】第4の実行例において、イメージ情報に記録される図形の形状を示す図である。
【図33】第5の実行例において、半透明イメージ情報に記録される図形の形状を示す図である。
【図34】第5の実行例において、半透明イメージ情報に記録される図形の形状を示す図である。
【図35】第5の実行例において、半透明イメージ情報に記録される図形の形状を示す図である。
【図36】第5の実行例において、半透明イメージ情報に記録される図形の形状を示す図である。
【図37】第5の実行例において、イメージ情報に記録される図形の形状を示す図である。
【図38】第6の実行例において、半透明イメージ情報に記録される図形の形状を示す図である。
【図39】第6の実行例において、半透明イメージ情報に記録される図形の形状を示す図である。
【図40】第6の実行例において、半透明イメージ情報に記録される図形の形状を示す図である。
【図41】第6の実行例において、半透明イメージ情報に記録される図形の形状を示す図である。
【図42】第6の実行例において、イメージ情報に記録される図形の形状を示す図である。
【図43】本発明の第2、第3および第4の各実行例において解決する課題を示す図である。
【図44】本発明の第2の実行例において解決する課題を示す図である。
【図45】本発明の第3の実行例において解決する課題を示す図である。
【図46】本発明の第4の実行例において解決する課題を示す図である。
【図47】本発明の第5および第6の各実行例において解決する課題を示す図である。
【図48】本発明の第5の実行例において解決する課題を示す図である。
【図49】本発明の第6の実行例において解決する課題を示す図である。
【符号の説明】
101 外部記憶媒体、102 外部記憶媒体ドライバ、103 ディスプレイ部、104 座標入力部、105 キーボード、106 通信ネットワーク、107 ROM、108 CPU、109 演算処理部、110 メモリ、111 インターフェース回路、201 画素情報、301,501 画素色情報、302 R値、303 G値、304 B値、401 半透明画素情報、502画素透明度情報、503 画素部位情報、601 外郭情報、602 輪郭線色情報、603 内部色情報、604 透明度情報、701 図形情報、702描画方法種情報。
[0001]
BACKGROUND OF THE INVENTION
  The present inventionDrawing device, drawingMethod,andDrawingThe present invention relates to a computer-readable recording medium on which a program is recorded, and in particular, it is possible to express the overlap between figures in various ways.Drawing device, drawingMethod,andDrawingThe present invention relates to a computer-readable recording medium on which a program is recorded.
[0002]
[Prior art]
A graphic processing method called a draw system that records an image as a combination of circles, polygons, or polygon figures, compared to a graphic processing method called a paint system that records an image as a bitmap or compressed data and displays it on the screen There are various application programs using the.
[0003]
The draw-type graphic processing method is smaller than the paint-type graphic processing method, so the recorded data size is small, so it is easy to handle on a computer or a network. Since it is a figure, there is an advantage that correction is easy. In particular, the advantage of the small data size is noticeable in the case of animation data whose illustration changes with time. As an example of a technique for creating and reproducing an animation using a draw-type graphic processing method, EVA animator (registered trademark of Sharp Corporation) manufactured by Sharp Corporation is known.
[0004]
On the other hand, in the draw type graphic processing method, since the image is composed of figures, it is difficult to express in detail. For this reason, in order to express a complicated shape, it is common to express a plurality of figures in combination. This is because if a complicated shape is created by one figure, for example, one polygon, the method of expressing colors in one polygon is limited. For this reason, there is a problem that it is difficult to make a shape configured with the intended color, and if a part of the shape is changed later, the operation becomes complicated. In general, a figure has attributes of its outline shape, outline color, and fill color inside the figure surrounded by the outline. For this reason, if one shape is created by combining a plurality of figures, it is possible to easily express a more complicated shape than to express one shape with one polygon.
[0005]
When creating a composite figure that combines multiple figures like this, if you do not devise any way to draw the part where each figure overlaps, it will be drawn with the outline of the figure drawn later and the internal color. The However, from the viewpoint of an operator who creates an image, there are various demands regarding how the overlapped portion is desired to be drawn.
[0006]
For example, there is a demand that the outline of each figure in a portion where a plurality of figures overlap is not desired to be drawn. As a solution to this demand, a “composite figure creation method” disclosed in Japanese Patent Laid-Open No. 3-149678 is known. This method does not draw the outline of the overlapping part of the figure only in the case of a composite figure composed of a plurality of figures having the same outline and the same internal color.
[0007]
[Problems to be solved by the invention]
As described above, there are several application programs that create illustrations and animations using a draw-type graphic processing method, and have the following problems in drawing a portion where a plurality of figures overlap.
[0008]
First, as a first problem, there is a case where an outline of each figure is not desired to be drawn at a portion where a plurality of figures of the composite figure overlap. This point will be described with reference to the drawings.
[0009]
Here, a scene in which a shape expressing a “shirt” is created is assumed. As shown in FIG. 43 (a), the “shirt” is represented by a composite figure in which the body part and the sleeve part are created with different figures, and each is partially overlapped as shown in FIG. 43 (b). Also, the body part and the sleeve part have different internal colors.
[0010]
FIG. 44 (a) is a drawing of this “shirt” using a conventional method, and it can be seen that the outline of the body portion is drawn at the boundary with the sleeve portion. However, there is a case where it is not desired to draw a boundary line with the sleeve portion, that is, as shown in FIG. In order to obtain the result shown in FIG. 44 (b) by the conventional method, in order to eliminate the boundary line with the sleeve portion, an elongated figure having the same internal color as the body portion color and having no outline is used. It must be created and placed in a position that covers the border with the sleeve. This makes the operation cumbersome and increases the data size. Therefore, a method of obtaining the drawing result shown in FIG. 44B by a simple operation without increasing the data size is desired.
[0011]
Next, as a second problem, when the composite figure is made semi-transparent for the part where multiple figures of the composite figure overlap, the internal color and outline color of the hidden part of the figure are transparent if it is opaque. There is a case where you want to make it invisible. This point will be described with reference to the drawings.
[0012]
FIG. 45A is a drawing in which the body portion and the sleeve portion of the “shirt” illustrated in FIG. 44A are rendered translucent by a conventional method, and the body portion becomes translucent. The underside can be seen through. For this reason, in FIG. 44 (a), the sleeve part hidden by the trunk | drum part will be visible. However, in this case, since the “shirt” is expressed by combining the body part and the sleeve part, as shown in FIG. 45 (b), the whole is maintained while maintaining the shape of FIG. 44 (a). It should be expressed translucently. In order to obtain the result shown in FIG. 45 (b) by the conventional method, it is necessary to create the figure of the body part and the sleeve part so that they are in close contact with each other and do not overlap. , Very troublesome. Therefore, a method for obtaining the drawing result shown in FIG. 45B by a simple operation is desired.
[0013]
Next, as a third problem, when the composite figure drawn as shown in FIG. 44B is to be translucent, if it is opaque, the internal color of the hidden part of the figure cannot be seen through. There are cases where you want to This point will be described with reference to the drawings.
[0014]
FIG. 46A is a drawing in which the body portion and the sleeve portion of the “shirt” illustrated in FIG. 44B are rendered translucently, and the outline of the portion where the figures overlap is not drawn. The internal color of the body part and the internal color of the sleeve part are mixed. In this case as well, as in the second problem, the “shirt” is expressed by combining the body portion and the sleeve portion. The whole should be translucent with its shape maintained. Therefore, a method for obtaining a drawing result as shown in FIG. 46B by a simple operation is desired.
[0015]
Next, as a fourth problem, there is a case where all the contour lines of each figure are desired to be drawn at a portion where a plurality of figures of the composite figure overlap. This point will be described with reference to the drawings.
[0016]
Here, a scene in which a shape expressing “stained glass” is created is assumed. The “stained glass” is created by three different figures as shown in FIG. 47 (a), and each is expressed by a composite figure partially overlapped as shown in FIG. 47 (b). Each figure has a different internal color.
[0017]
FIG. 48 (a) is a drawing of this “stained glass” using a conventional method. The outline of the left rhombus figure (hereinafter referred to as “left figure” as appropriate) is the right rhombus figure (hereinafter referred to as appropriate). There is a part that is not drawn because it is overwritten by the internal color of "right figure". However, there is a case where it is desired to draw all the contour lines of the left figure, that is, as shown in FIG. In order to obtain the display result as shown in FIG. 48 (b) by the conventional method, the same color as the outline of the right figure is placed at the position of the outline of the left figure overwritten by the internal color of the right figure. Line figures must be overwritten. This makes the operation cumbersome and increases the data size. Therefore, a method of obtaining the drawing result shown in FIG. 48B by a simple operation without increasing the data size is desired.
[0018]
Next, as a fifth problem, when a composite figure drawn as shown in FIG. 48 (b) is to be translucently expressed, if it is opaque, the internal color of the figure hidden, that is, the right side There is a case where it is desired to draw so that the internal color of a part of the left figure hidden behind the figure cannot be seen through. This point will be described with reference to the drawings.
[0019]
FIG. 49 (a) is a drawing of the three figures “stained glass” illustrated in FIG. 47 (b) in a semi-transparent representation, and the outlines of the portions where the figures overlap are all drawn. Of the part where the two figures overlap, that is, the part where the rhombuses overlap, the part inside the figure that is not the outline is seen through. In this case, as in the second problem, the entire “stained glass” drawn as shown in FIG. 48B should be maintained and the whole should be expressed translucently, as shown in FIG. A method for obtaining the drawing result shown in FIG.
[0020]
As described above, an object of the present invention is to provide a graphic processing method and apparatus for improving drawing of an overlapping portion of a plurality of figures, and graphic processing when an illustration or animation is created using a draw-type graphic processing method. To provide a computer-readable recording medium in which a program is recorded.
[0021]
[Means for Solving the Problems]
  According to one aspect of the present inventionGraphic drawing deviceIsA drawing apparatus for drawing a figure formed by superimposing a plurality of figures, and each of a plurality of target figures to be synthesizedStore graphic informationTargetGraphic information storage means;In the target graphic information storage meansMemoryCombined figure information of multiple target figuresImage ofFigure composition means for creating data and composition of how the figure composition means synthesizes each figure information of multiple target figuresRemember informationCompositionInformation storage meansThe target graphic information storage means includes a plurality of target graphics.EachAs graphic information,Outline information indicating the outline shape of the figure, outline color information indicating the color of the outline of the figure,OutlineInternal color information representing the internal colorThe figure synthesis means stores the figure to be synthesized and receives the designation of which figure information of the plurality of target figures is combined with the figure information of the figure, and is a synthesis target. In each piece of graphic information of a plurality of target figures, a composite position designation accepting unit that accepts designation of a combination position of each figure is included, and the composite information storage means uses the contour line of the edge where the figures overlap as a composite information The connection edge contour information on whether or not to display and the shielding part display information on how to display the figure of the overlapping and hidden part by figure synthesis are stored, and the shielding part display information is the figure of the hidden part. Shielded contour display information on whether or not to display the contour line, Shielded internal display information on whether or not to display the inside of the contour line of the hidden part figure, and without displaying the hidden part figure A figure disposed on a surface of a portion hidden and a whether or not to display a translucent or surface figure translucent display information.
[0022]
  The first figureSynthetic figureImage ofdataWhen writing the outline of the second figure after writing to the outline of the second figure, the outline of the second figure overlapping the inside of the first figure isStored in the connection end contour information and the shielding contour display informationinformationFollow.For this reason, the above-mentioned first problem can be solved.
  In the image data of the composite graphic, the second graphic is written in an opaque state on the first graphic. Then, it is synthesized based on the information stored in the shielding part display information. For this reason, the above-mentioned second problem can be solved.
  After writing the first graphic into the image data of the composite graphic, when writing the contour of the second graphic, the contour of the second graphic that overlaps the inside of the first graphic is the connection end contour. The information is combined based on the information stored in the line information and the shielding contour display information. In addition, in the image data of the composite graphic, the inside of the second graphic is written in an opaque state on the inside of the first graphic. Then, it is synthesized based on the information stored in the shielding internal display information and the surface figure translucent display information. For this reason, the above-mentioned third problem can be solved.
  The contour line of the part where a plurality of figures of the composite figure overlap is synthesized based on the information stored in the shielding outline display information. For this reason, the above-mentioned fourth problem can be solved.
A synthesized figure is synthesized based on the information stored in the surface figure translucent display information. For this reason, the above-mentioned fifth problem can be solved.
[0023]
  According to other aspects of the inventionDrawingThe method isEach of multiple target figures to be combinedStore graphic informationTargetGraphic information storage means;How to combine each figure information of a plurality of target figures stored in the target figure information storage means to create composite figure image data, and how each figure information of a plurality of target figures is stored in the figure synthesis means A graphic drawing method used in a graphic drawing apparatus comprising a composite information storage means for storing composite information as to whether or not to combine them, a step of storing each graphic information in a target graphic information storage means, and a composite information storage means A step of storing the composite information and a step of causing the graphic composition means to create image data of the composite graphic, wherein the step of storing each graphic information includes a plurality of objects.FigureShapedEachAs graphic information,Outline information indicating the outline of the figure, outline color information indicating the outline color of the figure,OutlineInternal color information representing the internal colorThe step of memorizing and creating the image data of the composite figure is a composite figure designation reception that accepts designation of which figure graphic information of a plurality of target figures is combined with which figure graphic information. A step of accepting designation of a combination position of each figure in each figure information of a plurality of target figures to be synthesized, and the step of storing the synthesis information includes a figure as synthesis information The connection end portion contour information whether or not to display the contour line of the end portion where the figure overlaps by synthesis, and the shielding part display information how to display the shape of the overlapping and hidden portion by the figure synthesis, are stored. The shielding part display information displays the shielding outline display information as to whether or not to display the outline of the figure of the hidden part and the inside of the outline of the figure of the hidden part. And whether the shield inside the display information or to, hidden without displaying the graphic portion, hidden surface shapes translucent display information to a graphic that is disposed on the surface of the part is displayed translucentIncluding.
[0024]
  After writing the first graphic to the composite graphic image data, when writing the contour of the second graphic, the contour of the second graphic overlapping the inside of the first graphic is the connection end contour. According to the information stored in the line information and the shielding contour display information. For this reason, the above-mentioned first problem can be solved.
  Synthetic figureImage ofdataThe second graphic is written in an opaque state on the first graphic. afterwards,Stored in the shielding part display informationSynthesized based on information. For this reason, the above-mentioned second problem can be solved.
  After writing the first graphic into the image data of the composite graphic, when writing the contour of the second graphic, the contour of the second graphic that overlaps the inside of the first graphic is the connection end contour. The information is combined based on the information stored in the line information and the shielding contour display information. In addition, in the image data of the composite graphic, the inside of the second graphic is written in an opaque state on the inside of the first graphic. Then, it is synthesized based on the information stored in the shielding internal display information and the surface figure translucent display information. For this reason, the above-mentioned third problem can be solved.
  The contour line of the part where a plurality of figures of the composite figure overlap is synthesized based on the information stored in the shielding outline display information. For this reason, the above-mentioned fourth problem can be solved.
  A synthesized figure is synthesized based on the information stored in the surface figure translucent display information. For this reason, the above-mentioned fifth problem can be solved.
[0031]
  A computer-readable recording medium according to still another aspect of the present invention provides the above-described recording medium.DrawingDirectionThe lawRun on a computer to implementDrawingThe program is recorded.
[0032]
DETAILED DESCRIPTION OF THE INVENTION
Hereinafter, a graphic processing device according to an embodiment of the present invention will be described with reference to the drawings. The graphic processing apparatus is capable of expressing the following five types of portions where the graphics overlap in a composite graphic composed of a plurality of graphics. These correspond to any of the first to fifth problems described above.
[0033]
(1) If it is assumed that the entire composite figure is opaque, the composite figure is rendered translucently in a state where the internal color and outline color of the hidden part of the figure cannot be seen through (corresponding to the second problem) ).
[0034]
(2) Do not draw the outline of the figure (corresponding to the first problem).
(3) The entire composite figure is drawn translucently without drawing the outline of the figure and without mixing the internal colors (corresponding to the third problem).
[0035]
(4) Draw all outlines of the figure (corresponding to the fourth problem).
(5) Draw all contour lines of the figure and draw the entire composite figure translucently without mixing the internal colors (corresponding to the fifth problem).
[0036]
FIG. 1 is a hardware configuration diagram of a graphic processing apparatus composed of a general personal computer applied to each embodiment of the present invention.
[0037]
The graphic processing apparatus includes an external storage medium 101 composed of a hard disk, a flexible disk, a CD-ROM (Compact Disc-Read Only Memory) and the like for writing and reading graphic data and programs, and an external storage medium 101. An external storage medium driver 102 connected to control the external storage medium 101, an editor for creating illustrations and animations, a CRT (Cathode-Ray Tube) and an LCD (Liquid Crystal Display) for displaying the created illustrations and animations ) And the like.
[0038]
The graphic processing apparatus further includes a coordinate input unit 104 such as a mouse, trackball, and tablet, a keyboard 105, a communication network 106 for data transmission, and a ROM (Read Only Memory) 107 in which programs and various data are stored. And a CPU (Central Processing Unit) 108 that is connected to the external storage medium driver 102, the display unit 103, the coordinate input unit 104, the keyboard 105, the communication network 106, and the ROM 107 to centrally control and manage these units. Including.
[0039]
The CPU 108 is an interface for connecting an arithmetic processing unit 109 such as a microprocessor, a memory 110 for storing various programs and data necessary for processing illustrations and animation data, and external devices and a network 106 (not shown). Circuit 111.
[0040]
A program for performing graphic processing is recorded in the external storage medium 101 or the ROM 107, and is transferred to the memory 110 and executed prior to processing. Alternatively, it is executed while being recorded in the ROM 107. Various information is stored in the memory 110 when the program is executed.
[0041]
FIG. 2 explains the structure of image information. The image information is composed of a plurality of pixel information 201, and the image can be displayed on the display unit 103 by being transferred to a frame memory (not shown) for display.
[0042]
FIG. 3 explains the structure of pixel information in the image information. The pixel information includes pixel color information 301. The pixel color information 301 includes an R value 302, a G value 303, and a B value 304 for expressing different colors.
[0043]
FIG. 4 explains the translucent image information. The translucent image information includes a plurality of translucent pixel information 401.
[0044]
FIG. 5 illustrates the structure of translucent pixel information. The translucent pixel information includes pixel color information 501, pixel transparency information 502, and pixel part information 503. The pixel transparency information 502 takes any value from 0 to 100. If it is 0, it is completely opaque, and if it is 100, it represents completely transparent. The pixel part information 503 takes one of three values from 0 to 2. Here, 1 represents the inside of the figure, 2 represents the outline of the figure, and 0 represents the outside of the figure.
[0045]
FIG. 6 illustrates the structure of graphic information. The graphic information includes outline information 601, outline color information 602, internal color information 603, and transparency information 604. The detailed structure of the contour line color information 602 and the internal color information 603 includes an R value, a G value, and a B value as in the pixel color information 301. The outline information 601 represents the shape of the outline of the figure. Here, in order to express the polygon figure, the outline information 601 has a coordinate value sequence of each vertex of the polygon. It does not matter if it is. The transparency information 604 is the same as the pixel transparency information 502. Therefore, detailed description thereof will not be repeated here.
[0046]
FIG. 7 explains the structure of the composite graphic information. In this embodiment, a plurality of composite figures can be handled. For this reason, it is necessary to identify each composite figure. Therefore, composite graphic information in which a plurality of graphic information are collected together is provided.
[0047]
The composite graphic information includes a plurality of graphic information 701 and one drawing method type information 702. The drawing method type information 702 takes a value between 1 and 5. When the drawing method type information 702 is 1, this means that if the entire composite figure is opaque, the composite figure is drawn translucently in a state in which the internal color and outline color of the hidden part are not seen through ( Corresponding to the second problem). When the drawing method type information 702 is 2, this means that the contour line of the figure is not drawn (corresponding to the first problem). When the drawing method type information 702 is 3, this means that the entire contour of the composite figure is drawn translucently without drawing the outline of the figure and without mixing the internal colors (corresponding to the third problem). When the drawing method type information 702 is 4, this means that all the contour lines of the figure are drawn (corresponding to the fourth problem). When the drawing method type information 702 is 5, this means that all the contour lines of the figure are drawn and the entire composite figure is drawn translucently without mixing the internal colors (corresponding to the fifth problem).
[0048]
FIG. 8 is a flowchart showing a procedure until one composite graphic is recorded in the image information in the present embodiment. FIGS. 10 to 12 are flowcharts for explaining the important steps in the flowchart of FIG. FIGS. 13 to 42 illustrate the results of processing according to the steps of the flowcharts of FIGS. 8 and 10 to 12 as images. Hereinafter, the process until one composite graphic is recorded in the image information will be described with reference to the flowchart of FIG. It is assumed that a picture as shown in FIG. 9 has already been recorded in the image information before starting this processing. Further, it is assumed that the processing is started after 100, that is, completely transparent is recorded in the pixel transparency information 502 among all the translucent pixel information included in the translucent image information of FIG. This is due to the following reasons. As the final step of each execution example, the information of each pixel is synthesized and transferred from the translucent image information to the image information. At that time, when 100 is recorded in the pixel transparency information 502 of the semitransparent pixel information in the semitransparent image information, there is no figure to be synthesized or there is a figure to be synthesized. Because it is completely transparent, it is possible to judge that it is not necessary to synthesize. Therefore, it is possible to omit the step of synthesizing and transferring the pixel information itself.
[0049]
With reference to FIG. 8, a flow of a series of processes will be described. Data relating to the composite graphic to be drawn is acquired from the composite graphic information of FIG. 7 stored in the memory 110 (S802).
[0050]
It is determined whether or not all the figures have been drawn (S803). This condition judgment is to control the loop formed from S804 to S806 for creating the image of all graphic information 701 included in the composite graphic information on the translucent image information of FIG. 4 (S803). .
[0051]
If it is determined that there is an undrawn graphic (N in S803), one graphic information 701 included in the composite graphic information is acquired (S804). Next, the outline of the figure is recorded in the translucent image information of FIG. 4 (S805). Next, the inside of the figure is recorded in the translucent image information of FIG. 4 (S806), and the process returns to S803.
[0052]
When the drawing for all the figures is completed (Y in S803), the translucent image information in which the outlines and the insides of all the figures are stored is transferred to the image information in FIG. 2 (S807), and the composite figure The drawing process is terminated.
[0053]
With reference to FIG. 10, the process of S805 of FIG. 8 will be described.
A value is acquired from the drawing method type information 702 of the composite graphic information. It is determined whether the value of the drawing method type is 2 or 3 (S903). When the value of the drawing method type is 2 or 3 (Y in S903), the pixel part information 503 of the semitransparent pixel information of the portion where the outline of the semitransparent image information is to be drawn is acquired (S905). It is determined whether or not the pixel part information 503 of the translucent pixel information of the acquired translucent image information represents the inside of the figure (S906). If the pixel part information represents the inside of the figure (Y in S906), the process ends without doing anything. If the pixel part information represents something other than the inside of the figure (N in S906), the outline color of the figure and the transparency of the figure are recorded in the semi-transparent image information (S907, S908).
[0054]
If the value of the drawing method type is other than 2 and 3 (N in S903), it is determined whether the value of the drawing method type is 4 or 5 (S904). When the value of the method drawing type is 4 or 5 (Y in S904), the color of the outline of the figure is acquired from the outline color information 602 of the figure, and the translucent pixel of the translucent image information in FIG. Information is recorded in the pixel color information 501 (S909). Which semi-transparent pixel information of the semi-transparent image information is recorded is determined by whether or not the semi-transparent pixel information is at a position corresponding to the contour line of the graphic determined by the graphic outline information. That is, the value acquired from the contour color information 602 is recorded in all the translucent pixel information at the position corresponding to the contour portion of the figure.
[0055]
The transparency of the figure is acquired from the transparency information 604 of the figure and is recorded in the pixel transparency information 502 of the semitransparent pixel information of the semitransparent image information in FIG. 4 (S910).
[0056]
2 is recorded in the pixel part information 503 of the semi-transparent pixel information of the semi-transparent image information, that is, a value indicating that the figure is a contour line (S911). The translucent pixel information to be recorded is all the translucent pixel information at the position corresponding to the outline of the figure.
[0057]
When the value of the drawing method type is 1 (N in S904), the processing of S912 and S913 is executed. The processing of S912 and S913 is the same as the processing of S909 and S910, respectively. Therefore, detailed description thereof will not be repeated here.
[0058]
With reference to FIG. 11, the process of S806 of FIG. 8 will be described.
A value is acquired from the figure drawing method type 702 (S1002). It is determined whether the drawing method type is 4 or 5 (S1003). When the value of the method drawing type is 4 or 5 (Y in S1003), the pixel part information 503 of the semi-transparent pixel information of the part to be drawn inside the figure of the semi-transparent image information is acquired (S1005). If the value of the pixel part information 503 is 2, that is, the portion representing the contour of the graphic (Y in S1006), S1007 and S1008 are not executed.
[0059]
In a portion where the value of the pixel part information 503 is not 2 (N in S1006), the color and transparency inside the figure are recorded in the translucent image information (S1007 and S1008).
[0060]
If the drawing method type is other than 4 or 5 (N in S1003), it is determined whether the drawing method type is 2 or 3 (S1004). If the value of the drawing method type is 2 or 3, (S1004). Y), the internal color information and the transparency information of the figure are recorded in the translucent image information (S1009 and S1010). 1 is recorded in the pixel part information 503 of the translucent pixel information of the translucent image information, that is, a value indicating the inside of the figure (S1011).
[0061]
If the value of the drawing method type is not 2 or 3 (N in S1004), the internal color of the graphic is acquired from the internal color information 603 of the graphic and recorded in the translucent image information of FIG. 4 (S1012). . Further, the transparency of the figure is acquired from the transparency information 604 of the figure and is recorded in the pixel transparency information 502 of the semitransparent pixel information of the semitransparent image information in FIG. 4 (S1013).
[0062]
With reference to FIG. 12, the process of S807 of FIG. 8 will be described.
It is determined whether all the translucent pixel information in the translucent image information has been transferred to the corresponding pixel information of the image information (S1102). If the transfer has been completed (Y in S1102), the process is terminated.
[0063]
If the transfer has not been completed (N in S1102), the pixel transparency information 502 and the pixel color information 501 are acquired from the translucent pixel information 401 in the translucent image information (S1103, S1104). It is determined whether or not the value of the acquired pixel transparency information 502 is 0 (S1105). If the value of the pixel transparency information 502 is not 0 (N in S1105), the pixel color information 301 of the pixel information in the image information to be recorded is acquired (S1106). A color obtained by mixing the color acquired in S1106 and the color acquired in S1104 is created (S1107). After the processing of S1107 or when the value of the transparency information 502 is 0 (Y in S1105), the color generated in S1107 or the color acquired in S1104 is recorded in the pixel information of the image information (S1108). Thereafter, the process returns to S1102.
[0064]
[First execution example]
First, as a first execution example, 1 is recorded in the drawing method type information 702 in the composite graphic information of FIG. 7, and there are two graphic information included in the composite graphic information. It is assumed that the transparency information 604 records 0, that is, a value indicating complete opacity. Further, when two pieces of graphic information included in the composite graphic information are combined, it is assumed that contour information having a shape as shown in FIG. 13 is stored in the graphic information.
[0065]
First, data relating to a composite graphic to be drawn is acquired from the composite graphic information stored in the memory 110 (S802). The loop shown in S803 to S806 is a loop for creating images of all graphic information 701 included in the composite graphic information as the translucent image information of FIG.
[0066]
It is determined whether or not all figures have been drawn (S803). If there is an undrawn figure (N in S803), one figure information 701 included in the composite figure information is acquired (S804), and the outline of the figure is recorded in the translucent image information in FIG. 4 (S805). . FIG. 10 describes the process of S805 in detail. Based on FIG. 10, the process of S805 will be described in detail. First, a value is acquired from the figure drawing method type 702 (S902). The obtained result is 1, and the process proceeds to S912 as a result of the process for branching the process depending on the drawing method type (S903, S904). In S912, the color of the contour line of the graphic is acquired from the contour color information 602 of the graphic and is recorded in the pixel color information 501 of the translucent pixel information of the translucent image information in FIG. The translucent image information is obtained by arranging the translucent pixel information along the arrangement of the image, and the pixel of the translucent pixel information at a position corresponding to the contour portion of the figure determined by the outline information of the figure The color of the outline of the figure is recorded in the color information. That is, the value acquired from the contour color information 602 is recorded in all the translucent pixel information at the position corresponding to the contour portion of the figure. Similarly, in S913, the transparency of the figure is acquired from the transparency information 604 of the figure and recorded in the pixel transparency information 502 of the semitransparent pixel information of the semitransparent image information in FIG. The symbols recorded in the translucent image information at this time are as shown in FIG.
[0067]
Referring to FIG. 8 again, the inside of the graphic is also recorded in the translucent graphic information of FIG. 4 (S806). FIG. 11 illustrates the details of S806, and the processing of S806 will be described in detail with reference to FIG.
[0068]
A value is acquired from the figure drawing method type 702 (S1002). The acquired result is 1, and the process proceeds to S1012 as a result of the process of branching the process depending on the drawing method type (S1003, S1004). In S1012, the internal color of the graphic is acquired from the internal color information 603 of the graphic and recorded in the translucent image information of FIG. The translucent image information is obtained by arranging the translucent pixel information along the arrangement of the image, and the translucent pixel information of the position corresponding to the inside of the outline of the figure determined by the outline information of the figure. The color inside the outline of the figure is recorded in the pixel color information. That is, a value acquired from the internal color information 603 is recorded in all the translucent pixel information at a position corresponding to a part inside the figure. Similarly, in S1013, the transparency of the figure is acquired from the transparency information 604 of the figure and recorded in the pixel transparency information 502 of the semitransparent pixel information of the semitransparent image information in FIG. The symbols recorded in the translucent image information at this time are as shown in FIG.
[0069]
Returning to S803 of FIG. 8, there are two figures included in the composite figure. For this reason, the loop formed in S804 to S806 is executed again. The symbols recorded in the semi-transparent image information when the loop is executed twice are as shown in FIG. In this way, after the outlines and the insides of all the figures in the composite figure are recorded in the semi-transparent image information, the semi-transparent image information is transferred to the image information in FIG. 2 (S807), and the process ends.
[0070]
FIG. 12 illustrates the details of the inside of S807, and the processing of S807 will be described in detail based on FIG. S1102 is a process for controlling the loop composed of S1103 to S1108 for combining and transferring all the translucent pixel information in the translucent image information to the corresponding pixel information of the image information.
[0071]
In the loop, pixel transparency information 502 and pixel color information 501 are acquired from the translucent pixel information 401 in the translucent image information of FIG. 4 (S1103, S1104). The value of the acquired pixel transparency information is 0, indicating that the pixel is completely opaque. For this reason, it is not necessary to mix with the color of the pixel of the image information, and it is determined not to perform the color composition step (Y in S1105). That is, when the value of the pixel transparency information is 0 (Y in S1105), the pixel color information of the translucent pixel information in the translucent image information is simply overwritten on the corresponding pixel information of the image information. Become.
[0072]
If it is determined that the loop has been executed for all the translucent image pixels (Y in S1102), the translucent image composition / transfer process ends, and the composite graphic drawing process of FIG. 8 also ends. The symbols recorded in the image information at this time are as shown in FIG.
[0073]
In the above description, the drawing method type of the composite graphic information is 1. That is, in the overlapping part of the composite figure, a setting for drawing neither the outline nor the inside when the figure is completely opaque is recorded. The transparency information of each graphic included in the composite graphic information is 0, that is, it is completely opaque. For this reason, the same result as that obtained when the figures are simply overlaid is obtained. The effect of the present invention does not appear in the pattern obtained in FIG. 17, that is, the drawing result as shown in FIG. 17 is always obtained if the present invention is not carried out.
[0074]
[Second execution example]
As a second execution example, the composite graphic information drawing method type information 702 in FIG. 7 is 1, that is, if the entire composite graphic is opaque, the internal color or outline color of the hidden part of the graphic cannot be seen through. The case where the composite graphic is set to be rendered semitransparent and the transparency information 604 of each graphic included in the composite graphic information is 50, that is, recorded as translucent is described. The outline information of the figure is the same as in the first execution example. Here, the processing other than S805, S806, and S807 is exactly the same as the description of the first execution example, and therefore the description thereof will not be repeated here.
[0075]
Hereinafter, the processing of S805, S806, and S807 will be described.
First, the process of drawing the first of the two figures, that is, the first process of the loop constituted by S804 to S806 will be described. The process of generating the contour line of the graphic is the same as the process of generating the contour line of the graphic at the first loop described in the first execution example. However, the difference is that the value 50 is recorded in the transparency information of the translucent pixel information at the position corresponding to the contour line of the figure in the translucent image information. The symbols recorded in the translucent image information at this time are as shown in FIG.
[0076]
Next, the process for generating the inside of the figure is the same as the process for generating the outline of the figure in the first loop described in the first execution example. However, the difference is that the value 50 is recorded in the transparency information of the translucent pixel information at a position corresponding to the inside of the figure in the translucent image information. The symbols recorded in the translucent image information at the time when the contour line and the inside of the figure are generated in the first loop are as shown in FIG.
[0077]
Next, the second process of the loop constituted by S804 to S806 when drawing the second figure of the two figures will be described. The process of generating the contour line of the graphic is the same as the process of generating the contour line in the first loop. The symbols recorded in the translucent image information at this time are as shown in FIG. The process for creating the inside of the figure is the same as the process for creating the inside of the figure at the first loop. The symbols recorded in the translucent image information at this time are as shown in FIG. That is, in the contour generation of the graphic and the internal generation of the graphic performed at the second time of the loop, the contour line and the inside of the first graphic generated at the first time of the loop are used as the contour line of the second graphic. And the inside will be overwritten on the overlapping part.
[0078]
Since the two figures included in the composite figure information are drawn as described above, the translucent image information is transferred to the image information shown in FIG.
[0079]
With reference to FIG. 12, the process of S807 in the second execution example will be described in detail. The processing in S1102 is the same as that described in the first execution example. Therefore, detailed description thereof will not be repeated here. In S1103, pixel transparency information 502 is acquired. As a value to be acquired, 50 is acquired in the part corresponding to the inside of the figure and the outline. In step S1104, pixel color information 501 is acquired. The value of the acquired pixel transparency information is not 0, indicating that the pixel is translucent. Therefore, it is determined to proceed to the process (S1106) of mixing the colors of the pixels of the image information (N in S1105). That is, in S1106, the pixel color information 301 of the pixel information in the image information to be recorded is acquired. The acquired value is the value of the pixel color information of each pixel information constituting the pattern as shown in FIG.
[0080]
Next, a color obtained by mixing the color acquired in S1106 and the color acquired in S1104 is created (S1107). However, in the color mixing, the value of the pixel transparency information of the semitransparent pixel information of the semitransparent image information acquired in S1103, 50 in this example, is added. That is, a color is generated when the color acquired in S1104 overlaps with the color acquired in S1106 with a transparency of 50%. For this color generation method, an existing technique may be used.
[0081]
As an example of the existing technology, there is a method for determining a color used when drawing a figure having transparency, which is adopted in EVA Animation Ichiban Ver1.5 developed by Sharp Corporation. In this method, the R value of the color of the translucent image information acquired in S1104 is Rt, the G value is Gt, the B value is Bt, and the transparency information of the translucent image information acquired in S1103 is Tf (value range is 0 to 100). The R value of the color of the image information acquired in S1106 is Ro, the G value is Go, the B value is Bo, the R value of the color to be generated and overwritten on the image information is Rf, the G value is Gf, and the B value is Bf. Then, the color to be generated is determined by the following equation.
[0082]
Rf = Rt × (100−Tf) / 100 + Ro × Tf / 100
Gf = Gt × (100−Tf) / 100 + Go × Tf / 100
Bf = Bt × (100−Tf) / 100 + Bo × Tf / 100
In step S1108, the color generated in step S1107 is recorded in the pixel information 301 of the image information. As a result of combining the translucent pixel information of all the translucent image information with the pixel information of the corresponding image information, the pattern recorded in the image information is as shown in FIG. In FIG. 22, if the entire composite figure of the composite figure shown in FIG. 13 is opaque, the composite figure is expressed translucently in a state where the internal color and outline color of the hidden part are not visible. I understand that.
[0083]
[Third execution example]
Next, as a third execution example, the drawing method type information 702 of the composite graphic information in FIG. 7 is set to 2, that is, the overlapping portion of the composite graphic is set not to be drawn on the contour line or the inside. The case where the transparency information 604 of each graphic included in the graphic information is recorded as 0, that is, completely opaque will be described. The outline information of the figure is the same as in the above execution example. Here, processes other than S805, S806, and S807 are exactly the same as described above. Therefore, detailed description thereof will not be repeated here.
[0084]
Hereinafter, the processing of S805, S806, and S807 will be described.
First, the process of drawing the first of the two figures, that is, the first process of the loop constituted by S804 to S806 will be described.
[0085]
With reference to FIG. 10, processing for generating a contour of a graphic will be described. First, a value is acquired from the figure drawing method type 702 (S902). The acquired result is 2. As a result of the process for branching the process depending on the drawing method type (S903), the process proceeds to S905. In step S905, the pixel part information 503 of the translucent pixel information of the portion where the outline of the translucent image information is to be drawn is acquired. Since no graphic has been generated in the translucent image information yet, the acquired value is 0, that is, outside the graphic. A judgment that is not inside the figure is made in S906, and the color and transparency of the contour line are recorded in the translucent image information in S907 and S908. The processing in S907 and S908 is the same as the processing in S912 and S913 described above. Therefore, the description thereof will not be repeated here. The symbols recorded in the translucent image information at this time are as shown in FIG.
[0086]
With reference to FIG. 11, processing for generating the inside of a graphic will be described. First, a value is acquired from the figure drawing method type 702 (S1102). The acquired result is 2, and the process proceeds to S1009 as a result of the process (S1003, S1004) that branches the process depending on the drawing method type. In S1009 and S1010, the internal color information and the transparency information of the graphic are recorded in the translucent image information, respectively. This process is the same as S1012 and S1013 described in the first execution example. Next, in S1011, 1 is recorded in the pixel part information 503 of the semitransparent pixel information of the semitransparent image information, that is, a value indicating the inside of the figure. The translucent pixel information to be recorded is all translucent pixel information at a position corresponding to the inside of the outline of the figure. The symbols recorded in the translucent image information at this time are as shown in FIG.
[0087]
Next, the second process of the loop constituted by S804 to S806 when drawing the second figure of the two figures will be described.
[0088]
With reference to FIG. 10, processing for generating a contour of a graphic will be described. Processes other than S906, S907, and S908 are the same as the first loop process. Therefore, the description thereof will not be repeated here. Here, in the creation of the inside of the graphic of the first loop, the translucent pixel information recorded as being inside the graphic exists in the translucent image information. For this reason, S907 and S908 are not executed for the portion of the pixel for which the outline is to be drawn that is determined to be recorded in the semi-transparent pixel information as being inside the figure (Y in S906). . In a portion where the inside of the figure is not recorded in the semi-transparent pixel information (N in S906), the outline color information and the transparency information of the figure are included in the semi-transparent pixel information as in the first loop. It is recorded (S907, S908). The symbols recorded in the translucent image information at this time are as shown in FIG.
[0089]
Next, the inside of the figure is created. This process is the same as the first process, and the internal color information and transparency information of the figure are recorded in all the translucent pixel information at positions corresponding to the inside of the figure. The symbols recorded in the translucent image information at this time are as shown in FIG.
[0090]
Since the two figures included in the composite figure information are drawn as described above, the translucent image information is transferred to the image information shown in FIG. In the processing of S807, since the transparency of the graphics included in the composite graphics is all 0, it is the same as the processing of S807 shown in the first execution example. The symbols recorded in the image information at this time are as shown in FIG.
[0091]
In FIG. 27, it can be seen that the outline of the overlapping portion of the two figures (FIG. 13) constituting the composite figure is not drawn.
[0092]
[Fourth execution example]
Next, as a fourth execution example, 3 is drawn in the drawing method type information 702 of the composite graphic information in FIG. 7, that is, the entire composite graphic is drawn translucently without drawing the outline of the graphic and mixing the internal colors. A case will be described in which it is set and the transparency information 604 of each graphic included in the composite graphic information is recorded as 50, that is, translucent. The outline information of the figure is the same as in the first execution example. Here, the steps other than S805, S806, and S807 are exactly the same as the description of the first execution example. Therefore, detailed description thereof will not be repeated here.
[0093]
Hereinafter, the processing of S805, S806, and S807 will be described.
First, the process of drawing the first of the two figures, that is, the first process of the loop constituted by S804 to S806 will be described. The processing for generating the contour line of the graphic is the same as the processing for generating the contour line of the graphic at the first loop described in the third execution example. However, the difference is that the value 50 is recorded in the transparency information of the translucent pixel information at the position corresponding to the contour line of the figure in the translucent image information. At this time, the symbols recorded in the translucent image information are as shown in FIG. Next, the processing for generating the inside of the graphic is the same as the processing for generating the inside of the graphic in the first loop described in the third execution example. However, the difference is that the value 50 is recorded in the transparency information of the translucent pixel information at a position corresponding to the inside of the figure in the translucent image information. The symbols recorded in the translucent image information at the time when the contour line and the inside of the figure are generated in the first loop are as shown in FIG.
[0094]
Next, the second process of the loop constituted by S804 to S806 when drawing the second figure of the two figures will be described. The process of generating the contour line of the graphic is the same as the process of generating the contour line of the graphic in the second loop described in the third execution example. However, the difference is that the value 50 is recorded in the transparency information of the translucent pixel information at the position corresponding to the contour line of the figure in the translucent image information. The symbols recorded in the translucent image information at this time are as shown in FIG.
[0095]
Next, the process for generating the inside of the figure is the same as the process for generating the inside of the figure in the second loop described in the third execution example. However, the difference is that the value 50 is recorded in the transparency information of the translucent pixel information at a position corresponding to the inside of the figure in the translucent image information. The symbols recorded in the translucent image information at the time when the contour line and the inside of the figure are generated in the second loop are as shown in FIG.
[0096]
Since the two figures included in the composite figure information are drawn as described above, the translucent image information is transferred to the image information shown in FIG. The processing in S807 is the same as the processing for synthesizing and transferring the semi-transparent image in the second execution example because the composite graphic contains a graphic whose transparency is not 0. The symbols recorded in the image information at this time are as shown in FIG. In FIG. 32, the outline of the overlapping part of each figure included in the composite figure shown in FIG. 13 is not drawn, and the figure shown in FIG. It can be seen that it is drawn with the expression.
[0097]
[Fifth execution example]
Next, as a fifth execution example, the drawing method type information 702 of the composite graphic information shown in FIG. 7 is set to draw 4, that is, all the contour lines of the graphic, and each graphic included in the composite graphic information The case where the transparency information 604 is 0, that is, it is recorded that it is completely opaque will be described. The outline information of the figure is the same as in the first execution example. Here, the steps other than S805, S806, and S807 are exactly the same as the description of the first execution example. Therefore, detailed description thereof will not be repeated here.
[0098]
Hereinafter, the processing of S805, S806, and S807 will be described.
First, the process of drawing the first of the two figures, that is, the first process of the loop constituted by S804 to S806 will be described.
[0099]
With reference to FIG. 10, processing for generating a contour of a graphic will be described. First, a value is acquired from the figure drawing method type 702 (S902). The acquired result is 4, and the process proceeds to S909 as a result of the process of branching the process depending on the drawing method type (S903, S904). The processing of S909 and S910 is the same as the processing of S912 and S913 described in the first execution example.
[0100]
Next, in S911, 2 is recorded in the pixel part information 503 of the semi-transparent pixel information of the semi-transparent image information, that is, a value indicating the contour line of the figure. The translucent pixel information to be recorded is all the translucent pixel information at the position corresponding to the outline of the figure. The symbols recorded in the translucent image information at this time are as shown in FIG.
[0101]
With reference to FIG. 11, processing for generating the inside of a graphic will be described. First, a value is acquired from the figure drawing method type 702 (S1002). The acquired result is 4, and the process proceeds to S1005 as a result of the process for branching the process depending on the drawing method type (S1003).
[0102]
In S1005, the pixel part information 503 of the translucent pixel information of the part to be drawn inside the figure of the translucent image information is acquired. It is determined that the next S1007 and S1008 are not performed on the portion where the value acquired in S1005 is 2, that is, the contour line of the figure (Y in S1006).
[0103]
If the value acquired in S1005 is not 2 (N in S1006), the color and transparency inside the figure are recorded in the translucent image information in S1007 and S1008. However, in the first loop, only the outline image of the first figure is recorded in the semi-transparent image information, and the outline and the inside of the first figure are always in different positions. For this reason, S1007 and S1008 are necessarily executed. The processing of S1007 and S1008 is the same as the processing of S1012 and S1013 described in the first execution example. The symbols recorded in the translucent image information at this time are as shown in FIG.
[0104]
Next, the second process of the loop constituted by S804 to S806 when drawing the second figure of the two figures will be described. The process for generating the contour line is the same as the process for generating the contour line in the first loop. That is, in the generation of the contour line in the second loop, the contour part of the first graphic generated in the first loop is overwritten with the contour part of the second graphic. become. The symbols recorded in the translucent image information at this time are as shown in FIG.
[0105]
The process of creating the inside of the figure is the same as the process of creating the inside of the loop for the first time, but here it is recorded in the translucent image information that it is the outline of the first figure. It should be noted that semitransparent pixel information exists. It is determined that S1007 and S1008 are not executed for the portion where the semi-transparent pixel information is recorded as the outline of the figure (Y in S1006). For this reason, the translucent pixel information recorded in the translucent image information as the outline of the first graphic is not overwritten and recorded with the internal color and transparency of the second graphic. The color and transparency of the outline of the eye figure are retained. The symbols recorded in the translucent image information at this time are as shown in FIG.
[0106]
Since the two figures included in the composite figure information have been drawn (Y in S803 in FIG. 8), the translucent image information is transferred to the image information in FIG. The process of S807 is the same as the process of combining and transferring the translucent image described in the first execution example. The symbols recorded in the image information at this time are as shown in FIG. In FIG. 37, it can be seen that the outlines of the two figures (FIG. 13) constituting the composite figure are all drawn.
[0107]
[Sixth execution example]
Next, as a sixth execution example, 5 is drawn in the drawing method type information 702 of the composite graphic information shown in FIG. 7, that is, the entire contour of the graphic is drawn semitransparently without mixing the outline of the graphic. A case will be described in which the transparency information 604 of each graphic included in the composite graphic information is recorded as 50, that is, translucent. The outline information of the figure is the same as in the first execution example. Here, the steps other than S805, S806, and S807 are exactly the same as the description of the first execution example. Therefore, detailed description thereof will not be repeated here.
[0108]
Hereinafter, the processing of S805, S806, and S807 will be described.
First, the process of drawing the first of the two figures, that is, the first process of the loop constituted by S804 to S806 will be described. The process of generating the contour line of the graphic is the same as the process of generating the contour line of the graphic in the first loop described in the fifth execution example. However, the difference is that the value 50 is recorded in the transparency information of the translucent pixel information at the position corresponding to the contour line of the figure in the translucent image information. At this time, the symbols recorded in the translucent image information are as shown in FIG.
[0109]
Next, the processing for generating the inside of the graphic is the same as the processing for generating the inside of the graphic in the first loop described in the fifth execution example. However, the difference is that the value 50 is recorded in the transparency information of the translucent pixel information at a position corresponding to the inside of the figure in the translucent image information. FIG. 39 shows the symbols recorded in the translucent image information at the time when the contour line and the inside of the figure are generated in the first loop.
[0110]
Next, the second process of the loop constituted by S804 to S806 when drawing the second figure of the two figures will be described. The processing for generating the contour line of the graphic is the same as the processing for generating the contour line of the graphic in the second loop described in the fifth execution example. However, the difference is that the value 50 is recorded in the transparency information of the translucent pixel information at the position corresponding to the contour line of the figure in the translucent image information. The symbols recorded in the translucent image information at this time are as shown in FIG. Next, the process for generating the inside of the graphic is the same as the process for generating the inside of the graphic in the second loop described in the fifth execution example. However, the difference is that the value 50 is recorded in the transparency information of the translucent pixel information at a position corresponding to the inside of the figure in the translucent image information. The symbols recorded in the translucent image information at the time when the contour line and the inside of the figure are generated in the second loop are as shown in FIG.
[0111]
Since the two figures included in the composite figure information are drawn as described above, the translucent image information is transferred to the image information shown in FIG. In the processing of S807, since the translucency is not 0 in the translucent pixel information of the translucent image information, that is, there is a pixel indicating that it is translucent, the translucent image described in the third execution example is synthesized. It is the same as the process to transfer. The symbols recorded in the image information at this time are as shown in FIG. In FIG. 42, it can be seen that the outlines of the two figures (FIG. 13) constituting the composite figure are all drawn and that the entire composite figure is drawn translucently.
[0112]
As described above, according to the present embodiment, when an illustration or animation is created using a draw-type graphic processing method, it is possible to improve the conventional problems related to the drawing of overlapping portions of a plurality of figures. It becomes like this.
[0113]
The embodiment disclosed this time should be considered as illustrative in all points and not restrictive. The scope of the present invention is defined by the terms of the claims, rather than the description above, and is intended to include any modifications within the scope and meaning equivalent to the terms of the claims.
[0114]
【The invention's effect】
According to the present invention, it is possible to perform an expression such that the outline of each figure is not drawn or all of the overlapping parts of a composite figure in which a plurality of figures are overlapped is drawn. In addition, with respect to the overlapping portion of the composite figures in which a plurality of figures are overlapped, it is possible to express the composite figure in a translucent state while not expressing the outline of each figure or drawing all of them.
[Brief description of the drawings]
FIG. 1 is a hardware configuration diagram of a graphic processing apparatus according to an embodiment of the present invention.
FIG. 2 is a diagram for explaining the structure of image information.
FIG. 3 is a diagram for explaining a structure of pixel information in image information.
FIG. 4 is a diagram for explaining translucent image information.
FIG. 5 is a diagram for explaining the structure of translucent pixel information;
FIG. 6 is a diagram for explaining the structure of graphic information.
FIG. 7 is a diagram for explaining the structure of composite graphic information.
FIG. 8 is a flowchart showing a procedure for drawing a composite graphic.
FIG. 9 is a diagram showing the shape of a graphic already recorded in the image information exemplified in each of the first to sixth execution examples.
FIG. 10 is a flowchart showing in detail a procedure for drawing a contour line of a figure.
FIG. 11 is a flowchart showing in detail a procedure for drawing the inside of a figure.
FIG. 12 is a flowchart showing in detail a procedure for synthesizing a translucent graphic image.
FIG. 13 is a diagram showing the shape of a graphic recorded in the composite graphic information exemplified in each of the first to sixth execution examples.
FIG. 14 is a diagram showing the shape of a graphic recorded in translucent image information in the first execution example.
FIG. 15 is a diagram illustrating a shape of a graphic recorded in translucent image information in the first execution example.
FIG. 16 is a diagram illustrating a shape of a graphic recorded in translucent image information in the first execution example.
FIG. 17 is a diagram showing a shape of a graphic recorded in image information in the first execution example.
FIG. 18 is a diagram illustrating a shape of a graphic recorded in translucent image information in the second execution example.
FIG. 19 is a diagram illustrating a shape of a graphic recorded in translucent image information in the second execution example.
FIG. 20 is a diagram illustrating a shape of a graphic recorded in translucent image information in the second execution example.
FIG. 21 is a diagram illustrating a shape of a graphic recorded in translucent image information in the second execution example.
FIG. 22 is a diagram showing a shape of a graphic recorded in image information in the second execution example.
FIG. 23 is a diagram showing a shape of a graphic recorded in translucent image information in the third execution example.
FIG. 24 is a diagram showing a shape of a graphic recorded in translucent image information in the third execution example.
FIG. 25 is a diagram showing a shape of a graphic recorded in translucent image information in the third execution example.
FIG. 26 is a diagram illustrating a shape of a graphic recorded in translucent image information in the third execution example.
FIG. 27 is a diagram showing the shape of a graphic recorded in image information in the third execution example.
FIG. 28 is a diagram showing a shape of a graphic recorded in translucent image information in the fourth execution example.
FIG. 29 is a diagram illustrating a shape of a graphic recorded in translucent image information in the fourth execution example.
FIG. 30 is a diagram illustrating a shape of a graphic recorded in translucent image information in the fourth execution example.
FIG. 31 is a diagram showing the shape of a graphic recorded in translucent image information in the fourth execution example.
FIG. 32 is a diagram showing the shape of a graphic recorded in image information in the fourth execution example.
FIG. 33 is a diagram illustrating a shape of a graphic recorded in translucent image information in the fifth execution example.
FIG. 34 is a diagram showing the shape of a graphic recorded in translucent image information in the fifth execution example.
FIG. 35 is a diagram illustrating a shape of a graphic recorded in translucent image information in the fifth execution example.
FIG. 36 is a diagram illustrating a shape of a graphic recorded in translucent image information in the fifth execution example.
FIG. 37 is a diagram showing the shape of a graphic recorded in image information in the fifth execution example.
FIG. 38 is a diagram illustrating a shape of a graphic recorded in translucent image information in the sixth execution example.
FIG. 39 is a diagram showing a shape of a graphic recorded in translucent image information in the sixth execution example.
FIG. 40 is a diagram illustrating a shape of a graphic recorded in translucent image information in the sixth execution example.
FIG. 41 is a diagram illustrating a shape of a graphic recorded in translucent image information in the sixth execution example.
FIG. 42 is a diagram illustrating a shape of a graphic recorded in image information in the sixth execution example.
FIG. 43 is a diagram showing a problem to be solved in each of the second, third, and fourth execution examples of the present invention.
FIG. 44 is a diagram showing a problem to be solved in the second execution example of the present invention.
FIG. 45 is a diagram showing a problem to be solved in the third execution example of the present invention.
FIG. 46 is a diagram showing a problem to be solved in the fourth execution example of the present invention.
FIG. 47 is a diagram showing a problem to be solved in each of the fifth and sixth execution examples of the present invention.
FIG. 48 is a diagram showing a problem to be solved in the fifth execution example of the present invention.
FIG. 49 is a diagram showing a problem to be solved in the sixth execution example of the present invention.
[Explanation of symbols]
DESCRIPTION OF SYMBOLS 101 External storage medium, 102 External storage medium driver, 103 Display part, 104 Coordinate input part, 105 Keyboard, 106 Communication network, 107 ROM, 108 CPU, 109 Arithmetic processing part, 110 Memory, 111 Interface circuit, 201 Pixel information, 301 , 501 pixel color information, 302 R value, 303 G value, 304 B value, 401 translucent pixel information, 502 pixel transparency information, 503 pixel part information, 601 outline information, 602 outline line color information, 603 internal color information, 604 Transparency information, 701 graphic information, 702 drawing method type information.

Claims (3)

複数の図形を重ね合わせて合成した図形を描画する図形描画装置であって、
合成対象となる複数の対象図形の各図形情報を記憶する対象図形情報記憶手段と、
前記対象図形情報記憶手段に記憶されている複数の対象図形の各図形情報を合成して合成図形のイメージデータを作成する図形合成手段と、
前記図形合成手段に前記複数の対象図形の各図形情報をどのように合成させるかの合成情報を記憶する合成情報記憶手段とを備え
前記対象図形情報記憶手段は、前記複数の対象図形の各々について、前記図形情報として、
図形の外郭形状を示す外郭情報と、
図形の輪郭線の色を表わす輪郭線色情報と、
図形の輪郭線内部の色を表わす内部色情報とを記憶し、
前記図形合成手段は、
前記複数の対象図形のうちのどの図形の図形情報とどの図形の図形情報とを組合わせて合成するかの指定を受付ける合成対象図形指定受付手段と、
前記合成対象となる複数の対象図形の各図形情報において、各図形の組合わせ位置の指定を受付ける合成位置指定受付手段とを備え、
前記合成情報記憶手段は、前記合成情報として、
図形合成により図形が重なり合う端部の輪郭線を表示させるか否かの接続端部輪郭線情報と、
図形合成により重なり合い隠れる部分の図形をどのように表示させるかの遮蔽部分表示情報とを記憶し、
前記遮蔽部分表示情報は、
前記隠れる部分の図形の輪郭線を表示させるか否かの遮蔽輪郭線表示情報と、
前記隠れる部分の図形の輪郭線内部を表示させるか否かの遮蔽内部表示情報と、
前記隠れる部分の図形を表示させずに、前記隠れる部分の表面に配置される図形を半透明で表示させるか否かの表面図形半透明表示情報とを含む、図形描画装置。
A drawing apparatus for drawing a figure formed by superimposing a plurality of figures,
Target graphic information storage means for storing each graphic information of a plurality of target graphics to be combined ;
Figure combining means for generating image data of a combined figure by combining pieces of graphic information of a plurality of target figures stored in the target figure information storage means ;
A synthesizing information storage means for storing the composite information of how to synthesize the graphic information of the plurality of the subject graphic in the graphic combining means,
The target graphic information storage means for each of the plurality of target graphics as the graphic information,
Outline information indicating the outline shape of the figure,
Outline color information indicating the outline color of the figure,
Storing internal color information representing the color inside the outline of the figure ,
The figure composition means is:
A combination target figure designation receiving means for receiving designation of which figure figure information and which figure figure information of the plurality of target figures is combined;
In each graphic information of the plurality of target graphics to be combined, comprising: a combined position designation receiving means for receiving designation of a combination position of each graphic;
The composite information storage means includes the composite information as
Connection edge contour information on whether or not to display the contour of the edge where the graphics overlap by graphic synthesis,
Store the shielding part display information on how to display the figure of the part that overlaps and hides by figure composition,
The shielding part display information is
Shielding contour display information whether or not to display the contour of the hidden portion of the figure,
Shielding internal display information as to whether or not to display the inside of the outline of the figure of the hidden part,
A graphic drawing apparatus including surface graphic semi-transparent display information indicating whether or not to display the graphic arranged on the surface of the hidden part without displaying the graphic of the hidden part.
合成対象となる複数の対象図形の各図形情報を記憶する対象図形情報記憶手段と、
前記対象図形情報記憶手段に記憶されている複数の対象図形の各図形情報を合成して合成図形のイメージデータを作成する図形合成手段と、
前記図形合成手段に前記複数の対象図形の各図形情報をどのように合成させるかの合成情報を記憶する合成情報記憶手段とを備えた図形描画装置で用いられる図形描画方法であって、
前記対象図形情報記憶手段に前記各図形情報を記憶させるステップと、
前記合成情報記憶手段に前記合成情報を記憶させるステップと、
前記図形合成手段に前記合成図形のイメージデータを作成させるステップとを含み、
前記各図形情報を記憶させるステップは、前記複数の対象形の各々について、前記図形情報として、
図形の外郭形状を示す外郭情報と、
図形の輪郭線の色を表わす輪郭線色情報と、
図形の輪郭線内部の色を表わす内部色情報とを記憶させ
前記合成図形のイメージデータを作成させるステップは、
前記複数の対象図形のうちのどの図形の図形情報とどの図形の図形情報とを組合わせて合成するかの指定を受付けさせる合成対象図形指定受付ステップと、
前記合成対象となる複数の対象図形の各図形情報において、各図形の組合わせ位置の指定を受付けさせる合成位置指定受付ステップとを含み、
前記合成情報を記憶させるステップは、前記合成情報として、
図形合成により図形が重なり合う端部の輪郭線を表示させるか否かの接続端部輪郭線情報と、
図形合成により重なり合い隠れる部分の図形をどのように表示させるかの遮蔽部分表示情報とを記憶させ、
前記遮蔽部分表示情報は、
前記隠れる部分の図形の輪郭線を表示させるか否かの遮蔽輪郭線表示情報と、
前記隠れる部分の図形の輪郭線内部を表示させるか否かの遮蔽内部表示情報と、
前記隠れる部分の図形を表示させずに、前記隠れる部分の表面に配置される図形を半透明で表示させる表面図形半透明表示情報とを含む、図形描画方法。
Target graphic information storage means for storing each graphic information of a plurality of target graphics to be combined ;
Figure combining means for generating image data of a combined figure by combining pieces of graphic information of a plurality of target figures stored in the target figure information storage means;
A figure drawing method used in a figure drawing apparatus comprising: composition information storage means for storing composition information on how to compose each figure information of the plurality of target figures in the figure composition means ;
Storing each graphic information in the target graphic information storage means;
Storing the composite information in the composite information storage means;
Causing the figure synthesis means to create image data of the synthesized figure,
Step of storing each of said graphic information, for each of the plurality of target view shape, as the graphic information,
Outline information indicating the outline shape of the figure,
Outline color information indicating the outline color of the figure,
Is stored and the internal color information representing the color of the inner contour of the figure,
The step of creating image data of the composite figure includes:
A compositing target figure designation receiving step for accepting designation of which figure of the plurality of target figures and the figure information of which figure are combined to be combined; and
In each graphic information of the plurality of target graphics to be combined, including a combined position designation receiving step for receiving designation of a combination position of each graphic,
The step of storing the synthesis information includes the synthesis information as:
Connection edge contour information on whether or not to display the contour of the edge where the graphics overlap by graphic synthesis,
Store the shielding part display information on how to display the figure of the part that overlaps and hides by figure composition,
The shielding part display information is
Shielding contour display information whether or not to display the contour of the hidden portion of the figure,
Shielding internal display information as to whether or not to display the inside of the outline of the figure of the hidden part,
A graphic drawing method comprising: surface graphic semi-transparent display information for displaying a graphic arranged on the surface of the hidden part in a translucent manner without displaying the graphic of the hidden part .
請求項に記載の図形描画方法を実施するための、コンピュータ上で動作する図形描画プログラムを記録したコンピュータ読取可能な記録媒体。A computer-readable recording medium on which a graphic drawing program operating on a computer is recorded for carrying out the graphic drawing method according to claim 2 .
JP2001044527A 2001-02-21 2001-02-21 Graphic drawing apparatus, graphic drawing method, and computer-readable recording medium recording a graphic drawing program Expired - Fee Related JP4583631B2 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2001044527A JP4583631B2 (en) 2001-02-21 2001-02-21 Graphic drawing apparatus, graphic drawing method, and computer-readable recording medium recording a graphic drawing program

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2001044527A JP4583631B2 (en) 2001-02-21 2001-02-21 Graphic drawing apparatus, graphic drawing method, and computer-readable recording medium recording a graphic drawing program

Publications (2)

Publication Number Publication Date
JP2002245476A JP2002245476A (en) 2002-08-30
JP4583631B2 true JP4583631B2 (en) 2010-11-17

Family

ID=18906504

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2001044527A Expired - Fee Related JP4583631B2 (en) 2001-02-21 2001-02-21 Graphic drawing apparatus, graphic drawing method, and computer-readable recording medium recording a graphic drawing program

Country Status (1)

Country Link
JP (1) JP4583631B2 (en)

Families Citing this family (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP4728721B2 (en) * 2005-07-15 2011-07-20 株式会社バンダイナムコゲームス Program, information storage medium, and image generation system
JP4749064B2 (en) * 2005-07-15 2011-08-17 株式会社バンダイナムコゲームス Program, information storage medium, and image generation system
JP5376671B2 (en) * 2010-04-26 2013-12-25 和也 村上 Multi-layer stained glass production system
KR101352880B1 (en) * 2013-10-18 2014-01-23 박성진 Electronic glasses, control method of electronic glasses, and computer readable recording medium
JP6494249B2 (en) * 2014-11-12 2019-04-03 キヤノン株式会社 Image forming apparatus, image forming method, and program

Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2000081871A (en) * 1998-09-03 2000-03-21 Sharp Corp Information processor and recording medium having recorded pattern producing program thereon

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
AUPM806694A0 (en) * 1994-09-12 1994-10-06 Canon Inc. Rendering of overlapping objects
JPH09330422A (en) * 1996-06-07 1997-12-22 Hitachi Ltd Three-dimensional graphic displaying method and system therefor
JPH11298710A (en) * 1998-04-08 1999-10-29 Konica Corp Image processing method and image processor therefor

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2000081871A (en) * 1998-09-03 2000-03-21 Sharp Corp Information processor and recording medium having recorded pattern producing program thereon

Also Published As

Publication number Publication date
JP2002245476A (en) 2002-08-30

Similar Documents

Publication Publication Date Title
TWI634517B (en) Method for efficient construction of high resolution display buffers
US20080001968A1 (en) Layered image compositing system for user interfaces
AU2009209293B2 (en) Representing flat designs to be printed on curves of a 3-dimensional product
US6115050A (en) Object-based anti-aliasing
EP0950988A2 (en) Three-Dimensional image generating apparatus
CN111324837B (en) Three-dimensional chart visualization method and device based on GIS system at web front end
JPS59129897A (en) Three-dimensional display system
US7554554B2 (en) Rendering apparatus
CN106170821B (en) Image processing apparatus and image processing method
KR100664632B1 (en) Method of background colour removal for porter and duff compositing
JPH10177656A (en) Method for mixing plural pixels on texture map, plural-pixel mixer circuit using the same and image processor
JP2023553507A (en) System and method for obtaining high quality rendered display of synthetic data display of custom specification products
Bruckner et al. Hybrid visibility compositing and masking for illustrative rendering
KR20050030569A (en) Image processing apparatus and method thereof
JP5057895B2 (en) Image output apparatus and screen composition method
JP4583631B2 (en) Graphic drawing apparatus, graphic drawing method, and computer-readable recording medium recording a graphic drawing program
JP4307222B2 (en) Mixed reality presentation method and mixed reality presentation device
JP3037865B2 (en) 3D sprite drawing device
JP3527672B2 (en) Computer-readable recording medium recording a three-dimensional computer image processing program, shadow drawing processing method, and video game apparatus
JP4183082B2 (en) 3D image drawing apparatus and 3D image drawing method
JP2003066943A (en) Image processor and program
JPH07182526A (en) Display method of graphics display device
JPH11331700A (en) Image processing unit and image processing method
JP2006293470A (en) Drawing system, method therefor, and drawing program
US7079136B2 (en) Rendering method of rendering image on two-dimensional screen

Legal Events

Date Code Title Description
A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20080220

A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20100527

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20100608

A521 Written amendment

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20100729

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

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

R150 Certificate of patent or registration of utility model

Free format text: JAPANESE INTERMEDIATE CODE: R150

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

Free format text: PAYMENT UNTIL: 20130910

Year of fee payment: 3

LAPS Cancellation because of no payment of annual fees