JP7152023B2 - アニメーション編集プログラム - Google Patents

Description

特許法第３０条第２項適用 ［ウェブサイトの掲載日］平成３０年４月１６日 ［ウェブサイトのアドレス］ｈｔｔｐｓ：／／ｉｔｕｎｅｓ．ａｐｐｌｅ．ｃｏｍ／ｊｐ／ａｐｐ／ｔａｐｂｅｈａｉｖｉｏｒｔｏｏｌｋｉｔ／ｉｄ１３５５５０５５０２？ｍｔ＝８

特許法第３０条第２項適用 ［ウェブサイトの掲載日］平成３０年７月４日 ［ウェブサイトのアドレス］ｈｔｔｐｓ：／／ｗｗｗ．ｙｏｕｔｕｂｅ．ｃｏｍ／ｗａｔｃｈ？ｖ＝ｉｕｌＬｑｊＸｌ８Ｖｗ＆ｆｅａｔｕｒｅ＝ｙｏｕｔｕ．ｂｅ

特許法第３０条第２項適用 ［展示日］平成３０年７月１７日 ［展示会名、開催場所］第１２回キッズデザイン賞 審査会 中央区立産業会館（東京都中央区東日本橋２－２２－４）

特許法第３０条第２項適用 ［ウェブサイトの掲載日］平成３０年７月２４日 ［ウェブサイトのアドレス］ｈｔｔｐ：／／ｗｗｗ．ｊｓｔ．ｇｏ．ｊｐ／ｔｔ／ｆａｉｒ／ｉｊ２０１８／ｅｘｈｉｂｉｔｏｒ／ｊｓｓ２０１８０１０３．ｈｔｍｌ

特許法第３０条第２項適用 ［展示日］平成３０年８月３０日～８月３１日 ［展示会名、開催場所］イノベーション・ジャパン２０１８ ～大学見本市＆ビジネスマッチング～ 東京ビッグサイト（東京都江東区有明３丁目１１－１）

特許法第３０条第２項適用 ［ウェブサイトの掲載日］平成３０年９月１６日 ［ウェブサイトのアドレス］ｈｔｔｐｓ：／／ｎｏ－ｍａｐｓ．ｊｐ／ｅｖｅｎｔ／ｏｔｈｅｒ／ｊｐｗ２０１８

特許法第３０条第２項適用 ［公開日］平成３０年１０月２８日 ［公開場所］ジュニア・プログラミング・ワールド２０１８ ｗｉｔｈ ＴＥＰＩＡ 「デジタル絵本をつくろう！ｉＰａｄで体験型ワークショップ」 札幌市産業振興センター（北海道札幌市白石区東札幌５条１丁目１－４）

特許法第３０条第２項適用 ［ウェブサイトの掲載日］平成３１年１月７日 ［ウェブサイトのアドレス］ｈｔｔｐｓ：／／ｗｗｗ．ｓｓｃ．ｓｌｐ．ｏｒ．ｊｐ／ｅｎｄ／％Ｅ５％Ｂ９％Ｂ３％Ｅ６％８８％９０３０％Ｅ５％Ｂ９％Ｂ４％Ｅ５％ＢＡ％Ａ６％Ｅ７％Ｂ５％８２％Ｅ４％ＢＡ％８６％Ｅ６％Ｂ８％８８％Ｅ３％８１％ＢＦ％Ｅ３％８２％Ａ４％Ｅ３％８３％９９％Ｅ３％８３％Ｂ３％Ｅ３％８３％８８／３１１３７．ｈｔｍｌ

特許法第３０条第２項適用 ［公開日］平成３１年２月１６日 ［公開場所］札幌市青少年科学館 ワークショップ「ＴａｐＢｅｈａｖｉｏｒでスクリーンを飛び出した体験をつくろう！」

本発明は、アニメーション編集プログラムに関する。

画像オブジェクトにおけるディスプレイ表示上の属性（例えば、ディスプレイ上の表示位置）等の変化を伴うアニメーションの編集用のプログラムに係る文献の一例として特許文献１がある。特許文献１は、描画モードにおいてユーザが描画したオブジェクトに対し、アニメーションモードにおいてタッチパネル等の入力デバイスを用いて入力された移動軌跡に基づくアニメーション効果が付加される。

特開２０１０－１７６３２９号公報

特許文献１によると、画像オブジェクトの属性の変化によるアニメーションの編集が可能である。しかしながら、編集が可能であるのは位置に関する変化のみである。位置以外の画像オブジェクトの属性も含めて簡易な操作で編集できるアニメーション編集プログラムが求められている。

本発明の目的は、画像オブジェクトにおける複数の属性の変化を対象としたアニメーションを簡易な操作で編集できるアニメーション編集プログラムを提供することにある。

本発明のアニメーション編集プログラムは、ポインティングデバイスが接続され又はこれを搭載していると共に、ディスプレイが接続され又はこれを搭載したコンピュータを、１又は複数の画像オブジェクトによるアニメーションを編集する装置として機能させるプログラムであって、前記アニメーションが、前記画像オブジェクトのディスプレイ表示上の外観及び位置並びに当該画像オブジェクトに設定された効果音の少なくともいずれかに関する複数の属性の変化を対象としており、前記ポインティングデバイスによる入力に基づいて前記属性としての位置が変更可能であるように前記画像オブジェクトを前記ディスプレイに表示させるオブジェクト表示手段、前記属性の内容を前記画像オブジェクトごとに編集するためのメニュー項目画像を含んだ、前記属性の種類別に用意された複数のメニューセット画像のいずれかを、前記ディスプレイの画面に表示させると共に、前記ポインティングデバイスによるユーザ入力に基づいて、前記ディスプレイの画面に表示させる前記メニューセット画像を前記複数のメニューセット画像の間で切り替えるメニュー表示手段、及び、前記ディスプレイに表示された前記メニュー項目画像が、前記ポインティングデバイスによるユーザ入力に基づいて選択された場合に、選択された前記メニュー項目画像に応じて前記画像オブジェクトに関する前記属性を設定する処理を実行する属性設定手段として前記コンピュータを機能させ、前記アニメーションが、前記画像オブジェクトごとに前記属性の変化を示すオブジェクト別アニメーションデータによって表されており、前記メニュー表示手段が、前記メニューセット画像の表示の切り替えを、切り替え後の表示領域が切り替え前の表示領域又はその近傍の領域となるように、前記属性の内容の編集対象である前記画像オブジェクトを維持したまま行い、前記オブジェクト別アニメーションデータに対して前記属性の変化を設定して蓄積してくための前記メニュー項目画像である変化属性設定メニュー項目画像が、前記属性の内容を前記画像オブジェクトごとに設定するための前記メニュー項目画像である属性内容設定メニュー項目画像と共に、複数の前記メニューセット画像のそれぞれに含まれている。

本発明のアニメーション編集プログラムによると、属性の種類別に用意された複数のメニューセット画像がディスプレイの画面に表示される。各メニューセット画像に含まれるメニュー項目画像を選択すると、そのメニュー項目画像に応じて属性を設定する処理が実行される。これによって、画像オブジェクトにおける複数の属性を設定できる。そして、本発明においては、ポインティングデバイスによるユーザ入力に基づいて、ディスプレイ画面に表示されるメニューセット画像が複数のメニューセット画像の間で切り替えられる。したがって、メニューセット画像を切り替えてメニュー項目画像を選択することを繰り返すという簡易な操作で複数の属性を順に設定していくことが可能である。以上により、画像オブジェクトにおける複数の属性の変化を対象としたアニメーションを簡易な操作で編集できる。

また、本発明においては、前記アニメーションにおいて、前記属性の変化が、前記画像オブジェクトの大きさ、位置、色及び透明度並びに前記画像オブジェクトに設定された画像の少なくともいずれかの変化を含んでいることが好ましい。これによると、画像オブジェクトの大きさ等、アニメーションにおける属性の変化を適切に設定できる。

また、本発明においては、前記アニメーションにおいて、前記属性の変化が、前記画像オブジェクトのドラッグによる移動を含んでいることが好ましい。これによると、アニメーション実行時、画像オブジェクトをドラッグによって移動させることが可能である。

また、本発明においては、前記メニュー項目画像の少なくともいずれかが、前記ドラッグに対する前記画像オブジェクトの移動の速さを設定するための画像であることが好ましい。これによると、アニメーション実行時に画像オブジェクトをドラッグする際の画像オブジェクトの移動の速さを設定できる。

