JP2011175643A - オブジェクト指向的コンポーネントアニメーション方法およびこのための記録媒体 - Google Patents

オブジェクト指向的コンポーネントアニメーション方法およびこのための記録媒体 Download PDF

Info

Publication number
JP2011175643A
JP2011175643A JP2011038470A JP2011038470A JP2011175643A JP 2011175643 A JP2011175643 A JP 2011175643A JP 2011038470 A JP2011038470 A JP 2011038470A JP 2011038470 A JP2011038470 A JP 2011038470A JP 2011175643 A JP2011175643 A JP 2011175643A
Authority
JP
Japan
Prior art keywords
animation
component
value
property
oriented component
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.)
Granted
Application number
JP2011038470A
Other languages
English (en)
Other versions
JP5261516B2 (ja
Inventor
Hwa-Jun Song
ファジュン ソン
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.)
TOBESOFT CO Ltd
Original Assignee
TOBESOFT CO Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by TOBESOFT CO Ltd filed Critical TOBESOFT CO Ltd
Publication of JP2011175643A publication Critical patent/JP2011175643A/ja
Application granted granted Critical
Publication of JP5261516B2 publication Critical patent/JP5261516B2/ja
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T13/00—Animation
    • G06T13/80—2D [Two Dimensional] animation, e.g. using sprites

Landscapes

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

Abstract

【課題】コンポーネントの属性、たとえば色、位置または形態などの変化を連続的に表現して視覚的効果を極大化するアニメーション技術を提供する。
【解決手段】アニメーション目録をロードする段階と、活性化したアニメーションオブジェクトへアニメーションティックを伝達する段階と、補間値に基づいてアニメーションイベントを生成し、コンポーネントへ伝達する段階とレンダリングエンジンにリドロー（ｒｅｄｒａｗ）を要請する段階を含んでなるオブジェクト指向的コンポーネントアニメーション方法。
【選択図】図５

Description

