JP6388748B2 - 描画タイミング制御装置 - Google Patents
描画タイミング制御装置 Download PDFInfo
- Publication number
- JP6388748B2 JP6388748B2 JP2018518888A JP2018518888A JP6388748B2 JP 6388748 B2 JP6388748 B2 JP 6388748B2 JP 2018518888 A JP2018518888 A JP 2018518888A JP 2018518888 A JP2018518888 A JP 2018518888A JP 6388748 B2 JP6388748 B2 JP 6388748B2
- Authority
- JP
- Japan
- Prior art keywords
- graphic
- management unit
- graphic element
- loading
- unit
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
- Controls And Circuits For Display Device (AREA)
- Digital Computer Display Output (AREA)
Description
Flash Playerでは、画像や映像を外部記憶装置やネットワーク上の別のコンピュータからメモリ上にロードしてきて、これを画面に描画することができる。このとき、データのメモリへのロードは非同期で実行される。つまり、グラフィック要素の描画に必要なデータのロードが完了していなくても、他の処理(画面の描画)を実行できるようになっている。
しかしながら、非同期でのメモリ上へのロードでは、非同期ロード中のグラフィック要素(画像や映像など)が表示できないため、ロードが完了するまでの間、画面の一部が欠けて表示されてしまうという問題がある。すなわち、本来は同時に表示すべき複数のグラフィック要素が、こうした表示の欠損により、バラバラなタイミングで表示されてしまう問題があった。
この表示の欠損は、ボタンやスライダなどの部品であることが理解しにくくなったり、操作方法が伝わらなくなったりする問題を引き起こす。
実施の形態1.
図1は、本実施の形態による描画タイミング制御装置の構成図である。
本実施の形態による描画タイミング制御装置は、図示のように、グラフィック要素1、ディスプレイリスト2、メモリ3、非同期ロード実行部4、描画用データ5、ディスプレイリスト管理部6、ロード中要素管理部7、待機中要素管理部8、新規要素管理部9、待機要素指定部10、描画部11を備える。また、描画部11には表示装置12が接続されている。
実施の形態1の動作のポイントは、描画用データ5のロードを待っているグラフィック要素1が描画できるようになるまで、即座に描画できるグラフィック要素1を描画しないように待たせることである。また、そのとき各グラフィック要素1の関係性から、同時に描画すべきまとまりを自動的に検出し、描画を待たせるべきグラフィック要素1を自動的に選択する。
各フレームは、各種の演算処理を実行する実行パートと、ディスプレイリスト2に含まれているグラフィック要素1の状態(可視性、レイアウト情報などの属性値)に基づいて画面を出力するレンダリングパートに分かれるものとする。図1に示す構成では、ディスプレイリスト管理部6〜待機要素指定部10が実行パートであり、描画部11がレンダリングパートである。以下、あるフレームでの処理の流れを示す。
そして、検出されたグラフィック要素1は、ロード中要素管理部7〜新規要素管理部9のうち、適切な管理部に登録される。ロード中要素管理部7は、ディスプレイリスト2に含まれるグラフィック要素1のうち、描画に必要なデータのロードが完了していない要素を監視し、ロードが完了した場合にそのグラフィック要素1の登録を解除する。新規要素管理部9は、ディスプレイリスト2に含まれるグラフィック要素1のうち、現在のフレームで新たにディスプレイリスト2に追加されたグラフィック要素1の情報を登録する。待機中要素管理部8は、ディスプレイリスト2に含まれるグラフィック要素1のうち、以下に述べる一連の処理の中で描画されないように指定されたグラフィック要素1を監視し、そのグラフィック要素1への不可視属性が解除された場合にその登録を解除する(現在のフレームで追加されたものだけでなく、過去に追加されたものも監視対象のグラフィック要素1として含む)。
グラフィック要素1の描画に必要なデータのロードが完了したとき、ロード中要素管理部7は、そのグラフィック要素1の登録を解除する。
待機要素指定部10は、このフレームで描画すべきでない要素を探索し、それらの可視性を「不可視」にセットしていく。すなわち、待機要素指定部10は、新規要素管理部9及び待機中要素管理部8に登録されているグラフィック要素1の中から、ロード中要素管理部7に含まれるグラフィック要素1とレイアウト的に重なっているグラフィック要素1を、順次探索する。これは、ボタンやスライダのように、背景画像やテキストなどの複数のグラフィック要素1からなるUI部品について、その構成要素が異なるフレームにまたがってバラバラと描画されることを防ぐことを意図している。
全てのグラフィック要素1は、自身が占める画面領域上の広さを、長方形のバウンディングボックスとして持ち、その長方形の左上座標を座標属性(X,Y)として、横幅、縦幅をサイズ属性(W,H)として保持するものとする。
次の四つの条件のいずれか一つが満たされる場合、要素Bは、ロード中の要素Aに重なっていない、すなわち、要素Bは、そのフレームで即時描画してよいと判定する。なお、XA,YAは要素Aの左上座標、XB,YBは要素Bの左上座標、WA,HAは要素Aの横幅と縦幅、WB,HBは要素Bの横幅と縦幅である。
(i) XB+WB<XA
(ii) XA+WA<XB
(iii)YB+HB<YA
(iv) YA+HA<YB
結果として、描画すべきでないと判定された全ての要素、すなわちロード中要素と重なる要素は、待機中要素管理部8に登録されることになる。
しかも、上記の構成においては、どのグラフィック要素とどのグラフィック要素が、一つのまとまりであるかを予め入力しておく必要がない。単に、レイアウト情報だけに基づいて重なりを見ることで、同時に描画すべき要素を自動的に判定している。
上記実施の形態1では、レイアウト情報を利用して、ボタンやスライダなどの部品のまとまりを抽出していた。これによって、部品に含まれるグラフィック要素が同じタイミングで描画されるようになっていた。これに対し、実施の形態2では、レイアウト情報ではなく、ディスプレイリスト内に含まれる要素間の包含関係に基づいて、ボタンやスライダなどのUI部品のまとまりを抽出する。ここで、描画タイミング制御装置としての図面上の構成は図1に示した実施の形態1と同様であるため、図1を用いて実施の形態2の構成を説明する。
Flash Playerや多くのウェブブラウザなどのアプリケーションランタイムでは、グラフィック要素をツリー構造として管理している。このツリー構造は、ディスプレイツリーやコンテンツツリーなどと呼ばれる。こうしたツリー構造では、図3に示すように、最上位に画面全域(文書全体)を示す要素が配置され、そこに含まれるグラフィック要素がそれに連なった階層構造となっている。
すなわち、図1に示すディスプレイリスト2の構成として図3に示すようなツリー構造をなしており、グラフィック要素1間の包含関係が明確なものである。
このツリー構造において、各ノードは一つのグラフィック要素1を示し、各エッジはノード間の包含関係を示す。ツリーは単一の先祖ノードから派生する構成とする。各グラフィック要素1は、例えば唯一の親要素をもち、親要素は任意の数の子要素を持ってよい。サブツリー302は、描画に必要なデータをロードしているロード中の要素301を全て含む最小のサブツリーとして定義されるものとする。
実行パートのディスプレイリスト管理部6〜新規要素管理部9の動作については実施の形態1と同様であるため、ここでの説明は省略する。
実行パートの最後に、すなわちレンダリングパートの直前に以下の一連の処理を実行する。
待機要素指定部10は、このフレームで描画すべきでない要素を探索し、それらの可視性を「不可視」にセットしていく。実施の形態2では、待機要素指定部10は、新規要素管理部9及び待機中要素管理部8から参照されているグラフィック要素1の中から、ディスプレイリスト2のツリー構造を利用して描画を待機すべき要素を抽出する。すなわち、実施の形態2においても、ボタンやスライダのように、背景画像やテキストなどの複数のグラフィック要素からなるUI部品について、その構成要素が異なるフレームにまたがってバラバラと描画されることを防ぐことを意図している。
描画部11による画面出力については実施の形態1と同様であるため、ここでの説明は省略する。
Claims (2)
- 描画対象となるグラフィック要素をディスプレイリストとして管理するディスプレイリスト管理部と、
前記グラフィック要素の描画に必要なデータがロード中である場合に当該グラフィック要素が登録され、ロードが終了した場合に当該登録が解除されるロード中要素管理部と、
前記ロード中要素管理部に登録されているグラフィック要素に対して不可視属性を付与すると共に、描画するグラフィック要素が他のグラフィック要素に重なっており、かつ当該他のグラフィック要素が前記ロード中要素管理部に登録されていた場合は前記描画するグラフィック要素を不可視属性とする待機要素指定部と、
設定された時間間隔で、前記不可視属性を持たないグラフィック要素を描画する描画部とを備えたことを特徴とする描画タイミング制御装置。 - 描画対象となるグラフィック要素を、階層構造で構成されているツリー上の包含関係を示すディスプレイリストとして管理するディスプレイリスト管理部と、
前記グラフィック要素の描画に必要なデータがロード中である場合に当該グラフィック要素が登録され、ロードが終了した場合に当該登録が解除されるロード中要素管理部と、
前記ロード中要素管理部に登録されているグラフィック要素に対して不可視属性を付与すると共に、描画するグラフィック要素のうち、前記ツリーにおいて、前記ロード中要素管理部に登録されているグラフィック要素を含む最小のサブツリー内に含まれるグラフィック要素を不可視属性とする待機要素指定部と、
設定された時間間隔で、前記不可視属性を持たないグラフィック要素を描画する描画部とを備えたことを特徴とする描画タイミング制御装置。
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
PCT/JP2016/065601 WO2017203659A1 (ja) | 2016-05-26 | 2016-05-26 | 描画タイミング制御装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
JPWO2017203659A1 JPWO2017203659A1 (ja) | 2018-08-30 |
JP6388748B2 true JP6388748B2 (ja) | 2018-09-12 |
Family
ID=60412425
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
JP2018518888A Active JP6388748B2 (ja) | 2016-05-26 | 2016-05-26 | 描画タイミング制御装置 |
Country Status (2)
Country | Link |
---|---|
JP (1) | JP6388748B2 (ja) |
WO (1) | WO2017203659A1 (ja) |
Family Cites Families (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP3213225B2 (ja) * | 1995-11-01 | 2001-10-02 | 松下電器産業株式会社 | マルチメディア再生装置 |
JP4425177B2 (ja) * | 2005-05-20 | 2010-03-03 | 株式会社ソニー・コンピュータエンタテインメント | グラフィックプロセッサ、情報処理装置 |
EP2128824A1 (en) * | 2007-02-28 | 2009-12-02 | Panasonic Corporation | Graphics plotting device and graphics plotting method |
WO2014024255A1 (ja) * | 2012-08-07 | 2014-02-13 | 株式会社 Real Samurai | 端末および動画再生プログラム |
JP6442760B2 (ja) * | 2014-07-29 | 2018-12-26 | 富士通コネクテッドテクノロジーズ株式会社 | 情報処理装置、情報処理方法、及び情報処理プログラム |
-
2016
- 2016-05-26 JP JP2018518888A patent/JP6388748B2/ja active Active
- 2016-05-26 WO PCT/JP2016/065601 patent/WO2017203659A1/ja active Application Filing
Also Published As
Publication number | Publication date |
---|---|
WO2017203659A1 (ja) | 2017-11-30 |
JPWO2017203659A1 (ja) | 2018-08-30 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
WO2018196457A1 (zh) | 一种弹幕显示方法及电子设备 | |
US8769398B2 (en) | Animation control methods and systems | |
US8810576B2 (en) | Manipulation and management of links and nodes in large graphs | |
JP6133318B2 (ja) | クロス・ウィンドウ・アニメーション | |
CN104850388B (zh) | 网页绘制方法及装置 | |
KR102590100B1 (ko) | 비디오 처리 방법 및 장치, 디바이스 및 저장 매체 | |
US10147400B2 (en) | Display control device, display control method, and display control program | |
CN104063125B (zh) | 一种桌面图标管理方法和装置 | |
US10282887B2 (en) | Information processing apparatus, moving image reproduction method, and computer readable medium for generating display object information using difference information between image frames | |
US11941728B2 (en) | Previewing method and apparatus for effect application, and device, and storage medium | |
CN112367549B (zh) | 电视浏览器的视频播放实现方法及浏览器应用运行方法 | |
CN106815880B (zh) | 动画复用方法和系统 | |
CN110471700B (zh) | 图形处理方法、装置、存储介质及电子设备 | |
CN103049430A (zh) | 一种基于idf格式文件的页面显示方法 | |
CN113010075B (zh) | 多信号源窗口交互方法、系统、可读存储介质和电子设备 | |
CN107621951B (zh) | 一种视图层级优化的方法及装置 | |
JP6388748B2 (ja) | 描画タイミング制御装置 | |
CN105739962A (zh) | 基于html的表格单元格编辑器控件扩展方法和系统 | |
US10706217B2 (en) | Quick access panel for displaying a web page on a mobile device | |
US9021346B2 (en) | Systems and methods for displaying and editing state-specific link attributes | |
WO2017113737A1 (zh) | 一种视图的动画显示方法及装置和终端设备 | |
CN109976849B (zh) | 基于编程语言将web组件悬浮于桌面的方法和电子设备 | |
US20160170945A1 (en) | Information processing device, information processing method, and computer program product | |
KR102151364B1 (ko) | 애니메이션 생성 방법 및 장치 | |
JP6538574B2 (ja) | 認識装置、認識システム、認識方法及びプログラム |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A621 | Written request for application examination |
Free format text: JAPANESE INTERMEDIATE CODE: A621 Effective date: 20180523 |
|
A871 | Explanation of circumstances concerning accelerated examination |
Free format text: JAPANESE INTERMEDIATE CODE: A871 Effective date: 20180523 |
|
A975 | Report on accelerated examination |
Free format text: JAPANESE INTERMEDIATE CODE: A971005 Effective date: 20180709 |
|
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: 20180717 |
|
A61 | First payment of annual fees (during grant procedure) |
Free format text: JAPANESE INTERMEDIATE CODE: A61 Effective date: 20180814 |
|
R150 | Certificate of patent or registration of utility model |
Ref document number: 6388748 Country of ref document: JP Free format text: JAPANESE INTERMEDIATE CODE: R150 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |