(57)【要約】【課題】スプライトイメージを生成するための方法及び装置を提供することにある。【解決手段】ウェブページに含まれる一つ以上のイメージは、２次元のプレート内に配置される。一つ以上のイメージは、プレートに対するユーザの操作に応じて生成、修正及び削除される。プレートは、プレート及び一つ以上のイメージに対するメタデータを含み、メタデータを用いることによって一つ以上のイメージは表示、再配置、及び抽出されてもよい。【選択図】図５
2012230675.tif 000002
【特許請求の範囲】
【請求項１】
一つ以上のイメージが配置されたプレートを表示し、
ユーザの操作に応じて前記プレートに対するイメージ処理を行うことによって前記イメージ処理に対応する前記一つ以上のイメージを修正し、
前記プレートを格納することによって前記一つ以上のイメージを格納すること、
を含み、
前記プレートは２次元平面であり、前記一つ以上のイメージそれぞれは前記２次元平面内で特定の領域を占め、前記一つ以上のイメージが占める特定の領域は互いに重ならないことを特徴とするイメージ処理方法。
【請求項２】
前記２次元平面は特定の大きさを有する一つ以上のセルから構成され、前記一つ以上のイメージそれぞれが占める前記特定の領域は前記一つ以上のセルのうち一部セルであることを特徴とする請求項１に記載のイメージ処理方法。
【請求項３】
前記一つ以上のイメージを修正することは、
新しいイメージを前記一つ以上のイメージに追加し、
前記追加された新しいイメージを前記プレートのうちの空き領域に配置すること、
を含むことを特徴とする請求項１または請求項２に記載のイメージ処理方法。
【請求項４】
前記一つ以上のイメージを修正することは、
前記一つ以上のイメージのうち第１イメージを削除し、
前記第１イメージが削除前に占めていた領域に前記一つ以上のイメージのうち第２イメージを配置すること、
を含み、
前記第２イメージが占める領域は前記第１イメージが占める領域内に含まれていることを特徴とする請求項１または請求項２に記載のイメージ処理方法。
【請求項５】
前記プレートは、前記一つ以上のイメージそれぞれに対するメタデータを含むことを特徴とする請求項１から請求項４のいずれか一項に記載のイメージ処理方法。
【請求項６】
前記メタデータは、前記一つ以上のイメージそれぞれの前記プレート内における位置及び大きさを含むことを特徴とする請求項５に記載のイメージ処理方法。
【請求項７】
前記一つ以上のイメージが配置されたプレートを表示することは、前記メタデータの前記位置及び前記大きさを用いて前記一つ以上のイメージを前記プレート内に表示することを含むことを特徴とする請求項６に記載のイメージ処理方法。
【請求項８】
前記メタデータは、前記一つ以上のイメージそれぞれのファイルのアドレスを含むことを特徴とする請求項５に記載のイメージ処理方法。
【請求項９】
前記一つ以上のイメージが配置されたプレートを表示することは、前記メタデータを用いて前記一つ以上のイメージそれぞれのファイルを前記アドレスからロードすることを含むことを特徴とする請求項８に記載のイメージ処理方法。
【請求項１０】
前記メタデータを用いることによって一つ以上のイメージそれぞれを別個に格納することをさらに含むことを特徴とする請求項５に記載のイメージ処理方法。
【請求項１１】
請求項１乃至請求項１０のいずれか一項のイメージ処理方法を行うプログラムを収録したコンピュータで読み出し可能な記録媒体。
【請求項１２】
一つ以上のイメージが配置されたプレートを表示する出力部と、
ユーザから前記プレートを操作する入力を受信する入力部と、
前記入力に応じて前記プレートに対するイメージ処理を行うことによって前記イメージ処理に対応する前記一つ以上のイメージを修正し、前記プレートを格納することによって前記一つ以上のイメージを格納する制御部と、
を備え、
前記プレートは２次元平面であり、前記一つ以上のイメージそれぞれは前記２次元平面内で特定の領域を占め、前記一つ以上のイメージが占める特定の領域は互いに重ならないことを特徴とするイメージ処理装置。
【請求項１３】
前記２次元平面は、特定の大きさを有する一つ以上のセルから構成され、前記一つ以上のイメージそれぞれが占める前記特定の領域は前記一つ以上のセルのうち一部のセルであることを特徴とする請求項１２に記載のイメージ処理装置。
【請求項１４】
前記制御部は、新しいイメージを前記一つ以上のイメージに追加し、前記追加された新しいイメージを前記プレートのうちの空き領域に配置することによって前記一つ以上のイメージを修正することを特徴とする請求項１２または請求項１３に記載のイメージ処理装置。
【請求項１５】
前記制御部は、前記一つ以上のイメージのうち第１イメージを削除し、前記第１イメージが削除前に占めた領域に前記一つ以上のイメージのうち第２イメージを配置することによって前記一つ以上のイメージを修正し、前記第２イメージが占める領域は前記第１イメージが占める領域内に含まれることを特徴とする請求項１２または請求項１３に記載のイメージ処理装置。
【請求項１６】
前記プレートは、前記一つ以上のイメージそれぞれに対するメタデータを含むことを特徴とする請求項１２乃至請求項１５のいずれか一項に記載のイメージ処理装置。
【請求項１７】
前記メタデータは、前記一つ以上のイメージそれぞれの前記プレート内における位置及び大きさを含み、
前記制御部は、前記メタデータの前記位置及び前記大きさを用いることによって前記出力部が前記一つ以上のイメージを前記プレート内に表示するように制御することを特徴とする請求項１６に記載のイメージ処理装置。
【請求項１８】
前記メタデータは前記一つ以上のイメージそれぞれのファイルのアドレスを含み、
前記制御部は、前記メタデータを用いて前記一つ以上のイメージそれぞれのファイルを前記アドレスからロードすることによって前記出力部が前記一つ以上のイメージが配置されたプレートを表示するように制御することを特徴とする請求項１６に記載のイメージ処理装置。
【請求項１９】
前記制御部は、前記メタデータを用いることによって前記一つ以上のイメージそれぞれを別個に格納することを特徴とする請求項１６に記載のイメージ処理装置。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、ＣＳＳスプライトを処理するための方法及び装置に関する。
【背景技術】
【０００２】
ウェブページ（ｗｅｂ  ｐａｇｅ）は、一つ以上のイメージを含んでもよい。ウェブページに含まれる一つ以上のイメージは、それぞれ一つのファイルとしてウェブサーバ内に存在する。
【０００３】
一般に、ユーザのウェブブラウザにウェブページが表示されるとき、このような一つ以上のイメージは、各ウェブサーバからユーザのコンピュータにダウンロードされなければならない。また、ウェブブラウザは、一つ以上のイメージそれぞれのダウンロードを行うためにウェブサーバに個別のリクエストをしなければならない。
【先行技術文献】
【特許文献】
【０００４】
【特許文献１】韓国公開特許２００５−００８４３８９号公報
【０００５】
一つ以上のイメージが個別にダウンロードされる場合、以下のような問題が発生する。
【０００６】
第１に、ユーザのウェブブラウザにウェブページの全体がロード（ｌｏａｄ）されて表示されるため、遅延時間が増加する。
【０００７】
第２に、ウェブサーバは個別的なダウンロードリクエストを処理し、特にイメージファイルを読み出すために多くのリソースを用いる。したがって、ウェブサーバの性能が低下することがある。
【０００８】
さらに、ウェブページに要求されるデザインクオリティ（ｄｅｓｉｇｎ  ｑｕａｌｉｔｙ）が高くなるにつれて、ウェブページ内で用いられるイメージの数が次第に増加する。
【０００９】
したがって、ウェブページ内に含まれる一つ以上のイメージが、一回のみのリクエストだけでウェブサーバからウェブブラウザに送信され得る方法が要求される。
【発明の概要】
【発明が解決しようとする課題】
【００１０】
本発明の目的は、スプライトイメージを生成するためのイメージ処理装置及び方法を提供する。
【００１１】
本発明の目的は、一つ以上のイメージが配置された２次元平面プレートを用いることによって、スプライトイメージを生成するイメージ処理装置及び方法を提供する。
【００１２】
本発明の目的は、一つ以上のイメージそれぞれに対するメタデータを用いることによって、一つ以上のイメージそれぞれの位置、大きさ、及びファイルアドレスを管理するイメージ処理装置及び方法を提供する。
【課題を解決するための手段】
【００１３】
本発明の一実施形態によるイメージ処理方法は、一つ以上のイメージが配置されたプレートを表示し、ユーザの操作に応じて前記プレートに対するイメージ処理を行うことによって前記イメージ処理に対応する前記一つ以上のイメージを修正し、前記プレートを格納することによって前記一つ以上のイメージを格納することを含み、前記プレートは２次元平面であり、前記一つ以上のイメージそれぞれは前記２次元平面内で特定の領域を占め、前記一つ以上のイメージが占める特定の領域は互いに重ならないことを特徴とする。
【００１４】
前記２次元平面は特定の大きさを有する一つ以上のセルから構成され、前記一つ以上のイメージそれぞれが占める前記特定の領域は前記一つ以上のセルのうち一部セルであってもよい。
【００１５】
前記一つ以上のイメージを修正することは、新しいイメージを前記一つ以上のイメージに追加し、前記追加された新しいイメージを前記プレートのうちの空き領域に配置することを含んでもよい。
【００１６】
前記一つ以上のイメージを修正することは、前記一つ以上のイメージのうち第１イメージを削除し、前記第１イメージが削除前に占めていた領域に前記一つ以上のイメージのうち第２イメージを配置することを含んでもよく、前記第２イメージが占める領域は前記第１イメージが占める領域内に含まれていてもよい。
【００１７】
前記プレートは、前記一つ以上のイメージそれぞれに対するメタデータを含んでもよい。
【００１８】
前記メタデータは、前記一つ以上のイメージそれぞれの前記プレート内における位置及び大きさを含んでもよい。
【００１９】
前記一つ以上のイメージが配置されたプレートを表示することは、前記メタデータの前記位置及び前記大きさを用いて前記一つ以上のイメージを前記プレート内に表示することを含んでもよい。
【００２０】
前記メタデータは、前記一つ以上のイメージそれぞれのファイルのアドレスを含んでもよい。
【００２１】
前記一つ以上のイメージが配置されたプレートを表示することは、前記メタデータを用いて前記一つ以上のイメージそれぞれのファイルを前記アドレスからロードすることを含んでもよい。
【００２２】
イメージ処理方法は、前記メタデータを用いることによって一つ以上のイメージそれぞれを別個に格納することをさらに含んでもよい。
【００２３】
本発明の他の一実施形態によるイメージ処理装置は、一つ以上のイメージが配置されたプレートを表示する出力部と、ユーザから前記プレートを操作する入力を受信する入力部と、前記入力に応じて前記プレートに対するイメージ処理を行うことによって前記イメージ処理に対応する前記一つ以上のイメージを修正し、前記プレートを格納することによって前記一つ以上のイメージを格納する制御部とを備え、前記プレートは２次元平面であり、前記一つ以上のイメージそれぞれは前記２次元平面内で特定の領域を占め、前記一つ以上のイメージが占める特定の領域は互いに重ならないことを特徴とする。
【００２４】
前記制御部は、新しいイメージを前記一つ以上のイメージに追加し、前記追加された新しいイメージを前記プレートのうちの空き領域に配置することによって前記一つ以上のイメージを修正してもよい。
【００２５】
前記制御部は、前記一つ以上のイメージのうち第１イメージを削除し、前記第１イメージが削除前に占めた領域に前記一つ以上のイメージのうち第２イメージを配置することによって前記一つ以上のイメージを修正してもよい。
【００２６】
前記制御部は、前記メタデータの前記位置及び前記大きさを用いることによって前記出力部が前記一つ以上のイメージを前記プレート内に表示するように制御してもよい。
【００２７】
前記制御部は、前記メタデータを用いて前記一つ以上のイメージそれぞれのファイルを前記アドレスからロードすることによって前記出力部が前記一つ以上のイメージが配置されたプレートを表示するように制御してもよい。
【００２８】
前記制御部は、前記メタデータを用いることによって前記一つ以上のイメージそれぞれを別個に格納してもよい。
【発明の効果】
【００２９】
本発明によると、スプライトイメージを生成するためのイメージ処理装置及び方法を提供することができる。
【００３０】
本発明によると、一つ以上のイメージが配置された２次元平面プレートを用いることによって、スプライトイメージを生成するイメージ処理装置及び方法を提供することができる。
【００３１】
本発明によると、一つ以上のイメージそれぞれに対するメタデータを用いることによって、一つ以上のイメージそれぞれの位置、大きさ、及びファイルアドレスを管理するイメージ処理装置及び方法を提供することができる。
【図面の簡単な説明】
【００３２】
【図１】本発明の一例に係るＣＳＳスプライトを説明する図である。
【図２】本発明の一例に係るスプライトイメージを説明する図である。
【図３】本発明の一例に係るスプライトイメージ及びスプライトイメージを用いるウェブページを示す図である。
【図４】本発明の一例に係るプレートを説明する図である。
【図５】本発明の一実施形態に係るイメージ処理方法のフローチャートである。
【図６】本発明の一実施形態に係るプレートのメタデータを示す図である。
【図７】本発明の一実施形態に係る映像処理装置の構成を示すブロック図である。
【発明を実施するための形態】
【００３３】
以下、本発明の一実施形態を図面を参照しながら詳細に説明する。しかし、本発明が実施形態によって制限又は限定されることはない。各図面に提示された同一の参照符号は同一の部材を示す。
【００３４】
図１は、本発明の一例に係るＣＳＳスプライトを説明する。
【００３５】
カスケーディングスタイルシート（Ｃａｓｃａｄｉｎｇ  Ｓｔｙｌｅ  Ｓｈｅｅｔ：以下、ＣＳＳ）のスプライト（ｓｐｒｉｔｅ）は、ウェブページ内で用いられる一つ以上のイメージを一つに集めて、イメージファイルに対するリクエストを減少させる方法である。
【００３６】
ＣＳＳスプライトを説明するために、３つの個別イメージ１１０、１２０、及び１３０を用いるウェブページを検討する。
【００３７】
３つの個別イメージ１１０、１２０及び１３０は、それぞれウェブページ内で用いられるボタンを表す。
【００３８】
３つの個別イメージ１１０、１２０及び１３０は、別個のファイルでサーバ内に存在する。例えば、最初のイメージ１１０のファイル名は「ｂｔｎ＿ｓｖ．ｇｉｆ」である。
【００３９】
したがって、ウェブブラウザが３つの個別イメージ１１０、１２０及び１３０を表示するためには、ウェブブラウザは３つのファイルそれぞれについてウェブサーバに送信リクエストをしなければならず、サーバから３つのファイルがそれぞれ送信されなければならない。
【００４０】
複数のイメージが一回のリクエストに応じて送信されるように、複数のイメージを含む単一のイメージファイルを用いてもよい。
【００４１】
ＣＳＳスプライトによって３つの個別イメージ１１０、１２０及び１３０は、単一の合わさったイメージ１４０になる。
【００４２】
図示するように、合わさったイメージ１４０は、３つの個別イメージ１１０、１２０及び１３０を含む。すなわち、合わさったイメージ１４０の一部は、それぞれ３つの個別イメージ１１０、１２０及び１３０の一つである。
【００４３】
ウェブサーバ内に合わさったイメージ１４０のファイルが存在する場合、ウェブブラウザは、合わさったイメージ１４０のファイルに対してウェブサーバに送信リクエストしてもよく、サーバから合わさったイメージ１４０のファイルのみが送信されてもよい。したがって、ウェブブラウザは、単一のリクエスト及び送信によって３つの個別イメージ１１０、１２０及び１３０を全て取得することができる。
【００４４】
ウェブブラウザは、合わさったイメージ１４０の一部のみをウェブページ内に表示されるイメージとして用いる必要がある。ウェブページ内のコード（例えば、ＣＳＳコード）は、合わさったイメージ１４０の全てまたは一部を表示するイメージとして特定してもよい。
【００４５】
前述のＣＳＳスプライトを用いることによって以下の効果（１）〜効果（３）が生じる。
【００４６】
（１）ユーザのサービス応答速度が向上する。
すなわち、ユーザがウェブブラウザによって新しいウェブページに接続したとき、イメージを含んでいる全てのウェブページのロード時間が縮小される。これは、一つ以上のイメージが一回のリクエストで応答及び送信されることができるためである。
【００４７】
（２）イメージを格納するファイルの容量が減少する。
これは、ファイルに含まれている一つ以上のイメージのカラーオフセット（ｃｏｌｏｒ  ｏｆｆｓｅｔ）の効果に起因する。
【００４８】
（３）ＣＳＳスプライトのために特定のタイプのイメージファイル（例えば、ＰＮＧ−８タイプ）が用いられる場合、ウェブページのために一般的に用いられるタイプ（例えば、ＧＩＦファイル）が用いられる場合に比べて応答速度が向上し、応答速度の偏差が減少する。
【００４９】
ＣＳＳスプライトは、一つ以上のイメージを含むイメージファイルによって提供される。このようなイメージファイルは、後述するスプライトイメージ２００によって生成されてもよい。
【００５０】
図２は、本発明の一例に係るスプライトイメージ２００を説明する。
【００５１】
ＣＳＳスプライトが用いられるためには一つ以上のイメージを含むイメージファイルを生成しなければならない。
【００５２】
スプライトイメージ２００は、一つ以上のイメージ２１０〜２６０を含むイメージである。
【００５３】
スプライトイメージのファイルはウェブブラウザに送信され、ウェブブラウザはスプライトイメージ２００の一部、すなわち一つ以上のイメージ２１０〜２６０それぞれに対応するスプライトイメージ２００の部分をイメージとして用いる。
【００５４】
一つ以上のイメージ２１０〜２６０は、スプライトイメージ２００内の一定の領域を占める。
【００５５】
一つ以上のイメージ２１０〜２６０それぞれが占める領域のうち、第６イメージ２６０が占める領域２６２が図の点線によって示されている。
【００５６】
ウェブページがスプライトイメージ２００を用いるための一例は、図３を参照して以下のように説明される。
【００５７】
図３は、本発明の一例に係るスプライトイメージ２００及びスプライトイメージ２００を用いるウェブページ３００を示す。
【００５８】
ウェブページ３００は、一つ以上のイメージを含んでもよい。
【００５９】
スプライトイメージ２００は、一つ以上のウェブページで用いられてもよい。
【００６０】
また、スプライトイメージ２００は、一つ以上のウェブページ間に共有されてもよい。すなわち、ウェブページ３００を含む一つ以上のウェブページがスプライトイメージ２００を用いてもよい。
【００６１】
したがって、スプライトイメージ２００内に含まれる一つ以上のイメージ２１０〜２６０の全て、または一部がウェブページ３００内で用いられてもよい。
【００６２】
また、一つ以上のイメージ２１０〜２６０の全て、または一部はウェブページ３００内で二回以上表示されてもよい。例えば、第１イメージ２１０はウェブページ３００内で二回表示される。
【００６３】
ウェブページ３００は、第３イメージ２３０及び第４イメージ２４０を使用しない。第３イメージ２３０及び第４イメージ２４０は、スプライトイメージ２００を用いる他のウェブページによって用いられてもよい。
【００６４】
図４は、本発明の一例に係るプレート４００を説明する。
【００６５】
スプライトイメージ２００を用いるために、スプライトイメージ２００を生成、修正、及び格納するためのツールが要求される。
【００６６】
該ツールがスプライトイメージ２００を生成するために用いるオブジェクトを、プレートまたはイメージプレートと称する。
【００６７】
すなわち、プレート４００は、ウェブページで用いられる一つ以上のイメージを含むスプライトイメージ２００を含むオブジェクトと見なされる。また、プレート４００は、スプライトイメージ２００に含まれる一つ以上のイメージを含むオブジェクトと見なされる。また、プレート４００は、一つ以上のイメージが生成、修正、及び削除などの操作を経由するために、前記の一つ以上のイメージを表示するパレット（ｐａｌｅｔｔｅ）と見なされる。
【００６８】
ツールは、プレート４００を生成、修正及び格納してもよく、プレート４００からスプライトイメージ２００を生成（または、抽出）してもよい。
【００６９】
スプライトイメージ２００を構成する一つ以上のイメージは、プレート４００内に配置される。
【００７０】
ウェブページの特性上、プレート４００は２次元平面である。コンピュータシステムで実現されるイメージの特性上、プレート４００はピクセル（ｐｉｘｅｌ）から構成され、一般的に長方形の形状を有する。したがって、プレート４００は、横及び縦の属性を有し得る。
【００７１】
一つ以上のイメージそれぞれは、プレート４００の２次元平面内で特定の空間を占めている。
【００７２】
したがって、一般的に一つ以上のイメージが占める特定の空間は、互いに重ならない。但し、特定のイメージが異なるイメージの一部分である場合、２つのイメージが占める空間が重なることがある。
【００７３】
プレート４００の２次元平面は、特定の大きさを有する一つ以上のセル４１０から構成されてもよい。すなわち、プレート４００の２次元平面は、ｎ行及びｍ列のセル４１０で構成されてもよい。
【００７４】
一般に、セル４１０は四角形であり、正方形であってもよい。セル４１０も横４３０及び縦４３５の属性を有してもよい。
【００７５】
セルの横４３０及びセルの縦４３５の大きさは、プレート４００の大きさを決定してもよい。すなわち、プレート４００の横の大きさは、横軸について配置されたセル４１０の数及びセルの横４３０の積であってもよい。また、プレート４００の縦の大きさは、縦軸について配置されたセル４１０の数及び縦４３５の積であってもよい。
【００７６】
前述したように、一つ以上のイメージのそれぞれは、特定の空間を占める。一つ以上のイメージそれぞれを占める特定の空間は、一つ以上のセル４１０のうちの一部のセル４１０であってもよい。すなわち、一つ以上のイメージそれぞれが占めている空間は、ピクセル単位ではないセル４１０の単位で割り当てられてもよい。
【００７７】
セル４１０の観点からは、一つのセル４１０は複数のイメージによって占められることはなく、一つのイメージによってのみ占められる。すなわち、一つのセル４１０を２つ以上のイメージが同時に占めることが禁止（または、不能（ｄｉｓａｂｌｅｄ））される。
【００７８】
プレート４００の２次元平面を構成する一つ以上のセル４１０のうち、２つのセル４１０が隣接する境界は線と見なす。グリッド４２０は、２つのセル４１０が隣接することによって現れる格子状の線を意味する。
【００７９】
一つ以上のイメージは、グリッド４２０で収まるように表示されてもよい。すなわち、特定のイメージがプレート４００内に追加されたり、プレート４００内において移動するとき、前記イメージはイメージの境界がグリッド４２０につくよう追加または移動されてもよい。また、ユーザのプレート４００に対する操作の処理において、操作の対象となるイメージが可能なグリッド４２０に表示されるように処理してもよい。
【００８０】
前述のプレート４００を用いるイメージ処理方法の一実施形態及びイメージ処理装置の一実施形態をそれぞれ図５乃至図７を参照して以下のように説明する。
【００８１】
図５は、本発明の一実施形態に係るイメージ処理方法のフローチャートである。
【００８２】
本実施形態のイメージ処理方法は、スプライトイメージを生成するためのツールによって実行されてもよい。また、本実施形態のイメージ処理方法は、パーソナルコンピュータのようなスプライトイメージツールを駆動する装置によって実行されてもよい。
【００８３】
イメージ処理方法は、ロード動作５１０、表示動作５２０、修正動作５３０、格納動作５４０、及び抽出動作５５０を含んでもよい。
【００８４】
ロード動作５１０において、格納部からプレート４００が読み出されてロードされる。
【００８５】
ロード動作５１０は、例えば、新しいプレート４００が生成される場合には省略されてもよい。
【００８６】
表示動作５２０において、一つ以上のイメージが配置されたプレート４００が表示される。
【００８７】
一つ以上のイメージは、プレート４００内で上方から下方の順に応じて配置されてもよい。プレート４００の最も下方までイメージが満たされた場合、残ったイメージはプレート４００内のイメージが満たされた部分の右側の部分から再び上方から下方の順に配置されてもよい。
【００８８】
また、一つ以上のイメージは、プレート４００内で左側から右側の順に応じて配置されてもよい。プレート４００の最も右側までイメージが満たされた場合、残ったイメージはプレート４００内のイメージが満たされた部分の下方の部分から再び左側から右側の順に配置されてもよい。
【００８９】
例えば、新しいプレート４００が生成された場合、イメージを含んでいないプレート４００を表示してもよい。
【００９０】
修正動作５３０において、ユーザの操作に応じてプレート４００のイメージが処理される。このイメージ処理によってイメージ処理に対応する一つ以上のイメージが修正される。
【００９１】
修正動作５３０は、以下の動作（１）〜動作（６）を含んでもよい。
【００９２】
（１）プレート４００内のピクセルまたは一部に対するイメージ処理動作：例えば、ピクセルの色変更を含む。
【００９３】
ここで、上述の「一部」は、一つ以上の選択されたピクセルを意味する。
【００９４】
（２）プレート４００の全体に対するイメージ処理動作：例えば、プレート４００の明暗（ｂｒｉｇｈｔｎｅｓｓ）またはコントラスト（ｃｏｎｔｒａｓｔ）または色温度変更、サイズの変更（ｒｅｓｉｚｅ）、部分切断（ｃｒｏｐ）、コピー（ｃｏｐｙ）、カット（ｃｕｔ）及び貼り付け（ｐａｓｔｅ）などを含む。
【００９５】
（３）プレート４００内のイメージに対するイメージ処理動作：例えば、イメージの明暗、またはコントラスト、または色温度変更、イメージの移動、サイズの変更、部分切断、コピー、カット、及び貼り付けなどを含む。
【００９６】
（４）新しいイメージを一つ以上のイメージに追加する動作及び追加された新しいイメージをプレート４００のうちの空き領域に配置する動作。
【００９７】
ここで、空き領域は、イメージに占められていない領域を意味する。
【００９８】
新しいイメージを配置するために、ピクセル単位またはセル単位で空き領域が新しいイメージに割り当てられてもよい。
【００９９】
（５）一つ以上のイメージのうち第１イメージを削除する動作、及び前記の第１イメージが削除前に占めていた領域に一つ以上のイメージのうち第２イメージを配置する動作。
【０１００】
第２イメージが占める領域は、第１イメージが占める領域内に含まれてもよい。この領域は、ピクセル単位またはセル単位であってもよい。
【０１０１】
（６）一つ以上のイメージを再配置する動作：例えば、イメージのサイズ変更、削除、移動などによってプレート４００内に空き領域を新しく生成したり、一つ以上のイメージのプレート４００内の位置を再調整する必要がある場合、一つ以上のイメージそれぞれがプレート４００内の他の特定領域を占めるように再配置してもよい。
【０１０２】
リソースの無駄遣いを防止するために、一つ以上のイメージは順次にプレート４００内で空き領域を満たしていく形式によって再配置されてもよい。また、一つ以上のイメージは、プレート４００の容量またはプレート４００が表す全てのイメージの容量が最小化するように再配置されてもよい。
【０１０３】
格納動作５４０において、プレート４００が格納部に格納される。プレート４００が格納されることによって、プレート４００内の一つ以上のイメージも格納される。
【０１０４】
以下では格納動作５４０及び抽出動作５５０について説明する。
【０１０５】
抽出動作５５０において、プレート４００からオブジェクトが抽出される。
【０１０６】
抽出動作５５０は、以下の動作（１）〜動作（３）を含んでもよい。
【０１０７】
（１）プレート４００からプレート４００が表す全てのイメージ（すなわち、スプライトイメージ２００）をファイルとして抽出する動作。
【０１０８】
（２）プレート４００からプレート４００内に配置された一つ以上のイメージそれぞれをファイルとして抽出する動作。
【０１０９】
（３）プレート４００内に配置された一つ以上のイメージをスプライトイメージ２００を用いて表示するためのＣＳＳコードを抽出する動作。
【０１１０】
図６は、本発明の一実施形態に係るプレート４００のメタデータ６００を示す。
【０１１１】
プレート４００はメタデータ６００を含んでもよい。または、プレート４００は、プレートに対するメタデータ６００を含むオブジェクトと連動されてもよい。
【０１１２】
メタデータ６００は、（１）プレート４００そのものに対するメタデータを示すプレートメタデータ６１０、及び（２）プレート４００が含む一つ以上のイメージのメタデータを示すイメージメタデータ６２０を含んでもよい。
【０１１３】
例えば、プレートメタデータ６１０は、プレート４００の名称（"ｎａｍｅ"）、プレート４００のイメージタイプ（"ｔｙｐｅ"）、プレート４００のグリッド４２０の大きさ（"ｇｒｉｄＳｉｚｅ"）プレート４００の横最大の幅（"ｍａｘＷｉｄｔｈ"）（すなわち、プレート４００のセル４１０の横４３０）、及びプレート４００の縦最大の長さ（"ｍａｘＨｅｉｇｈｔ"）（すなわち、プレート４００のセル４１０の縦４３５）、プレート４００の容量などを含んでもよい。
【０１１４】
プレート４００の大きさは、プレート４００を操作するツールまたは装置のスペック（例えば、ディスプレイの大きさ及びメモリ容量など）によって制限されてもよい。
【０１１５】
プレート４００のイメージタイプは、タイプに許容された最大色、タイプに許容された最大の大きさ、タイプの圧縮有無、及びタイプが占める容量などを考慮して選択されてもよい。例えば、プレート４００のイメージタイプとして、ＰＮＧ−８、ＰＮＧ−２４、ＪＰＥＧ、ＴＩＦＦ、およびＧＩＦなどのイメージタイプを用いてもよい。
【０１１６】
イメージメタデータ６２０は、プレート４００内に含まれる一つ以上のイメージそれぞれに対するメタデータ６３０を含む。
【０１１７】
一つ以上のイメージそれぞれに対するメタデータ６３０は、イメージのプレート４００内における垂直位置（"ｔｏｐ"）（すなわち、イメージの最も上部のプレート４００内におけるｙ座標）、イメージのプレート４００内における水平位置（"ｌｅｆｔ"）（すなわち、イメージの最も左側の部分のプレート４００内におけるｘ座標）、イメージの大きさ（すなわち、横（"ｗｉｄｔｈ"）及び縦（"ｈｅｉｇｈｔ"））、イメージのファイルが格納されたアドレス（"ｓｒｃ"）及びイメージファイルの大きさ（または容量）などを含んでもよい。
【０１１８】
メタデータは、例えば、ＸＭＬ（Ｅｘｔｅｎｓｉｂｌｅ  Ｍａｒｋｕｐ  Ｌａｎｇｕａｇｅ）、ＨＴＭＬ（ＨｙｐｅｒＴｅｘｔ  Ｍａｒｋｕｐ  Ｌａｎｇｕａｇｅ）、およびＪＳＯＮ（ＪａｖａＳｃｒｉｐｔ（登録商標）Ｏｂｊｅｃｔ  Ｎｏｔａｔｉｏｎ）などのような情報を格納するための任意の形式で格納されてもよい。例えば、プレート４００は、ＪＳＯＮ形式のデータ構造またはファイルを含んでもよい。または、プレート４００は、ＪＳＯＮ形式のデータ構造またはファイルと連動されてもよい。
【０１１９】
プレート４００のメタデータ６００が格納及び活用されることによって、作成されたプレート４００が容易に複数のユーザ間で共有及び活用されることができる。したがって、スプライトイメージ２００の維持及び補数が容易になる。
【０１２０】
また、プレート４００から抽出されたスプライトイメージ２００が一つのイメージとして抽出及び格納される場合にも、イメージメタデータ６２０を含んでもよい。
【０１２１】
前述された動作５１０〜５５０は、各メタデータ６００を用いて行われてもよい。
【０１２２】
例えば、動作５２０において、一つ以上のイメージは、メタデータの位置及び大きさを用いることでプレート４００内に表示されてもよい。
【０１２３】
また、動作５２０において、一つ以上のイメージを表示するために、一つ以上のイメージそれぞれのファイルがメタデータ６００のアドレスからロードされてもよい。
【０１２４】
また、動作５３０において、一つ以上のイメージは、メタデータの位置及び大きさに基づいてプレート４００内に再配置されてもよい。
【０１２５】
また、動作５５０において、スプライトイメージ２００または一つ以上のイメージそれぞれを別個に抽出または格納するために、メタデータ４００が用いられてもよい。
【０１２６】
プレート４００（または、プレート４００を格納するオブジェクト）は、プロジェクトファイルとして提供される。プロジェクトファイルによって複数のユーザが協業することが可能になる。
【０１２７】
前述の動作５１０〜５５０は、映像処理装置７００によって行われてもよい。以下、前述の動作５１０〜動作５５０を行う映像処理装置７００について説明する。
【０１２８】
図７は、本発明の一実施形態に係る映像処理装置７００の構成を示すブロック図である。
【０１２９】
映像処理装置７００は、出力部７１０、制御部７２０、入力部７３０、及び格納部７４０を備える。
【０１３０】
出力部７１０は、プレート４００を表示する。
【０１３１】
入力部７３０は、ユーザからプレート４００を操作する入力を受信する。
【０１３２】
格納部７４０は、制御部７２０の制御に応じてプレート４００及びメタデータ６００などを格納し、制御部７２０のリクエストに応じてプレート４００及びメタデータ６００などを制御部７２０に提供する。
【０１３３】
制御部７２０は、プレート４００を表示するように出力部７１０を制御する。
【０１３４】
制御部７２０は、前述された動作５１０〜動作５５０を行う。
【０１３５】
例えば、制御部７２０は、入力部７３０が受信した入力に応じてプレート４００のイメージ処理を行うことによって、イメージ処理に対応する一つ以上のイメージを修正してもよく、プレート４００を格納することによって一つ以上のイメージを格納してもよい。
【０１３６】
また、制御部７２０は、新しいイメージを一つ以上のイメージに追加し、追加された新しいイメージをプレート４００のうちの空き領域に配置することによって一つ以上のイメージを修正してもよい。
【０１３７】
また、制御部７２０は、一つ以上のイメージのうち第１イメージを削除し、前記第１イメージが削除前に占めていた領域に一つ以上のイメージのうち第２イメージを配置することによって一つ以上のイメージを修正してもよい。
【０１３８】
ここで、第２イメージが占める領域は、第１イメージが占める領域内に含まれてもよい。
【０１３９】
また、制御部７２０はメタデータ６００を用いてもよい。
【０１４０】
例えば、制御部７２０は、イメージメタデータ６２０内の位置及び大きさを用いることによって、出力部７１０が一つ以上のイメージをプレート４００内に表示するように制御する。
【０１４１】
また、制御部７２０は、イメージメタデータ６２０を用いて一つ以上のイメージそれぞれのファイルをアドレスからロードすることによって、出力部７１０が前記一つ以上のイメージが配置されたプレートを表示するように制御する。
【０１４２】
また、制御部７２０は、イメージメタデータ６２０を用いることによって一つ以上のイメージそれぞれを別個に格納してもよい。
【０１４３】
図１〜図６を参照して説明した本発明の一実施形態に係る技術的な内容が映像処理装置７００にそのまま適用されてもよい。したがって、より詳細な説明は省略する。
【０１４４】
本発明の一実施形態に係る方法は、多様なコンピュータ手段を介して様々な処理を実行することができるプログラム命令の形態で実現され、コンピュータ読取可能な記録媒体に記録されてもよい。コンピュータ読取可能な媒体は、プログラム命令、データファイル、データ構造などのうちの１つまたはその組合せを含んでもよい。媒体に記録されるプログラム命令は、本発明の目的のために特別に設計されて構成されたものでもよく、コンピュータソフトウェア分野の技術を有する当業者にとって公知のものであり、使用可能なものであってもよい。コンピュータ読取可能な記録媒体の例としては、ハードディスク、フロッピー（登録商標）ディスク及び磁気テープのような磁気媒体、ＣＤ−ＲＯＭ、ＤＶＤのような光記録媒体、光ディスクのような光磁気媒体、及びＲＯＭ、ＲＡＭ、フラッシュメモリなどのようなプログラム命令を保存して実行するように特別に構成されたハードウェア装置が含まれてもよい。プログラム命令の例としては、コンパイラによって生成されるような機械語コード（ｍａｃｈｉｎｅ  ｃｏｄｅ）だけでなく、インタプリタなどを用いてコンピュータによって実行され得る高級言語コード（ｈｉｇｈｅｒ  ｌｅｖｅｌ  ｃｏｄｅ）を含む。上述したハードウェア装置は、本発明の動作を行うために１つ以上のソフトウェアのレイヤで動作するように構成されてもよい。
【０１４５】
上述したように、本発明を限定された実施形態と図面によって説明したが、本発明は、上記の実施形態に限定されることなく、本発明が属する分野における通常の知識を有する者であれば、このような実施形態から多様な修正及び変形が可能である。
【０１４６】
したがって、本発明の範囲は、開示された実施形態に限定されるものではなく、特許請求の範囲だけではなく特許請求の範囲と均等なものなどによって定められるものである。
【符号の説明】
【０１４７】
２００      スプライトイメージ
４００      プレート
６００      イメージ処理装置
【図１】
2012230675.tif 000003
【図２】
2012230675.tif 000004
【図３】
2012230675.tif 000005
【図４】
2012230675.tif 000006
【図５】
2012230675.tif 000007
【図６】
2012230675.tif 000008
【図７】
2012230675.tif 000009