本発明は、アニメーション効果(animation effect)に係り、特に、画面に表示されるコンポーネントの属性、たとえば色、位置または形態などの変化を連続的に表現するアニメーション技術に関する。
アニメーション機能は、画面に表示されるコンポーネントの属性、例えば色、位置または形態などの変化を連続的に表現してユーザーインターフェース（User Interface、ＵＩ）の視覚的効果を極大化するために使われる。例えば、マイクロソフト社のＰｏｗｅｒＰｏｉｎｔでスライド上のオブジェクトにアニメーション効果を適用すると、文字が上方から降りたり左から右へと移動したりするなどの視覚的効果を得ることができる。
Ｗｅｂアプリケーションの場合にも、Ｗｅｂを介して画面に表示されるコンポーネントにアニメーションが適用されることが多い。例えば、画面に表示されるコンポーネントの位置が（ａ、ｂ）から（ｃ、ｄ）に変わる場合、これを瞬間的に見せず、既に設定された時間区間で漸進的に変化させる効果が必要なことが多い。他の例として、画面に表示されるコンポーネントの色が赤色から紫色に変わる場合にも、これを赤色から瞬間的に紫色に変えず、赤色から漸次的に紫色に変える必要があることもある。
ひいては、要求されるグラフィカルユーザーインターフェース(Graphical User Interface)の水準が日増しに高くなるにつれて、単純な画面構成ではユーザーを満足させることが難しい。よって、さらに多くのアニメーション技法の適用が要求される。
根本的に、アニメーションは、属性や位置などの開始点と終了点が定義され、それらの間で既に設定された時間間隔で発生するイベントに基づいて中間値を算出する方式で実現される。
したがって、アニメーション効果を実現するためには、開発者がタイマーなどを用いて反復的なイベント(event)を発生させ、イベント発生時ごとにユーザーインターフェースオブジェクト(User Interface Object)の属性値を適切に変更し或いはイメージを反復的に使用しなければならない。
ところが、アニメーション効果を実現する開発者の能力によってアニメーション効果が千差万別であり、アニメーション効果の実現に重複する部分があるにも拘らず、類似のアニメーション効果実現のために努力と時間が重複投資されるという問題点があった。
結局、容易にアニメーション効果を実現することができるとともに、新しいアニメーション効果が必要な場合、与えられたパターンを簡単に変更するだけでも所望のアニメーション効果を実現することができる新規なアニメーション技法が切実に求められている。
そこで、本発明の目的は、レンダリングエンジン、アニメーションオブジェクトおよびコンポーネントオブジェクトなどの多様な主体がオブジェクト指向的に動作して簡単かつ体系的にアニメーション効果を提供してコンポーネントの属性、たとえば色相、位置または形態などの変化を連続的に表現することにある。
本発明の他の目的は、アニメーション効果の共通特性を有するアニメーションベースオブジェクトおよびこれを継承した３つのアニメーションオブジェクトを用いて定型化し、構造的にアニメーション効果を提供することが可能なパターンを提供することにある。
本発明の別の目的は、少なくとも２つのアニメーションオブジェクトに相応する複合アニメーションオブジェクトを定義し、複合アニメーションオブジェクト内で定義された属性を、前記複合アニメーションオブジェクトに含まれたアニメーションオブジェクトの属性が定義されていない場合にデフォルト(default)値として使用されるようにして、アニメーション効果の機能変更を容易にすることにある。
上記目的を達成するために、本発明は、アニメーション管理部が、少なくとも一つのアニメーションオブジェクトと、前記アニメーションオブジェクトにバインドされたコンポーネントとからなるアニメーション目録をロードする段階と、前記アニメーション管理部が、一定の間隔で発生するティック(tick)に基づいて、前記アニメーション目録のうち活性化したアニメーションオブジェクトへアニメーションティックを伝達する段階と、前記活性化したアニメーションオブジェクトが前記アニメーションティックを用いて補間値を生成し、前記補間値に基づいてアニメーションイベントを生成し、これを前記バインドされたコンポーネントへ伝達する段階と、前記バインドされたコンポーネントが前記アニメーションイベントに基づいてレンダリングエンジンにリドロー(redraw)を要請する段階とを含んでなる、オブジェクト指向的コンポーネントアニメーション方法を提供する。
この際、前記アニメーションオブジェクトは、開始値と終了値を有しかつ中間値が明確な属性(property)の変化を示すプロパティアニメーション(property animation)オブジェクト、変化前のイメージと変更後のイメージ間の形態変化を示すトランジションアニメーション(transition animation)オブジェクト、および座標値の変更を示すムーブアニメーション(move animation)オブジェクトの少なくとも一つであってもよい。
この際、前記プロパティアニメーションオブジェクト、前記トランジションアニメーションオブジェクトおよび前記ムーブアニメーションオブジェクトは、いずれも、アニメーションベースオブジェクト(animation base object)を継承し、前記アニメーションベースオブジェクトは、前記ティックに基づいてインターポレーションオブジェクト(interpolation object)を用いて前記補間値を生成する基本機能を行うことができる。
この際、前記アニメーションオブジェクトは、前記プロパティアニメーションオブジェクト、前記トランジションアニメーションオブジェクトおよび前記ムーブアニメーションオブジェクトの少なくとも２つに相応するオブジェクトたる複合アニメーション(composite animation)オブジェクトであってもよい。
この際、前記複合アニメーションオブジェクトで定義された属性は、前記複合アニメーションオブジェクトに含まれる前記プロパティアニメーションオブジェクト、前記トランジションアニメーションオブジェクトまたは前記ムーブアニメーションオブジェクトの属性が定義されていない場合にデフォルト値として使用できる。
本発明によれば、レンダリングエンジン、アニメーションオブジェクトおよびコンポーネントオブジェクトなどの多様な主体がオブジェクト指向的に動作して簡単かつ体系的にアニメーション効果を提供してコンポーネントの属性、たとえば色、位置または形態などの変化を連続的に表現することができる。
また、本発明は、アニメーション効果の共通特性を有するアニメーションベースオブジェクトおよびこれを継承した３つのアニメーションオブジェクトを用いて定型化し、構造的にアニメーション効果を提供することができる。
また、本発明は、２つ以上のアニメーションオブジェクトに相応する複合アニメーションオブジェクトを定義し、複合アニメーションオブジェクト内で定義された属性を、前記複合アニメーションオブジェクトに含まれたアニメーションオブジェクトの属性が定義されていない場合にデフォルト(default)値として使用されるようにするので、アニメーション効果の機能変更が容易である。
コンポーネントアニメーションの一例を示す図である。 アニメーションオブジェクトの階層構造を示すブロック図である。 本発明の一実施例に係るアニメーション管理部にロードされるアニメーション目録の一例を示す図である。 本発明の一実施例に係るコンポーネントアニメーション方法の動作主体を示すブロック図である。 本発明の一実施例に係るコンポーネントアニメーション方法を示す動作流れ図である。
以下に添付図面を参照しながら、本発明について詳細に説明する。ここで、反復される説明、並びに本発明の要旨を無駄に乱すおそれのある公知の機能および構成についての詳細な説明は省略する。本発明の実施形態は当該分野における通常の知識を有する者に本発明をより完全に説明するために提供されるものである。よって、図面における要素の形状および大きさなどはより明確な説明のために誇張されることもある。
以下、本発明に係る好適な実施例を添付図面に基づいて詳細に説明する。
図１はコンポーネントアニメーションの一例を示す図である。
図１を参照すると、コンポーネントが開始点１１０から終了点１２０まで移動する間にその座標値の変化１３０が連続的に表示されることが分かる。
すなわち、本発明のアニメーションは、開始と終了をもって変化する属性、形態または位置を連続的に（実際は不連続的であるが、ユーザーは連続的に感じる）表示することを意味する。
例えば、アニメーションは、赤いリンゴが青色に変わっていく過程について、開始と終了のみを表示するのではなく、連続的に表示するものであってもよい。
例えば、アニメーションは、紙の前面を示すイメージが紙の背面を示すイメージに変わる過程（紙が裏返る過程）を連続的に表示するものであってもよい。
例えば、アニメーションは、ボールの位置が画面の左下端から右上端へと移動する過程を連続的に表示するものであってもよい。
このように、アニメーションは、開始と終了をもって変化する属性、形態または位置を連続的に表示するためにその中間値を算出しなければならない。本発明では、中間値を算出するアニメーションの基本機能をアニメーションベースオブジェクトを用いて実現し、具体的なアニメーション動作をアニメーションベースオブジェクトの下位オブジェクトを用いて実現することにより、アニメーションをより効率的に動作させ且つその機能変更を容易にする。
図２はアニメーションオブジェクトの階層構造を示すブロック図である。
図２を参照すると、アニメーションオブジェクトは、プロパティアニメーションオブジェクト(property animation object)２２０、トランジションアニメーションオブジェクト(transition animation object)２３０、およびムーブアニメーションオブジェクト(move animation object)２４０に大別される。
プロパティアニメーションオブジェクト２２０、トランジションアニメーションオブジェクト２３０およびムーブアニメーションオブジェクト２４０は、いずれも、アニメーションベースオブジェクト２１０という共通オブジェクトを継承する。
アニメーションベースオブジェクト２１０は、アニメーションが持つべき基本属性を定義し、インターポレーションオブジェクト(interpolation object)２１１を用いて補間値を生成し、これを用いてアニメーションの共通機能を行う。
すなわち、アニメーションは、共通に開始と終了を有し、開始と終了との間で所定の間隔ごとにイベントを生成する機能を必要とする。また、アニメーションベースオブジェクトでは、ティックが発生するたびに、開始と終了との間の中間値に該当する補間値をインターポレーションオブジェクトを用いて生成する機能が定義され、下位アニメーションオブジェクトは、アニメーションベースオブジェクトを継承することにより補間値を生成するアニメーションの基本機能が提供される。
インターポレーションオブジェクト２１１は、アニメーションの様々な表現形態を提供することができるように幾つかの予め定義された関数を提供することができる。インターポレーションオブジェクト２１１には、ユーザーが定義した関数が追加されてもよい。インターポレーションとは、開始値と終了値を基準としてその進行度合いによる未知の中間値を決定することである。
時間によるアニメーションの進行は、レンダリングエンジン(rendering engine)に内蔵されたアニメーション管理部(animation manager)によって管理され、時間に応じてティック(tick)を発生させながら行われる。
図２に示した階層構造を有するアニメーションオブジェクトによってその属性、形態または位置が変更されたコンポーネントがレンダリングエンジンにリドロー(redraw)を要請し、コンポーネントのキャンバス(canvas)を介してリドローが繰り返し行われることにより、画面にアニメーション効果が表現される。
図３は本発明の一実施例に係るアニメーション管理部にロードされるアニメーション目録の一例を示す図である。
図３を参照すると、アニメーション目録にはＭ個（Ｍは１以上の自然数）のアニメーションオブジェクト（Ａｎｉｍａｔｉｏｎ １〜Ａｎｉｍａｔｉｏｎ Ｍ）、およびアニメーションオブジェクト（Ａｎｉｍａｔｉｏｎ １〜Ａｎｉｍａｔｉｉｏｎ Ｍ）にバインドされたＮ個（Ｎは１以上の自然数）のコンポーネント（Ｃｏｍｐｏｎｅｎｔ １〜Ｃｏｍｐｏｎｅｎｔ Ｎ）が含まれる。
１つのコンポーネントに複数のアニメーション機能が提供される場合、当該コンポーネントは複数のアニメーションオブジェクトにバインドできる。
逆に、１つのアニメーションオブジェクトに連動して少なくとも２つのコンポーネントにアニメーション機能が提供される場合、１つのアニメーションオブジェクトに複数のコンポーネントがバインドされてもよい。
コンポーネントは、それぞれ自分とバインドされたアニメーションオブジェクトを介してアニメーション機能が提供される。
本明細書において、コンポーネント(component)とは、ユーザーとの相互作用を支援するためにユーザーインターフェースを提供し、或いはユーザーには見えないが、特定のビジネスロジックを行うためのソフトウェアである。コンポーネントは、再使用性を高めるために配布および実行可能に開発されたものであってもよい。例えば、コンポーネントはＷｅｂアプリケーションで使用されるボタンであってもよい。
アニメーション目録に含まれたコンポーネント（Ｃｏｍｐｏｎｅｎｔ １〜Ｃｏｍｐｏｎｅｎｔ Ｎ）の中には活性化したアニメーション３１０があり、残りのアニメーションは不活性化していてもよい。
すなわち、アニメーション機能を提供するために周期的にティックが発生する場合、アニメーション目録に含まれた活性化アニメーション３１０に対してはアニメーション機能のための動作が行われるが、不活性化アニメーションに対してはアニメーション機能のための動作が行われる必要がない。
図４は本発明の一実施例に係るコンポーネントアニメーション方法の動作主体を示すブロック図である。
図４を参照すると、コンポーネント４１０は相応するキャンバス４１１を含むことができる。
キャンバス(canvas)４１１は、画面にドローイング(drawing)される最小単位であって、相応する領域を持っている。一つのコンポーネント内には複数のキャンバスが含まれてもよい。
プロパティアニメーションオブジェクト４２０、トランジションアニメーションオブジェクト４３０およびムーブアニメーションオブジェクト４４０は、いずれも、図２で説明したようにアニメーションベースオブジェクトを継承する。
アニメーションベースオブジェクトは、アニメーションが持つべき基本属性（開始値、終了値、使用されるインターポレーションオブジェクトなど）を定義しており、インターポレーションオブジェクトを用いて補間値を作り出し、これを用いてアニメーションの機能を行う。
プロパティアニメーションオブジェクト４２０は、属性値を直接変更するアニメーションである。この際、属性値は開始値と終了値をもって中間値を求めることが可能なスカラー(scalar)値である。例えば、属性値はカラー値であってもよい。数字で表現されたカラー値は、開始値と終了値が定められると、その中間値が明確に決定できる。
したがって、テキスト(text)やブール(Boolean)値などの中間値の概念が曖昧な属性はアニメーションの対象ではなく、位置やグローのファクターなどの属性はアニメーションの対象になれる。
トランジションアニメーションオブジェクト４３０は、変更前のイメージと変更後のイメージ間の形態変化をアニメーションさせる。すなわち、トランジションアニメーションオブジェクト４３０は、コンポーネントがプロパティセット(property set)やメソッド(method)の呼び出しにより変更されたとき、変更前と変更後の様子または形態を変更前のイメージと変更後のイメージに作って２つのイメージの変化をアニメーションさせる。
例えば、トランジションアニメーションオブジェクト４３０は、紙の前／背面を示すイメージが漸次変わる変化（前面が見えていた紙が漸次的に裏返る変化）を示すアニメーションであってもよい。このような機能の例としてはｆｌｉｐ３ｄやｓｌｉｄｅなどがある。
ムーブアニメーションオブジェクト４４０は、コンポーネントの座標変更の際に、開始値から終了値への位置変化をインターポレーション式によってアニメーションさせる。
ムーブアニメーションオブジェクト４４０は、オブジェクトの位置が変わる場合に開始位置から終了位置までの位置変化を漸進的に示すアニメーションである。
図４には示されていないが、本発明の一実施例によれば、複合アニメーションオブジェクト(composite animation object)が提供できる。
複合アニメーションオブジェクトは、トランジションアニメーションオブジェクトおよびプロパティアニメーションオブジェクトなどのアニメーションオブジェクトが複数登録され、同時に複数のアニメーションを動作させることが可能なアニメーションオブジェクトである。
複合アニメーションオブジェクトで定義された属性は、複合アニメーションオブジェクトに含まれるプロパティアニメーションオブジェクト、トランジションアニメーションオブジェクトまたはムーブアニメーションオブジェクトの属性が定義されていない場合にデフォルト値(default)として使用できる。
レンダリングエンジン(rendering engine)４５０は、コンポーネント４１０をキャンバス４１１にドローイング(drawing)するエンジンである。レンダリングエンジン４５０によって実際ドローイングが作動する。
レンダリングエンジン４５０は、アニメーション管理部(animation manager)４５１を含むことができる。アニメーション管理部４５１は、ユーザーが実行させたアニメーションを管理するオブジェクトである。アニメーション管理部４５１に登録されたアニメーションをレンダリングエンジンが画面に表現させる。
アニメーション機能は、コンポーネント４１０の属性値、形態または位置の変化を連続的に表現することにより、ユーザーインターフェースの視覚的効果を極大化するために使用される。
時間によるアニメーションの進行は、レンダリングエンジン４５０に内蔵されたアニメーション管理部４５１によって管理され、時間に応じてティックを発生させながら行われる。
アニメーションオブジェクト４２０、４３０、４４０によってコンポーネント４１０の属性、形態または位置が変更される場合、コンポーネント４１０がレンダリングエンジン４５０にリドローを要請し、コンポーネント４１０のキャンバス４１１を介して画面にアニメーションされる様子が表現される。
図５は本発明の一実施例に係るオブジェクト指向的コンポーネントアニメーション方法を示す動作流れ図である。
図５を参照すると、本発明の一実施例に係るオブジェクト指向的コンポーネントアニメーション方法では、アニメーション管理部が、少なくとも一つのアニメーションオブジェクトと、前記アニメーションオブジェクトにバインドされたコンポーネントとからなるアニメーション目録をロードする（Ｓ５１０）。
この際、前記アニメーションオブジェクトは、開始値と終了値を有し且つ中間体が明確な属性(property)の変化を示すプロパティアニメーション(property animation)オブジェクト、変更前のイメージと変更後のイメージ間の形態変化を示すトランジションアニメーション(transition animation)オブジェクト、および座標値の変更を示すムーブアニメーション(move animation)オブジェクトのいずれか一つであってもよい。
この際、前記プロパティアニメーションオブジェクト、前記トランジションアニメーションオブジェクトおよび前記ムーブアニメーションオブジェクトは、いずれも、アニメーションベースオブジェクト(animation base object)を継承し、前記アニメーションベースオブジェクトは、前記ティックに基づいてインターポレーションオブジェクト(interpolation object)を用いて前記補間値を生成する基本機能を行うことができる。
実施例に応じて、前記アニメーションオブジェクトは、前記プロパティアニメーションオブジェクト、前記トランジションアニメーションオブジェクトおよび前記ムーブアニメーションオブジェクトの少なくとも２つに相応するオブジェクトたる複合アニメーションオブジェクト(composite animation)であってもよい。
この際、前記複合アニメーションオブジェクトで定義された属性は、前記複合アニメーションオブジェクトに含まれる前記プロパティアニメーションオブジェクト、前記トランジションアニメーションオブジェクトまたは前記ムーブアニメーションオブジェクトの属性が定義されていない場合にデフォルト(default)値として使用できる。
また、本発明の一実施例に係るオブジェクト指向的コンポーネントアニメーション方法は、前記アニメーション管理部が、一定の間隔で発生するティック(tick)に基づいて、前記アニメーション目録のうち活性化したアニメーションオブジェクトへアニメーションティックを伝達する（Ｓ５２０）。
この際、ティックが一定の間隔で発生すると、アニメーションティックは当該アニメーションがリドローされなければならないタイミングごとに発生するものであってもよい。例えば、ティックが１ｍｓ間隔で発生すると、アニメーションティックは５ｍｓの間隔で発生するものでありうる。
また、本発明の一実施例に係るオブジェクト指向的コンポーネントアニメーション方法は、前記活性化したアニメーションオブジェクトが前記アニメーションティックを用いて補間値を生成し、前記補間値に基づいてアニメーションイベントを生成し、これを前記バインドされたコンポーネントへ伝達する（Ｓ５３０）。
この際、アニメーションイベントは、当該タイミングの進行状態に相応する状態値（状態、位置、形態など）を含むことができる。
また、本発明の一実施例に係るオブジェクト指向的コンポーネントアニメーション方法は、前記バインドされたコンポーネントが前記アニメーションイベントに基づいてレンダリングエンジンにリドロー(redraw)を要請する（Ｓ５４０）。
また、本発明の一実施例に係るオブジェクト指向的コンポーネントアニメーション方法は、前記レンダリングエンジンが、前記バインドされたコンポーネントに相応するキャンバスに前記コンポーネントをリドローする（Ｓ５５０）。
段階（Ｓ５２０〜Ｓ５５０）は、ティックが発生するたびに、活性化したアニメーションオブジェクトに対して反復され、所定の時間当該コンポーネントがアニメーションされる様子が表現される。
本発明に係るオブジェクト指向的コンポーネントアニメーション方法は、多様なコンピュータ手段によって行われ得るプログラム命令形態で実現され、コンピュータ可読媒体に記録できる。前記コンピュータ可読媒体は、プログラム命令、データファイル、データ構造などを単独で或いは組み合わせて含むことができる。前記媒体に記録されるプログラム命令は、本発明のために特別に設計および構成されたものであり、或いはコンピュータソフトウェアの当業者に公知になって使用可能なものであってもよい。コンピュータ可読記録媒体の例にはハードディスク、フロッピーディスクおよび磁気テープなどの磁気媒体(magnetic media)、ＣＤ−ＲＯＭ、ＤＶＤなどの光記録媒体(optical media)、フロプティカルディスク(floptical disk)などの磁気光媒体(magneto-optical media)、およびＲＯＭ、ＲＡＭ、フラッシュメモリなどのプログラム命令を記憶し遂行するように特別に構成されたハードウェア装置が含まれる。プログラム命令の例には、コンパイラによって作られるものなどの機械語コードだけでなく、インタープリタなどを用いてコンピュータによって実行できる高級言語コードが含まれる。
本発明に係るオブジェクト指向的コンポーネントアニメーション方法は、上述のように説明された実施例の構成および方法が限定されるように適用できるものではない。これらの実施例は、多様な変形がなされ得るように各実施例の全部または一部が選択的に組み合わせられて構成されることも可能である。
２１０ アニメーションベースオブジェクト
２１１ インターポレーションオブジェクト
２２０ プロパティアニメーションオブジェクト
２３０ トランジションアニメーションオブジェクト
２４０ ムーブアニメーションオブジェクト
３１０ アニメーション
４１０ コンポーネント
４１１ キャンバス
４２０ プロパティアニメーションオブジェクト
４３０ トランジションアニメーションオブジェクト
４４０ ムーブアニメーションオブジェクト
４５０ レンダリングエンジン
４５１ アニメーション管理部
Ｓ５１０ アニメーション目録ローディング段階
Ｓ５２０ アニメーションティック伝達段階
Ｓ５３０ アニメーションイベント伝達段階
Ｓ５４０ リドロー要請段階
Ｓ５５０ リドロー段階

