JP5650740B2 - 設計支援装置、設計支援プログラム、設計支援方法、及び集積回路 - Google Patents

設計支援装置、設計支援プログラム、設計支援方法、及び集積回路 Download PDF

Info

Publication number
JP5650740B2
JP5650740B2 JP2012524411A JP2012524411A JP5650740B2 JP 5650740 B2 JP5650740 B2 JP 5650740B2 JP 2012524411 A JP2012524411 A JP 2012524411A JP 2012524411 A JP2012524411 A JP 2012524411A JP 5650740 B2 JP5650740 B2 JP 5650740B2
Authority
JP
Japan
Prior art keywords
gui
frame
processing time
redrawing
drawing processing
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
JP2012524411A
Other languages
English (en)
Other versions
JPWO2012008099A1 (ja
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.)
Panasonic Intellectual Property Corp of America
Original Assignee
Panasonic Intellectual Property Corp of America
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 Panasonic Intellectual Property Corp of America filed Critical Panasonic Intellectual Property Corp of America
Priority to JP2012524411A priority Critical patent/JP5650740B2/ja
Publication of JPWO2012008099A1 publication Critical patent/JPWO2012008099A1/ja
Application granted granted Critical
Publication of JP5650740B2 publication Critical patent/JP5650740B2/ja
Expired - Fee Related legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/34—Graphical or visual programming
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T13/00—Animation

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • User Interface Of Digital Computer (AREA)
  • Processing Or Creating Images (AREA)

Description