また、本発明においては、前記アニメーションが、前記１又は複数の画像オブジェクトの少なくともいずれかである対象オブジェクトの前記属性に関する第１の状態→第２の状態→…→第ｎの状態（ｎ：２以上の自然数）という一連の変化を対象としており、前記変化属性設定メニュー項目画像が、前記第１～第ｎの状態を設定するための画像であり、第１～第ｋ（１≦ｋ＜ｎ）の前記状態が既に設定されており第ｋ＋１の前記状態が未だ設定されていない場合において、前記ポインティングデバイスによるユーザ入力に基づいて前記変化属性設定メニュー項目画像が選択されると、前記対象オブジェクトに関してその時に設定されている前記属性が、前記第ｋ＋１の状態として設定されるように、前記コンピュータを機能させることが好ましい。これによると、第１の状態→第２の状態→…→第ｎの状態との状態の変化を含んだアニメーションを容易に編集可能である。

また、本発明においては、前記変化属性設定メニュー項目画像が、複数の前記メニューセット画像のそれぞれに含まれていることが好ましい。仮に、変化属性設定メニュー項目画像が、複数のメニューセット画像のいずれか１つのみに含まれているとする。この場合、変化属性設定メニュー項目画像が含まれないメニューセット画像において画像オブジェクトの属性を設定した後、設定した属性を第１～第ｎの状態のいずれかに設定するためには、変化属性設定メニュー項目画像が含まれる別のメニューセット画像に一旦表示を切り替えなければならない。これに対し、上記構成によると、メニューセット画像のそれぞれに変化属性設定メニュー項目画像が含まれている。このため、いずれかのメニューセット画像において属性を設定した後、メニューセット画像を切り替えなくても、設定した属性を第１～第ｎの状態のいずれかに設定することが可能である。

また、本発明においては、前記アニメーション実行時にタッチパネルが使用されると共に、当該タッチパネルを通じた前記画像オブジェクトのタップ及びドラッグが可能であり、
前記アニメーションにおいて、１又は複数の前記画像オブジェクトをそれぞれが含んだ複数のレイヤーが設定可能であると共に、前記画像オブジェクトのタップ時の動作が終了した場合に次に前記アニメーションが実行される前記画像オブジェクト又は前記レイヤーへのリンクが設定可能であり、前記画像オブジェクトの属性には、当該画像オブジェクトを識別するためのオブジェクトＩＤ、大きさ、位置、傾き、色、タップ時の大きさ、前記タッチパネルのタップ時の効果音、前記タッチパネルのタップ時の大きさ変更のオン／オフ、ドラッグの速さ、ドラッグのオン／オフ、前記画像オブジェクトに設定された画像及びレイヤーを識別するためのレイヤーＩＤ並びに前記リンクを示すリンク情報の少なくともいずれかが含まれていることが好ましい。これによると、画像オブジェクトの外観に係る各種の属性や、ドラッグを含むタップ時の挙動、レイヤーやリンク等の属性が設定可能である。このため、画像オブジェクトによるアニメーションのバリエーションが豊富である。

本発明の一実施形態に係るアニメーション編集プログラムがコンピュータに実現させる各機能部を示す機能ブロック図である。 本実施形態に係るアニメーションにおけるレイヤーの構造を示す概念図である。 本実施形態に係るコンピュータのディスプレイ画面の一表示例であり、最も外側の矩形枠はディスプレイ画面の表示領域の外縁を示す。 図３のディスプレイ画面に表示されるエディターメニューの画像である。 図３のディスプレイ画面に表示される、オブジェクト設定画像を設定するためのオブジェクトメニューの画像である。 図３のディスプレイ画面に表示される、画像オブジェクトの大きさ等を設定するためのオブジェクトメニューの画像である。 図３のディスプレイ画面に表示される、タップ時の画像オブジェクトの挙動を設定するためのオブジェクトメニューの画像である。 図３のディスプレイ画面に表示される、画像オブジェクトの色及び透明度を設定するためのオブジェクトメニューの画像である。 図３のディスプレイ画面に表示される、画像オブジェクトの効果音を設定するためのオブジェクトメニューの画像である。 図３のディスプレイ画面に表示される、画像オブジェクトのトゥイーンに関する各種設定を行うためのオブジェクトメニューの画像である。 図３のディスプレイ画面に表示される、画像オブジェクトのリンクを設定するためのオブジェクトメニューの画像である。 本実施形態に係るアニメーション編集方法の一例を示すフロー図である。 図１２のフロー図に従って編集されたアニメーションの実行例を示すディスプレイ画面の一表示例であり、図１３（ａ）～図１３（ｃ）のそれぞれにおいて最も外側の矩形枠はディスプレイ画面の表示領域の外縁を示す。

以下、本発明の一実施形態に係るアニメーション編集用プログラムがインストールされたコンピュータ１（以下、ＰＣ１という。）の構成及び機能について図１～図１１を参照しつつ説明する。本アニメーション編集用プログラムは、ＰＣ１に搭載されたタッチパネルディスプレイ１１（図１参照）に表示されるアニメーションを編集するものである。

このアニメーションは、１又は複数の画像オブジェクト（例えば、図２及び図３に示す画像オブジェクト２１～２６を例に挙げて説明する。）における属性の変化を対象とする。画像オブジェクト２１等は、矩形や円形等の様々な形状を有し、ディスプレイ画面上の一部を占める画像からなる。属性とは、画像オブジェクト２１等のディスプレイ表示上の外観（大きさ、色、透明度等）及び位置、並びに、画像オブジェクト２１等に設定された効果音に関する。また、本実施形態においては、各種フォーマットの静止画データ又は動画データで表された既存の画像（以下、オブジェクト設定画像という。）を設定することも可能である。静止画データは、例えば、ＢＭＰ形式やＪＰＥＧ形式等のデータである。動画データは、例えば、ＭＯＶ形式やＭＰ４形式等のデータである。

アニメーション実行中、ユーザは、タッチパネルディスプレイ１１の画面における画像オブジェクトの表示領域に指その他の物体（以下、物体等という。）を接触させることで、接触した位置に表示された画像オブジェクトを選択することができる。以下においては、アニメーション実行時に物体等を画面に接触させることで画像オブジェクトを選択するこのような行為を「タップ」と呼ぶ。アニメーション実行時には、画像オブジェクトをタップしたまま画面に接触させた物体等を移動させることで、物体等の動きに画像オブジェクトが追随するドラッグが可能である。本実施形態においては、後述の通り、タップ時の画像オブジェクトの挙動を設定することが可能である。例えば、タップ時の大きさを設定しておくことでタップすると画像オブジェクトが拡大又は縮小したり、ドラッグの速さを設定したりできる。なお、ドラッグの速さとは、物体等の移動に伴う画像オブジェクトの移動の速さをいう。

ＰＣ１は、ＣＰＵ（Ｃｅｎｔｒａｌ Ｐｒｏｃｅｓｓｉｎｇ Ｕｎｉｔ）、ＲＯＭ（Ｒｅａｄ－Ｏｎｌｙ Ｍｅｍｏｒｙ）及びＲＡＭ（Ｒａｎｄｏｍ Ａｃｃｅｓｓ Ｍｅｍｏｒｙ）、フラッシュメモリ等の記憶装置、並びに、入出力インタフェース等の各種インタフェース、スピーカ、ディスプレイ等のハードウェアと、後述のメニュー表示部１０１等の各種機能を実現するようにハードウェアを機能させるプログラムを含むソフトウェアとを備えている。ソフトウェアは、記憶装置に記録された、アニメーション編集用プログラムに関するデータを含むプログラムデータ等からなる。そして、ハードウェアがソフトウェアに従って演算処理、入出力処理等の各種の情報処理を実行する。ソフトウェアに従ったハードウェアの機能により、以下において説明するメニュー表示部１０１等の各種機能部における各種の機能が実現される。

ＰＣ１は、タッチパネルディスプレイ１１、スピーカ１２、メニュー表示部１０１、オブジェクト管理部１０２（本発明におけるオブジェクト表示手段及び属性設定手段）、背景等管理部１０３、アニメーション実行部１０４及び記憶部１１０を備えている。ＰＣ１としてば、例えばタブレットＰＣが用いられてもよい。

記憶部１１０は、画像オブジェクト２１を含む１又は複数の画像オブジェクトのそれぞれに関する属性データ１１１及びアニメーションデータ１１２、背景画像等のデータを含んだ背景等データ１１３並びにレイヤーに関するレイヤーデータ１１４を記憶している。記憶部１１０はＲＡＭの記憶領域上に構築される。