Claims (6)

  1. アニメーション管理部が、少なくとも一つのアニメーションオブジェクトと、前記アニメーションオブジェクトにバインドされたコンポーネントとからなるアニメーション目録をロードする段階と、
    前記アニメーション管理部が、一定の間隔で発生するティック(tick)に基づいて、前記アニメーション目録のうち活性化したアニメーションオブジェクトへアニメーションティックを伝達する段階と、
    前記活性化したアニメーションオブジェクトが前記アニメーションティックを用いて補間値を生成し、前記補間値に基づいてアニメーションイベントを生成し、これを前記バインドされたコンポーネントへ伝達する段階と、
    前記バインドされたコンポーネントが前記アニメーションイベントに基づいてレンダリングエンジンにリドロー(redraw)を要請する段階と、を含んでなることを特徴とする、オブジェクト指向的コンポーネントアニメーション方法。
  2. 前記アニメーションオブジェクトは、
    開始値と終了値を有し且つ中間値が明確な属性(property)の変化を示すプロパティアニメーションオブジェクト、変更前のイメージと変更後のイメージ間の形態変化を示すトランジションアニメーションオブジェクト、および座標値の変更を示すムーブアニメーションオブジェクトの少なくとも一つであることを特徴とする、請求項１に記載のオブジェクト指向的コンポーネントアニメーション方法。
  3. 前記プロパティアニメーションオブジェクト、前記トランジションアニメーションオブジェクトおよび前記ムーブアニメーションオブジェクトは、いずれも、アニメーションベースオブジェクト(animation base object)を継承し、
    前記アニメーションベースオブジェクトは、前記ティックに基づいてインターポレーションオブジェクト(interpolation object)を用いて前記補間値を生成する基本機能を行うことを特徴とする、請求項２に記載のオブジェクト指向的コンポーネントアニメーション方法。
  4. 前記アニメーションオブジェクトは、
    前記プロパティアニメーションオブジェクト、前記トランジションアニメーションオブジェクトおよび前記ムーブアニメーションオブジェクトの少なくとも２つに相応するオブジェクトたる複合アニメーションオブジェクト(composite animation)であることを特徴とする、請求項３に記載のオブジェクト指向的コンポーネントアニメーション方法。
  5. 前記複合アニメーションオブジェクトで定義された属性は、前記複合アニメーションオブジェクトに含まれる前記プロパティアニメーションオブジェクト、前記トランジションアニメーションオブジェクトまたは前記ムーブアニメーションオブジェクトの属性が定義されていない場合にデフォルト値として使用されることを特徴とする、請求項４に記載のオブジェクト指向的コンポーネントアニメーション方法。
  6. 請求項１〜５のいずれか１項の方法を実行するためのプログラムが記録されていることを特徴とする、コンピュータ可読記録媒体。