本発明は、ＧＵＩ（グラフィカルユーザインターフェイス）の設計を支援する技術に関するものである。
近年、デジタルテレビ、録画機、及び携帯電話等のデジタル機器においては、グラフィカルユーザインターフェイス（以下、「ＧＵＩ」と記述する）が広く採用されている。ＧＵＩは、ボタン、画像、及びデータ表示リスト等のＧＵＩ部品により構成されている。
ユーザは、表示部の画面上に表示されたＧＵＩ部品をマウス、キーボード、及びリモコン等の入力装置を介して操作することにより、デジタル機器に備えられた多数の機能を利用することができる。
デジタル機器のＧＵＩでは、ユーザが簡単に機器の機能を呼び出して利用するという目的に加え、ユーザにとって、デジタル機器の操作そのものを楽しいものとしたり、デジタル機器のデザイン性を高めたりする目的も求められている。
そのため、デジタル機器では、ＧＵＩとして単に静止した画像を描画するだけでなく、アニメーションや視覚効果等を利用することにより、見た目が美しく使っても楽しいＧＵＩが搭載される傾向にある。
一方、アニメーションや視覚効果などの多用は、ＧＵＩの描画処理量を増加させるため、デジタル機器の限られたハードウエア性能では、期待される性能でＧＵＩが描画されない場合がある。例えば、滑らかで美しいＧＵＩのアニメーションが、カクツキのある不自然なアニメーションとして描画されてしまう場合がある。
期待どおりの性能でＧＵＩを描画することができない場合、ＧＵＩのデザイン性を高めたり、ＧＵＩを使いやすく楽しいものにするために採用されたアニメーションや視覚効果が、逆にＧＵＩのデザイン性を低めたり、ユーザのＧＵＩ操作性を阻害したりする要因になる。
従って、ＧＵＩのデザイナは、ＧＵＩのデザイン性の高さ及び使いやすさと、ＧＵＩの性能とのバランスを十分に考慮したうえでＧＵＩをデザインする必要がある。また、ＧＵＩが期待どおりの性能で描画されない場合には、期待通りの性能でＧＵＩが描画されるように、ＧＵＩのデザインを改善する必要がある。
このようなデザインの改善を行うためには、ＧＵＩのデザイナは、ＧＵＩのデザイン変更が、デジタル機器上でのＧＵＩの性能にどのような影響を与えるかを知る必要がある。しかしながら、ＧＵＩの性能を決定づけるデジタル機器のハードウエアの性能（ＣＰＵ速度性能、メモリの読み書き性能、及びグラフィックハードウェアの処理性能等）や、ソフトウェアプログラムの構成を、専門的な知識を持たないデザイナが理解することは困難である。
このような問題に対処する従来技術として、例えば、非特許文献１には、ＧＵＩが再描画される領域を示す図形を、ＧＵＩの表示に重ねて表示することにより、ＧＵＩ性能の低下要因をデザイナに視覚的に報知するものが知られている。
つまり、ＧＵＩをアニメーション表示する場合、フレーム毎に表示画面の全領域が再描画されるのではなく、前フレームと現フレームとの差分画像のみが現フレームで再描画される。そして、この再描画される領域の面積が大きくなるにつれて、ＧＵＩの描画処理時間が増大し、ＧＵＩの性能が低下する。
そこで、非特許文献１では、再描画される領域の輪郭を、太線を用いて強調表示することにより、ＧＵＩの性能とＧＵＩのデザインとの関連性がデザイナに報知されている。そして、非特許文献１において、デザイナは、強調表示された画像から、再描画される領域が広いために、ＧＵＩの性能が低下していることを判断して、再描画される領域が狭くなるように、ＧＵＩのデザインを変更する。
しかしながら、非特許文献１では、再描画される領域に対する強調表示をＧＵＩの描画更新に伴いＧＵＩに重ねて表示することのみが行われている。そのため、ＧＵＩをアニメーション表示した場合、フレームの更新と合わせて再描画される領域の輪郭を示す太線も次々と更新され、どのフレームにおいて描画性能が低下しているかを把握することが困難となる。また、非特許文献１では、再描画する領域の面積をどれくらい縮小すればＧＵＩの性能低下を防止することができるかというような、ＧＵＩの改善点を示す情報が全く呈示されない。そのため、ユーザはＧＵＩの改善点を速やかに把握することができない。
ActionScript 3.0Language and Components Reference
本発明の目的は、ＧＵＩを実行するハードウエアやソフトウエアの専門的知識を持たないユーザであっても、ＧＵＩの改善点を速やかに認識することができる設計支援装置、設計支援プログラム、設計支援方法、及び集積回路を提供することである。
本発明の一局面による設計支援装置は、ＧＵＩ（グラフィカルユーザインターフェイス）の設計を支援する設計支援装置であって、表示対象となるＧＵＩをアニメーション表示するための属性情報を予め記憶する属性情報記憶部と、ユーザが入力装置を用いて描画開始指令を入力した場合、前記属性情報に基づいて、前記ＧＵＩの描画処理を開始し、時系列的に前後するフレームの差分画像を再描画することで、前記ＧＵＩをアニメーション表示する描画処理部と、前記描画処理部により再描画された領域に基づいて再描画領域を設定し、設定した再描画領域を示す画像を前記ＧＵＩに重畳して表示する再描画領域表示部と、前記描画処理部により前記ＧＵＩのフレームが更新される毎に、更新されたフレームの描画処理時間を計測し、計測した描画処理時間が所定の基準処理時間を超過した場合、前記基準処理時間以内で描画可能な目標再描画領域を算出し、算出した目標再描画領域を示す画像を、前記描画処理時間が前記基準処理時間を超えたフレームである超過フレームに重畳して表示する目標再描画領域表示部とを備える。
また、本発明の別の一局面による設計支援プログラムは、ＧＵＩ（グラフィカルユーザインターフェイス）の設計を支援する設計支援プログラムであって、表示対象となるＧＵＩをアニメーション表示するための属性情報を予め記憶する属性情報記憶部と、ユーザが入力装置を用いて描画開始指令を入力した場合、前記属性情報に基づいて、前記ＧＵＩの描画処理を開始し、時系列的に前後するフレームの差分画像を再描画することで、前記ＧＵＩをアニメーション表示する描画処理部と、前記描画処理部により再描画された領域に基づいて再描画領域を設定し、設定した再描画領域を示す画像を前記ＧＵＩに重畳して表示する再描画領域表示部と、前記描画処理部により前記ＧＵＩのフレームが更新される毎に、更新されたフレームの描画処理時間を計測し、計測した描画処理時間が所定の基準処理時間を超過した場合、前記基準処理時間以内で描画可能な目標再描画領域を算出し、算出した目標再描画領域を示す画像を、前記描画処理時間が前記基準処理時間を超えたフレームである超過フレームに重畳して表示する目標再描画領域表示部としてコンピュータを機能させる。
また、本発明の更に別の一局面による設計支援方法は、ＧＵＩ（グラフィカルユーザインターフェイス）の設計を支援する設計支援方法であって、コンピュータが、ユーザが入力装置を用いて描画開始指令を入力した場合、表示対象となるＧＵＩをアニメーション表示するために予め記憶された属性情報に基づいて、前記ＧＵＩの描画処理を開始し、時系列的に前後するフレームの差分画像を再描画することで、前記ＧＵＩをアニメーション表示する描画処理ステップと、コンピュータが、前記描画処理ステップにより再描画された領域に基づいて再描画領域を設定し、設定した再描画領域を示す画像を前記ＧＵＩに重畳して表示する再描画領域表示ステップと、コンピュータが、前記描画処理ステップにより前記ＧＵＩのフレームが更新される毎に、更新されたフレームの描画処理時間を計測し、計測した描画処理時間が所定の基準処理時間を超過した場合、前記基準処理時間以内で描画可能な目標再描画領域を算出し、算出した目標再描画領域を示す画像を、前記描画処理時間が前記基準処理時間を超えたフレームである超過フレームに重畳して表示する目標再描画領域表示ステップとを備える。
また、本発明の更に別の一局面による集積回路は、ＧＵＩ（グラフィカルユーザインターフェイス）の設計を支援する集積回路であって、ユーザが入力装置を用いて描画開始指令を入力した場合、表示対象となるＧＵＩをアニメーション表示するために予め記憶された属性情報に基づいて、前記ＧＵＩの描画処理を開始し、時系列的に前後するフレームの差分画像を再描画することで、前記ＧＵＩをアニメーション表示する描画処理部と、前記描画処理部により再描画された領域に基づいて再描画領域を設定し、設定した再描画領域を示す画像を前記ＧＵＩに重畳して表示する再描画領域表示部と、前記描画処理部により前記ＧＵＩのフレームが更新される毎に、更新されたフレームの描画処理時間を計測し、計測した描画処理時間が所定の基準処理時間を超過した場合、前記基準処理時間以内で描画可能な目標再描画領域を算出し、算出した目標再描画領域を示す画像を、前記描画処理時間が前記基準処理時間を超えたフレームである超過フレームに重畳して表示する目標再描画領域表示部とを備える。
本発明の実施の形態における設計支援装置が適用されたデジタル機器のブロック図である。 本実施の形態の設計支援装置により描画されるＧＵＩの一例を示した図である。 属性情報記憶部が記憶する属性情報のデータ構造の一例を示した図である。 ＧＵＩ性能管理テーブルのデータ構造の一例を示した図である。 図４に示す属性情報にしたがって描画されたフレームを示している。 （Ａ）は再描画領域の一例を示した図である。（Ｂ）は目標再描画領域が表示されたフレームを示した図である。 本発明の実施の形態による設計支援装置の処理を示すフローチャートである。 再描画領域の拡大要因となったために強調表示されたＧＵＩ部品を示している。
以下本発明の実施の形態について、図面を参照しながら説明する。図１は、本発明の実施の形態における設計支援装置３０が適用されたデジタル機器１のブロック図である。設計支援装置３０は、デジタル機器１において実行されるＧＵＩの設計を支援する装置である。したがって、設計支援装置３０をＧＵＩの設計対象となるデジタル機器１とは別のコンピュータに実装し、このコンピュータを用いてデザイナ等の専門ユーザにより設計されたＧＵＩをデジタル機器１に実装する態様が考えられる。
また、ＧＵＩの設計対象となるデジタル機器１に設計支援装置３０を実装し、専門ユーザがＧＵＩを設計する態様も考えられる。また、デジタル機器１を購入した一般ユーザが自身の好みのＧＵＩを設計する態様も考えられる。
本発明は、これら全ての態様が含まれることを想定しており、以下の説明では、デジタル機器１に設計支援装置３０を実装し、一般ユーザ又は専門ユーザがＧＵＩを設計することを例に挙げて説明する。
図１に示すデジタル機器１は、入力装置１０、表示装置２０、及び設計支援装置３０を備えている。設計支援装置３０は、入力処理部３１、描画処理部３２、属性情報管理部３３、属性情報記憶部３４、ＧＵＩ性能管理部３５、ＧＵＩ性能情報記憶部３６、再描画領域表示部３７、表示更新部３８、及び目標再描画領域表示部３９を備えている。
入力装置１０は、キーボード、マウス、リモコン、及びタッチパネル等の入力装置により構成され、表示装置２０の画面上に表示されたＧＵＩを構成するＧＵＩ部品を操作するためにユーザから入力される種々の操作指令、及びＧＵＩを設計するためにユーザから入力される種々の操作指令等を受け付ける。
具体的には、入力装置１０は、ユーザからの操作指令を受け付けると、受け付けた操作指令の種別を示す入力イベントを入力処理部３１へ通知する。ここで、入力イベントとしては、例えば、キーボードやリモコンのボタンが押されたことを示す入力イベント及びマウスポインタをある座標に移動させたことを示す入力イベント等が該当する。
入力処理部３１は、入力装置１０からＧＵＩのアニメーション表示を開始させるためのボタンが押されたことを示す入力イベントを受け取ると、描画処理部３２に対して、ＧＵＩの描画処理を開始させるための描画開始指示Ａ１を通知する。
描画処理部３２は、入力処理部３１から描画開始指示Ａ１が通知されると、属性情報管理部３３から各フレームにおける属性情報ＴＢを取得して、取得した属性情報ＴＢにしたがって、時系列的に前後するフレームの差分画像を再描画することでＧＵＩをアニメーション表示する。具体的には、描画処理部３２は、描画開始指示Ａ１が通知されると、属性情報取得依頼Ａ２を属性情報管理部３３に通知して属性情報ＴＢを取得し、以後、フレーム周期が経過する毎に、属性情報取得依頼Ａ２を属性情報管理部３３に通知して属性情報ＴＢを取得し、取得した属性情報ＴＢにしたがって、差分画像を求め、差分画像を再描画する。なお、本実施の形態では、描画処理部３２は、描画指令を表示更新部３８に通知することで、ＧＵＩを表示装置２０に表示させる。
図２は、設計支援装置３０により描画されるＧＵＩの一例を示した図であり、（Ａ）は表示装置２０に表示されるＧＵＩのアニメーションの初期のフレームＦ（Ｓ）を示し、（Ｂ）は表示装置２０に表示されるアニメーションの最終のフレームＦ（Ｅ）を示している。なお、図２で示すＧＵＩは、デジタル機器１において、ユーザが写真画像を閲覧するスライドショー機能を実行する際に表示装置２０に表示されるＧＵＩである。
図３は、属性情報記憶部３４が記憶する属性情報のデータ構造の一例を示した図であり、（Ａ）はＧＵＩの初期のフレームＦ（Ｓ）における属性情報ＴＢ（Ｓ）を示し、（Ｂ）はＧＵＩの最終のフレームＦ（Ｅ）における属性情報ＴＢ（Ｅ）を示している。
以下、図２のＧＵＩの動作と、図３の属性情報との関係を説明する。図２（Ａ）、（Ｂ）に示すフレームＦ（Ｓ），Ｆ（Ｅ）は、表示装置２０の備える画面２０１の例えば左上端を原点として、右方向をＸ軸の正方向とし、下方向をＹ軸の正方向とするＸＹ座標系を用いて各画素の位置が規定されている。なお、以降の説明においては、画面２０１は、Ｘ軸方向に例えば１９２０個の画素が配列され、Ｙ軸方向に例えば１０８０個の画素が配列されているものとする。また、画面２０１のＸ軸方向の長さを幅、Ｙ軸方向の長さを高さと定義する。
図２（Ａ）に示すフレームＦ（Ｓ）の属性情報は図３（Ａ）に示す属性情報ＴＢ（Ｓ）で定義され、図２（Ｂ）に示すフレームＦ（Ｅ）の属性情報は図３（Ｂ）に示す属性情報ＴＢ（Ｅ）で定義されている。つまり、描画処理部３２は、フレームＦ（Ｓ）を描画する場合は属性情報ＴＢ（Ｓ）を参照し、フレームＦ（Ｅ）を描画する場合は属性情報ＴＢ（Ｅ）を参照するのである。
図３（Ａ）、（Ｂ）に示す属性情報ＴＢ（Ｓ），ＴＢ（Ｅ）は、２次元のテーブル形式のデータ構造を有し、フレームＦ（Ｓ），Ｆ（Ｅ）のそれぞれを構成する各ＧＵＩ部品の表示位置等を定義するための情報である。
属性情報ＴＢ（Ｓ），ＴＢ（Ｅ）は、「部品ＩＤ」、「重なり順」、「部品種別」、「表示位置」、「表示サイズ」、及び「透過度」をそれぞれ格納するフィールドを備えている。「部品ＩＤ」は、ＧＵＩ部品を特定するための識別情報であり、各ＧＵＩ部品に対して一意的に割り付けられた数値により構成されている。
「重なり順」は、ＧＵＩ部品同士が重なった場合にどちらを優先的に表示させるかを示す情報である。本実施の形態では、「重なり順」は数値が大きいほど画面２０１で手前（ユーザ側）に表示するように定義されている。なお、「重なり順」が同じ値であるＧＵＩ部品は、表示位置が重ならないように定義される。
「部品種別」は、ＧＵＩ部品の表示態様及び発生するイベントの特徴から区分けされるＧＵＩ部品の種類を示す情報であり、ボタン、文字、画像、テキスト等が含まれている。
「表示位置」はＧＵＩ部品の画面２０１における表示位置を示し、図３の例では、Ｘ軸上の値とＹ軸上の値とからなる２次元の座標データが採用されている。なお、図３の例では、表示位置は、ＧＵＩ部品が矩形状である場合、このＧＵＩ部品の左上の位置を示すものとする。また、図３に示す表示位置は、ＧＵＩ部品が円形又は楕円形である場合、このＧＵＩ部品の中心の位置を示すものとする。
「表示サイズ」は、ＧＵＩ部品のサイズを示す情報であり、図３の例では、幅（ｗ）と、高さ（ｈ）とによってサイズが規定されている。なお、図３に示すＧＵＩ部品は全て矩形状であるため、幅と高さとを用いてサイズを規定することができるが、円形状のＧＵＩ部品を採用する場合は半径によりサイズが定義され、楕円形状のＧＵＩ部品を採用する場合は短軸及び長軸によってサイズが定義される。
「透過度」は、ＧＵＩ部品を半透明で描画するか否かを示す数値であり、本実施の形態では、透過度＝１を非透明、透過度＝０を透明と定義している。なお、透過度が０の場合、ＧＵＩ部品は全く描画されず、画面に表示されない。また、透過度が０＜透過度＜１の場合を半透明と定義する。「透過度」が半透明のＧＵＩ部品は、背景画像が透けて見えるように描画される。また、透過度が半透明のＧＵＩ部品は、背景側に「重なり順」の数値が小さいＧＵＩ部品が重畳して配置されている場合、そのＧＵＩ部品が透けて見えるように描画される。
なお、ＧＵＩ部品を半透明で描画する手法としては、例えばアルファブレンディングを採用すればよい。アルファブレンディングでは、ＧＵＩ部品の背景に配置されたＧＵＩ部品又は背景画像のＲ，Ｇ，Ｂの輝度値と、ＧＵＩ部品のＲ，Ｇ，Ｂの輝度値とが、「透過度」で示される割合で混合されてＧＵＩ部品が描画される。
図３（Ａ）に示す属性情報ＴＢ（Ｓ）では、「部品ＩＤ」が「３２０２」〜「３２０７」の６個のＧＵＩ部品が定義されている。「部品ＩＤ」が「３２０２」のＧＵＩ部品は、図２（Ａ）に示すボタンＢ１に対応している。「部品ＩＤ」が「３２０５」〜「３２０７」の３つのＧＵＩ部品は、図２（Ａ）に示す画像Ｇ１〜Ｇ３に対応している。なお、属性情報ＴＢ（Ｓ）では、「部品ＩＤ」が「３２０３」のボタンのＧＵＩ部品と部品ＩＤが「３２０４」の文字のＧＵＩ部品とは、「透過度」がそれぞれ０．０であるため、図２（Ａ）で表示されていない。
図３（Ｂ）に示す属性情報ＴＢ（Ｅ）も、図３（Ａ）に示す属性情報と同一の６個のＧＵＩ部品が定義されている。但し、属性情報ＴＢ（Ｅ）では、「部品ＩＤ」が「３２０２」のＧＵＩ部品の「透過度」が０．０となり、「部品ＩＤ」が「３２０３」のＧＵＩ部品の「透過度」が１．０となっている。そのため、図２（Ｂ）においては、図２（Ａ）で表示されていたボタンＢ１が非表示とされ、代わりにボタンＢ２が表示されている。
また、属性情報ＴＢ（Ｅ）では、「部品ＩＤ」が「３２０４」のＧＵＩ部品の透過度が１．０となっている。そのため、図２（Ａ）では表示されていなかった文字ＴＸのＧＵＩ部品が図２（Ｂ）では表示されている。
なお、図２（Ａ）に示すボタンＢ１は、「再生」ボタンであり、ユーザによりボタンＢ１が操作されると、描画開始指示Ａ１が出力され、ＧＵＩのアニメーション表示が開始される。図２（Ａ）、（Ｂ）の例では、図２（Ａ）に示す画像Ｇ３が、図２（Ｂ）に示す画像Ｇ３のサイズになるまで徐々に、拡大表示されていくアニメーションが採用されている。
なお、ＧＵＩ部品は、上記の属性情報ＴＢ（Ｓ），ＴＢ（Ｅ）、及び、ユーザにより操作されたときに発生するイベント等が、デジタル機器１上で実行可能な形式（例えば、プログラム）で定義される。
図１に戻り、属性情報管理部３３は、属性情報記憶部３４に記憶された属性情報ＴＢを管理する。具体的には、属性情報管理部３３は、描画処理部３２から属性情報取得依頼Ａ２が通知される毎に、属性情報記憶部３４に記憶されている属性情報ＴＢに対して所定の補間処理を実行し、ｉ（ｉはフレーム番号を規定するためのインデックス）番目のフレームにおける属性情報ＴＢ（ｉ）を算出し、描画処理部３２に渡す。
本実施の形態では、属性情報記憶部３４には、ＧＵＩの初期の属性情報ＴＢ（Ｓ）と、最終の属性情報ＴＢ（Ｅ）とが格納されている。したがって、属性情報管理部３３は、アニメーションが開始されてからの経過時間ΔＴと、アニメーションが開始されてから終了されるまでの所定の表示時間ＴＴとを用いて、属性情報ＴＢ（Ｓ），ＴＢ（Ｅ）を補間することで、属性情報ＴＢ（ｉ）を算出する。ここで、補間処理としては、経過時間ΔＴが増大するにつれて属性情報ＴＢ（Ｅ）に近づいていき、かつ、表示時間ＴＴの経過時に属性情報ＴＢ（Ｅ）になるという条件が満たされる限り、どのような補間処理が採用されてもよく、例えば線形補間、ベジェ補間が採用される。
具体的には、属性情報管理部３３は、初期のフレームを表示するための属性情報取得依頼Ａ２が描画処理部３２から通知されると、属性情報ＴＢ（Ｓ）を描画処理部３２に渡す。これにより、図２（Ａ）に示すフレームＦ（Ｓ）が描画される。
次に、ボタンＢ１が操作され描画開始指示Ａ１が通知されると、描画処理部３２は、経過時間ΔＴの計時を開始すると共に、属性情報取得依頼Ａ２を属性情報管理部３３に渡す。
次に、属性情報管理部３３は、属性情報取得依頼Ａ２を受け取り、属性情報ＴＢ（Ｓ）と属性情報ＴＢ（Ｅ）とを比較し、「表示位置」又は「表示サイズ」が変化しているＧＵＩ部品をアニメーション対象のＧＵＩ部品として特定する。図３（Ａ）、（Ｂ）の例では、「部品ＩＤ」が「３２０７」のＧＵＩ部品（画像Ｇ３）が、「表示位置」及び「表示サイズ」が変化しているため、アニメーション対象のＧＵＩ部品として特定される。
そして、属性情報管理部３３は、属性情報ＴＢ（Ｓ），ＴＢ（Ｅ）の表示位置の差分と表示サイズの差分とのそれぞれに対して、ΔＴ／ＴＴを乗じることで、画像Ｇ３の補間表示位置と補間表示サイズとを線形補間により求める。そして、属性情報管理部３３は、求めた補間表示位置と補間表示サイズとを属性情報ＴＢ（ｉ）の「部品ＩＤ」が「３２０７」のレコードの「表示位置」及び「表示サイズ」のフィールドに格納し、描画処理部３２に渡す。以後、属性情報管理部３３は、属性情報取得依頼Ａ２が通知される毎に、上記の処理を実行して補間表示位置と補間表示サイズとを求め、属性情報ＴＢ（ｉ）に格納して描画処理部３２に渡す。以上により、画像Ｇ３が属性情報ＴＢ（Ｓ）で定義される「表示位置」及び「表示サイズ」から属性情報ＴＢ（Ｅ）で定義される「表示位置」及び「表示サイズ」に向けて滑らかに変化するようにアニメーション表示される。
図１に戻り、属性情報記憶部３４は、例えば書き換え可能な不揮発性の記憶装置により構成され、属性情報ＴＢ（Ｓ），ＴＢ（Ｅ）を予め記憶している。
ＧＵＩ性能管理部３５は、目標再描画領域表示部３９が計測した各フレームの描画処理時間ＴＳを、各フレームにおける属性情報ＴＢと関連づけて記憶するＧＵＩ性能管理テーブルＴＢＳを生成し、生成したＧＵＩ性能管理テーブルＴＢＳをＧＵＩ性能情報記憶部３６に記憶させ、ＧＵＩ性能管理テーブルＴＢＳを管理する。
図４は、ＧＵＩ性能管理テーブルＴＢＳのデータ構造の一例を示した図である。図４に示すＧＵＩ性能管理テーブルＴＢＳは、「経過時間」、「リンク情報」、及び「性能値」がそれぞれ格納されるフィールドを備えている。
「経過時間」はアニメーション表示を開始してからの経過時間ΔＴ（ｍｓｅｃ）を示している。「リンク情報」は「経過時間」のフィールドに格納された経過時間ΔＴのフレームを描画する際に用いられた属性情報を特定するための属性情報ＩＤを示している。図４の例では「属性情報ＩＤ」が３００１１であるため、属性情報ＩＤとして３００１１が付与された属性情報ＴＢに対して、「性能値」のフィールドに格納された描画処理時間ＴＳが対応付けられている。
「性能値」は経過時間ΔＴが経過した時に描画されたフレームに対して、目標再描画領域表示部３９により計測された描画処理時間ＴＳを示している。図４の例では、「性能値」が３０ｍｓｅｃであるため、経過時間ΔＴにおいてフレームを描画するのに、３０ｍｓｅｃを要したことが分かる。
なお、ＧＵＩ性能管理部３５は、目標再描画領域表示部３９から描画処理時間ＴＳの保存要求Ａ３が通知された際に、描画処理時間ＴＳに対応する属性情報ＴＢを属性情報管理部３３から取得し、取得した属性情報ＴＢに属性情報ＩＤを付与することで、ＧＵＩ性能管理テーブルＴＢＳを生成する。
ここで、属性情報ＩＤは、各属性情報ＴＢに対して一意的に割り付けられた数値が採用され、経過時間ΔＴが増大するにつれて大きな数値が割り付けられる。
なお、保存要求Ａ３は、描画処理時間ＴＳが計測される毎に目標再描画領域表示部３９から通知され、ＧＵＩ性能管理部３５は、保存要求Ａ３が通知される毎にＧＵＩ性能管理テーブルＴＢＳを更新する。したがって、図４に示すＧＵＩ性能管理テーブルＴＢＳは、アニメーションが開始されてから終了されるまでに描画されるフレーム数分生成される。これにより、経過時間ΔＴ、描画処理時間ＴＳ、及び属性情報ＴＢが関連付けられた情報が時系列で記憶されたＧＵＩ性能管理テーブルＴＢＳが生成される。その結果、ユーザは、後から各フレームの描画処理時間と属性情報とを照らし合わせることが可能となり、ＧＵＩの改善点を特定する際に便利な情報を提供することができる。
図５は、図４に示す属性情報ＴＢにしたがって描画されたフレームを示している。図４に示す属性情報ＴＢでは、部品ＩＤが３２０７のＧＵＩ部品（画像Ｇ３）の「表示位置」が「４８０，２８０」であり、「表示サイズ」が「５２０，３６０」とされている。つまり、画像Ｇ３の補間表示位置が「４８０，２８０」、補間表示サイズが「５２０，３６０」と算出されている。よって、図５に示す画像Ｇ３は、左上の位置が「４８０，２８０」の座標に位置し、かつ、幅が５２０、高さが３６０で表示されている。
なお、図５では、「停止」ボタンであるボタンＢ２が表示されている。これは、アニメーションが開始されると、「再生」ボタンに代えて「停止」ボタンを表示するように予めプログラムが作成されており、属性情報管理部３３がそのプログラムにしたがって、属性情報ＴＢ（Ｓ）において１．０であったボタンＢ１の透過度を０．０に変更し、属性情報ＴＢ（Ｓ）において０．０であったボタンＢ２の透過度を１．０に変更して、図４に示す属性情報ＴＢを生成したからである。
図１に戻り、再描画領域表示部３７は、各フレームにおいて描画処理部３２により再描画された領域に基づいて再描画領域ＳＤを設定し、設定した再描画領域ＳＤを示す画像をＧＵＩに重畳して表示する。図６（Ａ）は再描画領域ＳＤの一例を示した図である。図６（Ａ）において、画像Ｇ３（ｉ）は現フレームである第ｉ番目のフレームＦ（ｉ）において描画された画像Ｇ３を示し、画像Ｇ３（ｉ−１）はフレームＦ（ｉ）の１つ前のフレームＦ（ｉ−１）において描画された画像Ｇ３を示している。
図６（Ａ）の例では、時間が増大するにつれて、画像Ｇ３が画面２０１の右斜め下に移動すると同時に拡大表示されるアニメーションが採用されている。この場合、描画処理部３２は、画像Ｇ３（ｉ）を描画すると同時に、画像Ｇ３（ｉ−１）の移動により、新たに表示される背景（色や画像等）と画像Ｇ２の一部とを描画する必要がある。
つまり、画像Ｇ３（ｉ−１）を移動させて画像Ｇ（ｉ）を表示する場合、画像Ｇ３（ｉ−１）の消去処理が発生するが、このとき、画像Ｇ（ｉ−１）の消去により露出する画像Ｇ２の部分の描画や、画像Ｇ３（ｉ−１）の消去により露出する画像Ｇ２以外の背景（色や画像）の部分の描画を行う必要がある。
したがって、再描画領域表示部３７は、画像Ｇ３（ｉ）と画像Ｇ３（ｉ−１）とに外接する図形である外接矩形をフレームＦ（ｉ）における再描画領域ＳＤとして設定する。
なお、再描画領域ＳＤの描画処理としては、画像Ｇ３（ｉ）＋画像Ｇ２の部分＋背景の部分」というように最小限の描画だけを行う処理や、再描画領域ＳＤ内の画像Ｇ２，Ｇ３（ｉ−１）を消去した後、画像Ｇ３（ｉ）及び画像Ｇ２の部分の描画を行う処理等が挙げられる。
そして、再描画領域表示部３７は、設定した再描画領域ＳＤの輪郭を強調表示する画像をフレームＦ（ｉ）に重畳表示させる。図６（Ａ）の例では、再描画領域ＳＤを示す画像として再描画領域ＳＤの輪郭を太線で示す矩形画像ＳＱ１が採用されている。なお、再描画領域表示部３７は、ＧＵＩの各フレームに矩形画像ＳＱ１を重畳表示してもよいし、後述する超過フレームに対してのみ矩形画像ＳＱ１を重畳表示してもよい。
なお、再描画領域表示部３７は、再描画領域ＳＤを示す矩形画像ＳＱ１を重畳表示するための描画指令を表示更新部３８に通知することで、再描画領域ＳＤを各フレーム又は超過フレームに重畳表示させる。
図１に戻り、目標再描画領域表示部３９は、描画処理部３２によりＧＵＩのフレームが更新される毎に、更新されたフレームの描画処理時間ＴＳを計測し、計測した描画処理時間ＴＳが所定の基準処理時間ＴＲを超過した場合、基準処理時間ＴＲ以内で描画可能な目標再描画領域ＭＤを算出し、算出した目標再描画領域ＭＤを示す画像を、描画処理時間ＴＳが基準処理時間ＴＲを超えたフレームである超過フレームに重畳して表示する。ここで、基準処理時間ＴＲとしては、例えば、ＧＵＩを実行するハードウエアの描画処理能力に基づいて、ＧＵＩを滑らかにアニメーション表示することができる予め定められた時間を採用することができる。
また、目標再描画領域表示部３９は、描画処理時間ＴＳを算出する毎に、描画処理時間ＴＳをＧＵＩ性能管理テーブルＴＢＳに記憶させるための保存要求Ａ３をＧＵＩ性能管理部３５に通知する。以下、フレームＦ（ｉ）が超過フレームであるとして説明する。
図６（Ｂ）は目標再描画領域ＭＤが表示されたフレームを示した図である。図６（Ｂ）に示す点線で囲まれた領域が目標再描画領域ＭＤである。ここで、目標再描画領域ＭＤは、近似的には下記の式（１）によって定義することができる。
目標再描画領域ＭＤ×定数β＝基準処理時間ＴＲ・・・（１）
ここで、定数βは、式（２）で表される。
定数β＝１／単位時間当たりの描画処理面積・・・（２）
なお、式（２）に示す単位時間あたりの描画処理面積としては、単位時間（例えば、１秒間）あたりに、描画処理部３２が描画することができる画素数として予め与えられた値が採用されている。
そして、目標再描画領域表示部３９は、式（１）により得られた目標再描画領域ＭＤが再描画領域ＳＤと相似であるとして、目標再描画領域ＭＤの幅ＭＤ＿ｗ及び高さＭＤ＿ｈを算出する。
そして、目標再描画領域表示部３９は、幅ＭＤ＿ｗ及び高さＭＤ＿ｈを有する目標再描画領域ＭＤの輪郭を強調表示する画像をフレームＦ（ｉ）に重畳させる。図６（Ｂ）の例では、目標再描画領域ＭＤを示す画像として目標再描画領域ＭＤの輪郭を点線で示す矩形画像ＳＱ２が採用されている。ここで、目標再描画領域表示部３９は目標再描画領域ＭＤの左上の頂点が再描画領域ＳＤの左上の頂点に位置するように、フレームＦ（ｉ）に目標再描画領域ＭＤを設定している。但し、これは一例であり、目標再描画領域表示部３９は、目標再描画領域ＭＤの中心が再描画領域ＳＤの中心に位置するように、フレームＦ（ｉ）に目標再描画領域ＭＤを設定してもよいし、目標再描画領域ＭＤの左下、右上、又は右下の頂点が再描画領域ＳＤの左下、右上、又は右下の頂点に位置するように目標再描画領域ＭＤを設定してもよい。
このように、フレームＦ（ｉ）において目標再描画領域ＭＤが表示されるため、ユーザは、再描画領域ＳＤをどの程度縮小すれば、フレームＦ（ｉ）の描画処理時間ＴＳを基準処理時間ＴＲ以下にすることができるのかを容易に認識することができる。これにより、ＧＵＩを実行するハードウエアやソフトウエアの専門的知識を持たないユーザであっても、ＧＵＩの改善点を速やかに認識し、滑らかにアニメーション表示させることのできるＧＵＩを容易に設計することができる。
また、目標再描画領域表示部３９は、描画処理時間ＴＳが基準処理時間ＴＲを超過した場合、超過フレームＦ（ｉ）よりも後のフレームＦ（ｉ＋１），Ｆ（ｉ＋２），・・・の描画処理部３２による描画処理を停止させる。
これにより、ＧＵＩをアニメーション表示した場合に、超過フレームＦ（ｉ）が検出されると、超過フレームＦ（ｉ）が画面２０１に表示された状態でアニメーションが停止される。そのため、ユーザは、どのフレームが超過フレームＦ（ｉ）であるかを容易に認識することができる。また、超過フレームＦ（ｉ）が停止表示され、そこには、矩形画像ＳＱ１，ＳＱ２が表示されているため、ユーザは超過フレームＦ（ｉ）を再設計する際にどの程度、再描画領域ＳＤを縮小すればよいかを容易に認識することができる。
また、目標再描画領域表示部３９は、描画処理時間ＴＳが基準処理時間ＴＲを超えた場合、超過フレームＦ（ｉ）における再描画領域ＳＤ（ｉ）がフレームＦ（ｉ−１）における再描画領域ＳＤ（ｉ−１）よりも拡大しているか否かを判定する。そして、目標再描画領域表示部３９は、再描画領域ＳＤ（ｉ）が拡大していると判定した場合、再描画領域ＳＤ（ｉ）の拡大要因となったＧＵＩ部品を抽出し、抽出したＧＵＩ部品を超過フレームＦ（ｉ）において強調表示する。
これにより、ユーザは、超過フレームを再設計する際にどのＧＵＩ部品の表示態様を変更すれば、再描画領域ＳＤ（ｉ）を縮小できるかを容易に認識することができる。
図８は、再描画領域ＳＤの拡大要因となったために強調表示されたＧＵＩ部品を示している。図８に示すように、目標再描画領域表示部３９は、フレームＦ（ｉ−１）における再描画領域ＳＤ（ｉ−１）と、再描画領域ＳＤ（ｉ）とを比較する。そして、目標再描画領域表示部３９は、再描画領域ＳＤ（ｉ）の面積が再描画領域ＳＤ（ｉ−１）の面積よりも大きい場合、再描画領域ＳＤ（ｉ）が拡大していると判定する。
そして、目標再描画領域表示部３９は、再描画領域ＳＤ（ｉ）において、再描画領域ＳＤ（ｉ−１）からはみ出している領域ＨＤを抽出する。図８の例では、網点を付したＬ字状の領域が領域ＨＤとして抽出されている。
そして、目標再描画領域表示部３９は、領域ＨＤ内に描画され、かつ、少なくとも輪郭の一部が再描画領域ＳＤ（ｉ）に内接しているＧＵＩ部品を再描画領域ＳＤ（ｉ）の拡大要因となったＧＵＩ部品として抽出する。図８の例では、画像Ｇ３（ｉ）が拡大要因となったＧＵＩ部品として抽出されている。
そして、目標再描画領域表示部３９は、拡大要因となったＧＵＩ部品である画像Ｇ３（ｉ）の輪郭を強調表示する画像をフレームＦ（ｉ）に重畳表示させる。図８の例では、画像Ｇ３（ｉ）の輪郭を太線で示す矩形画像ＳＱ３が強調表示する画像として採用されている。
なお、図６（Ｂ）に示す矩形画像ＳＱ１，ＳＱ２と図８に示す矩形画像ＳＱ３とを同時に表示すると、表示が紛らわしくなってしまうため、矩形画像ＳＱ１〜ＳＱ３をそれぞれ異なる色で表示することが好ましい。
また、目標再描画領域表示部３９は、描画処理時間ＴＳが基準処理時間ＴＲを超えた場合、超過フレームＦ（ｉ）に対応する属性情報ＴＢ（ｉ）と、超過フレームＦ（ｉ）より１つ前のフレームＦ（ｉ−１）に対応する属性情報ＴＢ（ｉ−１）とを比較し、透過度が非透明から半透明に変化したＧＵＩ部品を抽出し、抽出したＧＵＩ部品を超過フレームＦ（ｉ）において強調表示してもよい。
図２（Ｂ）に示すボタンＢ２の透過度がフレームＦ（ｉ−１）から超過フレームＦ（ｉ）に亘って、１．０から０．５に変化したとする。
この場合、目標再描画領域表示部３９は、超過フレームＦ（ｉ）において、ボタンＢ２を強調表示する。ここで、目標再描画領域表示部３９は、例えばボタンＢ２の輪郭を太線で囲む、ボタンＢ２の色を通常の色とは異なる色で表示させる等して、ボタンＢ２を強調表示すればよい。
ＧＵＩ部品を非透明から半透明に変える場合、ＧＵＩ部品の背景画像やＧＵＩ部品の背後のＧＵＩ部品の画像データに対して画像処理を実行する必要がある等の理由から、描画処理時間ＴＳを大きく増大させる虞がある。そこで、本実施の形態では、超過フレームＦ（ｉ）において、非透明から半透明に変化したＧＵＩ部品が存在する場合、そのＧＵＩ部品を強調表示させている。これにより、ユーザは、ＧＵＩの設計変更を行う際にどのＧＵＩ部品の表示態様を変更すれば、描画処理時間ＴＳが基準処理時間ＴＲを下回るかを容易に認識することができる。
目標再描画領域表示部３９は、描画処理時間ＴＳが基準処理時間ＴＲを超えた場合、超過フレームＦ（ｉ）に対応する属性情報ＴＢ（ｉ）と、フレームＦ（ｉ−１）に対応する属性情報ＴＢ（ｉ−１）とを比較し、超過フレームＦ（ｉ）において新たに描画されたＧＵＩ部品を抽出し、抽出したＧＵＩ部品を超過フレームにおいて強調表示してもよい。
例えば、フレームＦ（ｉ−１）から超過フレームＦ（ｉ）に変化する際に、新たにボタンのＧＵＩ部品が追加表示されるように属性情報ＴＢ（ｉ）に記述されていたとすると、目標再描画領域表示部３９は、超過フレームＦ（ｉ）においてこのボタンを強調表示させる。ボタンの強調表示の態様としては、ボタンの輪郭を太線で囲む、ボタンの色を通常の色とは異なる色で表示させる等の態様を採用することができる。ここで、目標再描画領域表示部３９は、属性情報ＴＢに含まれる「部品ＩＤ」に着目して、新たなＧＵＩ部品が追加されたか否かを判定すればよい。
また、目標再描画領域表示部３９は、描画処理時間ＴＳが基準処理時間ＴＲを超過した場合、描画処理時間ＴＳと基準処理時間ＴＲとの差分を基に、削減するべき描画面積の大きさを示す目標削減領域ＤＤを算出する。ここで、目標削減領域は、式（３）により定義される。
目標削減領域ＤＤ＝（描画処理時間ＴＳ―基準処理時間ＴＲ）×（１／定数β）・・・（３）
なお、１／定数β＝単位時間当たりの描画面積である。
ここで、描画処理時間ＴＳは、式（４）により表される。
描画処理時間ＴＳ＝再描画された個々のＧＵＩ部品の描画面積の総和ＳＢ×定数β・・・（４）
図６（Ａ）に示す再描画領域ＳＤ内において、画像Ｇ（ｉ）以外の領域に別のＧＵＩ部品が新たに追加されていたとする。この場合、式（４）に示す個々のＧＵＩ部品の描画面積の総和ＳＢは、画像Ｇ３（ｉ）＋新たなＧＵＩ部品の面積となる。
なお、描画処理時間ＴＳとしては、式（４）で算出したものに代えて、目標再描画領域表示部３９により計測された描画処理時間ＴＳを採用してもよい。
目標削減領域ＤＤの表示態様としては、例えば、図６（Ｂ）に示すように、目標削減領域ＤＤの輪郭を太線で示す矩形画像ＳＱ４を採用すればよいが、目標再描画領域ＭＤ等との差別化を図るために、矩形画像ＳＱ４を矩形画像ＳＱ１〜ＳＱ３とは異なる色で表示することが好ましい。
また、矩形画像ＳＱ４の表示位置としては、矩形画像ＳＱ２と同様、再描画領域ＳＤの左上、右上、左下、又は右下の頂点に位置するように表示してもよいし、再描画領域ＳＤの中心に位置するように表示してもよい。
このように目標削減領域ＤＤを表示することで、ユーザはＧＵＩを再設計する際、再描画領域ＳＤを過度に縮小することを防止することができる。
なお、目標再描画領域表示部３９は、再描画領域表示部３７に、矩形画像ＳＱ２〜ＳＱ４を描画するための描画依頼を再描画領域表示部３７に出力することで、矩形画像ＳＱ２〜ＳＱ４を超過フレームＦ（ｉ）に重畳表示させる。なお、再描画領域表示部３７は、目標再描画領域表示部３９から矩形画像ＳＱ２〜ＳＱ４の描画依頼が出力されると、その描画依頼に応じた描画指令を表示更新部３８に通知し、矩形画像ＳＱ２〜ＳＱ４を描画させる。
図１に戻り、表示更新部３８は、描画バッファを含み、描画処理部３２からの描画指令にしたがって、ＧＵＩを構成するフレームの画像データを所定のフレームレートで描画バッファに順次書き込むことで、ＧＵＩを表示装置２０に表示させる。
また、表示更新部３８は、再描画領域表示部３７からの描画指令にしたがって、各フレーム又は超過フレームを書き込んだ描画バッファに矩形画像ＳＱ１を書き込むことで、矩形画像ＳＱ１を重畳表示させる。また、表示更新部３８は、再描画領域表示部３７からの描画指令にしたがって、超過フレームを書き込んだ描画バッファに矩形画像ＳＱ２〜ＳＱ４を書き込むことで、超過フレームに矩形画像ＳＱ２〜ＳＱ４を重畳表示させる。
表示装置２０は、例えば、液晶パネル、プラズマパネル等の表示装置から構成され、表示更新部３８により描画バッファに書き込まれた画像データを画面２０１に表示する。
以上、本発明の実施の形態による設計支援装置３０の構成を説明した。続いて、本発明の実施の形態による設計支援装置３０の処理について説明する。図７は、本発明の実施の形態による設計支援装置３０の処理を示すフローチャートである。
このフローチャートでは、図２（Ａ）に示すフレームＦ（Ｓ）からフレームＦ（Ｅ）に向けて所定のフレームレートで画像Ｇ３が拡大表示されるアニメーションを例に挙げて説明する。
まず、入力装置１０を用いて、ユーザが図２に示すボタンＢ１に対して、入力操作を行う（ステップＳ１でＹＥＳ）。すると、入力処理部３１が、入力イベントを受け取り、描画開始指示Ａ１を描画処理部３２に出力する。これにより、ステップＳ２以降の処理が開始される。一方、ボタンＢ１に対して入力操作が行われない場合（ステップＳ１でＮＯ）処理がステップＳ１に戻され、ステップＳ２以降の処理が開始されない。
次に、描画処理部３２は、フレームＦ（ｉ）の描画処理の開始時刻に到達した場合（ステップＳ２でＹＥＳ）、フレームＦ（ｉ）の描画処理を開始することを目標再描画領域表示部３９に通知する。この通知を受けた目標再描画領域表示部３９は、描画処理時間ＴＳの計時を開始する（ステップＳ３）。
本実施の形態では、描画処理部３２は、所定のフレーム周期でＧＵＩの各フレームを順次に描画する。そのため、描画処理部３２は、フレームＦ（ｉ−１）の描画処理の開始時刻からフレーム周期が経過してフレームＦ（ｉ）の描画タイミングになったとき、ステップＳ２でＹＥＳと判定する。
次に、描画処理部３２は、属性情報管理部３３に対して、フレームＦ（ｉ）に対する属性情報取得依頼Ａ２を通知して、フレームＦ（ｉ）に対応する属性情報ＴＢ（ｉ）を取得し（ステップＳ４）、属性情報ＴＢ（ｉ）と属性情報ＴＢ（ｉ−１）とから差分画像を特定し、この差分画像を描画するための描画指令を表示更新部３８に出力することでフレームＦ（ｉ）を描画する。ここで、属性情報ＴＢ（ｉ）は、属性情報ＴＢ（Ｓ）と属性情報ＴＢ（Ｅ）とに対して上述した補間処理を実行することで算出される。
次に、描画処理部３２はフレームＦ（ｉ）の描画が終了すると、描画処理の完了通知を目標再描画領域表示部３９に出力し、この通知を受けた目標再描画領域表示部３９は、描画処理時間ＴＳの計測を終了する（ステップＳ５）。
次に、目標再描画領域表示部３９は、保存要求Ａ３をＧＵＩ性能管理部３５に通知し、ＧＵＩ性能管理部３５は、図４に示すように、計測されたフレームＦ（ｉ）の描画処理時間ＴＳと、フレームＦ（ｉ）に対応する属性情報ＴＢ（ｉ）とを関連付けてＧＵＩ性能管理テーブルＴＢＳに追加し、描画処理時間ＴＳを保存する（ステップＳ６）。
次に、再描画領域表示部３７は、描画処理部３２により再描画された差分画像に基づいて再描画領域ＳＤを設定し、再描画領域ＳＤを示す矩形画像ＳＱ１を描画するための描画指令を表示更新部３８に出力することで、フレームＦ（ｉ）に矩形画像ＳＱ１を重畳表示させる（ステップＳ７）。これにより、図６（Ａ）に示すような矩形画像ＳＱ１が画面２０１に表示される。
次に、目標再描画領域表示部３９は、フレームＦ（ｉ）の描画処理時間ＴＳが基準処理時間ＴＲより大きいか否かを判定し、描画処理時間ＴＳが基準処理時間ＴＲより大きい場合（ステップＳ８でＹＥＳ）、フレームＦ（ｉ＋１）以降の描画処理の停止指示を描画処理部３２に出力する。
一方、描画処理時間ＴＳが基準処理時間ＴＲ以下である場合（ステップＳ８でＮＯ）、処理がステップＳ２に戻され、次のフレームに対する描画処理が行われる。
次に、描画処理部３２は、目標再描画領域表示部３９からの描画処理の停止指示を受け、フレームＦ（ｉ＋１）以降の描画処理を停止する（ステップＳ９）。
次に、目標再描画領域表示部３９は、式（１）を用いて目標再描画領域ＭＤを算出し、式（３）を用いて目標削減領域ＤＤを算出し、図６（Ｂ）に示す矩形画像ＳＱ２，ＳＱ４、及び図８に示す矩形画像ＳＱ３をフレームＦ（ｉ）に重畳表示させる（ステップＳ１０）。
このように、設計支援装置３０によれば、描画処理時間ＴＳが基準処理時間ＴＲより大きい場合、アニメーションが停止され、目標再描画領域ＭＤを示す矩形画像ＳＱ２が超過フレームに重畳して表示される。つまり、基準処理時間ＴＲを満たす領域のサイズを示す目標再描画領域ＭＤが視覚化されて表示される。
従って、ＧＵＩデザイナのような、描画処理時間ＴＳを決定づける要因について専門的知識のないユーザであっても、目標再描画領域ＭＤを参考にして、描画処理時間ＴＳが基準処理時間ＴＲを満たすようにＧＵＩを再設計することが可能となる。
また、設計支援装置３０によれば、描画処理時間ＴＳが基準処理時間ＴＲを満たすために削減すべき領域のサイズを示す目標削減領域ＤＤが視覚化して表示される。従って、ユーザは、目標削減領域ＤＤを目安にして、個々のＧＵＩ部品の面積をどの程度縮小すればよいかを知ることができ、ＧＵＩ部品を過剰に縮小するような再設計を防止することができる。
なお、上記説明では、目標再描画領域表示部３９は、超過フレームにおいて、「部品ＩＤ」に着目して新たに描画されたＧＵＩ部品を抽出したが、これに限定されず、「透過度」が透明（透過度＝０．０）から、半透明（０＜透過度＜１）又は非透明（透過度＝１．０）に変化したＧＵＩ部品を、新たに描画されたＧＵＩ部品として抽出してもよい。
また、目標再描画領域表示部３９は、超過フレームにおいて、描画処理時間ＴＳの増加要因となったＧＵＩ部品が複数存在する場合、ＧＵＩ部品の輪郭を示す矩形画像の色をそれぞれ異なる色にしたり、網掛けの種類を異なる種類にしたり、輪郭を示す線種を異なる線種にすることが好ましい。
また、超過フレームにおいて、要因１（再描画領域ＳＤの拡大に寄与しこと）により抽出されたＧＵＩ部品と、要因２（透過度が非透明（透過度＝１．０）から半透明（０＜透過度＜１）に変化したこと）により抽出されたＧＵＩ部品と、要因３（新たに追加されたこと）により抽出されたＧＵＩ部品とが混在する場合、これらのＧＵＩ部品を要因別に区別して表示することが好ましい。要因別に区別して表示する手法としては、上記のＧＵＩ部品が複数存在する場合に挙げた手法を用いればよい。
これにより、ユーザは、描画処理時間ＴＳが基準処理時間ＴＲを超えた原因を一目で理解することができる。
また、目標再描画領域表示部３９は、超過フレームにおいて、抽出した１つのＧＵＩ部品が、要因１〜３のうち複数の要因により抽出したＧＵＩ部品である場合、複数の要因が全て分かるような表示態様でＧＵＩ部品を強調表示することが好ましい。
例えば、図８において、画像Ｇ３（ｉ）は要因１に該当するため強調表示されているが、同時に透明度が非透明から半透明に変化した場合、要因２にも該当することになる。この場合、画像Ｇ３（ｉ）を要因１だけではなく要因２にも該当していることが分かるように、画像Ｇ３（ｉ）を強調表示することが好ましい。
例えば、１つの要因にだけ該当するＧＵＩ部品は輪郭を強調表示し、２つの要因が該当するＧＵＩ部品は網掛け表示により強調表示すればよい。
また、目標再描画領域表示部３９は、超過フレームにおいて、抽出した１つのＧＵＩ部品が複数の要因に該当する場合、当該ＧＵＩ部品を強調表示すると共に、当該ＧＵＩ部品の近傍に吹き出し型の図形を表示し、吹き出し型の図形の中に、要因を示すテキストを表示してもよい。例えば図６（Ａ）に示す画像Ｇ３（ｉ−１）が画像Ｇ３（ｉ）に拡大し、かつ、透過度が非透明から半透明に変化した場合、画像Ｇ３は、要因１と要因２との２つの要因に寄与したことになる。
この場合、要因を示すテキストとして、画像Ｇ３（ｉ−１）の近傍に吹き出し型の図形を表示し、その中に「幅・高さが増加した」、「半透明化した」等の要因１、２を示すテキストを表示すればよい。
また、目標再描画領域表示部３９は、超過フレームにおいて、複数のＧＵＩ部品が要因１〜３のいずれかに該当するものとして抽出した場合、各ＧＵＩ部品に対して、それぞれ、要因１〜３別の描画処理時間を算出し、最も描画処理時間の長いＧＵＩ部品から順番に予め定めた個数分のＧＵＩ部品を強調表示してもよい。
各ＧＵＩ部品の描画処理時間ＴＳ（ｋ）は式（５）で表すことができる。
描画処理時間ＴＳ（ｋ）＝ＧＵＩ部品（ｋ）の面積Ｓ（ｋ）×定数γ・・・（５）
面積Ｓ（ｋ）＝ＧＵＩ部品（ｋ）の高さｋ＿ｈ×幅ｋ＿ｗ
定数γは、要因１〜３に応じて予め定められた値
例えば、図８に示す再描画領域ＳＤ（ｉ）、ＳＤ（ｉ−１）以外の領域において、新たにボタンのＧＵＩ部品が追加されたとする。この場合、このボタンのＧＵＩ部品は要因３に該当し、画像Ｇ３（ｉ）は要因１に該当する。したがって、このボタンをｋ＝１、画像Ｇ３をｋ＝２とすると、描画処理時間ＴＳ（１）＝ボタンの面積Ｓ（１）×定数γ＿３、描画処理時間ＴＳ（２）＝画像Ｇ３（ｉ）の面積Ｓ（２）×定数γ＿１により算出される。但し、定数γ＿１は要因１の定数γを示し、定数γ＿３は要因３の定数γを示している。
また、上記実施の形態では、図６（Ａ）に示すように、フレームＦ（ｉ）において再描画領域ＳＤは１つである場合を例示したが、フレームＦ（ｉ）において再描画領域ＳＤは複数存在していてもよい。例えば、図６（Ａ）において、再描画領域ＳＤ及びボタンＢ２以外の領域に新たにボタンＢ３のＧＵＩ部品が加わった場合、そのＧＵＩ部品が描画された領域が再描画領域ＳＤとなる。
この場合、目標再描画領域表示部３９は、図６（Ａ）の上側に示す再描画領域ＳＤをＳＤ＿１、新たに加わったボタンＢ３の再描画領域をＳＤ＿２とすると、フレームＦ（ｉ）の描画処理時間ＴＳの計測を開始してから、再描画領域ＳＤ＿１及び再描画領域ＳＤ＿２のうち描画終了時刻が遅い方の再描画領域ＳＤの描画が終了した時点で描画処理時間ＴＳの計測を終了して、フレームＦ（ｉ）の描画処理時間ＴＳとすればよい。
また、本発明の実施の形態による設計支援装置３０が行う各処理は、記憶装置（ＲＯＭ、ＲＡＭ、ハードディスク等）に格納された設計支援プログラムを、ＣＰＵが実行することによって実現されてもよい。この場合、設計支援プログラムは、記憶媒体を介して記憶装置内にインストールされてもよいし、記憶媒体上から直接実行されてもよい。
記憶媒体としては、ＲＯＭ、ＲＡＭ、及びフラッシュメモリ等の半導体メモリ、フレキシブルディスク及びハードディスク等の磁気ディスクメモリ、ＣＤ−ＲＯＭ、ＤＶＤ、及びＢＤ等の光ディスクメモリ、並びにメモリカード等が該当する。また、記憶媒体は、電話回線や搬送路等の通信媒体を含む概念である。すなわち、ＷＥＢサーバに記憶された設計支援プログラムをＣＰＵが実行することで、設計支援装置３０が実現されてもよい。
なお、図１のブロック図において、設計支援装置３０のうち、属性情報記憶部３４及びＧＵＩ性能情報記憶部３６以外の７個のブロックは主にＣＰＵにより実現され、属性情報記憶部３４及びＧＵＩ性能情報記憶部３６は主に記憶装置により実現される。
また、図１に示す設計支援装置３０の各ブロックは、それぞれ集積回路であるＬＳＩとして実現することができる。この場合、各ブロックは個別に１チップ化されてもよいし、全ブロック又は少なくとも１つのブロック毎に１チップ化されてもよい。ＬＳＩとしては、ＩＣ、システムＬＳＩ、スーパーＬＳＩ、ウルトラＬＳＩが含まれる。
設計支援装置３０を集積回路で実現する場合、図１に示す設計支援装置３０のうち、属性情報記憶部３４及びＧＵＩ性能情報記憶部３６以外のものを集積回路として実現してもよいし、属性情報記憶部３４及びＧＵＩ性能情報記憶部３６を含めて集積回路として実現してもよい。
また、集積回路化の手法としては、ＬＳＩに限定されず、例えば専用回路又は汎用プロセッサで実現してもよい。また、ＬＳＩ製造後に、プログラムすることが可能なＦＰＧＡ（Field Programmable Gate Array）、ＬＳＩ内部の回路セルの接続及び設定を再構成可能なリコンフィギュラブル・プロセッサを利用してもよい。さらには、半導体技術の進歩又は派生する別技術によりＬＳＩに置き換わる集積回路化の技術が登場すれば、当然、その技術を用いて機能ブロックの集積化を行えばよい。ＬＳＩに置き換わる集積回路としては、例えばバイオ技術を用いたものが挙げられる。
上記の設計支援装置の技術的特徴は下記のようにまとめられる。
（１）本発明による設計支援装置は、ＧＵＩ（グラフィカルユーザインターフェイス）の設計を支援する設計支援装置であって、表示対象となるＧＵＩをアニメーション表示するための属性情報を予め記憶する属性情報記憶部と、ユーザが入力装置を用いて描画開始指令を入力した場合、前記属性情報に基づいて、前記ＧＵＩの描画処理を開始し、時系列的に前後するフレームの差分画像を再描画することで、前記ＧＵＩをアニメーション表示する描画処理部と、前記描画処理部により再描画された領域に基づいて再描画領域を設定し、設定した再描画領域を示す画像を前記ＧＵＩに重畳して表示する再描画領域表示部と、前記描画処理部により前記ＧＵＩのフレームが更新される毎に、更新されたフレームの描画処理時間を計測し、計測した描画処理時間が所定の基準処理時間を超過した場合、前記基準処理時間以内で描画可能な目標再描画領域を算出し、算出した目標再描画領域を示す画像を、前記描画処理時間が前記基準処理時間を超えたフレームである超過フレームに重畳して表示する目標再描画領域表示部とを備える。
この構成によれば、各フレームの描画処理時間が計測され、描画処理時間が基準処理時間を超えた超過フレームにおいて、再描画領域をどの程度の大きさにすれば、描画処理時間が基準処理時間を超過しないかを示す目標再描画領域を示す画像が表示される。これにより、ユーザは、超過フレームにおいて、再描画領域をどの程度縮小すれば、超過フレームの描画処理時間が基準処理時間を超過しないかを容易に認識することができる。その結果、ＧＵＩを実行するハードウエアやソフトウエアの専門的知識を持たないユーザであっても、ＧＵＩの改善点を速やかに認識し、滑らかにアニメーション表示させることのできるＧＵＩを容易に設計することができる。
（２）前記目標再描画領域表示部は、前記描画処理時間が前記基準処理時間を超過した場合、前記超過フレームよりも後のフレームの前記描画処理部による前記描画処理を停止させることが好ましい。
この構成によれば、ＧＵＩをアニメーション表示した場合に、超過フレームが検出されると、超過フレームが表示された状態でアニメーションが停止される。そのため、ユーザは、どのフレームが超過フレームであるかを容易に認識することができる。また、超過フレームが停止表示され、そこには、再描画領域及び目標再描画領域を示す画像が表示されているため、ユーザは超過フレームを再設計する際にどの程度、再描画領域を縮小すればよいかを容易に認識することができる。
（３）前記属性情報は、前記ＧＵＩを構成するＧＵＩ部品の各フレームにおける表示位置及びサイズを示す情報を含み、前記目標再描画領域表示部は、前記描画処理時間が前記基準処理時間を超えた場合、前記超過フレームにおける前記再描画領域が前記超過フレームより１つ前のフレームにおける前記再描画領域よりも拡大しているか否かを判定し、前記再描画領域が拡大したと判定した場合、前記再描画領域の拡大要因となったＧＵＩ部品を抽出し、抽出したＧＵＩ部品を前記超過フレームにおいて強調表示することが好ましい。
この構成によれば、ユーザは、超過フレームを再設計する際にどのＧＵＩ部品の表示態様を変更すれば、再描画領域を縮小できるかを容易に認識することができる。
（４）前記属性情報は、前記ＧＵＩを構成するＧＵＩ部品の各フレームにおける透過度を示す情報を含み、前記目標再描画領域表示部は、前記描画処理時間が前記基準処理時間を超えた場合、前記超過フレームに対応する属性情報と、前記超過フレームより１つ前のフレームに対応する属性情報とを比較し、透過度が非透明から半透明に変化したＧＵＩ部品を抽出し、抽出したＧＵＩ部品を前記超過フレームにおいて強調表示することが好ましい。
ＧＵＩ部品を非透明から半透明に変える場合、ＧＵＩ部品の背景画像やＧＵＩ部品の背後のＧＵＩ部品の画像データに対しても画像処理を実行する必要がある等の理由から、描画処理時間を大きく増大させる虞がある。そこで、本実施の形態では、超過フレームにおいて、非透明から半透明に変化したＧＵＩ部品が存在する場合、そのＧＵＩ部品を強調表示させている。これにより、ユーザは、ＧＵＩの設計変更を行う際にどのＧＵＩ部品の表示態様を変更すれば、描画処理時間が基準処理時間を下回るかを容易に認識することができる。
（５）前記属性情報は、前記ＧＵＩを構成するＧＵＩ部品の各フレームにおける識別情報を含み、前記目標再描画領域表示部は、前記描画処理時間が前記基準処理時間を超えた場合、前記超過フレームに対応する属性情報と、前記超過フレームより１つ前のフレームに対応する属性情報とを比較し、前記超過フレームにおいて新たに描画されたＧＵＩ部品を抽出し、抽出したＧＵＩ部品を前記超過フレームにおいて強調表示することが好ましい。
この構成によれば、ユーザは、超過フレームにおいて、新たに追加したＧＵＩ部品が、ＧＵＩの性能の劣化に寄与していることを容易に認識することができる。
（６）前記目標再描画領域算出部は、前記目標再描画領域を、「目標再描画領域×定数＝基準処理時間」、但し、「定数＝１／単位時間あたりの描画処理面積」の関係式を用いて算出することが好ましい。
この構成によれば、目標再描画領域を上記関係式を用いて明確に規定することができる。
（７）前記目標再描画領域表示部は、前記描画処理時間が前記基準処理時間を超過した場合、前記描画処理時間と前記基準処理時間との差分を基に、削減するべき描画面積の大きさを示す目標削減領域を算出し、算出した目標削減領域を示す画像を表示することが好ましい。
この構成によれば、目標削減領域が表示されるため、ＧＵＩ部品を過剰に縮小するような再設計を防止することができる。
（８）前記目標再描画領域表示部が計測した各フレームの前記描画処理時間を各フレームにおける属性情報と関連付けて記憶装置に記憶させるＧＵＩ性能管理部を更に備えることが好ましい。
この構成によれば、各フレームの描画処理時間と属性情報とが関連付けて記憶されるため、ユーザは、後から各フレームの描画処理時間と属性情報とを照らし合わせることが可能となり、ＧＵＩの改善点を特定する際に便利な情報を提供することができる。
本発明にかかる設計支援装置は、描画処理時間が基準処理時間を超える超過フレームにおいて、目標再描画領域や性能低下要因であるＧＵＩ部品を視覚化してユーザに報知することができるため、その視覚化された情報をもとにしたＧＵＩの改善作業の効率化に有用である。