属性データ１１１は、各画像オブジェクトの属性を示すデータである。画像オブジェクトの属性には、オブジェクトＩＤ、大きさ、位置、傾き、色、タップ時の大きさ、タップ時の効果音、タップ時の大きさ変更のオン／オフ、ドラッグの速さ、ドラッグのオン／オフ、オブジェクト設定画像及びレイヤーＩＤ並びにリンク情報がある。オブジェクトＩＤは、各画像オブジェクトを識別するために画像オブジェクトごとに個別に設定される番号（例えば、１、２、…）である。レイヤーＩＤは、画像オブジェクトが属するレイヤーの番号（例えば、０、１、２、…）を示す。各レイヤーは、図２に示すように、１又は複数の画像オブジェクトを含んだ仮想的な層である。図２には、一例として、画像オブジェクト２１を含んだレイヤー０、画像オブジェクト２２、２３及び２４を含んだレイヤー１、画像オブジェクト２５及び２６を含んだレイヤー２が示されている。本実施形態のアニメーションでは、複数のレイヤーのうちのいずれか１つが選択的にタッチパネルディスプレイ１１の画面に表示される。例えば、図３は、画像オブジェクト２１を含んだレイヤー０がタッチパネルディスプレイ１１に表示された状態を示す。画像オブジェクトの傾きとは、タッチパネルディスプレイ１１の画面表示上の傾きをいう。具体的には、画像オブジェクトは、画面表示上、ｘ方向及びｙ方向の両方に関する画像オブジェクトの中心を回転中心として回転した状態を取り得る。このときの回転角度が画像オブジェクトの傾きである。リンク情報は、画像オブジェクトに対するレイヤー又は画像オブジェクトのリンクを示す情報である。レイヤーのリンクとは、ある画像オブジェクトのタップ時の動作が終了した場合に別のレイヤーに含まれる画像オブジェクトに関するアニメーションを開始することを示す。画像オブジェクトのリンクとは、画像オブジェクトのタップ時の動作が終了した場合に別の画像オブジェクトのトゥイーンアニメーション（後述）を開始することを示す。リンク情報は、リンク先となるレイヤーのレイヤーＩＤ又はリンク先となる画像オブジェクトのオブジェクトＩＤを示す。

アニメーションデータ１１２は、画像オブジェクトごとに設定されたトゥイーンアニメーション（以下、トゥイーンという。）を実行するためのデータである。トゥイーンは、画像オブジェクトの属性に関する状態の連続した変化からなる。例えば、画像オブジェクトは、トゥイーンによって、属性に関する互いに異なる第１～第ｎの状態（ｎ：２以上の自然数）を順に取っていく（第１の状態→第２の状態→…→第ｎの状態）。各状態は、大きさ、位置、色等の属性に関する属性値によって表される。アニメーションデータ１１２は、第１の状態の属性値を示す状態データ、第２の状態の属性値を示す状態データ、…及び第ｎの状態の属性値を示す状態データを含んでいる。この他、アニメーションデータ１１２は、タップからトゥイーン開始までの待機時間を示すデータ、各状態におけるその次の状態までの所要時間を示すデータ、繰り返し実行のオン／オフを示すデータ、最後の状態まで至った後に第１の状態に戻るか否かのオン／オフを示すデータ、及び、第１の状態に戻るか否かがオンである場合の最後の状態から第１の状態に戻るまでの待機時間を示すデータを含んでいる。

背景等データ１１３は、背景画像を示す画像データ、背景画像の大きさを示すデータ及び背景音楽を示す音楽データを含んでいる。背景画像は、タッチパネルディスプレイ１１の画面において、現在表示されているレイヤーの背後に表示される。レイヤーデータ１１４は、レイヤーに属する画像オブジェクトのオブジェクトＩＤとそのレイヤーとの関連付けを示すデータを含んでいる。

記憶部１１０には、その他、一時的なデータの保存先として使用される作業領域が確保される。かかる一時的なデータは、本実施形態に係るアニメーション編集用プログラムに基づいて実行される各種の処理において用いられる。例えば、現在選択されている画像オブジェクトを示すデータや、現在選択されているレイヤーを示すデータ、アニメーションデータ１１２を生成する途中の状態データ等が、上記作業領域に保存される。

メニュー表示部１０１は、図３に示すように、タッチパネルディスプレイ１１の画面の上部にプレビュー切り替えボタン画像３１を表示させる。ユーザは、タッチパネルディスプレイ１１の画面におけるプレビュー切り替えボタン画像３１の表示領域に指やタッチペン等（以下、指等という。）を接触させることで、プレビューモードと編集モードが切り替えられる。プレビューモードは、アニメーション実行部１０４によって、後述の通り、アニメーションのプレビューが実行されるモードである。

編集モードにおいては、メニュー表示部１０１は、図３に示すように、タッチパネルディスプレイ１１の画面のオブジェクトメニュー領域Ｇ１及びエディターメニュー領域Ｇ２のそれぞれに、アニメーションを編集するためのメニューセット画像を表示させる。オブジェクトメニュー領域Ｇ１は、タッチパネルディスプレイ１１の画面の左下隅を占めるように設定されている。オブジェクトメニュー領域Ｇ１には、現在選択されている画像オブジェクトの属性やトゥイーンを編集するためのメニューセット画像であるオブジェクトメニューが表示される。エディターメニュー領域Ｇ２は、タッチパネルディスプレイ１１の画面の右隅を占めるように設定されている。エディターメニュー領域Ｇ２には、画像オブジェクトの属性以外のアニメーションに関する様々な効果を設定するためのメニューセット画像であるエディターメニューが表示される。かかる効果には、背景音楽の再生、背景画像の表示、レイヤーによる表現（後述）等が含まれる。オブジェクトメニュー領域Ｇ１及びエディターメニュー領域Ｇ２に表示される各メニューセット画像には、画像オブジェクトの属性値を入力する等のためのメニュー項目画像が含まれている。ユーザは、タッチパネルディスプレイ１１の画面における各メニュー項目画像の表示領域に指等を接触させることで、接触した位置に表示されたメニュー項目画像を選択することができる。このようにメニュー項目画像がユーザによって選択されると、メニュー表示部１０１は、選択されたメニュー項目画像に対応する処理を実行するようにオブジェクト管理部１０２及び背景等管理部１０３に指示する。オブジェクトメニュー領域Ｇ１及びエディターメニュー領域Ｇ２に表示される各種のメニューセット画像の詳細については後述する。

オブジェクト管理部１０２は、属性データ１１１が示す属性値に従ってタッチパネルディスプレイ１１に画像オブジェクトを表示させたり、アニメーションデータ１１２に従って画像オブジェクトのトゥイーンを実行したりする。オブジェクト管理部１０２は、タッチパネルディスプレイ１１における画像オブジェクトの表示領域にユーザが指等を接触させると、その画像オブジェクトを選択された状態とする。これにより、後述のオブジェクトメニュー１５０～２１０を用いた画像オブジェクトの属性の設定が可能となる。また、オブジェクト管理部１０２は、選択された画像オブジェクトのドラッグを実行する。つまり、オブジェクト管理部１０２は、タッチパネルディスプレイ１１における画像オブジェクトの表示領域に接触させた指等を、タッチパネルディスプレイ１１の画面に接触させた状態のまま、ユーザが移動させた際に、その指等の動きに追随するように画像オブジェクトを移動させる。そして、オブジェクト管理部１０２は、その移動結果に基づいて記憶部１１０の属性データ１１１が示す属性値のうち、位置の属性値を更新する。また、オブジェクト管理部１０２は、メニュー表示部１０１からの指示に基づき、記憶部１１０の属性データ１１１、アニメーションデータ１１２及びレイヤーデータ１１４を更新する。

背景等管理部１０３は、メニュー表示部１０１からの指示に基づき、記憶部１１０の背景等データ１１３を更新する。また、背景等管理部１０３は、背景等データ１１３が示す背景画像等に従ってタッチパネルディスプレイ１１に背景画像を表示させたり、背景音楽を再生したりする。

アニメーション実行部１０４は、プレビューモードにおいて、属性データ１１１、アニメーションデータ１１２、背景等データ１１３及びレイヤーデータ１１４に基づき、編集モードにおいて編集されたアニメーションを実行する。

以下、オブジェクトメニュー領域Ｇ１及びエディターメニュー領域Ｇ２に表示される各種のメニューセット画像の詳細、並びに、オブジェクト管理部１０２及び背景等管理部１０３による処理の詳細について説明する。