JP2011038470A 2010-02-24 2011-02-24 オブジェクト指向的コンポーネントアニメーション方法およびこのための記録媒体 Active JP5261516B2 (ja)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
KR10-2010-0016544 2010-02-24
KR1020100016544A KR101108480B1 (ko) 2010-02-24 2010-02-24 객체 지향적 컴포넌트 애니메이션 방법 및 이를 위한 기록매체

Publications (2)

Publication Number Publication Date
JP2011175643A true JP2011175643A (ja) 2011-09-08
JP5261516B2 JP5261516B2 (ja) 2013-08-14

Family

ID=44688392

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2011038470A Active JP5261516B2 (ja) 2010-02-24 2011-02-24 オブジェクト指向的コンポーネントアニメーション方法およびこのための記録媒体

Country Status (2)

Country Link
JP (1) JP5261516B2 (ja)
KR (1) KR101108480B1 (ja)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2018022515A (ja) * 2014-02-04 2018-02-08 タクチュアル ラブズ シーオー． 応用素子の代替的グラフィック表示の事前の生成による入力に対する低レイテンシの視覚的応答およびグラフィック処理ユニットの入力処理

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101650153B1 (ko) 2015-03-19 2016-08-23 네이버 주식회사 만화 데이터 편집 방법 및 만화 데이터 편집 장치
KR102009980B1 (ko) 2015-03-25 2019-10-21 네이버 주식회사 만화 데이터 생성 장치, 방법, 컴퓨터 프로그램
KR101950420B1 (ko) * 2016-08-12 2019-05-10 네이버 주식회사 만화 데이터 생성 장치, 방법, 컴퓨터 프로그램

Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2000030079A (ja) * 1998-07-10 2000-01-28 Fujitsu Ltd 動画像合成装置および方法

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR100672279B1 (ko) * 2005-07-01 2007-01-24 엔에이치엔(주) 애니메이션 구현 방법 및 장치
US7477254B2 (en) * 2005-07-13 2009-01-13 Microsoft Corporation Smooth transitions between animations
US20090079744A1 (en) 2007-09-21 2009-03-26 Microsoft Corporation Animating objects using a declarative animation scheme

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2000030079A (ja) * 1998-07-10 2000-01-28 Fujitsu Ltd 動画像合成装置および方法

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2018022515A (ja) * 2014-02-04 2018-02-08 タクチュアル ラブズ シーオー． 応用素子の代替的グラフィック表示の事前の生成による入力に対する低レイテンシの視覚的応答およびグラフィック処理ユニットの入力処理