Claims (11)

  1. ＧＵＩ（グラフィカルユーザインターフェイス）の設計を支援する設計支援装置であって、
    表示対象となるＧＵＩをアニメーション表示するための属性情報を予め記憶する属性情報記憶部と、
    ユーザが入力装置を用いて描画開始指令を入力した場合、前記属性情報に基づいて、前記ＧＵＩの描画処理を開始し、時系列的に前後するフレームの差分画像を再描画することで、前記ＧＵＩをアニメーション表示する描画処理部と、
    前記描画処理部により再描画された領域に基づいて再描画領域を設定し、設定した再描画領域を示す画像を前記ＧＵＩに重畳して表示する再描画領域表示部と、
    前記描画処理部により前記ＧＵＩのフレームが更新される毎に、更新されたフレームの描画処理時間を計測し、計測した描画処理時間が所定の基準処理時間を超過した場合、前記基準処理時間以内で描画可能な目標再描画領域を算出し、算出した目標再描画領域を示す画像を、前記描画処理時間が前記基準処理時間を超えたフレームである超過フレームに重畳して表示する目標再描画領域表示部とを備える設計支援装置。
  2. 前記目標再描画領域表示部は、前記描画処理時間が前記基準処理時間を超過した場合、前記超過フレームよりも後のフレームの前記描画処理部による前記描画処理を停止させる請求項１記載の設計支援装置。
  3. 前記属性情報は、前記ＧＵＩを構成するＧＵＩ部品の各フレームにおける表示位置及びサイズを示す情報を含み、
    前記目標再描画領域表示部は、前記描画処理時間が前記基準処理時間を超えた場合、前記超過フレームにおける前記再描画領域が前記超過フレームより１つ前のフレームにおける前記再描画領域よりも拡大しているか否かを判定し、前記再描画領域が拡大したと判定した場合、前記再描画領域の拡大要因となったＧＵＩ部品を抽出し、抽出したＧＵＩ部品を前記超過フレームにおいて強調表示する請求項１又は２記載の設計支援装置。
  4. 前記属性情報は、前記ＧＵＩを構成するＧＵＩ部品の各フレームにおける透過度を示す情報を含み、
    前記目標再描画領域表示部は、前記描画処理時間が前記基準処理時間を超えた場合、前記超過フレームに対応する属性情報と、前記超過フレームより１つ前のフレームに対応する属性情報とを比較し、透過度が非透明から半透明に変化したＧＵＩ部品を抽出し、抽出したＧＵＩ部品を前記超過フレームにおいて強調表示する請求項１〜３のいずれかに記載の設計支援装置。
  5. 前記属性情報は、前記ＧＵＩを構成するＧＵＩ部品の各フレームにおける識別情報を含み、
    前記目標再描画領域表示部は、前記描画処理時間が前記基準処理時間を超えた場合、前記超過フレームに対応する属性情報と、前記超過フレームより１つ前のフレームに対応する属性情報とを比較し、前記超過フレームにおいて新たに描画されたＧＵＩ部品を抽出し、抽出したＧＵＩ部品を前記超過フレームにおいて強調表示する請求項１〜４のいずれかに記載の設計支援装置。
  6. 前記目標再描画領域算出部は、前記目標再描画領域を、「目標再描画領域×定数＝基準処理時間」、但し、「定数＝１／単位時間あたりの描画処理面積」の関係式を用いて算出する請求項１〜５のいずれかに記載の設計支援装置。
  7. 前記目標再描画領域表示部は、前記描画処理時間が前記基準処理時間を超過した場合、
    前記描画処理時間と前記基準処理時間との差分を基に、削減するべき描画面積の大きさを示す目標削減領域を算出し、算出した目標削減領域を示す画像を表示する請求項１〜６のいずれかに記載の設計支援装置。
  8. 前記目標再描画領域表示部が計測した各フレームの前記描画処理時間を各フレームにおける属性情報と関連付けて記憶装置に記憶させるＧＵＩ性能管理部を更に備える請求項１〜７のいずれかに記載の設計支援装置。
  9. ＧＵＩ（グラフィカルユーザインターフェイス）の設計を支援する設計支援プログラムであって、
    表示対象となるＧＵＩをアニメーション表示するための属性情報を予め記憶する属性情報記憶部と、
    ユーザが入力装置を用いて描画開始指令を入力した場合、前記属性情報に基づいて、前記ＧＵＩの描画処理を開始し、時系列的に前後するフレームの差分画像を再描画することで、前記ＧＵＩをアニメーション表示する描画処理部と、
    前記描画処理部により再描画された領域に基づいて再描画領域を設定し、設定した再描画領域を示す画像を前記ＧＵＩに重畳して表示する再描画領域表示部と、
    前記描画処理部により前記ＧＵＩのフレームが更新される毎に、更新されたフレームの描画処理時間を計測し、計測した描画処理時間が所定の基準処理時間を超過した場合、前記基準処理時間以内で描画可能な目標再描画領域を算出し、算出した目標再描画領域を示す画像を、前記描画処理時間が前記基準処理時間を超えたフレームである超過フレームに重畳して表示する目標再描画領域表示部としてコンピュータを機能させる設計支援プログラム。
  10. ＧＵＩ（グラフィカルユーザインターフェイス）の設計を支援する設計支援方法であって、
    コンピュータが、ユーザが入力装置を用いて描画開始指令を入力した場合、表示対象となるＧＵＩをアニメーション表示するために予め記憶された属性情報に基づいて、前記ＧＵＩの描画処理を開始し、時系列的に前後するフレームの差分画像を再描画することで、前記ＧＵＩをアニメーション表示する描画処理ステップと、
    コンピュータが、前記描画処理ステップにより再描画された領域に基づいて再描画領域を設定し、設定した再描画領域を示す画像を前記ＧＵＩに重畳して表示する再描画領域表示ステップと、
    コンピュータが、前記描画処理ステップにより前記ＧＵＩのフレームが更新される毎に、更新されたフレームの描画処理時間を計測し、計測した描画処理時間が所定の基準処理時間を超過した場合、前記基準処理時間以内で描画可能な目標再描画領域を算出し、算出した目標再描画領域を示す画像を、前記描画処理時間が前記基準処理時間を超えたフレームである超過フレームに重畳して表示する目標再描画領域表示ステップとを備える設計支援方法。
  11. ＧＵＩ（グラフィカルユーザインターフェイス）の設計を支援する集積回路であって、
    ユーザが入力装置を用いて描画開始指令を入力した場合、表示対象となるＧＵＩをアニメーション表示するために予め記憶された属性情報に基づいて、前記ＧＵＩの描画処理を開始し、時系列的に前後するフレームの差分画像を再描画することで、前記ＧＵＩをアニメーション表示する描画処理部と、
    前記描画処理部により再描画された領域に基づいて再描画領域を設定し、設定した再描画領域を示す画像を前記ＧＵＩに重畳して表示する再描画領域表示部と、
    前記描画処理部により前記ＧＵＩのフレームが更新される毎に、更新されたフレームの描画処理時間を計測し、計測した描画処理時間が所定の基準処理時間を超過した場合、前記基準処理時間以内で描画可能な目標再描画領域を算出し、算出した目標再描画領域を示す画像を、前記描画処理時間が前記基準処理時間を超えたフレームである超過フレームに重畳して表示する目標再描画領域表示部とを備える集積回路。