エディターメニュー領域Ｇ２には、図４に示すエディターメニュー１３０が表示される。エディターメニュー１３０の最上部には、エディターメニューであることを示す「ＥＤＩＴＯＲ ＭＥＮＵ」のタイトル表示が含まれている。エディターメニュー１３０には、メニュー項目画像１３１～１４２が含まれている。メニュー項目画像１３１～１４２は、図４に示すように、ユーザによって選択可能なボタン画像やスライダ画像等である。メニュー項目画像１３１が選択されると、背景等管理部１０３は、背景音楽を繰り返し再生する。メニュー項目画像１３２が選択されると、背景等管理部１０３は、背景音楽の選択処理を実行する。背景音楽の選択処理は、例えば、ＰＣ１内の記憶装置に記憶された音楽データやインターネットを通じて取得可能な音楽データの中から背景音楽となるデータをユーザに選択させる処理である。背景音楽の選択処理においてユーザによって選択された音楽データは、記憶部１１０の背景等データ１１３に追加される。メニュー項目画像１３３が選択されると、背景等管理部１０３は、背景等データ１１３に基づいて背景音楽を再生したり、一時停止したりする。また、背景等管理部１０３は、背景等データ１１３に含まれる複数曲の音楽データに基づき、次の曲の再生や前の曲の再生に移行したりする。メニュー項目画像１３４が選択されると、背景等管理部１０３は、過去にフラッシュメモリ等に保存された属性データ１１１、アニメーションデータ１１２、背景等データ１１３及びレイヤーデータ１１４を読み込むと共に、読み込んだデータで記憶部１１０の記憶内容を更新する。メニュー項目画像１３５が選択されると、背景等管理部１０３は、属性データ１１１、アニメーションデータ１１２、背景等データ１１３及びレイヤーデータ１１４をフラッシュメモリ等に書き出す。

メニュー項目画像１３６が選択されると、オブジェクト管理部１０２は、全ての画像オブジェクトに関してトゥイーンのプレビュー（後述）を一時停止する。メニュー項目画像１３７が選択されると、オブジェクト管理部１０２は、現在選択されているレイヤー（メニュー項目画像１４２参照）に画像オブジェクトを新規に追加する。具体的には、オブジェクト管理部１０２は、画像オブジェクトのデフォルトの属性を示す新たなデータを生成し、記憶部１１０の属性データ１１１に追加すると共に、デフォルトの属性を有する画像オブジェクトをタッチパネルディスプレイ１１に表示させる。また、オブジェクト管理部１０２は、追加した画像オブジェクトのオブジェクトＩＤを現在選択されているレイヤーに関連付けるようにレイヤーデータ１１４を更新する。メニュー項目画像１３８が選択されると、背景等管理部１０３は、背景画像の選択処理を実行する。背景画像の選択処理は、例えば、ＰＣ１内の記憶装置に記憶された画像データやインターネットを通じて取得可能な画像データの中から背景画像となるデータをユーザに選択させる処理である。背景画像の選択処理においてユーザによって選択された画像データは、記憶部１１０の背景等データ１１３に追加されると共に、タッチパネルディスプレイ１１の画面に背景画像として表示される。メニュー項目画像１３９が選択されると、オブジェクト管理部１０２はレイヤーを新規に追加する。具体的には、オブジェクト管理部１０２は、新規なレイヤーを１つ追加するようにレイヤーデータ１１４を更新する。メニュー項目画像１４０が選択されると、オブジェクト管理部１０２は、現在選択されているレイヤーの削除処理を実行する。具体的には、オブジェクト管理部１０２は、現在選択されているレイヤーに属する画像オブジェクトに関するデータを属性データ１１１及びアニメーションデータ１１２から削除すると共に、現在選択されているレイヤーに関するデータをレイヤーデータ１１４から削除する。

メニュー項目画像１４１が選択されると、背景等管理部１０３は、背景画像の大きさを適宜変更する。具体的には、メニュー項目画像１４１に含まれる２つのスライダ画像がユーザによってそれぞれ操作されると、背景等管理部１０３は、背景画像のｘ方向及びｙ方向に関する大きさを操作内容に応じて変更するように背景等データ１１３を更新すると共に、タッチパネルディスプレイ１１の画面に表示された背景画像の大きさを更新する。メニュー項目画像１４２が選択されると、オブジェクト管理部１０２は、現在選択されているレイヤーを変更する。具体的には、メニュー項目画像１４２に含まれる左向き三角画像及び右向き三角画像がユーザによってそれぞれ選択されると、オブジェクト管理部１０２は、その選択内容に応じて、現在選択されているレイヤーを前のレイヤーに戻したり次のレイヤーに進めたりするようにレイヤーデータ１１４を更新すると共に、変更後のレイヤーに属する画像オブジェクトが表示されるようにタッチパネルディスプレイ１１の画面を更新させる。２つの参画画像の間に表示される数字は、現在選択されているレイヤーのレイヤーＩＤを示す。

オブジェクトメニュー領域Ｇ１には、図５～図１１に示すように、オブジェクトメニュー１５０～２１０が表示される。各メニューの最下部には、オブジェクトメニューであることを示す「ＯＢＪ ＥＤＩＴ」のタイトル表示が含まれている。各メニューには複数のメニュー項目画像が含まれている。各メニュー項目画像は、図５～図１０に示すように、ユーザによって選択可能なボタン画像やスライダ画像等である。これらのボタン画像やスライダ画像等が選択又は操作されることにより、後述の通り、現在選択されている画像オブジェクトの属性値等が設定可能である。オブジェクトメニュー１５０～２１０は、各メニューに含まれるメニュー項目画像１５９、１６９、１７９、１８９、１９９、２０９又は２１９がユーザによって選択されることで互いに切り替えられつつオブジェクトメニュー領域Ｇ１に表示される。

オブジェクトメニュー１５０は、図５に示すように、オブジェクト設定画像を設定するためのメニューセット画像である。オブジェクトメニュー１５０は、メニュー項目画像１５１～１５３及び１５９並びにトゥイーン項目画像２２０を含んでいる。トゥイーン項目画像２２０が選択された場合については後述する。メニュー項目画像１５１が選択されると、オブジェクト管理部１０２は、画像オブジェクトに動画を設定する動画設定処理を実行する。動画設定処理は、例えば、ＰＣ１内の記憶装置に記憶された動画データやインターネットを通じて取得可能な動画データの中から、画像オブジェクトの外観として再生されるデータをユーザに選択させる処理である。動画設定処理においてユーザによって選択された動画データは、記憶部１１０の属性データ１１１にオブジェクト設定画像として追加される。メニュー項目画像１５２が選択されると、オブジェクト管理部１０２は、画像オブジェクトに静止画を設定する静止画設定処理を実行する。静止画設定処理は、例えば、ＰＣ１内の記憶装置に記憶された静止画データやインターネットを通じて取得可能な静止画データの中から、画像オブジェクトの外観として表示されるデータをユーザに選択させる処理である。静止画設定処理においてユーザによって選択された静止画データは、記憶部１１０の属性データ１１１にオブジェクト設定画像として追加される。メニュー項目画像１５３が選択されると、オブジェクト管理部１０２は、現在選択されている画像オブジェクトを削除する。具体的には、オブジェクト管理部１０２は、属性データ１１１、アニメーションデータ１１２及びレイヤーデータ１１４から、現在選択されている画像オブジェクトに対応するデータを削除する。

メニュー項目画像１５９が選択されると、メニュー表示部１０１は、オブジェクトメニュー領域Ｇ１に表示するオブジェクトメニューをオブジェクトメニュー１５０以外のオブジェクトメニューに切り替える。例えば、メニュー項目画像１５９に含まれる左向き矢印が選択されると、メニュー表示部１０１は、オブジェクトメニュー２１０に表示を切り替える。また、例えば、メニュー項目画像１５９に含まれる右向き矢印が選択されると、メニュー表示部１０１は、オブジェクトメニュー１６０に表示を切り替える。

オブジェクトメニュー１６０は、図６に示すように、画像オブジェクトの大きさ等を設定するためのメニューセット画像である。オブジェクトメニュー１６０は、メニュー項目画像１６１～１６３及び１６９並びにトゥイーン項目画像２２０を含んでいる。トゥイーン項目画像２２０が選択された場合については後述する。メニュー項目画像１６１が選択されると、オブジェクト管理部１０２は、メニュー項目画像１６１に含まれたスライダ画像のユーザによる操作内容に応じて画像オブジェクトのｘ方向に関する大きさを設定する。具体的には、オブジェクト管理部１０２は、画像オブジェクトのｘ方向の大きさがスライダ画像の操作内容に応じたものとなるように属性データ１１１を更新すると共に、タッチパネルディスプレイ１１における画像オブジェクトの表示を更新する。メニュー項目画像１６２が選択されると、オブジェクト管理部１０２は、画像オブジェクトのｙ方向に関する大きさを設定する。このときのオブジェクト管理部１０２による具体的な処理内容は、メニュー項目画像１６１が選択された場合と同様である。メニュー項目画像１６３が選択されると、オブジェクト管理部１０２は、メニュー項目画像１６３に含まれたスライダ画像のユーザによる操作内容に応じて画像オブジェクトの傾きの角度を設定する。具体的には、オブジェクト管理部１０２は、画像オブジェクトの傾きの角度がスライダ画像の操作内容に応じたものとなるように属性データ１１１を更新すると共に、タッチパネルディスプレイ１１における画像オブジェクトの表示を更新する。