Also Published As

Publication number Publication date
KR20110096957A (ko) 2011-08-31
KR101108480B1 (ko) 2012-01-31
JP5261516B2 (ja) 2013-08-14

Similar Documents

Publication Publication Date Title
US10032484B2 (en) Digital video builder system with designer-controlled user interaction
US10678995B2 (en) System and methods for control of content presented on web pages
US10573051B2 (en) Dynamically generated interface transitions
JP6392881B2 (ja) 応用素子の代替的グラフィック表示の事前の生成による入力に対する低レイテンシの視覚的応答およびグラフィック処理ユニットの入力処理
US20060225094A1 (en) Enabling customization and personalization of views in content aggregation frameworks
TW201032132A (en) Defining simple and complex animations
CN103399750B (zh) 用户界面实现方法及装置
JP6687878B2 (ja) 情報処理装置およびプログラム
JP5261516B2 (ja) オブジェクト指向的コンポーネントアニメーション方法およびこのための記録媒体
US20150077355A1 (en) Reducing control response latency with defined cross-control behavior
US20110209117A1 (en) Methods and systems related to creation of interactive multimdedia applications
US10193959B2 (en) Graphical interface for editing an interactive dynamic illustration
US8640055B1 (en) Condensing hierarchies in user interfaces
Trapp et al. Addressing animated transitions already in mobile app storyboards
CN109800039A (zh) 一种用户界面展示方法、装置、电子设备及存储介质
Vanderdonckt Animated transitions for empowering interactive information systems
JP5595329B2 (ja) ユーザインタフェース設計装置
CN110785740A (zh) 基于规则的用户界面生成
MacDonald Introducing WPF
KR102014453B1 (ko) 3차원 유저 인터페이스 시뮬레이션 표시 방법
Komischke The impact of rich application frameworks on user experience design
Matlage et al. Every animation should have a beginning, a middle, and an end: A case study of using a functor-based animation language
JP5636017B2 (ja) クラス図作成装置およびクラス図作成プログラム
KR100648314B1 (ko) 유저 인터페이스를 표시하는 영상 디스플레이장치 및 그방법
Smith et al. Graphics and Drawing

Legal Events

Date Code Title Description
A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20120313

RD03 Notification of appointment of power of attorney

Free format text: JAPANESE INTERMEDIATE CODE: A7423

Effective date: 20120510

RD04 Notification of resignation of power of attorney

Free format text: JAPANESE INTERMEDIATE CODE: A7424

Effective date: 20120521

A601 Written request for extension of time

Free format text: JAPANESE INTERMEDIATE CODE: A601

Effective date: 20120613

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20120618

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20120704

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20120802

A602 Written permission of extension of time

Free format text: JAPANESE INTERMEDIATE CODE: A602

Effective date: 20120827

A02 Decision of refusal

Free format text: JAPANESE INTERMEDIATE CODE: A02

Effective date: 20120925

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20130124

A911 Transfer to examiner for re-examination before appeal (zenchi)

Free format text: JAPANESE INTERMEDIATE CODE: A911

Effective date: 20130204

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20130305

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20130311

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

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20130426

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

Free format text: PAYMENT UNTIL: 20160502

Year of fee payment: 3

R150 Certificate of patent or registration of utility model

Ref document number: 5261516

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150

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