JP2012524411A 2010-07-12 2011-06-23 設計支援装置、設計支援プログラム、設計支援方法、及び集積回路 Expired - Fee Related JP5650740B2 (ja)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2012524411A JP5650740B2 (ja) 2010-07-12 2011-06-23 設計支援装置、設計支援プログラム、設計支援方法、及び集積回路

Applications Claiming Priority (4)

Application Number Priority Date Filing Date Title
JP2010158227 2010-07-12
JP2010158227 2010-07-12
PCT/JP2011/003597 WO2012008099A1 (ja) 2010-07-12 2011-06-23 設計支援装置、設計支援プログラム、設計支援方法、及び集積回路
JP2012524411A JP5650740B2 (ja) 2010-07-12 2011-06-23 設計支援装置、設計支援プログラム、設計支援方法、及び集積回路

Publications (2)

Publication Number Publication Date
JPWO2012008099A1 JPWO2012008099A1 (ja) 2013-09-05
JP5650740B2 true JP5650740B2 (ja) 2015-01-07

Family

ID=45469119

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2012524411A Expired - Fee Related JP5650740B2 (ja) 2010-07-12 2011-06-23 設計支援装置、設計支援プログラム、設計支援方法、及び集積回路

Country Status (4)

Country Link
US (1) US8683360B2 (ja)
JP (1) JP5650740B2 (ja)
CN (1) CN102483682B (ja)
WO (1) WO2012008099A1 (ja)