メニュー項目画像１６９が選択されると、メニュー表示部１０１は、オブジェクトメニュー領域Ｇ１に表示するオブジェクトメニューをオブジェクトメニュー１６０以外のオブジェクトメニューに切り替える。例えば、メニュー項目画像１６９に含まれる左向き矢印が選択されると、メニュー表示部１０１は、オブジェクトメニュー１５０に表示を切り替える。また、例えば、メニュー項目画像１６９に含まれる右向き矢印が選択されると、メニュー表示部１０１は、オブジェクトメニュー１７０に表示を切り替える。

オブジェクトメニュー１７０は、図７に示すように、タップ時の画像オブジェクトの挙動を設定するためのメニューセット画像である。オブジェクトメニュー１７０は、メニュー項目画像１７１～１７４及び１７９並びにトゥイーン項目画像２２０を含んでいる。トゥイーン項目画像２２０が選択された場合については後述する。メニュー項目画像１７１が選択されると、オブジェクト管理部１０２は、メニュー項目画像１７１に含まれたスライダ画像のユーザによる操作内容に応じて、タップ時の画像オブジェクトの大きさを設定する。具体的には、オブジェクト管理部１０２は、タップ時の画像オブジェクトの大きさがスライダ画像の操作内容に応じたものとなるように属性データ１１１を更新する。これにより、タップ時、画像オブジェクトがｘ方向及びｙ方向の両方向に関して設定された大きさに拡大又は縮小される。メニュー項目画像１７２が選択されると、オブジェクト管理部１０２は、メニュー項目画像１７２に含まれたスライダ画像のユーザによる操作内容に応じてドラッグの速さを設定する。具体的には、オブジェクト管理部１０２は、ドラッグ時における画像オブジェクトの移動の速さがスライダ画像の操作内容に応じたものとなるように属性データ１１１を更新する。これにより、アニメーション実行時のドラッグにおいて画像オブジェクトが物体等の動きに追随していく速さが設定される。

メニュー項目画像１７３が選択されると、オブジェクト管理部１０２は、タップ時の大きさ変更のオン／オフを切り替えるように属性データ１１１を更新する。大きさ変更がオンの状態にあるときのみ、タップ時における画像オブジェクトの大きさ変更が実行される。メニュー項目画像１７３には、オン／オフの状態に応じて「ＰＯＰＵＰ：〇」及び「ＰＯＰＵＰ：×」のいずれかが表示される。メニュー項目画像１７４が選択されると、オブジェクト管理部１０２は、アニメーション実行時のドラッグのオン／オフを切り替えるように属性データ１１１を更新する。ドラッグがオンの状態にあるときのみ、アニメーション実行時の画像オブジェクトのドラッグが可能である。メニュー項目画像１７４には、オン／オフの状態に応じて「ＤＲＡＧ：〇」及び「ＤＲＡＧ：×」のいずれかが表示される。

メニュー項目画像１７９が選択されると、メニュー表示部１０１は、オブジェクトメニュー領域Ｇ１に表示するオブジェクトメニューをオブジェクトメニュー１７０以外のオブジェクトメニューに切り替える。例えば、メニュー項目画像１７９に含まれる左向き矢印が選択されると、メニュー表示部１０１は、トゥイーンメニュー１６０に表示を切り替える。また、例えば、メニュー項目画像１７９に含まれる右向き矢印が選択されると、メニュー表示部１０１は、トゥイーンメニュー１８０に表示を切り替える。

オブジェクトメニュー１８０は、図８に示すように、画像オブジェクトの色及び透明度を設定するためのメニューセット画像である。オブジェクトメニュー１８０は、メニュー項目画像１８１及び１８９並びにトゥイーン項目画像２２０を含んでいる。トゥイーン項目画像２２０が選択された場合については後述する。メニュー項目画像１８１は、Ｒ（赤）、Ｇ（緑）、Ｂ（青）及びＡ（透明度）の４要素を指定すること等により、画像オブジェクトの色及び透明度を指定できる画像である。オブジェクト管理部１０２は、メニュー項目画像１８１を用いた色の指定に基づいて属性データ１１１を更新すると共に、タッチパネルディスプレイ１１における画像オブジェクトの表示を更新する。

メニュー項目画像１８９が選択されると、メニュー表示部１０１は、オブジェクトメニュー領域Ｇ１に表示するオブジェクトメニューをオブジェクトメニュー１８０以外のオブジェクトメニューに切り替える。例えば、メニュー項目画像１８９に含まれる左向き矢印が選択されると、メニュー表示部１０１は、オブジェクトメニュー１７０に表示を切り替える。また、例えば、メニュー項目画像１８９に含まれる右向き矢印が選択されると、メニュー表示部１０１は、オブジェクトメニュー１９０に表示を切り替える。

オブジェクトメニュー１９０は、図９に示すように、画像オブジェクトの効果音を設定するためのメニューセット画像である。オブジェクトメニュー１９０は、メニュー項目画像１９１～１９３及び１９９並びにトゥイーン項目画像２２０を含んでいる。トゥイーン項目画像２２０が選択された場合については後述する。メニュー項目画像１９１が選択されると、オブジェクト管理部１０２は、タップ時に発生する効果音を画像オブジェクトに設定する効果音設定処理を実行する。効果音設定処理は、例えば、ＰＣ１内の記憶装置に記憶された音声データやインターネットを通じて取得可能な音声データの中から、タップ時の効果音として再生される音声データをユーザに選択させる処理である。効果音設定処理においてユーザによって選択された音声データは、記憶部１１０の属性データ１１１に追加される。メニュー項目画像１９２が選択されると、オブジェクト管理部１０２は、実際にタップ時に効果音として再生される音声データを、記憶部１１０の属性データ１１１に含まれる音声データの間で切り替える。メニュー項目画像１９２中の数字は、現在設定されている音声データの番号である。例えば、３つの音声データが属性データ１１１に含まれている場合、メニュー項目画像１９２が選択されるたびに、音声データが０→１→２→０→…と切り替わる。メニュー項目画像１９３が選択されると、オブジェクト管理部１０２は、メニュー項目画像１９２において設定されている音声データを再生したり、一時停止したり、次の音声データの再生や前の音声データの再生に移行したりする。

メニュー項目画像１９９が選択されると、メニュー表示部１０１は、オブジェクトメニュー領域Ｇ１に表示するオブジェクトメニューをオブジェクトメニュー１９０以外のオブジェクトメニューに切り替える。例えば、メニュー項目画像１９９に含まれる左向き矢印が選択されると、メニュー表示部１０１は、オブジェクトメニュー１８０に表示を切り替える。また、例えば、メニュー項目画像１９９に含まれる右向き矢印が選択されると、メニュー表示部１０１は、オブジェクトメニュー２００に表示を切り替える。

オブジェクトメニュー２００は、図１０に示すように、画像オブジェクトのトゥイーンに関する各種設定を行うためのメニューセット画像である。オブジェクトメニュー２００は、メニュー項目画像２０１～２０９及びトゥイーン項目画像２２０を含んでいる。メニュー項目画像２０１（本発明における変化属性設定メニュー項目画像）が選択されると、オブジェクト管理部１０２は、現在設定されている画像オブジェクトの属性値を示す状態データを、トゥイーンにおける次の状態に関するデータとして、記憶部１１０の作業領域に追加する。これと同時に、後述のメニュー項目画像２０５において仮設定されている状態間の所要時間も作業領域に追加される。これにより、メニュー項目画像２０１が選択されるたびに、そのときに設定されている属性データ１１１が示す属性値を表す状態データが、状態間の所要時間とともに作業領域に蓄積されていく。メニュー項目画像２０２が選択されると、オブジェクト管理部１０２は、作業領域に蓄積された状態データ全体を、記憶部１１０にアニメーションデータ１１２として保存すると共に、状態データの蓄積のために一時的に確保された作業領域を解放する。このようにして、トゥイーンを実行するためのアニメーションデータ１１２、つまり、第１の状態の属性値を示す状態データ、第２の状態の属性値を示す状態データ、…及び第ｎの状態の属性値を示す状態データを有するアニメーションデータ１１２が生成される。

