(57)【要約】  再生装置は、メモリと、サーバから受信した、複数の要素データを含み、複数の要素データの描画を指示するための指示データに従って、指示データに含まれる複数の要素データを画面上に描画する描画処理部と、指示データにおいて複数の要素データの描画時の修飾が指示されている場合に、複数の要素データの描画時の位置関係が維持された複数の要素データを含む１つの画像データを作成し、作成した画像データをメモリに書き込むキャッシュ制御部（４０６）とを備え、描画処理部は、指示データにおいて複数の要素データの描画時の修飾が指示されている場合に、メモリに記憶されている画像データに対して、指示データで指示されている修飾を施し、修飾が施された画像データを画面に描画する。
2012160753.tif 000002
【特許請求の範囲】
【請求項１】
画像データまたは文字データである要素データを画面上に表示することにより再生する再生装置であって、
メモリと、
サーバから受信した、複数の要素データを含み、前記複数の要素データの描画を指示するための指示データに従って、前記指示データに含まれる前記複数の要素データを画面上に描画する描画処理部と、
前記指示データにおいて前記複数の要素データの描画時の修飾が指示されている場合に、前記複数の要素データの描画時の位置関係が維持された前記複数の要素データを含む１つの画像データを作成し、作成した前記画像データを前記メモリに書き込むキャッシュ制御部とを備え、
前記描画処理部は、前記指示データにおいて前記複数の要素データの描画時の修飾が指示されている場合に、前記メモリに記憶されている前記画像データに対して、前記指示データで指示されている修飾を施し、修飾が施された画像データを画面に描画する
再生装置。
【請求項２】
前記キャッシュ制御部は、前記指示データにおいて前記複数の要素データのそれぞれに対して同一の修飾が指示されている場合に、前記複数の要素データの描画時の位置関係が維持された前記複数の要素データを含む１つの画像データを作成し、作成した前記画像データを前記メモリに書き込み、
前記描画処理部は、前記指示データにおいて前記複数の要素データのそれぞれ対して同一の修飾が指示されている場合に、前記メモリに記憶されている前記画像データに対して、前記同一の修飾を施し、修飾が施された画像データを画面に描画する
請求項１に記載の再生装置。
【請求項３】
前記キャッシュ制御部は、前記複数の要素データのそれぞれに対して前記指示データで指示される修飾を描画時に施しても前記複数の要素データの位置関係が変化しない場合に、前記複数の要素データの描画時の位置関係が維持された前記複数の要素データを含む１つの画像データを作成し、作成した前記画像データを前記メモリに書き込み、
前記描画処理部は、前記複数の要素データのそれぞれに対して前記指示データで指示される修飾を描画時に施しても前記複数の要素データの位置関係が変化しない場合に、前記メモリに記憶されている前記画像データに対して、いずれかの要素データに対して指示されている修飾を施し、修飾が施された画像データを画面に描画する
請求項１に記載の再生装置。
【請求項４】
前記キャッシュ制御部は、前記複数の要素データのそれぞれに対して前記指示データで指示される修飾が、各要素データを同一の移動幅で同一の移動時間だけ平行移動させるための修飾である場合に、前記複数の要素データの描画時の位置関係が維持された前記複数の要素データを含む１つの画像データを作成し、作成した前記画像データを前記メモリに書き込み、
前記描画処理部は、前記複数の要素データのそれぞれに対して前記指示データで指示される修飾が、各要素データを同一の移動幅で同一の移動時間だけ平行移動させるための修飾である場合に、前記メモリに記憶されている前記画像データに対して、いずれかの要素データに対して指示されている修飾を施し、修飾が施された画像データを画面に描画する
請求項３に記載の再生装置。
【請求項５】
前記キャッシュ制御部は、前記複数の要素データのそれぞれに対して前記指示データで指示される修飾が、各要素データを一座標軸方向のみに同一の時間だけスケーリングさせるための修飾である場合に、前記複数の要素データの描画時の位置関係が維持された前記複数の要素データを含む１つの画像データを作成し、作成した前記画像データを前記メモリに書き込み、
前記描画処理部は、前記複数の要素データのそれぞれに対して前記指示データで指示される修飾が、各要素データを一座標軸方向のみに同一の時間だけスケーリングさせるための修飾である場合に、前記メモリに記憶されている前記画像データに対して、いずれかの要素データに対して指示されている修飾を施し、修飾が施された画像データを画面に描画する
請求項３に記載の再生装置。
【請求項６】
前記キャッシュ制御部は、前記複数の要素データのそれぞれに対して前記指示データで指示される修飾が、各要素データをある座標軸上の座標が同一となる点を回転中心として同一時間だけ回転させるための修飾である場合に、前記複数の要素データの描画時の位置関係が維持された前記複数の要素データを含む１つの画像データを作成し、作成した前記画像データを前記メモリに書き込み、
前記描画処理部は、前記複数の要素データのそれぞれに対して前記指示データで指示される修飾が、各要素データをある座標軸上の座標が同一となる点を回転中心として同一時間だけ回転させるための修飾である場合に、前記メモリに記憶されている前記画像データに対して、いずれかの要素データに対して指示されている修飾を施し、修飾が施された画像データを画面に描画する
請求項３に記載の再生装置。
【請求項７】
請求項１〜６のいずれか１項に記載の再生装置と、
放送信号を受信するチューナと、
前記チューナが受信した前記放送信号から動画データおよびオーディオデータを復号するＡＶデコーダと、
前記ＡＶデコーダで復号された動画データを表示するディスプレイと、
前記ＡＶデコーダから出力されたオーディオデータを出力するスピーカとを備え、
前記再生装置は、前記ディスプレイに前記修飾が施された画像データを描画する
テレビ。
【請求項８】
画像データまたは文字データである要素データを画面上に表示することにより再生する再生方法であって、
サーバから受信した、複数の要素データを含み、前記複数の要素データの描画を指示するための指示データに従って、前記指示データに含まれる前記複数の要素データを画面上に描画する描画処理ステップと、
前記指示データにおいて前記複数の要素データの描画時の修飾が指示されている場合に、前記複数の要素データの描画時の位置関係が維持された前記複数の要素データを含む１つの画像データを作成し、作成した前記画像データをメモリに書き込むキャッシュ制御ステップとを含み、
前記描画処理ステップでは、前記指示データにおいて前記複数の要素データの描画時の修飾が指示されている場合に、前記メモリに記憶されている前記画像データに対して、前記指示データで指示されている修飾を施し、修飾が施された画像データを画面に描画する
再生方法。
【請求項９】
請求項８に記載の再生方法に含まれる全てのステップをコンピュータに実行させるためのプログラム。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、ＣＥ（Ｃｏｎｓｕｍｅｒ  Ｅｌｅｃｔｒｏｎｉｃｓ）機器などの再生装置において、ネットサービスで提供される再生可能なデータを高速に表示させる技術に関する。
【背景技術】
【０００２】
一般的に、携帯情報端末やタブレット型コンピュータなどのＣＥ機器はＰＣ（Ｐｅｒｓｏｎａｌ  Ｃｏｍｐｕｔｅｒ）に比べ、ＣＰＵ性能が劣りメモリ容量も小さいなど、ハードウェア資源が乏しい。よって、ＰＣ上で動作するアプリケーションをＣＥ機器で動作させるためには、一般的には、アプリケーションの見た目の簡素化を行い、必要となるハードウェア資源を削減する必要がある。【０００３】
そのようなＣＥ機器においても、近年、Ｊａｖａ（登録商標）仮想マシンを含むＢＤ−ＲＯＭ（Ｂｌｕ−ｒａｙ  Ｄｉｓｃ  Ｒｅａｄ  Ｏｎｌｙ  Ｍｅｍｏｒｙ）再生機能を搭載した再生装置が広く普及している。このことから、ＣＥ機器は、Ｊａｖａ（登録商標）仮想マシンを動作させる程度の性能は持ち合わせていると考えられる。しかし、ＰＣ上で動作するＨＴＭＬ（ＨｙｐｅｒＴｅｘｔ  Ｍａｒｋｕｐ  Ｌａｎｇｕａｇｅ）ブラウザと同等の機能を有するＣＥ機器が普及していないことから考えると、一般的に、ＣＥ機器は、ＰＣ上で動作するＨＴＭＬブラウザを実現するほどの性能は持ち合わせていないと考えられる。【０００４】
ところで、昨今、ＰＣ上で動作するＨＴＭＬブラウザ、およびそのＨＴＭＬブラウザと連携して動作するプログラム（一般的にプラグインまたはアドオンと呼ばれるもの）の機能を用いることによって、インターネットを媒介とした動画データ、音楽データまたは写真データなどの配信または共有等の機能を提供するサービス（以下、総称して「ネットサービス」と呼ぶ）が盛んに行われている。また、プラグインやアドオンのひとつであるＣＳＳ（Ｃａｓｃａｄｉｎｇ  Ｓｔｙｌｅ  Ｓｈｅｅｔ）３を用いて、ＨＴＭＬブラウザ上で画像データがアニメーション表示（画像データが縦や横にスクロールしたり、回転したりする表示）され、視覚効果を高めているネットサービスも増加している。【０００５】
ＣＥ機器において、ＰＣを対象としたネットサービスで提供されるデータ（以下、「ネットサービスデータ」と呼ぶ）を再生させたい場合、ＰＣ上で動作するＨＴＭＬブラウザおよびプラグインをそのまま、もしくは同等機能を持ったプログラムをＣＥ機器上で動作させることは、前述のとおりハードウェア資源の面から困難である。このため、ＰＣ上でのネットサービスデータの再生とは異なったアプローチが必要となる。具体的には、ＨＴＭＬブラウザを用いるのではなく、あるネットサービスデータを再生するための専用プログラムをＣＥ機器上で動作させる。その専用プログラムは、直接、ネットサービスを提供するサーバ（以下、「サービスサーバ」と呼ぶ）と通信を行うことによって、そのネットサービスデータの再生を行う。また、その専用プログラムは、そのネットサービスデータの再生に特化しているため、必要とするハードウェア資源を最小限に抑えることが可能である。このため、ＣＥ機器上においても実行可能となる。【０００６】
しかしながら、前述の通り、ＰＣを対象としたネットサービスデータをハードウェアの性能が劣るＣＥ機器上で再生するには、性能面の課題が表面化し、画像データの描画がスムーズに行えず、ユーザがスムーズに画面操作できないという課題がある。【０００７】
この解決方法として特許文献１では、クライアント側で画面スクロールをスムーズに行う方法を提案している。具体的には、サーバ側でクライアントの画面サイズを把握し、次にクライアントで表示されるであろうスクロール先の画面イメージをクライアントの画面サイズに合わせた状態でキャッシュしておき、実際にクライアントで画面のスクロールをするときに、サーバ側でキャッシュした画面イメージをクライアントに送る方法である。これにより、通信のデータ量が削減されるため、クライアント側で画面スクロールをスムーズに行うことが可能になる。
【先行技術文献】
【特許文献】
【０００８】
【特許文献１】特開２０１０−２５７１４８号公報
【発明の概要】
【発明が解決しようとする課題】
【０００９】
しかしながら、従来の技術においては、ブラウザのスクロール機能をスムーズに行うことは可能になるが、近年増加している、ＣＳＳ３などを用いてＨＴＭＬブラウザ内で画像データを高速にアニメーション表示することはできない。【００１０】
本発明は、ＣＳＳ３などを用いてＨＴＭＬブラウザ内で画像データをアニメーション表示する場合に、スムーズなアニメーション表示を実現することができる再生装置を提供することを目的とする。
【課題を解決するための手段】
【００１１】
上記目的を達成するために、本発明のある局面に係る再生装置は、画像データまたは文字データである要素データを画面上に表示することにより再生する再生装置であって、メモリと、サーバから受信した、複数の要素データを含み、前記複数の要素データの描画を指示するための指示データに従って、前記指示データに含まれる前記複数の要素データを画面上に描画する描画処理部と、前記指示データにおいて前記複数の要素データの描画時の修飾が指示されている場合に、前記複数の要素データの描画時の位置関係が維持された前記複数の要素データを含む１つの画像データを作成し、作成した前記画像データを前記メモリに書き込むキャッシュ制御部とを備え、前記描画処理部は、前記指示データにおいて前記複数の要素データの描画時の修飾が指示されている場合に、前記メモリに記憶されている前記画像データに対して、前記指示データで指示されている修飾を施し、修飾が施された画像データを画面に描画する。【００１２】
この構成によると、メモリに記憶されている１つの画像データを画面に表示することで、複数の要素データを個別に画面に表示するのと同じ描画結果が得られる。また、修飾も１つの画像データに対してのみ行うことにより、１回で済むため、高速に複数の要素データの描画が可能になる。よって、ＣＳＳ３などを用いてＨＴＭＬブラウザ内で画像データをアニメーション表示する場合に、スムーズなアニメーション表示を実現することができる。これにより、ユーザの操作感が向上する。【００１３】
好ましくは、前記キャッシュ制御部は、前記指示データにおいて前記複数の要素データのそれぞれに対して同一の修飾が指示されている場合に、前記複数の要素データの描画時の位置関係が維持された前記複数の要素データを含む１つの画像データを作成し、作成した前記画像データを前記メモリに書き込み、前記描画処理部は、前記指示データにおいて前記複数の要素データのそれぞれ対して同一の修飾が指示されている場合に、前記メモリに記憶されている前記画像データに対して、前記同一の修飾を施し、修飾が施された画像データを画面に描画する。【００１４】
指示データが指定する修飾が複数の要素データで同じであるため、メモリに記憶されている１つの画像データに１回の修飾を施すことにより、複数の要素データのそれぞれに１回ずつ修飾を施すのと同じ描画結果が得られる。このため、高速に複数の要素データに修飾を施すことができる。これにより、複数の要素データを高速に描画することができ、ユーザの操作感が向上する。【００１５】
また、前記キャッシュ制御部は、前記複数の要素データのそれぞれに対して前記指示データで指示される修飾を描画時に施しても前記複数の要素データの位置関係が変化しない場合に、前記複数の要素データの描画時の位置関係が維持された前記複数の要素データを含む１つの画像データを作成し、作成した前記画像データを前記メモリに書き込み、前記描画処理部は、前記複数の要素データのそれぞれに対して前記指示データで指示される修飾を描画時に施しても前記複数の要素データの位置関係が変化しない場合に、前記メモリに記憶されている前記画像データに対して、いずれかの要素データに対して指示されている修飾を施し、修飾が施された画像データを画面に描画しても良い。【００１６】
指示データが指定する修飾が複数の要素データで異なっていても、各要素データに修飾を施した結果、複数の要素データの位置関係が維持される場合には、メモリに記憶されている１つの画像データに１回の修飾を施すことにより、複数の要素データのそれぞれに１回ずつ修飾を施すのと同じ描画結果が得られる。このため、高速に複数の要素データに修飾を施すことができる。これにより、複数の要素データを高速に描画することができ、ユーザの操作感が向上する。【００１７】
具体的には、前記キャッシュ制御部は、前記複数の要素データのそれぞれに対して前記指示データで指示される修飾が、各要素データを同一の移動幅で同一の移動時間だけ平行移動させるための修飾である場合に、前記複数の要素データの描画時の位置関係が維持された前記複数の要素データを含む１つの画像データを作成し、作成した前記画像データを前記メモリに書き込み、前記描画処理部は、前記複数の要素データのそれぞれに対して前記指示データで指示される修飾が、各要素データを同一の移動幅で同一の移動時間だけ平行移動させるための修飾である場合に、前記メモリに記憶されている前記画像データに対して、いずれかの要素データに対して指示されている修飾を施し、修飾が施された画像データを画面に描画する。【００１８】
また、前記キャッシュ制御部は、前記複数の要素データのそれぞれに対して前記指示データで指示される修飾が、各要素データを一座標軸方向のみに同一の時間だけスケーリングさせるための修飾である場合に、前記複数の要素データの描画時の位置関係が維持された前記複数の要素データを含む１つの画像データを作成し、作成した前記画像データを前記メモリに書き込み、前記描画処理部は、前記複数の要素データのそれぞれに対して前記指示データで指示される修飾が、各要素データを一座標軸方向のみに同一の時間だけスケーリングさせるための修飾である場合に、前記メモリに記憶されている前記画像データに対して、いずれかの要素データに対して指示されている修飾を施し、修飾が施された画像データを画面に描画しても良い。【００１９】
また、前記キャッシュ制御部は、前記複数の要素データのそれぞれに対して前記指示データで指示される修飾が、各要素データをある座標軸上の座標が同一となる点を回転中心として同一時間だけ回転させるための修飾である場合に、前記複数の要素データの描画時の位置関係が維持された前記複数の要素データを含む１つの画像データを作成し、作成した前記画像データを前記メモリに書き込み、前記描画処理部は、前記複数の要素データのそれぞれに対して前記指示データで指示される修飾が、各要素データをある座標軸上の座標が同一となる点を回転中心として同一時間だけ回転させるための修飾である場合に、前記メモリに記憶されている前記画像データに対して、いずれかの要素データに対して指示されている修飾を施し、修飾が施された画像データを画面に描画しても良い。【００２０】
なお、本発明は、このような特徴的な処理部を備える再生装置として実現することができるだけでなく、再生装置に含まれる特徴的な処理部が実行する処理をステップとする再生方法として実現することができる。また、再生装置に含まれる特徴的な処理部としてコンピュータを機能させるためのプログラムまたは再生方法に含まれる特徴的なステップをコンピュータに実行させるプログラムとして実現することもできる。そして、そのようなプログラムを、ＣＤ−ＲＯＭ（Ｃｏｍｐａｃｔ  Ｄｉｓｃ−Ｒｅａｄ  Ｏｎｌｙ  Ｍｅｍｏｒｙ）等のコンピュータ読み取り可能な非一時的な記録媒体やインターネット等の通信ネットワークを介して流通させることができるのは、言うまでもない。
【発明の効果】
【００２１】
本発明によると、ＣＳＳ３などを用いてＨＴＭＬブラウザ内で画像データをアニメーション表示する場合に、スムーズなアニメーション表示を実現することができる。これにより、ユーザの操作感が向上する。
【図面の簡単な説明】
【００２２】
【図１】図１は、本実施の形態に係るネットサービス再生装置を備えるホームシアターシステムを示す外観図である。
【図２】図２は、再生装置とネットサービスサーバの接続例を示す図である。
【図３】図３は、ネットサービスサーバが保持するデータの例を示す図である。
【図４】図４は、再生装置の機能構成を示すブロック図である。
【図５】図５は、再生装置のハードウェア構成を示すブロック図である。
【図６】図６は、ＨＴＭＬデータの一例を示す図である。
【図７】図７は、ＣＳＳ３データの一例を示す図である。
【図８】図８は、アニメーション表示開始から最初の描画を行うまでの処理を示したフローチャートである。
【図９】図９は、図６のＨＴＭＬデータがブラウザで表示される状態を示す図である。
【図１０】図１０は、図６のＨＴＭＬデータにＪａｖａＳｃｒｉｐｔ解釈実行部が変更を加えた後の状態を示す図である。
【図１１】図１１は、メモリ上にキャッシュされた画像データを示す図である。
【図１２】図１２は、図１０のＨＴＭＬデータがブラウザ上にアニメーション表示される状態を示す図である。
【図１３】図１３は、アニメーション表示において、２回目の以降の描画からアニメーション表示完了までの処理を示したフローチャートである。
【図１４】図１４は、ＨＴＭＬデータの一例を示す図である。
【図１５】図１５は、ＨＴＭＬデータの一例を示す図である。
【図１６】図１６は、ＣＳＳ３データの一例を示す図である。
【図１７】図１７は、本発明を適用するテレビの機能的な構成の一例を示す図である。
【発明を実施するための形態】
【００２３】
以下、本発明の実施の形態について、図面を参照しながら説明する。
【００２４】
図１は、本実施の形態に係るネットサービス再生装置を備えるホームシアターシステムを示す外観図である。
【００２５】
同図に示すホームシアターシステム１００は、再生装置１０１と、リモコン１０２と、ディスプレイ１０３とを備える。再生装置１０１が、本実施の形態のネットサービス再生装置に相当する（例えば、ＢＤ−ＲＯＭプレイヤや、ＢＤ−ＲＯＭレコーダ）。なお、ディスプレイ１０３を本実施の形態のネットサービス再生装置の一部として備えていてもよい（例えば、テレビ）。
【００２６】
再生装置１０１は、ホームシアターシステム１００に、映画作品を供給するという用途に供される。再生装置１０１は、画像データまたは文字データである要素データを画面上に表示することにより再生する。例えば、再生装置１０１は、ＳＤカードなどのリムーバブルメディアやＢＤ−ＲＯＭなどの記録媒体、又は、インターネットなどから映画などのコンテンツを取得する。そして、リモコン１０２などからの指示に従って、ディスプレイ１０３に映像を表示し、スピーカ（図示せず）などから音声を出力する。なお、再生装置１０１は、リモコン１０２からの指示データを受信する受信部などを備える。
【００２７】
リモコン１０２は、様々なボタンなどを有し、ユーザが押下したボタンに対応する指示データを再生装置１０１及びディスプレイ１０３などに送信する。
【００２８】
ディスプレイ１０３は、再生装置１０１で処理された映像を表示する。また、ディスプレイ１０３は、スピーカ（図示せず）を備え、当該スピーカから再生装置１０１で処理された音声を出力する。なお、スピーカは、再生装置１０１が備えていてもよい。
【００２９】
以上のように、本実施の形態のネットサービス再生装置は、ホームシアターシステムなどに利用される。
【００３０】
図２は、本実施の形態に係るネットサービス再生装置と、サービスを提供するサーバとを備えるシステムの一例を示す図である。再生装置１０１はネットサービスサーバ２０１とインターネットなどのネットワークを介して接続されており、双方向にデータの送受信が可能である。なお、再生装置１０１とネットサービスサーバ２０１との接続方法は、双方向にデータの送受信が可能な方法であればよく、インターネット接続に限るものではない。例えば、再生装置１０１とネットサービスサーバ２０１とがＬＡＮ（ローカルエリアネットワーク）で接続されていても良いし、ＵＳＢ（Ｕｎｉｖｅｒｓａｌ  Ｓｅｒｉａｌ  Ｂｕｓ）で接続されていてもよい。
【００３１】
図３は、本実施の形態のネットサービスサーバ２０１が保持するデータについて説明するための図である。
【００３２】
ネットサービスサーバ２０１は、ＡＶ（Ａｕｄｉｏ／Ｖｉｓｕａｌ）データ３０２と、ＨＴＭＬデータ３０３と、ＪａｖａＳｃｒｉｐｔ（登録商標、以下同様であるため、登録商標である旨の記載を省略する）プログラム３０４と、ＣＳＳ３データ３０５と、画像データ３０６とを内部のメモリに記憶しており、各データをネットワークを介して再生装置１０１に送信する。
【００３３】
ＡＶデータ３０２は、再生装置１０１での視聴の際に、ユーザに課金して、購入またはレンタルをしてもらう有料の映像データまたは音楽データである。また、ＡＶデータ３０２は、無料で視聴可能な映像データまたは音楽データであっても良い。
【００３４】
ＨＴＭＬデータ３０３は、Ｗｅｂページの記述用に定義されたマークアップ言語のＨＴＭＬで記載されたデータのことである。ＨＴＭＬで記載されたデータは、ブラウザなどのＨＴＭＬを解釈し、ＨＴＭＬデータを表示可能なツールを用いることで、可視性の高い表現で表示される。
【００３５】
ＪａｖａＳｃｒｉｐｔプログラム３０４は、プログラミング言語ＪａｖａＳｃｒｉｐｔで記載されたプログラムのことである。ＪａｖａＳｃｒｉｐｔプログラム３０４は、再生装置１０１にダウンロードされ、再生装置１０１上で実行される。ＪａｖａＳｃｒｉｐｔプログラム３０４は、ＨＴＭＬデータ３０３を動的に変更することができる。そのため、ＪａｖａＳｃｒｉｐｔプログラム３０４を実行することによって、ＨＴＭＬデータ３０３をユーザがブラウザを通じて視認している間に、各要素（後述）に対して動きや、色の変化、または、後述するスタイルの変更などができる。
【００３６】
ＣＳＳ３データ３０５は、ＣＳＳ３の仕様に則って作成されたスタイルデータのとこである。スタイルとは、ＨＴＭＬで記載された要素をどのように修飾するかを指示するものである。要素とは、ＨＴＭＬデータ内のタグで囲われた最小単位のことであり、一般的には文字列や、画像などがそれにあたる。たとえば、ＨＴＭＬで画面中央に表示するよう定義されている要素に対して、ＣＳＳ３でスタイルを指定することにより、要素を上下方法にスクロールするように指示することができる。ＨＴＭＬは各要素に対して動きのない基本的な構造を指示するのに対し、ＣＳＳ３はＨＴＭＬで定義された各要素に対して、色を変化させたり、動きをつけたりといったように、どう修飾するかを指示するものである。なお、本明細書中では、要素、画像、文字列という場合には、それらのデータ、つまり、要素データ、画像データ、文字列データをも指すものとする。
【００３７】
画像データ３０６は、ＨＴＭＬデータ３０３が使用する画像データであり、ＪＰＥＧ、ＰＮＧなどの形式で圧縮されていることが多い。
【００３８】
図４は、本実施の形態の再生装置１０１の機能構成を示すブロック図である。
【００３９】
通信制御部４０１は、ネットサービスサーバ２０１からデータを受信し、受信したデータが、ＨＴＭＬデータ３０３、およびＣＳＳ３データ３０５の場合は、ＨＴＭＬ解釈実行部４０３にデータを渡し、ＪａｖａＳｃｒｉｐｔプログラム３０４の場合は、ＪａｖａＳｃｒｉｐｔ解釈実行部４０４にデータを渡し、ＡＶデータ３０２の場合は、ＡＶ制御部４０７にデータを渡し、画像データ３０６の場合は、描画部４０５にデータを渡す。
【００４０】
入力受付部４０２は、ユーザがリモコン１０２から送出した指示データを受け取り、ＪａｖａＳｃｒｉｐｔ解釈実行部に指示データを渡す。
【００４１】
ＨＴＭＬ解釈実行部４０３は、ＨＴＭＬデータ３０３、およびＣＳＳ３データ３０５を受け取り、ＨＴＭＬデータ３０３を解釈して、各要素の色や、配置位置などを算出し、また、ＣＳＳ３データ３０５を解釈して、各要素に与える修飾方法を算出する。ＨＴＭＬ解釈実行部４０３は、それぞれの算出結果を描画部４０５に渡す。
【００４２】
ＪａｖａＳｃｒｉｐｔ解釈実行部４０４は、入力受付部４０２が受け付けた指示データを受け、指示データにあったＪａｖａＳｃｒｉｐｔプログラムの部分を実行する。
【００４３】
描画部４０５は、画像データ３０６を通信制御部４０１から受け取り、圧縮されている画像データの場合には展開し、ＨＴＭＬ解釈実行部４０３から受けたデータに従って、ＨＴＭＬの各要素をユーザに見えるように画面（ブラウザ）上に描画する。
【００４４】
つまり、ＨＴＭＬ解釈実行部４０３、ＪａｖａＳｃｒｉｐｔ解釈実行部４０４および描画部４０５は、ネットサービスサーバ２０１から受信した、複数の要素データを含み、複数の要素データの描画を指示するための指示データに従って、指示データに含まれる複数の要素データを画面上に描画する描画処理部として機能する。描画処理部は、指示データにおいて複数の要素データの描画時の修飾が指示されている場合に、後述するメモリに記憶されている画像データに対して、指示データで指示されている修飾を施し、修飾が施された画像データを画面に描画する。
【００４５】
キャッシュ制御部４０６は、描画部４０５が画像を画面に描画する際に、効率的に描画を行うために画像データのキャッシュ方法を制御する。つまり、キャッシュ制御部４０６は、指示データにおいて複数の要素データの描画時の修飾が指示されている場合に、複数の要素データの描画時の位置関係が維持された複数の要素データを含む１つの画像データを作成し、作成した画像データをメモリに書き込む。キャッシュ制御部４０６は本発明で新たに追加した要素であるため、詳しいことは、動作例を交えながら後述する。
【００４６】
ＡＶ制御部４０７は、通信制御部４０１からＡＶデータ３０２を受け取り、ＪａｖａＳｃｒｉｐｔ解釈実行部４０４からの指示を受けて、ＡＶデータ３０２の再生、停止等の制御を行う。本発明とは関連が浅いため詳細な説明は省略する。
【００４７】
なお、再生装置１０１の各機能はソフトウェアで実装されていてもよいし、ハードウェアで実装されていてもよい。
【００４８】
図５は、本実施の形態の再生装置１０１のハードウェア構成を示すブロック図である。
【００４９】
再生装置１０１は、ＣＰＵ５０１と、メモリ５０２とを備える。
【００５０】
ＣＰＵ５０１は、再生装置１０１の中心的な処理装置であり、図４で示した各処理部の処理を実現するためのプログラムを実行する。プログラムを実行することにより、再生装置１０１は、機能的に図４に示す構成の装置として実現することができる。
【００５１】
メモリ５０２は、揮発性の記憶媒体であり、ＣＰＵ５０１がデータを読み書きできる領域である。メモリ５０２上にはＣＰＵ５０１が図４で示した各要素を実行する際の中間データが配置されたり、ＪＰＥＧやＰＮＧ形式で圧縮された画像データ３０６を展開することにより得られる画像データが配置されたりする。
【００５２】
次に、本実施の形態の動作について、説明する。
【００５３】
図６はＨＴＭＬデータ３０３の一例を示す図である。なお、図６では理解を容易にするために、本発明に関連のあるところだけに焦点をあて、一部の表記は簡略化をしている。
【００５４】
＜ＨＴＭＬ＞および＜ＢＯＤＹ＞はＨＴＭＬデータの開始を示すタグであり、＜／ＢＯＤＹ＞および＜／ＨＴＭＬ＞はＨＴＭＬデータの終了を示すタグである。本発明とは関連が薄いため、詳細な説明は省略する。
【００５５】
ＤＩＶタグ６０１は、＜ＤＩＶ＞から＜／ＤＩＶ＞までを１ブロックとして扱うためのタグである。＜ＤＩＶ  ｓｔｙｌｅ＝“ｎｏｎｅ”＞と示すように、スタイルに“ｎｏｎｅ”を指定しているが、このスタイルは、＜ＤＩＶ＞から＜／ＤＩＶ＞に囲まれているすべてのＩＭＧタグ６０２、６０３、６０４で指定される要素に、スタイル“ｎｏｎｅ”を指定していることになる。
【００５６】
＜ＩＭＧ＞で示されるＩＭＧタグ６０２、６０３、６０４は、画面に画像を描画するためのタグである。たとえば、ＩＭＧタグ６０２のように、ｓｒｃ＝“ａ．ｊｐｇ”と記載すると、画面上にファイル名“ａ．ｊｐｇ”の画像が描画されることになる。
【００５７】
図７はＣＳＳ３データ３０５の一例を示す図である。
【００５８】
ＣＳＳ３スタイル７０１は、スタイル名が“ｎｏｎｅ”であり、括弧内に記載がないことから、修飾方法はなしであることを示している。すなわち、ＨＴＭＬデータの中のタグで「ｓｔｙｌｅ＝“ｎｏｎｅ”」と指定した場合には、そのタグの要素に対しては何も修飾を行わないことを示している。
【００５９】
ＣＳＳ３スタイル７０２は、スタイル名が“ａｎｉｍ”であり、括弧内にプロパティ“−ｗｅｂｋｉｔ−ｔｒａｎｓｆｏｒｍ”とプロパティ“−ｗｅｂｋｉｔ−ｔｒａｎｓｉｔｉｏｎ−ｄｕｒａｔｉｏｎ”とが指定されていることから修飾方法があることを示している。まず、“−ｗｅｂｋｉｔ−ｔｒａｎｓｆｏｒｍ”について説明する。“−ｗｅｂｋｉｔ−ｔｒａｎｓｆｏｒｍ”は、要素に対して移動や、変形を与えることを意味する。“−ｗｅｂｋｉｔ−ｔｒａｎｓｆｏｒｍ”の後ろにｔｒａｎｓｌａｔｅ３ｄが指定されていることから、これは移動を与えることを意味する。また、その後ろに（０ｐｘ，１００ｐｘ，０ｐｘ）が指定されている。これらの３つの数字はそれぞれ、ｘ方向（横方向）、ｙ方向（縦方向）、ｚ方向（奥行き方向）の移動量を示している。すなわち、この場合は、ｙ方向にだけ１００ピクセル移動することを示している（ｐｘはピクセルの略）。次に、“−ｗｅｂｋｉｔ−ｔｒａｎｓｉｔｉｏｎ−ｄｕｒａｔｉｏｎ”について説明する。“−ｗｅｂｋｉｔ−ｔｒａｎｓｉｔｉｏｎ−ｄｕｒａｔｉｏｎ”は、移動に要する時間を指定している。後ろに１ｓとの記載があることから、移動には１秒間を要して移動することを示している（ｓはｓｅｃｏｎｄの略）。まとめると、スタイルに“ａｎｉｍ”が指定されると、１秒間でｙ方向に１００ピクセル移動するアニメーション表示を行うことになる。移動中に何回描画するかは実行する再生装置１０１の性能によって決定される。すなわち、再生装置１０１のハードウェア性能がよく、ソフトウェア処理も効率的に実行されれば、スクロール中に描画される回数が多く、ユーザから見ると、スムーズに動いているように見え、快適な操作感が得られる。一方、再生装置１０１のハードウェアが低性能で、ソフトウェア処理も非効率である場合には、描画される回数が少なく、ユーザから見ると、かくついて表示されているように見え、快適な操作感を得ることはできない。
【００６０】
図９は、図６で示したＨＴＭＬデータ３０３の画面上での表示例を示す図である。ブラウザ上では左から順にＩＭＧタグ６０２、６０３、６０４でそれぞれ指定された画像ファイル“ａ．ｊｐｇ”、“ｂ．ｊｐｇ”、“ｃ．ｊｐｇ”の画像が並んで表示される。
【００６１】
次に、図９の状態から、ＪａｖａＳｃｒｉｐｔにより、ＤＩＶタグ６０１のスタイルが変更され、アニメーション表示が開始され、最初の描画行われるまでの挙動について図８を参照しながら説明する。ここからの説明に本発明で新たに追加されたキャッシュ制御部４０６の挙動が含まれる。キャッシュ制御部４０６の追加により、ソフトウェアの処理が効率化され、アニメーション表示中の描画回数が増加し、ユーザに快適な操作感を与えることが可能となる。
【００６２】
まず、ユーザがリモコン１０２を用いて操作をする。ここでは、ユーザが下ボタンを押下すると、ＪａｖａＳｃｒｉｐｔプログラム３０４のスタイルを変更するプログラムが実行されるものと仮定する。再生装置１０１の入力受付部４０２がリモコン１０２からの入力をＪａｖａＳｃｒｉｐｔ解釈実行部４０４に通知する（Ｓ８０１）。
【００６３】
ＪａｖａＳｃｒｉｐｔ解釈実行部４０４は、リモコン１０２から下ボタンが入力された通知を受け、下ボタン押下時に実行するプログラムを検索し、実行する（Ｓ８０２）。
【００６４】
プログラムを実行した結果、ＨＴＭＬデータ３０３のＤＩＶタグ６０１のスタイルが“ｎｏｎｅ”から“ａｎｉｍ”に変更されることにより、ＤＩＶタグ６０１がＤＩＶタグ６０５に変更される。変更された結果ＨＴＭＬデータ３０３は、図１０のようになる（Ｓ８０３）。
【００６５】
次に、ＨＴＭＬ解釈実行部４０３は、ＪａｖａＳｃｒｉｐｔ解釈実行部４０４から、ＤＩＶタグ６０１のスタイルが変更されたことの通知を受け、ＤＩＶタグ６０１に設定されたスタイル“ａｎｉｍ”がどのような処理かを、図７のＣＳＳ３データ３０５を参照することにより解釈する。つまり、ＨＴＭＬ解釈実行部４０３は、１秒間にｙ方向に１００ピクセル移動するアニメーション表示を行うことだと解釈し、アニメーション表示を開始する（Ｓ８０４）。理解を助けるために、アニメーション表示開始時の画面表示例を図１２に示す。
【００６６】
次に、キャッシュ制御部４０６が同じアニメーション表示を行う画像（要素）を検索する。今回の場合、ＤＩＶタグ６０１にスタイルが指定されているため、ＤＩＶタグ６０１の＜ＤＩＶ＞により１グループとされたタグ６０２で示される画像（ファイル名ａ．ｊｐｇ）、ＩＭＧタグ６０３で示される画像（ファイル名ｂ．ｊｐｇ）、ＩＭＧタグ６０４で示される画像（ファイル名ｃ．ｊｐｇ）が同じアニメーション表示をすると判断できる。このため、キャッシュ制御部４０６は、これら３つの画像データをキャッシュの対象と判断し（Ｓ８０５でＹｅｓ）、Ｓ８０８へと進む。もし、同じアニメーション表示をする画像がないと判断された場合には（Ｓ８０５でＮｏ）、Ｓ８０６へと進み、キャッシュの処理はスキップされ、ＨＴＭＬ解釈実行部４０３の算出結果を描画部４０５へと渡し（Ｓ８０６）、描画部４０５は画面に画像の枚数分、描画命令を発行し、画像の描画を行う（Ｓ８０７）。
【００６７】
キャッシュの対象となる画像データがあると判断された場合には（Ｓ８０５でＹｅｓ）、キャッシュ制御部４０６は、画面に描画するのと同じ配置で、メモリ５０２上のキャッシュエリアにタグ６０２で示される画像（ファイル名ａ．ｊｐｇ）、ＩＭＧタグ６０３で示される画像（ファイル名ｂ．ｊｐｇ）、ＩＭＧタグ６０４で示される画像（ファイル名ｃ．ｊｐｇ）を描画するように描画部４０５に通知する。描画部４０５は通知を受けて、キャッシュエリアに３つの画像データを描画する（Ｓ８０８）。つまり、このような処理により、キャッシュ制御部４０６は、上記３つの画像の描画時の位置関係が維持された３つの画像を含む１つの画像データを作成し、作成した画像データをメモリ５０２のキャッシュエリアに書き込む。図１１は、その結果、メモリ５０２に記憶されるデータの一例を示す図である。メモリ５０２のキャッシュエリアには３つの画像を含む１つの画像データ１１０１が記憶されている。つまり、キャッシュ制御部４０６は、指示データにおいて複数の要素データのそれぞれに対して同一の修飾が指示されている場合に、複数の要素データの描画時の位置関係が維持された複数の要素データを含む１つの画像データを作成し、作成した画像データをメモリ５０２に書き込む。
【００６８】
次に、描画部４０５は、ＨＴＭＬ解釈実行部４０３の算出結果と、キャッシュ制御部４０６からどの画像をメモリ５０２上のどのキャッシュエリアにキャッシュしたかを示すキャッシュ情報を受ける（Ｓ８０９）。キャッシュ情報のより具体的な一例を挙げると、キャッシュ情報には、どの画像データ、文字データをどのキャッシュエリアにキャッシュしたかの情報と、それぞれのキャッシュエリアの先頭アドレスの情報とが含まれる。
【００６９】
最後に、描画部４０５は、画面に対して、メモリ５０２のキャッシュエリアに記憶されている画像データ１１０１の描画を行う（Ｓ８１０）。つまり、描画部４０５は、メモリ５０２のキャッシュエリアに記憶されている画像データ１１０１を、画面表示エリアに画像データ１１０２として書き込むことにより、画像データ１１０１の描画を行う。
【００７０】
次に２回目以降の描画について、図１３のフローチャートを用いて説明する。
【００７１】
まず、ＨＴＭＬ解釈実行部４０３は、描画部４０５から描画完了の通知を受ける（Ｓ１３０１）。
【００７２】
次に、ＨＴＭＬ解釈実行部４０３は、キャッシュ制御部４０６からどの画像をキャッシュ対象（メモリ５０２のキャッシュエリアに１つの画像データとして記憶する対象）にしているかを示すキャッシュ情報と、現在の時間情報と、“−ｗｅｂｋｉｔ−ｔｒａｎｓｆｏｒｍ”で指定されたアニメーション表示における要素の移動距離と、“−ｗｅｂｋｉｔ−ｔｒａｎｓｉｔｉｏｎ−ｄｕｒａｔｉｏｎ”で指定されているアニメーション表示の時間から次に描画する座標を計算する。具体的には現在の時間がアニメーション表示開始から０．１秒が経過しており、アニメーション表示において画像の移動距離がｙ方向に１００ピクセルで、アニメーション表示の時間が１秒であった場合には、０．１／１×１００という計算式から、次に描画する画像の座標はアニメーション表示開始時から１０ピクセルｙ方向に進んだところと算出する（Ｓ１３０２）。
【００７３】
次に、描画部４０５は、ＨＴＭＬ解釈実行部４０３の描画座標算出結果（１０ピクセルｙ方向に進んだところ）と、キャッシュ制御部４０６からどの画像をメモリ５０２上のどのキャッシュエリアに描画したかのキャッシュ情報を得て、画面に描画を行う（Ｓ１３０３）。
【００７４】
次に、ＨＴＭＬ解釈実行部４０３は、“−ｗｅｂｋｉｔ−ｔｒａｎｓｉｔｉｏｎ−ｄｕｒａｔｉｏｎ”で指定されたアニメーション表示時間が完了しているかどうかを確認する（Ｓ１３０４）。完了している場合は（Ｓ１３０４でＹｅｓ）、アニメーション表示を終了する（Ｓ１３０５）。まだ、完了していない場合は（Ｓ１３０４でＮｏ）、Ｓ１３０１に戻る。
【００７５】
つまり、描画処理部は、指示データにおいて複数の要素データのそれぞれ対して同一の修飾が指示されている場合に、メモリ５０２に記憶されている画像データに対して、同一の修飾を施し、修飾が施された画像データを画面に描画する。
【００７６】
キャッシュを利用しない場合、ブラウザへの描画の度に、３つの画像（ａ．ｊｐｇ、ｂ．ｊｐｇ、ｃ．ｊｐｇ）の描画を個別に行う必要があった（毎回３回描画）。しかし、本実施の形態では、キャッシュ制御部４０６を導入し、キャッシュを利用した場合、最初の描画に関してはキャッシュエリアへの３つの画像の描画、およびブラウザへのキャッシュエリアに記憶された画像の描画を行わなければならず、計４回の描画が必要となる。しかし、２回目以降はアニメーション表示を行っている間中、キャッシュエリアに記憶された画像をブラウザに描画するだけで良い。このため、２回目以降の描画では、各回１回の描画で済むため、大きな性能改善を見込むことが可能となる。また、本実施の形態では、１画面に３つの画像を含むことを前提に説明したが、１画面を構成する画像が３よりも多く、それらがすべて同じアニメーション表示をするような場合にはさらに大きな改善効果が見込める。
【００７７】
なお、Ｓ８０５でキャッシュ制御部４０６は、同じ＜ＤＩＶ＞のブロック（＜ＤＩＶ＞と＜／ＤＩＶ＞との間のブロック）に複数の画像が記述され、＜ＤＩＶ＞ブロックに対してスタイルが適用されたために、＜ＤＩＶ＞に属するすべての画像はキャッシュ対象になると判断した。しかし、キャッシュ対象になるかどうかは多数の判断方法がある。以降ではその判断方法について記載する。
【００７８】
図１４に示すように、ＨＴＭＬデータ３０３に２つの＜ＤＩＶ＞ブロック１４０１および１４０２が含まれているが、スタイルに同じ“ａｎｉｍ”が設定されている場合には、ファイル名ａ．ｊｐｇ、ｂ．ｊｐｇ、ｃ．ｊｐｇ、ｄ．ｊｐｇ、ｅ．ｊｐｇ、ｆ．ｊｐｇの画像データは、すべてひとつのキャッシュ対象になると判断可能である。また、ここでは、＜ＤＩＶ＞タグにスタイルが設定された場合の例を示しているが、＜ＤＩＶ＞タグではなく、それぞれの＜ＩＭＧ＞タグにスタイルが設定されている場合もある。それぞれの＜ＩＭＧ＞タグにスタイルが設定されている場合には、それらのスタイルがすべて同じ場合には、ひとつのキャッシュ対象にすることができると判断可能である。また、スタイルの指定が行われるタグは、＜ＤＩＶ＞タグと＜ＩＭＧ＞タグに限られるものではなく、ＨＴＭＬのすべてのタグにおいて、スタイルを指定可能である。
【００７９】
また、複数の要素に同じスタイルが設定されていなくても、キャッシュ対象とすることができる場合がある。具体的には、スタイルが設定されている各要素のうち、それぞれの要素の相対位置が変化しない場合にはキャッシュ対象とすることができる。つまり、移動を管理するプロパティ“−ｗｅｂｋｉｔ−ｔｒａｎｓｆｏｒｍ”のモジュールｔｒａｎｓｌａｔｅ、ｔｒａｎｓｌａｔｅＸ、ｔｒａｎｓｌａｔｅＹ、ｔｒａｎｓｌａｔｅＺ、ｔｒａｎｓｌａｔｅ３ｄなどを用いて、ｘ、ｙ、ｚ座標の移動が指定されている画像のうち、「座標の移動幅」および「移動時間」が一致している場合には、それぞれの画像の相対位置が変わることがない。このため、相対位置が変化しないそれぞれの画像を、キャッシュ対象とすることができると判断してもよい。つまり、スタイルによる指定が画像の移動に関するものの場合には、それぞれの画像の位置関係（相対位置）が変わらなければ、メモリ５０２にキャッシュした画像データ１１０１を、画面に描画するときに、画像データ１１０１の座標をずらして、メモリ５０２の画面表示エリアに画像データ１１０２として書き込むことにより、画像データ１１０１を再利用することができる。具体例を図１５および図１６を利用して説明する。図１５は、ＨＴＭＬデータの一例を示す図であり、図１６は、ＣＳＳ３データの一例を示す図である。図１５を参照して、ＨＴＭＬデータ３０３には、２つのＤＩＶタグ１５０１および１５０２が含まれる。ＤＩＶタグ１５０１および１５０２には、それぞれに異なるスタイル名“ａｎｉｍ”および“ａｎｉｍ２”のスタイルが設定されている。これらのスタイルの内容は、図１６のＣＳＳ３データ３０５に規定されている。ＣＳＳ３スタイル７０１および７０２は、図７に示したものと同じである。つまり、スタイル名“ｎｏｎｅ”のＣＳＳ３スタイル７０１は、修飾方法がないことを示している。また、スタイル名“ａｎｉｍ”のＣＳＳ３スタイル７０２は、モジュールｔｒａｎｓｌａｔｅ３ｄを用いて「１秒間でｙ方向に１００ピクセル移動」という座標移動が指定されている。また、スタイル名“ａｎｉｍ２”のＣＳＳ３スタイル１６０３は、モジュールｔｒａｎｌａｔｅＹを用いて「１秒間でｙ方向に１００ピクセル移動」という、ＣＳＳ３スタイル７０２と同じ座標移動が指定されている。このように、ＤＩＶタグ１５０１と１５０２とでは、スタイルの指定が異なるが、それぞれのスタイルによる座標移動の指定と、移動に要する時間が同じである。このため、ＤＩＶタグ１５０１および１５０２が指定する２つのブロックに含まれるＩＭＧタグで指定されるファイル名“ａ．ｊｐｇ”、“ｂ．ｊｐｇ”、“ｃ．ｊｐｇ”、“ｄ．ｊｐｇ”、“ｅ．ｊｐｇ”および“ｆ．ｊｐｇ”の画像は、同一のキャッシュエリアへ１つの画像データ１１０１としてキャッシュ可能であると判断できる。この例ではｙ方向の移動を取り上げたが、ｘ方向の移動、ｚ方向の移動、またそれらの組み合わせであっても同じように適用可能である。
【００８０】
つまり、キャッシュ制御部４０６は、複数の要素データのそれぞれに対して指示データで指示される修飾を描画時に施しても複数の要素データの位置関係が変化しない場合に、複数の要素データの描画時の位置関係が維持された複数の要素データを含む１つの画像データを作成し、作成した画像データをメモリ５０２に書き込む。また、描画処理部は、複数の要素データのそれぞれに対して指示データで指示される修飾を描画時に施しても複数の要素データの位置関係が変化しない場合に、メモリ５０２に記憶されている画像データに対して、いずれかの要素データに対して指示されている修飾を施し、修飾が施された画像データを画面に描画する。
【００８１】
より具体的には、キャッシュ制御部４０６は、複数の要素データのそれぞれに対して指示データで指示される修飾が、各要素データを同一の移動幅で同一の移動時間だけ平行移動させるための修飾である場合に、複数の要素データの描画時の位置関係が維持された複数の要素データを含む１つの画像データを作成し、作成した画像データをメモリ５０２に書き込む。また、描画処理部は、複数の要素データのそれぞれに対して指示データで指示される修飾が、各要素データを同一の移動幅で同一の移動時間だけ平行移動させるための修飾である場合に、メモリ５０２に記憶されている画像データに対して、いずれかの要素データに対して指示されている修飾を施し、修飾が施された画像データを画面に描画する。
【００８２】
また、プロパティ“−ｗｅｂｋｉｔ−ｔｒａｎｓｆｏｒｍ”のモジュールｓｃａｌｅ、ｓｃａｌｅＸ、ｓｃａｌｅＹ、ｓｃａｌｅ３ｄなどを用いて、画像のスケーリング（拡大または縮小）を指示する場合、複数の画像のそれぞれに対するスタイルの指示が、各画像のｘ方向だけのスケーリングの指示であり、かつ「各画像のＹ座標」および「スケール時間」が一致していれば、複数の画像をキャッシュ対象とすることができると判断してよい。また、複数の画像のそれぞれに対するスタイルの指示が、各画像のｙ方向だけのスケーリングの指示であり、かつ、「各画像のＸ座標」および「スケール時間」が一致していればキャッシュ対象とすることができると判断してよい。
【００８３】
つまり、キャッシュ制御部４０６は、複数の要素データのそれぞれに対して指示データで指示される修飾が、各要素データを一座標軸方向のみに同一の時間だけスケーリングさせるための修飾である場合に、複数の要素データの描画時の位置関係が維持された複数の要素データを含む１つの画像データを作成し、作成した画像データをメモリ５０２に書き込む。また、描画処理部は、複数の要素データのそれぞれに対して指示データで指示される修飾が、各要素データを一座標軸方向のみに同一の時間だけスケーリングさせるための修飾である場合に、メモリ５０２に記憶されている画像データに対して、いずれかの要素データに対して指示されている修飾を施し、修飾が施された画像データを画面に描画する。
【００８４】
また、プロパティ“−ｗｅｂｋｉｔ−ｔｒａｎｓｆｏｒｍ”のモジュールｒｏｔａｔｅ、ｒｏｔａｔｅＸ、ｒｏｔａｔｅＹ、ｒｏｔａｔｅＺ，ｒｏｔａｔｅ３ｄなどを用いて、画像の回転を指示する場合、複数の画像のそれぞれに対するスタイルの指示が、ｘ座標を中心としての回転の指示であり、かつ「各画像の回転の中心とのなるＸ座標」および「回転時間」が同じであれば、回転中のそれぞれの画像の相対位置に変化はないので、複数の画像をキャッシュ対象とすることができると判断してよい。また、複数の画像のそれぞれに対するスタイルの指示が、ｙ座標を中心としての回転の指示であり、かつ「各画像の回転の中心となるＹ座標」および「回転時間」が同じであれば、回転中のそれぞれの画像の相対位置に変化はないので、複数の画像をキャッシュ対象とすることができると判断してよい。また、複数の画像のそれぞれに対するスタイルの指示が、ｚ座標を中心としての回転の指示であり、かつ「各画像の回転の中心となるＺ座標」および「回転時間」が同じであれば、回転中のそれぞれの画像の相対位置に変化はないので、複数の画像をキャッシュ対象とすることができると判断してもよい。
【００８５】
つまり、キャッシュ制御部４０６は、複数の要素データのそれぞれに対して指示データで指示される修飾が、各要素データをある座標軸上の座標が同一となる点を回転中心として同一時間だけ回転させるための修飾である場合に、複数の要素データの描画時の位置関係が維持された複数の要素データを含む１つの画像データを作成し、作成した画像データをメモリ５０２に書き込む。また、描画処理部は、複数の要素データのそれぞれに対して指示データで指示される修飾が、各要素データをある座標軸上の座標が同一となる点を回転中心として同一時間だけ回転させるための修飾である場合に、メモリ５０２に記憶されている画像データに対して、いずれかの要素データに対して指示されている修飾を施し、修飾が施された画像データを画面に描画する。
【００８６】
以上、キャッシュ対象とする判断基準の例を示したが、これら以外のアニメーション表示についても、アニメーション表示中の各画像の相対位置に変化がなければ、キャッシュ対象と判断可能である。つまり、メモリ５０２のキャッシュエリアにキャッシュした画像データ１１０１を移動、スケーリングまたは回転すれば、ＨＴＭＬデータ、ＣＳＳ３データで指定された次の画面が描画できる場合にはキャッシュ可能と判断できる。
【００８７】
本実施の形態によると、メモリに記憶されている１つの画像データを画面に表示することで、複数の要素データを個別に画面に表示するのと同じ描画結果が得られる。また、修飾も１つの画像データに対してのみ行うことにより、１回で済むため、高速に複数の要素データの描画が可能になる。よって、ＣＳＳ３などを用いてＨＴＭＬブラウザ内で画像データをアニメーション表示する場合に、スムーズなアニメーション表示を実現することができる。これにより、ユーザの操作感が向上する。
【００８８】
また、指示データが指定する修飾が複数の要素データで同じである場合には、メモリに記憶されている１つの画像データに１回の修飾を施すことにより、複数の要素データのそれぞれに１回ずつ修飾を施すのと同じ描画結果が得られる。このため、高速に複数の要素データに修飾を施すことができる。これにより、複数の要素データを高速に描画することができ、ユーザの操作感が向上する。
【００８９】
さらに、指示データが指定する修飾が複数の要素データで異なっていても、各要素データに修飾を施した結果、複数の要素データの位置関係が維持される場合には、メモリに記憶されている１つの画像データに１回の修飾を施すことにより、複数の要素データのそれぞれに１回ずつ修飾を施すのと同じ描画結果が得られる。このため、高速に複数の要素データに修飾を施すことができる。これにより、複数の要素データを高速に描画することができ、ユーザの操作感が向上する。
【００９０】
以上、本発明の実施の形態に基づいて、本発明の説明を行ったが、本発明は上記実施の形態に限定されるものではない。
【００９１】
例えば、本実施の形態では、要素に対する修飾を定義するためのデータとしてＣＳＳ３データを用いて説明を行ったが、本発明の適用範囲はＣＳＳ３データに限られるものではない。つまり、ＣＳＳ３データと同様に、ＨＴＭＬデータに記述された要素（ＨＴＭＬデータ３０３の＜ＩＭＧ＞タグで指定される要素）、または、それらの要素を複数まとめた要素群（ＨＴＭＬデータ３０３の＜ＤＩＶ＞タグで指定される要素）に対して、移動や、スケーリング、回転などの修飾を付加する機能を持つものに対しては適用可能である。
【００９２】
また、本実施の形態ではプレイヤに本発明を適用したときの例に説明したが、テレビに対しても適用可能である。テレビの機能的な構成の一例を図１７に示す。
【００９３】
テレビ１７０１は、再生装置１０１と、チューナ１７０２と、ＡＶデコーダ１７０３と、ディスプレイ１７０４と、スピーカ１７０５とを含む。
【００９４】
再生装置１０１は、本実施の形態で説明した、ネットサービスデータを再生する機能を有する。チューナ１７０２は、放送信号を受信し、受信した放送信号をＡＶデコーダ１７０３に出力する。ＡＶデコーダ１７０３は、チューナ１７０２が受信した放送信号から動画データとオーディオデータを復号する。ディスプレイ１７０４は、再生装置１０１から出力された描画データ、またはＡＶデコーダ１７０３が復号した動画データを表示する。スピーカ１７０５は、ＡＶデコーダ１７０３が復号したオーディオデータの音声を出力する。
【００９５】
また、上記の各装置は、具体的には、マイクロプロセッサ、ＲＯＭ、ＲＡＭ、ハードディスクドライブ、ディスプレイユニット、キーボード、マウスなどから構成されるコンピュータシステムとして構成されても良い。ＲＡＭまたはハードディスクドライブには、コンピュータプログラムが記憶されている。マイクロプロセッサが、コンピュータプログラムに従って動作することにより、各装置は、その機能を達成する。ここでコンピュータプログラムは、所定の機能を達成するために、コンピュータに対する指令を示す命令コードが複数個組み合わされて構成されたものである。
【００９６】
さらに、上記の各装置を構成する構成要素の一部または全部は、１個のシステムＬＳＩ（Ｌａｒｇｅ  Ｓｃａｌｅ  Ｉｎｔｅｇｒａｔｉｏｎ：大規模集積回路）から構成されているとしても良い。システムＬＳＩは、複数の構成部を１個のチップ上に集積して製造された超多機能ＬＳＩであり、具体的には、マイクロプロセッサ、ＲＯＭ、ＲＡＭなどを含んで構成されるコンピュータシステムである。ＲＡＭには、コンピュータプログラムが記憶されている。マイクロプロセッサが、コンピュータプログラムに従って動作することにより、システムＬＳＩは、その機能を達成する。
【００９７】
さらにまた、上記の各装置を構成する構成要素の一部または全部は、各装置に脱着可能なＩＣカードまたは単体のモジュールから構成されているとしても良い。ＩＣカードまたはモジュールは、マイクロプロセッサ、ＲＯＭ、ＲＡＭなどから構成されるコンピュータシステムである。ＩＣカードまたはモジュールは、上記の超多機能ＬＳＩを含むとしても良い。マイクロプロセッサが、コンピュータプログラムに従って動作することにより、ＩＣカードまたはモジュールは、その機能を達成する。このＩＣカードまたはこのモジュールは、耐タンパ性を有するとしても良い。
【００９８】
また、本発明は、上記に示す方法であるとしても良い。また、これらの方法をコンピュータにより実現するコンピュータプログラムであるとしても良いし、上記コンピュータプログラムからなるデジタル信号であるとしても良い。
【００９９】
さらに、本発明は、上記コンピュータプログラムまたは上記デジタル信号をコンピュータ読み取り可能な非一時的な記録媒体、例えば、フレキシブルディスク、ハードディスク、ＣＤ−ＲＯＭ、ＭＯ、ＤＶＤ、ＤＶＤ−ＲＯＭ、ＤＶＤ−ＲＡＭ、ＢＤ（Ｂｌｕ−ｒａｙ  Ｄｉｓｃ（登録商標））、半導体メモリなどに記録したものとしても良い。また、これらの非一時的な記録媒体に記録されている上記デジタル信号であるとしても良い。
【０１００】
また、本発明は、上記コンピュータプログラムまたは上記デジタル信号を、電気通信回線、無線または有線通信回線、インターネットを代表とするネットワーク、データ放送等を経由して伝送するものとしても良い。
【０１０１】
また、本発明は、マイクロプロセッサとメモリを備えたコンピュータシステムであって、上記メモリは、上記コンピュータプログラムを記憶しており、上記マイクロプロセッサは、上記コンピュータプログラムに従って動作するとしても良い。
【０１０２】
また、上記プログラムまたは上記デジタル信号を上記非一時的な記録媒体に記録して移送することにより、または上記プログラムまたは上記デジタル信号を上記ネットワーク等を経由して移送することにより、独立した他のコンピュータシステムにより実施するとしても良い。
【０１０３】
さらに、上記実施の形態及び上記変形例をそれぞれ組み合わせるとしても良い。
【０１０４】
今回開示された実施の形態はすべての点で例示であって制限的なものではないと考えられるべきである。本発明の範囲は上記した説明ではなくて請求の範囲によって示され、請求の範囲と均等の意味及び範囲内でのすべての変更が含まれることが意図される。
【産業上の利用可能性】
【０１０５】
本発明は、携帯情報端末やタブレット型コンピュータなどのＣＥ機器、またはテレビ等に適用できる。
【符号の説明】
【０１０６】
１００  ホームシアターシステム
１０１  再生装置
１０２  リモコン
１０３  ディスプレイ
２０１  ネットサービスサーバ
３０２  ＡＶデータ
３０３  ＨＴＭＬデータ
３０４  ＪａｖａＳｃｒｉｐｔプログラム
３０５  ＣＳＳ３データ
３０６  画像データ
４０１  通信制御部
４０２  入力受付部
４０３  ＨＴＭＬ解釈実行部
４０４  ＪａｖａＳｃｒｉｐｔ解釈実行部
４０５  描画部
４０６  キャッシュ制御部
４０７  ＡＶ制御部
５０１  ＣＰＵ
５０２  メモリ
６０１、６０５、１５０１、１５０２  ＤＩＶタグ
６０２、６０３、６０４  ＩＭＧタグ
７０１、７０２、１６０３  ＣＳＳ３スタイル
１１０１、１１０２  画像データ
１４０１、１４０２  ＜ＤＩＶ＞ブロック
１７０１  テレビ
１７０２  チューナ
１７０３  ＡＶデコーダ
１７０４  ディスプレイ
１７０５  スピーカ
【図１】
2012160753.tif 000003
【図２】
2012160753.tif 000004
【図３】
2012160753.tif 000005
【図４】
2012160753.tif 000006
【図５】
2012160753.tif 000007
【図６】
2012160753.tif 000008
【図７】
2012160753.tif 000009
【図８】
2012160753.tif 000010
【図９】
2012160753.tif 000011
【図１０】
2012160753.tif 000012
【図１１】
2012160753.tif 000013
【図１２】
2012160753.tif 000014
【図１３】
2012160753.tif 000015
【図１４】
2012160753.tif 000016
【図１５】
2012160753.tif 000017
【図１６】
2012160753.tif 000018
【図１７】
2012160753.tif 000019
【国際調査報告】
2012160753.tif 000020
2012160753.tif 000021