Families Citing this family (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101317532B1 (ko) * 2010-10-13 2013-10-15 주식회사 팬택 마커 또는 마커리스를 융합하는 증강현실 장치 및 방법
US10091367B2 (en) 2013-11-29 2018-10-02 Kyocera Document Solutions Inc. Information processing device, image forming apparatus and information processing method
JP6318994B2 (ja) * 2014-09-01 2018-05-09 村田機械株式会社 情報処理装置、情報処理方法、及びプログラム
CN105719332B (zh) 2016-01-20 2019-02-19 阿里巴巴集团控股有限公司 色彩补间动画的实现方法和装置
CN108629729A (zh) * 2018-04-26 2018-10-09 珠海亿智电子科技有限公司 一种图片显示的方法
US20200204864A1 (en) * 2018-12-20 2020-06-25 Caavo Inc Classification of images based on static components
JP2023007696A (ja) * 2021-07-02 2023-01-19 セイコーエプソン株式会社 画像処理方法および画像処理装置

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH07210652A (ja) * 1994-01-14 1995-08-11 Matsushita Electric Ind Co Ltd 提示情報作成装置
JP2003331311A (ja) * 2002-05-15 2003-11-21 Sharp Corp 動画像生成装置、動画像生成方法、動画像生成プログラムおよび動画像生成プログラムを記録したコンピュータ読取可能な記録媒体
JP2005196669A (ja) * 2004-01-09 2005-07-21 Sony Corp オーサリング方法、オーサリングシステム、データ再生方法及びデータ再生システム
JP2009151693A (ja) * 2007-12-21 2009-07-09 Nippon Telegr & Teleph Corp <Ntt> 一括表示画像出力装置、一括表示画像出力方法、コンピュータプログラム及び記録媒体

Family Cites Families (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5715416A (en) * 1994-09-30 1998-02-03 Baker; Michelle User definable pictorial interface for a accessing information in an electronic file system
US5973694A (en) * 1995-06-02 1999-10-26 Chatham Telecommunications, Inc., Method of communication using sized icons, text, and audio
US7289669B2 (en) * 2000-06-23 2007-10-30 Matsushita Electric Industrial Co., Ltd. Data managing method and apparatus for providing divisional data
US20030107604A1 (en) * 2001-12-12 2003-06-12 Bas Ording Method and system for automatic window resizing in a graphical user interface
US7398478B2 (en) * 2003-11-14 2008-07-08 Microsoft Corporation Controlled non-proportional scaling display
TWI284886B (en) * 2005-06-20 2007-08-01 Benq Corp A method for displaying a resized window
US7933956B2 (en) * 2006-01-24 2011-04-26 Simulat, Inc. System and method to create a collaborative web-based multimedia layered platform
US8314799B2 (en) * 2007-04-13 2012-11-20 Apple Inc. Enhanced motion behavior framework
JP2010049313A (ja) * 2008-08-19 2010-03-04 Sony Corp 画像処理装置、画像処理方法、プログラム

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH07210652A (ja) * 1994-01-14 1995-08-11 Matsushita Electric Ind Co Ltd 提示情報作成装置
JP2003331311A (ja) * 2002-05-15 2003-11-21 Sharp Corp 動画像生成装置、動画像生成方法、動画像生成プログラムおよび動画像生成プログラムを記録したコンピュータ読取可能な記録媒体
JP2005196669A (ja) * 2004-01-09 2005-07-21 Sony Corp オーサリング方法、オーサリングシステム、データ再生方法及びデータ再生システム
JP2009151693A (ja) * 2007-12-21 2009-07-09 Nippon Telegr & Teleph Corp <Ntt> 一括表示画像出力装置、一括表示画像出力方法、コンピュータプログラム及び記録媒体

Also Published As

Publication number Publication date
JPWO2012008099A1 (ja) 2013-09-05
WO2012008099A1 (ja) 2012-01-19
US8683360B2 (en) 2014-03-25
US20120198370A1 (en) 2012-08-02
CN102483682B (zh) 2015-09-30
CN102483682A (zh) 2012-05-30

Similar Documents

Publication Publication Date Title
JP5650740B2 (ja) 設計支援装置、設計支援プログラム、設計支援方法、及び集積回路
JP6038171B2 (ja) ユーザインタフェース装置
US10289291B2 (en) Editing nested video sequences
US20100287493A1 (en) Method and system for viewing and editing an image in a magnified view
JP4612902B2 (ja) ファイル表示装置及びその制御方法、並びにプログラム
US11720230B2 (en) Interactive data visualization user interface with hierarchical filtering based on gesture location on a chart
US8205169B1 (en) Multiple editor user interface
US8068103B2 (en) User-interface design
US20140278088A1 (en) Navigation Device
US20160274750A1 (en) Animated Transition between Data Visualization Versions at Different Levels of Detail
JPWO2011158446A1 (ja) アニメーション制御装置、アニメーション制御方法およびアニメーション制御プログラム
US10347018B2 (en) Interactive data visualization user interface with hierarchical filtering based on gesture location on a chart
JP2015005162A (ja) 情報表示装置及び表示制御プログラム並びに表示制御方法
JP2009060373A (ja) 画像出力装置および画面構成方法
JP2011141699A (ja) 部品選択方法、部品選択装置、ｃａｄ装置及び部品選択プログラム
CN107615229B (zh) 用户界面装置和用户界面装置的画面显示方法
CN115081384B (zh) 一种基于eda的数据动态可视化系统
CN114677278A (zh) 病理切片图像拼接的方法、装置、设备以及存储介质
JP4722784B2 (ja) 電子黒板装置および電子黒板装置における画像処理方法並びにそのプログラム
US8711177B1 (en) Generation, display, and manipulation of measurements in computer graphical designs
US20150277676A1 (en) Creating an interaction area for listing user-selectable items
JP2012094091A (ja) 表示制御装置、表示制御方法及びそのプログラム
JP5114249B2 (ja) 表示装置および表示方法
CA2998377A1 (en) Interactive data visualization user interface with gesture-based data field selection
KR101998470B1 (ko) 디스플레이 장치에 표시된 내용의 확대, 축소, 이동을 위한 명령 입력 방법

Legal Events

Date Code Title Description
A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20140131

A711 Notification of change in applicant

Free format text: JAPANESE INTERMEDIATE CODE: A711

Effective date: 20140606

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

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20141113

R150 Certificate of patent or registration of utility model

Ref document number: 5650740

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150

LAPS Cancellation because of no payment of annual fees