アニメーションデータ１１２が生成されると、オブジェクト管理部１０２は、編集モードにおいてトゥイーンのプレビューを実行する。つまり、画像オブジェクトについて、第１の状態→第２の状態→…→第ｎの状態という属性の変化を実行する。トゥイーンのプレビューの詳細については、後述の通りアニメーション実行部１０４がプレビューモードにおいて実行する内容と同様である。トゥイーンのプレビューは、上記の通り、エディターメニュー１３０のメニュー項目画像１３６を選択することによって一時停止可能である。

メニュー項目画像２０３が選択されると、オブジェクト管理部１０２は、記憶部１１０の作業領域に保存された全ての状態データを削除する。これにより、トゥイーンのデータを第１の状態から蓄積することが可能となる。メニュー項目画像２０４が選択されると、オブジェクト管理部１０２は、トゥイーンを繰り返し実行するか否かのオン／オフを切り替えるようにアニメーションデータ１１２を更新する。メニュー項目画像２０４には、オン／オフに応じて「ＬＯＯＰ：ＯＮ」及び「ＬＯＯＰ：ＯＦＦ」のいずれかが表示される。

メニュー項目画像２０５が選択されると、オブジェクト管理部１０２は、メニュー項目画像２０５に含まれたスライダ画像のユーザによる操作内容に応じてトゥイーンにおける状態間の所要時間を仮設定する。この所要時間は、上記の通り、メニュー項目画像２０５が選択された際に状態データと共に作業領域に蓄積される。メニュー項目画像２０６が選択されると、オブジェクト管理部１０２は、メニュー項目画像２０６に含まれたスライダ画像のユーザによる操作内容に応じてタップからトゥイーン開始までの待機時間を設定する。具体的には、オブジェクト管理部１０２は、タップからトゥイーン開始までの待機時間がスライダ画像の操作内容に応じたものとなるようにアニメーションデータ１１２を更新する。メニュー項目画像２０７が選択されると、オブジェクト管理部１０２は、最後の状態まで至った後に第１の状態に戻るか否かがオンである場合の最後の状態から第１の状態に戻るまでの待機時間をメニュー項目画像２０７に含まれたスライダ画像のユーザによる操作内容に応じて設定する。具体的には、オブジェクト管理部１０２は、上記待機時間がスライダ画像の操作内容に応じたものとなるようにアニメーションデータ１１２を更新する。メニュー項目画像２０８が選択されると、オブジェクト管理部１０２は、トゥイーンが最後の状態まで至った後に第１の状態に戻るか否かのオン／オフを切り替えるようにアニメーションデータ１１２を更新する。メニュー項目画像２０８には、オン／オフに応じて「ＲＥＴＵＲＮ：ＯＮ」及び「ＲＥＴＵＲＮ：ＯＦＦ」のいずれかが表示される。

メニュー項目画像２０９が選択されると、メニュー表示部１０１は、オブジェクトメニュー領域Ｇ１に表示するオブジェクトメニューをオブジェクトメニュー２００以外のオブジェクトメニューに切り替える。例えば、メニュー項目画像２０９に含まれる左向き矢印が選択されると、メニュー表示部１０１は、オブジェクトメニュー１９０に表示を切り替える。また、例えば、メニュー項目画像２０９に含まれる右向き矢印が選択されると、メニュー表示部１０１は、オブジェクトメニュー２１０に表示を切り替える。

トゥイーン項目画像２２０は、メニュー項目画像２０１及び２０２と同じ機能を有するメニュー項目画像２２１及び２２２を含んでいる。トゥイーン項目画像２２０（本発明における変化属性設定メニュー項目画像）は、オブジェクトメニュー２００の最下部の左半分を占めている。トゥイーン項目画像２２０は、上記の通り、オブジェクトメニュー１５０～１９０及び２１０にも同様に含まれている。これにより、オブジェクトメニュー１５０～２１０のいずれかがオブジェクトメニュー領域Ｇ１に表示された状態で画像オブジェクトの属性に関して設定がなされた後、オブジェクトメニュー領域Ｇ１に表示されるオブジェクトメニューが切り替えられることなく、メニュー項目画像２２１及び２２２の選択が可能である。

オブジェクトメニュー２１０は、図１１に示すように、画像オブジェクトのリンクを設定するためのメニューセット画像である。オブジェクトメニュー２１０は、メニュー項目画像２１１～２１４及び２１９並びにトゥイーン項目画像２２０を含んでいる。メニュー項目画像２１１及び２１２は、画像オブジェクトにリンクさせる候補となるレイヤーのレイヤーＩＤを入力するためのものである。ユーザーは、メニュー項目画像２１１により、入力したいレイヤーのレイヤーＩＤを選択できる。例えば、メニュー項目画像２１１に含まれる左向き矢印が選択されるごとに、オブジェクト管理部１０２は、メニュー項目画像２１１に表示されているレイヤーＩＤの番号を１つ前の番号に切り替える。また、例えば、メニュー項目画像２１１に含まれる右向き矢印が選択されるごとに、オブジェクト管理部１０２は、メニュー項目画像２１１に表示されているレイヤーＩＤの番号を１つ後の番号に切り替える。メニュー項目画像２１２が選択されると、オブジェクト管理部１０２は、リンク情報がメニュー項目画像２１１において表示されているレイヤーＩＤを示すように記憶部１１０の属性データ１１１を更新する。

メニュー項目画像２１３及び２１４は、画像オブジェクトにリンクさせる候補となる他の画像オブジェクトのレイヤーＩＤを入力するためのものである。ユーザーは、メニュー項目画像２１３により、入力したいレイヤーのレイヤーＩＤを選択できる。例えば、メニュー項目画像２１３に含まれる左向き矢印が選択されるごとに、オブジェクト管理部１０２は、メニュー項目画像２１３に表示されているオブジェクトＩＤの番号を１つ前の番号に切り替える。また、例えば、メニュー項目画像２１３に含まれる右向き矢印が選択されるごとに、オブジェクト管理部１０２は、メニュー項目画像２１３に表示されているオブジェクトＩＤの番号を１つ後の番号に切り替える。メニュー項目画像２１４が選択されると、オブジェクト管理部１０２は、リンク情報がメニュー項目画像２１３において表示されているオブジェクトＩＤを示すように記憶部１１０の属性データ１１１を更新する。

メニュー項目画像２１９が選択されると、メニュー表示部１０１は、オブジェクトメニュー領域Ｇ１に表示するオブジェクトメニューをオブジェクトメニュー２１０以外のオブジェクトメニューに切り替える。例えば、メニュー項目画像２１９に含まれる左向き矢印が選択されると、メニュー表示部１０１は、オブジェクトメニュー２００に表示を切り替える。また、例えば、メニュー項目画像２１９に含まれる右向き矢印が選択されると、メニュー表示部１０１は、オブジェクトメニュー１５０に表示を切り替える。

以下、本実施形態によるアニメーション編集方法の一例について、図１２を参照しつつ説明する。まず、エディターメニュー１３０のメニュー項目画像１３７を選択することで、図３に示すように画像オブジェクト２１を追加する（ステップＳ１）。これにより、画像オブジェクト２１を示すデータがオブジェクト管理部１０２によって属性データ１１１に新たに追加される。また、最初のレイヤー０と画像オブジェクト２１とを関連付けるようにオブジェクト管理部１０２によってレイヤーデータ１１４が更新される。次に、画像オブジェクト２１をドラッグすることで位置を調整すると共に、オブジェクトメニュー１５０～１９０を切り替えつつ各オブジェクトメニューに含まれるメニュー項目画像を選択することで、画像オブジェクト２１の属性を設定する（ステップＳ２）。これにより、画像オブジェクト２１の大きさ、位置、色、透明度、オブジェクト設定画像、タップ時の効果音、タップ時の大きさ等が設定可能である。設定された内容は、オブジェクト管理部１０２によって属性データ１１１に反映される。

