JP2010165309A - Frame display method for comics, program and device - Google Patents
Frame display method for comics, program and device Download PDFInfo
- Publication number
- JP2010165309A JP2010165309A JP2009009164A JP2009009164A JP2010165309A JP 2010165309 A JP2010165309 A JP 2010165309A JP 2009009164 A JP2009009164 A JP 2009009164A JP 2009009164 A JP2009009164 A JP 2009009164A JP 2010165309 A JP2010165309 A JP 2010165309A
- Authority
- JP
- Japan
- Prior art keywords
- frame
- display
- range
- manga
- displayed
- 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.)
- Pending
Links
Images
Landscapes
- Processing Or Creating Images (AREA)
Abstract
【課題】
マンガのコマをユーザにとって見やすく表示する。
【解決手段】
本発明に係る方法は、マンガ画像を記憶手段に読み込むステップと、コマ範囲のデータを記憶手段に読み込むステップと、マンガ画像中の表示すべき表示範囲に含めるコマ範囲を定めるコマグループ形成ステップ(S216)と、表示すべきコマ範囲の全体が表示領域に収まらない場合には、そのコマを分割して表示の順に番号を付与し、その番号順にマンガ画像の表示範囲を定める分割表示ステップ(S224,S226)と、決定された表示範囲を表示するステップと、入力手段による入力を受けてコマ範囲を進めるか戻すかを判断するステップと、その判断の結果に基づいて、次または前のコマ範囲についてコマグループ形成ステップに戻るか、あるいは分割表示ステップにおいての順番を進めるか戻すかを実行するステップと、上記のステップを繰り返すステップとを含む。
【選択図】 図2B【Task】
Manga frames are displayed for the user to see.
[Solution]
The method according to the present invention includes a step of reading a manga image into a storage unit, a step of reading frame range data into the storage unit, and a frame group forming step of determining a frame range to be included in a display range to be displayed in a manga image (S216). ), And if the entire frame range to be displayed does not fit in the display area, the frame is divided and assigned numbers in the order of display, and a divided display step for determining the display range of the manga image in that number order (S224). S226), a step of displaying the determined display range, a step of determining whether to advance or return the frame range in response to an input by the input means, and the next or previous frame range based on the result of the determination A step of returning to the frame group forming step, or advancing or returning the order in the divided display step; and Repeating the step and a step.
[Selection] Figure 2B
Description
本発明は、ユーザによる表示を求める入力を受けて、マンガのコマを表示手段に表示するコマ表示方法、プログラムおよび装置に関する。 The present invention relates to a frame display method, a program, and an apparatus for displaying a comic frame on a display unit in response to an input for display by a user.
近年、マンガを各種の画面サイズを有する表示装置を有するパーソナル・コンピュータに配信することが盛んになっている。ページ単位で作成されたマンガのページ画像の全体をそのままパーソナル・コンピュータの画面に表示できない場合があるので、ページ単位のマンガ画像に含まれる複数のコマを、マンガのストーリーの順番あるいはそのマンガの作者が決めた順番にLCDディスプレイなどの表示装置の画面に表示する。このとき、画面の表示領域の大きさは、ユーザの好みに応じて変更することができるため、表示領域の大きさにあわせて、ユーザがマンガを閲覧しやすいようにコマを表示することが求められている。このような効率的なマンガ表示のためのソフトウェアツールが求められている。 In recent years, it has become popular to distribute comics to personal computers having display devices having various screen sizes. Since the entire page image of a manga created in page units may not be displayed as it is on the screen of a personal computer, multiple frames included in a manga image in page units can be displayed in the order of the manga story or the author of the manga. Are displayed on the screen of a display device such as an LCD display in the order determined by. At this time, since the size of the display area of the screen can be changed according to the user's preference, it is required to display a frame so that the user can easily view the manga according to the size of the display area. It has been. There is a need for software tools for such efficient manga display.
マンガ画像の所定のコマを拡大表示する技術としては、特許文献1が知られている。 As a technique for enlarging and displaying a predetermined frame of a manga image, Patent Document 1 is known.
このように、効率的なマンガ表示を行うために利用できるソフトウェアツールが求められている。 Thus, there is a need for software tools that can be used for efficient manga display.
上記課題を解決するため、本発明に係るマンガ画像に含まれる複数のコマを表示する方法は、
複数のコマを含む1ページまたは複数ページのマンガ画像を記憶手段に読み込む画像読み込みステップと、
前記コマの表示の順番に従って予め識別番号が付与されたコマ範囲のデータを前記記憶手段に読み込むステップと、
表示すべきコマ範囲と表示手段において設定されている表示領域との大きさの対比に基づいて、マンガ画像中の表示すべき表示範囲に含めるコマ範囲を定めるコマグループ形成ステップと、
表示すべきコマ範囲の全体が表示領域に収まらない場合には、そのコマを分割して表示の順に番号を付与し、その番号順にマンガ画像の表示範囲を定める分割表示ステップと、
決定された表示範囲を表示するステップと、
入力手段による入力を受けてコマ範囲を進めるか戻すかを判断するステップと、
その判断の結果に基づいて、次または前のコマ範囲についてコマグループ形成ステップに戻るか、あるいは分割表示ステップにおいての順番を進めるか戻すかを実行するステップと、
上記のステップを繰り返すステップと
を含む。
In order to solve the above problems, a method for displaying a plurality of frames included in a manga image according to the present invention is as follows.
An image reading step of reading one page or a plurality of pages of manga images including a plurality of frames into a storage means;
Reading the data of the frame range to which the identification number is assigned in advance according to the display order of the frames into the storage unit;
A frame group forming step for determining a frame range to be included in the display range to be displayed in the manga image based on a comparison between the size of the frame range to be displayed and the display area set in the display means;
If the entire frame range to be displayed does not fit in the display area, the frame is divided and assigned numbers in the order of display, and a divided display step for determining the display range of the manga image in that number order;
Displaying the determined display range;
Determining whether to advance or return the frame range in response to input from the input means;
A step of returning to the frame group formation step for the next or previous frame range based on a result of the determination, or advancing or returning the order in the divided display step;
Repeating the above steps.
一実施形態によれば、コマグループ形成ステップは、表示領域に収まるコマ範囲が一つまたは複数存在する場合には、その一つまたは複数のコマ範囲の全て、あるいは一部のコマ範囲を一つのコマグループと定め、このコマグループの中心が表示領域の中心になるように表示範囲を定めることができる。 According to one embodiment, in the frame group forming step, when there are one or more frame ranges that can be included in the display area, all or a part of the one or more frame ranges are set as one frame range. A frame group is defined, and the display range can be defined such that the center of the frame group is the center of the display area.
上記課題を解決するため、本発明に係るマンガ画像に含まれる複数のコマを表示するためのコンピュータプログラムは、
複数のコマを含む1ページまたは複数ページのマンガ画像を記憶手段に読み込む画像読み込み手段と、
前記コマの表示の順番に従って予め識別番号が付与されたコマ範囲のデータを前記記憶手段に読み込む手段と、
表示すべきコマ範囲と表示手段において設定されている表示領域との大きさの対比に基づいて、マンガ画像中の表示すべき表示範囲に含めるコマ範囲を定めるコマグループ形成手段と、
表示すべきコマ範囲の全体が表示領域に収まらない場合には、そのコマを分割して表示の順に番号を付与し、その番号順にマンガ画像の表示範囲を定める分割表示手段と、
決定された表示範囲を表示する手段と、
入力手段による入力を受けてコマ範囲を進めるか戻すかを判断する手段と、
その判断の結果に基づいて、次または前のコマ範囲についてコマグループ形成ステップに戻るか、あるいは分割表示ステップにおいての順番を進めるか戻すかを実行する手段と、
をコンピュータに実行させる。
In order to solve the above-mentioned problem, a computer program for displaying a plurality of frames included in a manga image according to the present invention,
Image reading means for reading one page or a plurality of pages of manga images including a plurality of frames into the storage means;
Means for reading into the storage means data of a frame range to which an identification number has been assigned in advance according to the display order of the frames;
A frame group forming unit for determining a frame range to be included in the display range to be displayed in the manga image based on a comparison between the size of the frame range to be displayed and the display area set in the display unit;
When the entire frame range to be displayed does not fit in the display area, the frame is divided and assigned a number in the order of display, and divided display means for determining the display range of the manga image in that number order,
Means for displaying the determined display range;
Means for receiving input from the input means to determine whether to advance or return the frame range;
Means for executing whether to return to the frame group formation step for the next or previous frame range based on the result of the determination, or to advance or return the order in the divided display step;
Is executed on the computer.
一実施形態によれば、コマグループ形成手段は、表示領域に収まるコマ範囲が一つまたは複数存在する場合には、その一つまたは複数のコマ範囲の全て、あるいは一部のコマ範囲を一つのコマグループと定め、このコマグループの中心が表示領域の中心になるように表示範囲を定める手段を含むことができる。 According to one embodiment, when there is one or more frame ranges that can fit in the display area, the frame group forming unit converts all or part of the one or more frame ranges into one frame range. Means for defining a frame group and determining a display range so that the center of the frame group is the center of the display area can be included.
上記課題を解決するため、本発明に係るマンガ画像に含まれる複数のコマを表示するための装置は、
複数のコマを含む1ページまたは複数ページのマンガ画像を記憶手段に読み込む画像読み込み手段と、
前記コマの表示の順番に従って予め識別番号が付与されたコマ範囲のデータを前記記憶手段に読み込む手段と、
表示すべきコマ範囲と表示手段において設定されている表示領域との大きさの対比に基づいて、マンガ画像中の表示すべき表示範囲に含めるコマ範囲を定めるコマグループ形成手段と、
表示すべきコマ範囲の全体が表示領域に収まらない場合には、そのコマを分割して表示の順に番号を付与し、その番号順にマンガ画像の表示範囲を定める分割表示手段と、
決定された表示範囲を表示する手段と、
入力手段による入力を受けてコマ範囲を進めるか戻すかを判断する手段と、
その判断の結果に基づいて、次または前のコマ範囲についてコマグループ形成ステップに戻るか、あるいは分割表示ステップにおいての順番を進めるか戻すかを実行する手段と
を備える。
In order to solve the above problems, an apparatus for displaying a plurality of frames included in a manga image according to the present invention is as follows.
Image reading means for reading one page or a plurality of pages of manga images including a plurality of frames into the storage means;
Means for reading into the storage means data of a frame range to which an identification number has been assigned in advance according to the display order of the frames;
A frame group forming unit for determining a frame range to be included in the display range to be displayed in the manga image based on a comparison between the size of the frame range to be displayed and the display area set in the display unit;
When the entire frame range to be displayed does not fit in the display area, the frame is divided and assigned a number in the order of display, and divided display means for determining the display range of the manga image in that number order,
Means for displaying the determined display range;
Means for receiving input from the input means to determine whether to advance or return the frame range;
And a means for executing whether to return to the frame group formation step for the next or previous frame range based on the result of the determination, or to advance or return the order in the divided display step.
一実施形態によれば、コマグループ形成手段は、表示領域に収まるコマ範囲が一つまたは複数存在する場合には、その一つまたは複数のコマ範囲の全て、あるいは一部のコマ範囲を一つのコマグループと定め、このコマグループの中心が表示領域の中心になるように表示範囲を定める手段を含むことができる。 According to one embodiment, when there is one or more frame ranges that can fit in the display area, the frame group forming unit converts all or part of the one or more frame ranges into one frame range. Means for defining a frame group and determining a display range so that the center of the frame group is the center of the display area can be included.
本発明によれば、効率的なコマ表示の方法と、それを実行するためのコンピュータプログラムおよび装置を提供することができる。この方法、コンピュータプログラム又は装置により、パーソナル・コンピュータを用いてマンガを楽しむユーザにとってマンガが閲覧しやすくなる。 According to the present invention, it is possible to provide an efficient frame display method and a computer program and apparatus for executing the method. This method, computer program, or apparatus makes it easy for a user who enjoys comics using a personal computer to view comics.
次に、一実施例に係るコマ表示遷移のためのコンピュータプログラムの一つの形態について図面を参照しながら説明する。 Next, one form of a computer program for frame display transition according to an embodiment will be described with reference to the drawings.
図1は、本実施例に係るコンピュータプログラムを実行するコンピュータシステム100を示す。図1に示すように、コンピュータシステム100は、マウスやキーボード、タブレットポインタなどの入力手段105と、LCDディスプレイのような表示手段110と、メモリなどの記憶手段115とを備えている。このコンピュータシステム100は、さらに、画像読み込み手段120と、コマ範囲読み込み手段130と、表示範囲移動手段140とを備えている。
FIG. 1 shows a
表示手段110は、後述する図4に示すマンガ画像400中の表示すべき領域である表示領域を表示する。この表示領域の大きさは、ユーザが自由に設定することができる。例えば、ページ単位で縮小表示した画面上において、ユーザが入力手段105としてマウスまたはペンのようなポインタを用いて枠線をドラッグアンドドロップすることにより、ユーザの好みの大きさに設定することができる。
The display means 110 displays a display area that is an area to be displayed in a
あるいは、ユーザの入力により、ページ画像の大きさの100%、75%、50%と、「画面にフィット」という特殊なサイズに変更することができる。このとき、コマ範囲の矩形サイズも、この縮尺に基づいて変更される。ここで、100%、75%、50%が選択されると、文字通り、ページ画像の大きさにその縮尺が適用される。また、「画面にフィット」とは、表示領域にページ全体がぴったり収まるように表示する表示方法である。この「画面にフィット」のときは、表示領域の大きさを変更するとページ画像の大きさも追従するように変化する。 Alternatively, it can be changed to a special size of “fit to screen” by 100%, 75%, and 50% of the size of the page image by user input. At this time, the rectangular size of the frame range is also changed based on this scale. Here, when 100%, 75%, or 50% is selected, the scale is literally applied to the size of the page image. “Fit to screen” is a display method in which the entire page fits in the display area. In the case of “Fit to screen”, the size of the page image changes so as to follow when the size of the display area is changed.
図2A〜図2C、図3Aおよび図3Bは、本実施例に係るコンピュータプログラムの処理のフローチャートを示している。まず、図2AのステップS201から開始する。 2A to 2C, 3A, and 3B show flowcharts of processing of the computer program according to the present embodiment. First, the process starts from step S201 in FIG. 2A.
ここで、図4について説明する。図4に示したマンガ画像400は、第1のページ画像410および第2のページ画像420という2つのページ画像を含んでいる。ページ画像が2つあるというのは単なる一例であり、ページ画像が1つ、あるいは3つ以上あってもよい。そして、ページ画像410は、6つのコマ411〜416を含んでいる。ページ画像420は、3つのコマ421〜423を含んでいる。本例のコマはすべて矩形であるが、コマの形状は問わない。例えば、三角形や五角形などの多角形であってもよく、あるいは、角が丸みを帯びた形状をしている図形であってもよい。
Here, FIG. 4 will be described. The
このように各ページにおいては、そのページの右上から左下の方向に向かってマンガのストーリーが展開するように、コマが配置されている。本例のマンガ画像400について具体的に言えば、第1のページ画像410のコマ411からストーリーが始まる。そして、コマ411、412、413、414、415、416の順にマンガのストーリーが展開する。さらに、第1のページ画像410の最後のコマ416に続き、第2のページ画像420に含まれているコマ421、422の順にストーリーが展開し、コマ423でマンガのストーリーが終了する。
Thus, on each page, the frames are arranged so that the comic story develops from the upper right to the lower left of the page. Speaking specifically about the
この例では、右綴じのマンガ画像を示しており、マンガ画像の表示範囲500は右上からスタートして、左へ移動し、右側の第1ページの左上端に達すると右端の下方に移動することになる。これを第1ページの左下端が表示されるまで繰り返し、その後、第2ページの右上の端に表示範囲500が移動する。左綴じの場合には、左側のページが第1ページとなる。この表示範囲は、表示手段におけるマンガの表示領域に対応する大きさを有している。
In this example, a right-bound manga image is shown, and the manga
図6に示すように、表示領域の幅はページ画像の幅と同一あるいはそれより大きくなり得て、その場合には表示範囲500はページ画像の上端から下端へと移動し、そのページ画像の表示が終わると、表示範囲500が次のページ画像の上端に移動して、同様に上端から下端へと移動する。また、ページ画像の幅が右綴じの見開き2ページの幅であるときには、表示範囲は右側のページを網羅するために、右側のページの上端から下端まで移動し、左側のページの上部を表示するためにページ画像の上端まで移動する。このとき、表示範囲の幅がページ画像の幅と同じかそれより大きいと、表示範囲の左右の移動はないまま、左側ページを網羅して表示するために表示範囲がページ画像の下端まで移動することになる。
As shown in FIG. 6, the width of the display area can be the same as or larger than the width of the page image. In this case, the
図2Aに示すように、コンピュータプログラムの処理はステップS201から開始する。次に、ビューアが起動され、初期化が行われる(ステップS202)。画像読み込み手段120により記憶手段115に既に読み込まれているマンガ画像400の最初のページ画像の1コマ目が表示される(ステップS203)。次に、コマIDと関連付けられる矩形(コマ範囲とも呼ぶ。詳細は後述する。)をマンガ画像上に配置することを含む初期化が行われる(ステップS204)。各コマに対するコマIDの付与の様子は、図5に示されている。また、コンピュータプログラムの処理の任意の段階で表示領域の大きさの指定を受け付けることもできる。
As shown in FIG. 2A, the processing of the computer program starts from step S201. Next, the viewer is activated and initialization is performed (step S202). The first frame of the first page image of the
これにより、連続的なマンガの表示の準備ができたことになり、コマ遷移の工程へと移る(ステップS205)。 As a result, preparation for continuous manga display is completed, and the process proceeds to the frame transition process (step S205).
次に、入力手段に対するコマ遷移を指示する操作によりコマ遷移を開始することができる。 Next, the frame transition can be started by an operation for instructing the frame transition to the input means.
ユーザは、コンピュータシステム100に対して画面遷移の指示を入力して、その結果を入力手段105が受け付ける。この入力は、キーボードやマウスなどの入力手段105の操作により行うことができる。マウスまたはポインタを用いる場合には、マウスのボタンを押下して、画面に表示された画面遷移のボタンを押すことができる。あるいは、ホイールマウスを用いる場合には、例えば左ボタンと右ボタンとの間にあるホイールを指で回転させることによって、画面遷移の指示を入力することもできる。
The user inputs a screen transition instruction to the
図2Aに示す初期化に続いて、あるいは図3Bに示す「次へ」の指示があり、コマ遷移を行うべきとの判断がなされると、表示するように指示のあったコマ範囲(初期化後であれば、最初のコマ範囲)について、コマ範囲読み込み手段130により読み込まれているコマ範囲のデータのうち該当するものを読み出す(ステップS212)。 Following the initialization shown in FIG. 2A or when there is an instruction “next” shown in FIG. 3B and it is determined that the frame transition should be performed, the frame range instructed to be displayed (initialization) If it is later, for the first frame range), the corresponding frame range data read by the frame range reading means 130 is read (step S212).
コマ範囲とは、ページ画像上の座標を基準とした数値による矩形表現であり、対応するコマIDを有する。このコマ範囲は、マンガの作者が自由に設定して、XML形式などの外部テキストファイルに保存することができる。すなわち、ステップS212では、読み込まれたマンガ画像400(図4)について設定されたコマ範囲411a〜423aを記憶手段115から取り出す。このとき取り出されたコマ範囲411a〜423aを図5に示している。本例では、図5に示すように、コマとコマ範囲は1対1に対応しており、コマ範囲は対応するコマを1つ含んでいる。例えば、コマ範囲411aは、対応するコマ411を含んでいる。また、コマとコマとの間には余白部分があるものの、コマ範囲とコマ範囲との間には通常は余白がなく互いに隣接しているが、マンガの作者がある効果をねらって余白を設けたりコマ範囲同士が重なるようにも設定できる。なお、図5では、コマ範囲をわかりやすく表現するために、各コマの枠を省略している。
The frame range is a rectangular representation with numerical values based on coordinates on the page image, and has a corresponding frame ID. This frame range can be freely set by the author of the manga and saved in an external text file such as an XML format. That is, in step S212, the frame ranges 411a to 423a set for the read comic image 400 (FIG. 4) are extracted from the
上述したように、コマ範囲は、マンガの作者が自由に設定できるため、コマとコマ範囲が1対1に対応していない場合もある。例えば、1つのコマに対して、複数のコマ範囲を重ねるようにして設定することができるし、逆に1つのコマ範囲に2以上のコマを含めることもできる。また、コマIDは、コマ範囲の表示の順番に1から順に付与することができる。コマIDは、そのマンガについて一意に定まる。 As described above, the frame range can be freely set by the author of the manga, so the frame and the frame range may not correspond one-to-one. For example, a single frame can be set so as to overlap a plurality of frame ranges. Conversely, two or more frames can be included in one frame range. Further, the frame ID can be assigned in order from 1 to the display order of the frame range. The frame ID is uniquely determined for the manga.
そして、ステップS213において、設定されている表示領域よりも、ページ右上の最初のコマ範囲が大きいか否かが表示範囲移動手段140により判断される(ステップS214以降の処理も表示範囲移動手段140により行われる)。もし、大きければ(YES)、コマ範囲を表示領域より小さい大きさに分割して、その分割されたコマ範囲の各分割部分に対して、コマ分割インデクスを付与することにより、コマ分割インデクスを初期化する(ステップS221)。次に、分割前のコマ範囲の縦サイズと横サイズの比率を比べ(ステップS222)、もし縦長あるいは正方形であれば、ステップS223のボックスに示すような順番で、各分割部分に対して、コマ分割インデクスを付与する(本例のように右綴じのマンガの場合)。なお、左綴じの場合は、ステップS223のボックスに示す順番を左右反転した順番(つまり、左上→左下→右上→右下の順番)で、各分割部分に対して、コマ分割インデクスを付与する。もし縦長であれば、同様にステップS225のボックスに示すような順番で各分割部分に対して、コマ分割インデクスを付与する(本例のように右綴じのマンガの場合)。なお、左綴じの場合は、ステップS225のボックスに示す順番を左右反転した順番(つまり、左上→右上→左下→右下の順番)で、各分割部分に対して、コマ分割インデクスを付与する。その後、ユーザの入力を受けるたびにコマ分割インデクスを1つ加算してステップS227〜S230を行う。
In step S213, the display
もし表示領域がコマ範囲より大きければ(NO)、現在のコマ範囲と次のコマ範囲を合体させて(ステップS214)、これを「コマグループ」として、このコマグループが表示領域より大きいかどうかを判断する(ステップS215)。もしコマグループが表示領域よりも小さければ、次のコマ範囲をこのコマグループに合体してみて(ステップS214)、新たなコマグループが表示領域より大きいか否かの判断に戻る(ステップS215)。もしコマグループが表示領域より大きければ、合体を取り消す(ステップS216)。そして、最終的に、コマグループが定まる(ステップS217)。このコマグループは、コマ範囲を一つだけ含む場合もあるし、コマ範囲を複数含む場合もある。 If the display area is larger than the frame range (NO), the current frame range and the next frame range are merged (step S214), and this is set as “frame group” to determine whether this frame group is larger than the display area. Judgment is made (step S215). If the frame group is smaller than the display area, the next frame range is merged with this frame group (step S214), and the process returns to determining whether the new frame group is larger than the display area (step S215). If the frame group is larger than the display area, the merge is canceled (step S216). Finally, a frame group is determined (step S217). This frame group may include only one frame range or may include a plurality of frame ranges.
定められたコマグループを表示するために、表示範囲の位置を以下のようにして決定する。図7Aと図7Bの例では、コマ範囲416aはコマグループに含めることができず、コマ範囲413a、414a、415aを含むコマグループが形成できることがわかる。そこで、ステップS302において、このコマグループの中心位置に、表示範囲の中心が来るように、マンガ画像と表示範囲との位置関係を最終的に決定する(図7B)。
In order to display the defined frame group, the position of the display range is determined as follows. In the example of FIGS. 7A and 7B, it is understood that the
このように表示範囲の位置を決めて、表示を行ったあとに、さらにコマ遷移の指示が入力されると、次の表示範囲の位置を決定する必要が生じる。その様子を図8Aおよび図8Bに示す。コマ範囲415aまではすべて表示されているので、一部分しか表示されていないコマ範囲416aが全部表示できるかを確認する。本例での表示領域内に、このコマ範囲416aが収まるので、表示範囲500の中心501をコマ範囲416aの中心に合わせることになるが、そうすると表示範囲500がページの下端をまたいでしまうので(図8A)、最終的に図8Bに示すように、表示範囲がページの下端をまたがない位置を新たな表示範囲の位置と決定する。もし、表示領域内に、コマ範囲416aが収まらなければ、上述の分割表示を行うことになる。
After the position of the display range is thus determined and the display is performed, if a frame transition instruction is further input, it is necessary to determine the position of the next display range. This is shown in FIGS. 8A and 8B. Since all the
さらに、ページの下端まで、そして、左端まで、表示が完了したので、次のコマ遷移指示の入力があれば、図9Aに示すように、表示範囲を次のページに移動する。そして、右上端にあるコマ範囲421aを基準にコマグループが形成できるかを試みる。図示した例では、コマ範囲421aと422aがコマグループに含まれる。そこで、このコマグループの中心に表示範囲を置いてみるが(図9B)、そうすると表示範囲がページの上端をまたいでしまうので、図9Aの位置に表示範囲を戻すことになる。
Furthermore, since the display has been completed to the lower end and the left end of the page, if the next frame transition instruction is input, the display range is moved to the next page as shown in FIG. 9A. Then, an attempt is made to form a frame group based on the
図3Aのフローチャートに基づいて、表示範囲の移動について説明する。上述のように、表示範囲の移動先が決定される。図2Aの初期化の直後であれば、現在の表示範囲とコマグループ形成後の表示範囲が同じ位置にあるかを見極める必要がある。そこで、移動先の座標(生成されたコマグループに対応した表示範囲の中心の座標)と現在の表示範囲の座標が同じであるか否かの判断を行う(ステップS304)。 The movement of the display range will be described based on the flowchart of FIG. 3A. As described above, the destination of the display range is determined. If it is immediately after the initialization of FIG. 2A, it is necessary to determine whether the current display range and the display range after frame group formation are at the same position. Therefore, it is determined whether or not the coordinates of the movement destination (the coordinates of the center of the display range corresponding to the generated frame group) are the same as the coordinates of the current display range (step S304).
なお、ユーザがマウスを使って画像をドラッグすると、マウスカーソルに追従するように画像が移動する。その結果、表示領域に対して画像の位置が変わるため、結果として表示範囲が変わることになる。このような、ドラッグアンドドロップによる表示範囲の変更を補間するためにS304が存在する。 When the user drags an image with the mouse, the image moves so as to follow the mouse cursor. As a result, the position of the image changes with respect to the display area, and as a result, the display range changes. S304 exists in order to interpolate such a change of the display range by drag and drop.
以下に、ユーザがマウスを使って画像をドラッグする場合の具体的な流れを述べる。
手順1.「次へ(S351)」の操作によってコマ範囲413aまで読み進める(実際にはコマグループ化されコマ範囲415aまで含まれる)。
手順2.ユーザのドラッグアンドドロップにより、コマ範囲416a付近を表示する(このとき、コマIDは413aで止まったままである)。
手順3.「次へ(S351)」の操作をする。
手順4.現在のコマグループの最後のコマID「415a」の次のコマである416aをコマIDとして用いて、コマ遷移(S211)を開始する。
手順5.S213で「No」となりコマグループ遷移へと進む(このときコマグループは416aのみである)。
手順6.ステップS304によって座標確認が行われる(多少の誤差は許容される)。
手順7.手順2においてドラッグアンドドロップによりコマ範囲416aあたりを表示しているため、ステップS304の結果は「Yes」となる。
手順8.ステップS305で「進む」、ステップS306で「No」となり、コマ遷移へと進む(ステップS310)。
手順9.結果として421a、422aを含むコマグループへと遷移する。
The specific flow when the user drags an image using the mouse will be described below.
Procedure 1. By reading the “next (S351)”, the frame is read up to the
Procedure 2. The vicinity of the
Procedure 3. The operation of “Next (S351)” is performed.
Procedure 4. The frame transition (S211) is started using 416a, which is the frame next to the last frame ID “415a” of the current frame group, as the frame ID.
Procedure 5. In S213, the result is “No” and the process proceeds to frame group transition (at this time, the frame group is only 416a).
Procedure 6. Coordinate confirmation is performed in step S304 (some errors are allowed).
Step 7. Since the
Procedure 8. “Proceed” is determined in step S305, “No” is determined in step S306, and the process proceeds to frame transition (step S310).
Procedure 9. As a result, the frame group includes 421a and 422a.
このようにすることで、ドラッグアンドドロップにより416aはすでに読まれたと判断し、自動でその次のコマへと進むことができる。ただし、416aより先(例えば422a)までドラッグアンドドロップしてしまうと補間しきれず、ステップS304では「No」となり、416aへとコマグループが遷移する。 By doing so, it can be determined that 416a has already been read by drag and drop, and the process can automatically proceed to the next frame. However, if drag and drop beyond 416a (for example, 422a), interpolation cannot be performed, and “No” is determined in step S304, and the frame group transitions to 416a.
また、S304において強制的に「No」とする場合がある。具体的には、ビューア起動直後の1ページ目表示を含め、ページ遷移した直後は、ページに含まれるコマ範囲情報の入れかえがあるため、現在(遷移前)の座標が遷移後のページの1コマ目の座標と同じである可能性がある。このため、ページ遷移直後のコマ遷移はS304を強制的にNoとする。さもなければ、1コマ目を表示するつもりで2コマ目を表示することになるためである。 In addition, there may be a case where “No” is forcibly set in S304. Specifically, immediately after the page transition, including the display of the first page immediately after starting the viewer, the frame range information included in the page can be replaced, so the current (before transition) coordinates are one frame of the page after transition. May be the same as eye coordinates. For this reason, S304 is forcibly set to No for the frame transition immediately after the page transition. Otherwise, the second frame is displayed with the intention of displaying the first frame.
ステップS304において「NO」の場合、表示範囲をスクロールしてコマグループを表示し(ステップS325)、コマグループ遷移の行程を終了する。他方、ステップS304において「YES」の場合は、図3Bに関連して後述する仕方で指示されている移動方向が「進む」なのか「戻る」なのかを判断する。もし「進む」であれば、コマグループがそのページにおける最後のコマ範囲全体を包含しているかを判断して(ステップS306)、包含していれば、ページ数を加算して(ステップS307)、次のページへ移動することになる(ステップS308)。そのようなページ最後のコマ範囲全体を包含していなければ、コマグループに含まれている最後のコマ範囲の次のコマ範囲に進めて(ステップS309)、コマ遷移へ進む(ステップS310)。 If “NO” in the step S304, the display range is scrolled to display the frame group (step S325), and the frame group transition process is ended. On the other hand, if “YES” in the step S304, it is determined whether the moving direction instructed in the manner described later with reference to FIG. 3B is “forward” or “return”. If “advance”, it is determined whether the frame group includes the entire last frame range on the page (step S306). If included, the number of pages is added (step S307). It moves to the next page (step S308). If the entire frame range at the end of the page is not included, the process proceeds to the frame range next to the last frame range included in the frame group (step S309), and proceeds to frame transition (step S310).
ステップS305において、「戻る」の指示があった場合には、コマグループがそのページ内の最初のコマ範囲を全部包含しているかどうかを判断して(ステップS320)、もしそうであれば、ページ数を一つ戻し(ステップS321)、ページ遷移を行う(ステップS322)。さもなければ、コマグループに含まれている最初のコマの手前のコマ範囲に戻るように(ステップS323)、コマ遷移を行う(ステップS324)。なお、見開きで2ページ表示しているときは、ステップS321で2ページ分を加算または減算する。ただし、見開きで第2ページと第3ページを表示していて第1ページに戻る際は、ステップS321で1を減算する。最終ページが見開きではなく、1ページのみで構成されている場合も同様である。 In step S305, when there is an instruction of “return”, it is determined whether or not the frame group includes the entire first frame range in the page (step S320). The number is returned by one (step S321), and page transition is performed (step S322). Otherwise, frame transition is performed (step S324) so as to return to the frame range before the first frame included in the frame group (step S323). When two pages are displayed with the spread, two pages are added or subtracted in step S321. However, when the second page and the third page are displayed in the spread and the process returns to the first page, 1 is subtracted in step S321. The same applies to the case where the last page is not a two-page spread and is composed of only one page.
次に図3Bについて説明する。まず、ユーザのマウスのクリックやマウスホイールの操作により「次へ」の指示が入力される(ステップS352)。次に最後のコマ分割インデクスであるかどうかが判断される(ステップS353)。最後のコマ分割インデクスでない場合には、コマ分割インデクスを加算し(ステップS357)、コマ分割遷移へ戻る(ステップS358)。最後のコマ分割インデクスの場合には、現在のページ内の最後のコマIDであるかどうかが判断される(ステップS354)。最後のコマIDでない場合には、コマグループ内の最後のコマIDに1を加えた値を新たに用いるコマIDとして(ステップS359)、コマ遷移に戻る(ステップS360)。最後のコマIDである場合には、ページ数を1だけ加算して(ステップS355)、ページ遷移に進む(ステップS356)。すなわち、次のページ内の最初のコマ範囲を表示するように表示範囲を設定する。なお、見開きで2ページ表示しているときは、ステップS355で2ページ分を加算または減算する。ただし、見開きで第2ページと第3ページを表示していて第1ページに戻る際は、ステップS321で1を減算する。最終ページが見開きではなく、1ページのみで構成されている場合も同様である。 Next, FIG. 3B will be described. First, a “next” instruction is input by the user clicking the mouse or operating the mouse wheel (step S352). Next, it is determined whether or not it is the last frame division index (step S353). If it is not the last frame division index, the frame division index is added (step S357), and the process returns to the frame division transition (step S358). In the case of the last frame division index, it is determined whether or not it is the last frame ID in the current page (step S354). If it is not the last frame ID, a value obtained by adding 1 to the last frame ID in the frame group is set as a newly used frame ID (step S359), and the process returns to the frame transition (step S360). If it is the last frame ID, the number of pages is incremented by 1 (step S355), and the process proceeds to page transition (step S356). That is, the display range is set so that the first frame range in the next page is displayed. When two pages are displayed in the spread, two pages are added or subtracted in step S355. However, when the second page and the third page are displayed in the spread and the process returns to the first page, 1 is subtracted in step S321. The same applies to the case where the last page is not a two-page spread and is composed of only one page.
ユーザの操作により「戻る」の指示が入力された場合(ステップS372)、最初のコマ分割インデクスであるかどうかが判断される(ステップS373)。最初のコマ分割インデクスでない場合には、コマ分割インデクスを減算し(ステップS377)、コマ分割遷移へ戻る(ステップS378)。最初のコマ分割インデクスの場合には、現在のページ内の最初のコマIDであるかどうかが判断される(ステップS374)。最初のコマIDでない場合には、コマグループ内の最初のコマIDから1を差し引いた値をコマIDとして(ステップS379)、コマ遷移に戻る(ステップS380)。最初のコマIDである場合には、ページ数を1だけ減算して(ステップS375)、ページ遷移に進む(ステップS356)。すなわち、前のページ内の最後のコマ範囲を表示するように表示範囲を設定する。なお、見開きで2ページ表示しているときは、ステップS375で2ページ分を加算または減算する。ただし、見開きで第2ページと第3ページを表示していて第1ページに戻る際は、ステップS321で1を減算する。最終ページが見開きではなく、1ページのみで構成されている場合も同様である。 When a “return” instruction is input by the user's operation (step S372), it is determined whether or not it is the first frame division index (step S373). If it is not the first frame division index, the frame division index is subtracted (step S377), and the flow returns to the frame division transition (step S378). In the case of the first frame division index, it is determined whether or not it is the first frame ID in the current page (step S374). If it is not the first frame ID, a value obtained by subtracting 1 from the first frame ID in the frame group is set as the frame ID (step S379), and the process returns to the frame transition (step S380). If it is the first frame ID, the number of pages is decremented by 1 (step S375), and the process proceeds to page transition (step S356). That is, the display range is set so as to display the last frame range in the previous page. When two pages are displayed in the spread, two pages are added or subtracted in step S375. However, when the second page and the third page are displayed in the spread and the process returns to the first page, 1 is subtracted in step S321. The same applies to the case where the last page is not a two-page spread and is composed of only one page.
上述の実施例によれば、表示領域の変動(ウィンドウの拡縮)に対応して、より多くのコマを効率的に表示することができる。また、マンガ画像の表示領域中で拡大縮小できる。 According to the above-described embodiment, it is possible to efficiently display more frames in response to a change in display area (window enlargement / reduction). It can also be enlarged or reduced in the display area of the manga image.
100 コンピュータシステム
105 入力手段
110 表示手段
115 記憶手段
120 画像読み込み手段
130 コマ範囲読み込み手段
140 表示範囲移動手段
500 表示範囲
100
Claims (6)
前記コマの表示の順番に従って予め識別番号が付与されたコマ範囲のデータを前記記憶手段に読み込むステップと、
表示すべきコマ範囲と表示手段において設定されている表示領域との大きさの対比に基づいて、マンガ画像中の表示すべき表示範囲に含めるコマ範囲を定めるコマグループ形成ステップと、
表示すべきコマ範囲の全体が表示領域に収まらない場合には、そのコマを分割して表示の順に番号を付与し、その番号順にマンガ画像の表示範囲を定める分割表示ステップと、
決定された表示範囲を表示するステップと、
入力手段による入力を受けてコマ範囲を進めるか戻すかを判断するステップと、
その判断の結果に基づいて、次または前のコマ範囲についてコマグループ形成ステップに戻るか、あるいは分割表示ステップにおいての順番を進めるか戻すかを実行するステップと、
上記のステップを繰り返すステップと
を含む、マンガ画像に含まれる複数のコマを表示する方法。 An image reading step of reading one page or a plurality of pages of manga images including a plurality of frames into a storage means;
Reading the data of the frame range to which the identification number is assigned in advance according to the display order of the frames into the storage unit;
A frame group forming step for determining a frame range to be included in the display range to be displayed in the manga image based on a comparison between the size of the frame range to be displayed and the display area set in the display means;
If the entire frame range to be displayed does not fit in the display area, the frame is divided and assigned numbers in the order of display, and a divided display step for determining the display range of the manga image in that number order;
Displaying the determined display range;
Determining whether to advance or return the frame range in response to input from the input means;
A step of returning to the frame group formation step for the next or previous frame range based on a result of the determination, or advancing or returning the order in the divided display step;
A method for displaying a plurality of frames included in a manga image, comprising: repeating the above steps.
前記コマの表示の順番に従って予め識別番号が付与されたコマ範囲のデータを前記記憶手段に読み込む手段と、
表示すべきコマ範囲と表示手段において設定されている表示領域との大きさの対比に基づいて、マンガ画像中の表示すべき表示範囲に含めるコマ範囲を定めるコマグループ形成手段と、
表示すべきコマ範囲の全体が表示領域に収まらない場合には、そのコマを分割して表示の順に番号を付与し、その番号順にマンガ画像の表示範囲を定める分割表示手段と、
決定された表示範囲を表示する手段と、
入力手段による入力を受けてコマ範囲を進めるか戻すかを判断する手段と、
その判断の結果に基づいて、次または前のコマ範囲についてコマグループ形成ステップに戻るか、あるいは分割表示ステップにおいての順番を進めるか戻すかを実行する手段と、
をコンピュータに実行させる、マンガ画像に含まれる複数のコマを表示するためのコンピュータプログラム。 Image reading means for reading one page or a plurality of pages of manga images including a plurality of frames into the storage means;
Means for reading into the storage means data of a frame range to which an identification number has been assigned in advance according to the display order of the frames;
A frame group forming unit for determining a frame range to be included in the display range to be displayed in the manga image based on a comparison between the size of the frame range to be displayed and the display area set in the display unit;
When the entire frame range to be displayed does not fit in the display area, the frame is divided and assigned a number in the order of display, and divided display means for determining the display range of the manga image in that number order,
Means for displaying the determined display range;
Means for receiving input from the input means to determine whether to advance or return the frame range;
Means for executing whether to return to the frame group formation step for the next or previous frame range based on the result of the determination, or to advance or return the order in the divided display step;
Is a computer program for displaying a plurality of frames included in a manga image.
前記コマの表示の順番に従って予め識別番号が付与されたコマ範囲のデータを前記記憶手段に読み込む手段と、
表示すべきコマ範囲と表示手段において設定されている表示領域との大きさの対比に基づいて、マンガ画像中の表示すべき表示範囲に含めるコマ範囲を定めるコマグループ形成手段と、
表示すべきコマ範囲の全体が表示領域に収まらない場合には、そのコマを分割して表示の順に番号を付与し、その番号順にマンガ画像の表示範囲を定める分割表示手段と、
決定された表示範囲を表示する手段と、
入力手段による入力を受けてコマ範囲を進めるか戻すかを判断する手段と、
その判断の結果に基づいて、次または前のコマ範囲についてコマグループ形成ステップに戻るか、あるいは分割表示ステップにおいての順番を進めるか戻すかを実行する手段と
を備える、マンガ画像に含まれる複数のコマを表示するための装置。 Image reading means for reading one page or a plurality of pages of manga images including a plurality of frames into the storage means;
Means for reading into the storage means data of a frame range to which an identification number has been assigned in advance according to the display order of the frames;
A frame group forming unit for determining a frame range to be included in the display range to be displayed in the manga image based on a comparison between the size of the frame range to be displayed and the display area set in the display unit;
When the entire frame range to be displayed does not fit in the display area, the frame is divided and assigned a number in the order of display, and divided display means for determining the display range of the manga image in that number order,
Means for displaying the determined display range;
Means for receiving input from the input means to determine whether to advance or return the frame range;
Based on the result of the determination, a means for returning to the frame group formation step for the next or previous frame range, or advancing or returning the order in the divided display step is provided. A device for displaying frames.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2009009164A JP2010165309A (en) | 2009-01-19 | 2009-01-19 | Frame display method for comics, program and device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2009009164A JP2010165309A (en) | 2009-01-19 | 2009-01-19 | Frame display method for comics, program and device |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| JP2010165309A true JP2010165309A (en) | 2010-07-29 |
Family
ID=42581391
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| JP2009009164A Pending JP2010165309A (en) | 2009-01-19 | 2009-01-19 | Frame display method for comics, program and device |
Country Status (1)
| Country | Link |
|---|---|
| JP (1) | JP2010165309A (en) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2013088777A (en) * | 2011-10-21 | 2013-05-13 | Fujifilm Corp | Viewer device, server device, display control method, electronic comic editing method and program |
| JP2016162452A (en) * | 2015-03-02 | 2016-09-05 | ネイバー コーポレーションNAVER Corporation | Comic data generation apparatus, method thereof, computer program thereof, and comic data display apparatus |
| JP2021018728A (en) * | 2019-07-23 | 2021-02-15 | エヌエイチエヌ コーポレーション | Server, program, method, and system |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2005202062A (en) * | 2004-01-14 | 2005-07-28 | Sony Computer Entertainment Inc | Comics display device, comics display method, comics editing system, and comics editing method |
| JP2007164550A (en) * | 2005-12-15 | 2007-06-28 | Core Colors Inc | Content display method |
-
2009
- 2009-01-19 JP JP2009009164A patent/JP2010165309A/en active Pending
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2005202062A (en) * | 2004-01-14 | 2005-07-28 | Sony Computer Entertainment Inc | Comics display device, comics display method, comics editing system, and comics editing method |
| JP2007164550A (en) * | 2005-12-15 | 2007-06-28 | Core Colors Inc | Content display method |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2013088777A (en) * | 2011-10-21 | 2013-05-13 | Fujifilm Corp | Viewer device, server device, display control method, electronic comic editing method and program |
| CN103218984A (en) * | 2011-10-21 | 2013-07-24 | 富士胶片株式会社 | Viewer unit, server unit, display control method, digital comic editing method and non-transitory computer-readable medium |
| JP2016162452A (en) * | 2015-03-02 | 2016-09-05 | ネイバー コーポレーションNAVER Corporation | Comic data generation apparatus, method thereof, computer program thereof, and comic data display apparatus |
| JP2021018728A (en) * | 2019-07-23 | 2021-02-15 | エヌエイチエヌ コーポレーション | Server, program, method, and system |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US12504870B2 (en) | Method and system for section-based editing of a website page | |
| EP2360562B1 (en) | Image processing device, information processing device, image processing method, and information processing method | |
| CN102693260A (en) | Causing display of comments associated with an object | |
| KR20090013927A (en) | Memo execution method on e-book viewer screen and applied device | |
| JP4462819B2 (en) | Information processing apparatus and method, recording medium, and program | |
| JP2012008686A (en) | Information processing apparatus and method, and program | |
| JPWO2008099505A1 (en) | Text display control device and computer program | |
| JP4606692B2 (en) | Information processing apparatus and method, recording medium, and program | |
| JP2010165309A (en) | Frame display method for comics, program and device | |
| KR102312996B1 (en) | Method for studying | |
| JP2012048555A (en) | Document display method, document display device and document display program | |
| CN106844606A (en) | The focus processing method and processing device of webpage | |
| KR102159326B1 (en) | System and Device for learning creator's style | |
| US20080143673A1 (en) | Method and Apparatus For Moving Cursor Using Numerical Keys | |
| KR102240410B1 (en) | Device for learning and method thereof | |
| JP5528410B2 (en) | Viewer device, server device, display control method, electronic comic editing method and program | |
| JP4561811B2 (en) | Information processing apparatus and method | |
| JP2011242848A (en) | Electronic device, display control method, program and computer readable recording medium | |
| JP6146222B2 (en) | Handwriting input device and program | |
| KR101522200B1 (en) | Method and apparatus for dispalying electronic documents displaying calculation results in one or more calculation result region | |
| Picchi et al. | Pro iOS Web Design and Development: HTML5, CSS3, and JavaScript with Safari | |
| JP6536666B2 (en) | Drawing control device, control program therefor, and drawing control method | |
| KR20200069115A (en) | Device for learning and method thereof | |
| JP3813499B2 (en) | OUTPUT PROCESSING METHOD, OUTPUT PROCESSING DEVICE, OUTPUT PROCESSING PROGRAM, AND RECORDING MEDIUM CONTAINING OUTPUT PROCESSING PROGRAM | |
| KR20130086471A (en) | Method and apparatus for creating and reconstructing a content including a hiding layer |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| A621 | Written request for application examination |
Free format text: JAPANESE INTERMEDIATE CODE: A621 Effective date: 20111205 |
|
| A977 | Report on retrieval |
Effective date: 20121010 Free format text: JAPANESE INTERMEDIATE CODE: A971007 |
|
| A131 | Notification of reasons for refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A131 Effective date: 20121012 |
|
| A02 | Decision of refusal |
Effective date: 20130222 Free format text: JAPANESE INTERMEDIATE CODE: A02 |