次に、オブジェクトメニュー１５０～２１０に含まれるいずれかのメニュー項目画像２０１又は２２１（「ＴＷＥＥＮ ＳＥＴ」と表示された画像）を選択することでトゥイーンを設定する（ステップＳ３）。これにより、ステップＳ２において設定された属性が、オブジェクト管理部１０２によって、トゥイーンにおける第１の状態としてアニメーションデータ１１２に反映される。次に、オブジェクトメニュー１５０～２１０に含まれるいずれかのメニュー項目画像２０２又は２２２（「ＴＷＥＥＮ ＡＤＤ」と表示された画像）が選択されるまで、ステップＳ２及びＳ３が繰り返される（ステップＳ２→Ｓ３→Ｓ４、Ｎｏ→Ｓ２→…）。これにより、第１の状態を示す状態データ、第２の状態を示す状態データ、…が記憶部１１０の作業領域に順に蓄積されていく。メニュー項目画像２１２が選択されると（ステップＳ４、Ｙｅｓ）、その時点で作業領域に蓄積されている一連の状態データが画像オブジェクト２１のトゥイーンを示すデータとしてアニメーションデータ１１２に追加される。

次に、エディターメニュー１３０のメニュー項目画像１３９を選択することで、新たにレイヤーを追加する（ステップＳ５）。これにより、レイヤー０に続くレイヤー１に関するデータが、オブジェクト管理部１０２によってレイヤーデータ１１４に新たに追加される。次に、エディターメニュー１３０のメニュー項目画像１４２を操作することでレイヤー０を選択すると共に、表示される画像オブジェクト２１を選択する（ステップＳ６）。次に、オブジェクトメニュー２１０のメニュー項目画像２１１及び２１２を操作することで、画像オブジェクト２１にレイヤー１をリンクさせる（ステップＳ７）。リンクの内容は、オブジェクト管理部１０２によって属性データ１１１に反映される。次に、エディターメニュー１３０のメニュー項目画像１４２を操作することでレイヤー１を選択する（ステップＳ８）。次に、エディターメニュー１３０のメニュー項目画像１３７を選択することで、画像オブジェクトをレイヤー１に追加する（ステップＳ９）。これにより、新たな画像オブジェクトを示すデータがオブジェクト管理部１０２によって属性データ１１１に追加される。また、レイヤー１とその画像オブジェクトとを関連付けるようにオブジェクト管理部１０２によってレイヤーデータ１１４が更新される。その後、ステップＳ１～Ｓ８と同様、レイヤー１における画像オブジェクトの属性やトゥイーンの設定を進めていく。

以下、図１２の流れに従って編集されたアニメーションの実行例について図１３を参照しつつ説明する。アニメーションは、プレビューモードにおいて、アニメーション実行部１０４によって実行される。プレビューモードでは、図１３（ａ）に示すように、オブジェクトメニュー及びエディターメニューのいずれもタッチパネルディスプレイ１１の画面から消去された状態となる。アニメーション実行部１０４は、属性データ１１１、アニメーションデータ１１２、背景等データ１１３及びレイヤーデータ１１４に基づいて、以下の通りにアニメーションを実行する。まず、属性データ１１１に従って、レイヤー０に含まれる画像オブジェクト２１が画面に表示される。アニメーション実行中の画面には背景等データ１１３に基づいて背景画像が表示されると共に、背景音楽が再生される。次に、ユーザが画像オブジェクト２１をタップすると、タップ時の効果音が発生すると共に、画像オブジェクト２１が一時的にタップ時の大きさに変化する。なお、アニメーション実行中、ドラッグがオンに設定されている画像オブジェクトは、ドラッグによって移動可能である。ユーザーが画像オブジェクトをドラッグすると、画像オブジェクトに設定されている速さに従って画像オブジェクトが移動する。

次に、アニメーションデータ１１２における画像オブジェクト２１に関するデータに基づいて、タップからトゥイーン開始までの待機時間に相当する期間が経過した後に、画像オブジェクト２１のトゥイーンが実行される。例えば、図１３（ｂ）に示すように、画像オブジェクト２１における第１の状態である画像オブジェクト２１ａから、第２の状態である画像オブジェクト２１ｂ及び第３の状態である画像オブジェクト２１ｃを経て、第４の状態である画像オブジェクト２１ｄまで、画像オブジェクト２１の外観上の属性が変化する様子がタッチパネルディスプレイ１１の画面上に再現される。ここで、各状態間の変化は、各状態間の所要時間に亘る連続的な変化として表現される。例えば、画像オブジェクト２１ａの形状は四角形であり、位置は画面の左下隅の近傍である。また、画像オブジェクト２１ｂの形状は三角形であり、位置は画面の中央部である。画像オブジェクト２１ａから画像オブジェクト２１ｂへの変化は、第１の状態から第２の状態までの所要時間に亘って、画面上における前者の位置から後者の位置へと画像オブジェクト２１の位置が連続的に変化しつつ、つまり画像オブジェクト２１が移動しつつ、画像オブジェクト２１の形状が四角形から三角形へと少しずつ変化していくことによって表現される。なお、トゥイーンの繰り返し実行がオンとなっている場合には、最後の状態から第１の状態へと画像オブジェクト２１が変化するトゥイーンが続行され、さらに第１の状態からのトゥイーンが実行される。トゥイーンの繰り返し実行がオフとなっている場合であって、トゥイーンが最後の状態まで至った後に第１の状態に戻るか否かがオンとなっている場合、最後の状態から第１の状態に戻るまでの待機時間に相当する期間が経過した後、画像オブジェクト２１が第１の状態である画像オブジェクト２１ａに戻る。

トゥイーンの繰り返し実行がオフとなっている場合、トゥイーンが完了すると、アニメーションは画像オブジェクト２１のリンク先であるレイヤー１へと移る。これにより、レイヤー１の画像オブジェクト２２～２４が画面に表示されると共に、これらの画像オブジェクトによるアニメーションが実行される。なお、画像オブジェクト２１に他の画像オブジェクトがリンクされている場合には、リンク先の画像オブジェクトによるアニメーションが実行される。

以上説明した本実施形態によると、オブジェクトメニュー１５０～２１０がディスプレイの画面上の所定の領域に表示される。これらのうち、オブジェクトメニュー１５０～１９０及び２１０は、特に、大きさ、色、音楽等、編集対象となる属性の種類別にメニューが分けられている。これらによって、画像オブジェクトにおける複数の属性を設定できる。そして、本実施形態においては、タッチパネルディスプレイ１１のタッチパネルを介した入力に基づいて、画面上の所定の領域に表示されるオブジェクトメニュー１５０～２１０がオブジェクトメニュー１５０～２１０の間で切り替えられる。したがって、オブジェクトメニューを切り替えてその中のメニュー項目画像を選択することを繰り返すという簡易な操作で複数の属性を順に設定していくことが可能である。以上により、画像オブジェクトにおける複数の属性の変化を対象としたアニメーションを簡易な操作で編集できる。例えば、大きさ、傾き、色、タップ時の大きさ、タップ時の大きさ変更のオン／オフ、ドラッグの速さ、ドラッグのオン／オフ、オブジェクト設定画像及びリンク情報等、アニメーションにおける属性の変化を適切に設定できる。なお、ドラッグがオンとなっている画像オブジェクトについては、アニメーション実行時に、ユーザーのドラッグによる画像オブジェクトの移動が可能である。また、その際の画像オブジェクトの移動の速さも設定できる。したがって、アニメーション実行中、画像オブジェクトが重くて移動しづらい状況や、逆に、画像オブジェクトが軽くて移動しやすい状況を演出することができる。

また、本実施形態においては、画像オブジェクトの属性を設定後、オブジェクトメニュー２００に含まれるメニュー項目画像２０１、あるいは、オブジェクトメニュー１５０～１９０及び２１０のいずれかに含まれるメニュー項目画像２２１が選択されると、画像オブジェクトの属性に関する第１の状態、第２の状態、…、第ｎの状態の各状態データが記憶部１１０の作業領域に蓄積される。そして、オブジェクトメニュー２００に含まれるメニュー項目画像２０２、あるいは、オブジェクトメニュー１５０～１９０及び２１０のいずれかに含まれるメニュー項目画像２２２が選択されると、蓄積された状態データに基づいてアニメーションデータ１１２が生成される。これらによりトゥイーンが容易に設定可能である。

また、本実施形態においては、オブジェクトメニュー１５０～２１０のそれぞれに、トゥイーンの設定を行うためのトゥイーン項目画像２２０（メニュー項目画像２２１及び２２２）が含まれている。仮に、トゥイーン項目画像２２０が、オブジェクトメニュー１５０～２１０のいずれか１つのみに含まれているとする。この場合、トゥイーン項目画像２２０が含まれていないオブジェクトメニューにおいて画像オブジェクトの属性を設定した後、その属性を第１～第ｎの状態のいずれかに設定するためには、トゥイーン項目画像２２０が含まれる別のオブジェクトメニューに一旦表示を切り替えなければならない。これに対し、本実施形態によると、オブジェクトメニュー１５０～２１０のそれぞれにトゥイーン項目画像２２０が含まれている。このため、いずれかのオブジェクトメニューにおいて属性を設定した後、オブジェクトメニューを切り替えなくても、設定した属性を第１～第ｎの状態のいずれかに設定することが可能である。

また、本実施形態に係る画像オブジェクトの属性には、オブジェクトＩＤ、大きさ、位置、傾き、色、タップ時の大きさ、タップ時の効果音、タップ時の大きさ変更のオン／オフ、ドラッグの速さ、ドラッグのオン／オフ、オブジェクト設定画像及びレイヤーＩＤ並びにリンク情報がある。これによると、画像オブジェクトの外観に係る各種の属性や、ドラッグを含むタップ時の挙動、レイヤーやリンク等の属性が設定可能である。このため、画像オブジェクトによるアニメーションのバリエーションが豊富である。

＜変形例＞
以上は、本発明の好適な実施形態についての説明であるが、本発明は上述の実施形態に限られるものではなく、課題を解決するための手段に記載された範囲の限りにおいて様々な変更が可能なものである。

例えば、上述の実施形態においては、オブジェクトメニュー１５０～２１０の表示の切り替えが、これらのオブジェクトメニューに含まれるメニュー項目画像１５９、１６９、１７９、１８９、１９９、２０９又は２１９が選択されることで実行される。しかし、その他の方法によってオブジェクトメニューの表示が切り替えられてもよい。例えば、エディターメニューに含まれるメニュー項目画像の選択によって切り替えられてもよい。

また、上述の実施形態においては、トゥイーンの設定に当たって、オブジェクトメニュー１５０～１９０における属性の設定後、メニュー項目画像２０１又は２２１が選択されることで第１～第ｎの状態を示す状態データが記憶部１１０の作業領域に蓄積されていき、最後にメニュー項目画像２０２又は２２２が選択されることで、蓄積された状態データに基づいてアニメーションデータ１１２が生成される。しかし、その他の方法によってトゥイーンが設定されてもよい。例えば、あるメニュー項目画像が選択されると、トゥイーンを設定するためのモードに切り替わり、そのモード内でオブジェクトメニュー１５０～１９０において属性が設定されるたびに、その属性が第１の状態、第２の状態、…として記憶部１１０の作業領域に蓄積されてもよい。あるいは、オブジェクトメニュー１５０～１９０の各メニュー項目画像を選択すると、変化前後の各属性を一度に設定するように本実施形態が構成されていてもよい。例えば、オブジェクトメニュー１５０のメニュー項目画像１５２を選択すると、変化前の静止画像と変化後の静止画とを一度に設定するように本実施形態が構成されていてもよい。

また、上述の実施形態においては、オブジェクトメニュー１５０～２１０が、タッチパネルディスプレイ１１の画面において固定された領域であるオブジェクトメニュー領域Ｇ１に表示される。しかし、これらのオブジェクトメニューが表示される領域が表示ごとに変化してもよい。例えば、これらのオブジェクトメニューが、現在選択されている画像オブジェクトの近傍に表示されてもよい。

Ｇ１ オブジェクトメニュー領域
Ｇ２ エディターメニュー領域
１ ＰＣ
１１ タッチパネルディスプレイ
２１～２６ 画像オブジェクト
１０１ メニュー表示部
１０２ オブジェクト管理部
１１０ 記憶部
１３０ エディターメニュー
１３１～１４２ メニュー項目画像
１５０～２１０ オブジェクトメニュー
１５１～１５３、１５９ メニュー項目画像
１６１～１６３、１６９ メニュー項目画像
１７１～１７４、１７９ メニュー項目画像
１８１、１８９ メニュー項目画像
１９１～１９３、１９９ メニュー項目画像
２０１～２０９ メニュー項目画像
２１１～２１４、２１９ メニュー項目画像
２２０ トゥイーン項目画像
２２１、２２２ メニュー項目画像

Claims (6)

1. ポインティングデバイスが接続され又はこれを搭載していると共に、ディスプレイが接続され又はこれを搭載したコンピュータを、１又は複数の画像オブジェクトによるアニメーションを編集する装置として機能させるプログラムであって、
   前記アニメーションが、前記画像オブジェクトのディスプレイ表示上の外観及び位置並びに当該画像オブジェクトに設定された効果音の少なくともいずれかに関する複数の属性の変化を対象としており、
   前記ポインティングデバイスによる入力に基づいて前記属性としての位置が変更可能であるように前記画像オブジェクトを前記ディスプレイに表示させるオブジェクト表示手段、
   前記属性の内容を前記画像オブジェクトごとに編集するためのメニュー項目画像を含んだ、前記属性の種類別に用意された複数のメニューセット画像のいずれかを、前記ディスプレイの画面に表示させると共に、前記ポインティングデバイスによるユーザ入力に基づいて、前記ディスプレイの画面に表示させる前記メニューセット画像を前記複数のメニューセット画像の間で切り替えるメニュー表示手段、及び、
   前記ディスプレイに表示された前記メニュー項目画像が、前記ポインティングデバイスによるユーザ入力に基づいて選択された場合に、選択された前記メニュー項目画像に応じて前記画像オブジェクトに関する前記属性を設定する処理を実行する属性設定手段として前記コンピュータを機能させ、
   前記アニメーションが、前記画像オブジェクトごとに前記属性の変化を示すオブジェクト別アニメーションデータによって表されており、
   前記メニュー表示手段が、前記メニューセット画像の表示の切り替えを、切り替え後の表示領域が切り替え前の表示領域又はその近傍の領域となるように、前記属性の内容の編集対象である前記画像オブジェクトを維持したまま行い、
   前記オブジェクト別アニメーションデータに対して前記属性の変化を設定して蓄積してくための前記メニュー項目画像である変化属性設定メニュー項目画像が、前記属性の内容を前記画像オブジェクトごとに設定するための前記メニュー項目画像である属性内容設定メニュー項目画像と共に、複数の前記メニューセット画像のそれぞれに含まれていることを特徴とするアニメーション編集プログラム。
2. 前記アニメーションにおいて、前記属性の変化が、前記画像オブジェクトの大きさ、位置、色及び透明度並びに前記画像オブジェクトに設定された画像の少なくともいずれかの変化を含んでいることを特徴とする請求項１に記載のアニメーション編集プログラム。
3. 前記アニメーションにおいて、前記属性の変化が、前記画像オブジェクトのドラッグによる移動を含んでいることを特徴とする請求項１又は２に記載のアニメーション編集プログラム。
4. 前記メニュー項目画像の少なくともいずれかが、前記ドラッグに対する前記画像オブジェクトの移動の速さを設定するための画像であることを特徴とする請求項３に記載のアニメーション編集プログラム。
5. 前記アニメーションが、前記１又は複数の画像オブジェクトの少なくともいずれかである対象オブジェクトの前記属性に関する第１の状態→第２の状態→…→第ｎの状態（ｎ：２以上の自然数）という一連の変化を対象としており、
   前記変化属性設定メニュー項目画像が、前記第１～第ｎの状態を設定するための画像であり、
   第１～第ｋ（１≦ｋ＜ｎ）の前記状態が既に設定されており第ｋ＋１の前記状態が未だ設定されていない場合において、前記ポインティングデバイスによるユーザ入力に基づいて前記変化属性設定メニュー項目画像が選択されると、前記対象オブジェクトに関してその時に設定されている前記属性が、前記第ｋ＋１の状態として設定されるように、前記コンピュータを機能させることを特徴とする請求項１～４のいずれか１項に記載のアニメーション編集プログラム。
6. 前記アニメーション実行時にタッチパネルが使用されると共に、当該タッチパネルを通じた前記画像オブジェクトのタップ及びドラッグが可能であり、
   前記アニメーションにおいて、１又は複数の前記画像オブジェクトをそれぞれが含んだ複数のレイヤーが設定可能であると共に、前記画像オブジェクトのタップ時の動作が終了した場合に次に前記アニメーションが実行される前記画像オブジェクト又は前記レイヤーへのリンクが設定可能であり、
   前記画像オブジェクトの属性には、当該画像オブジェクトを識別するためのオブジェクトＩＤ、大きさ、位置、傾き、色、タップ時の大きさ、前記タッチパネルのタップ時の効果音、前記タッチパネルのタップ時の大きさ変更のオン／オフ、ドラッグの速さ、ドラッグのオン／オフ、前記画像オブジェクトに設定された画像及びレイヤーを識別するためのレイヤーＩＤ並びに前記リンクを示すリンク情報の少なくともいずれかが含まれていることを特徴とする請求項１～５のいずれか１項に記載のアニメーション編集プログラム。

Images