情報処理装置および方法、プログラム、並びにプログラム記録媒体
【課題】ユーザの操作を妨げることなく、HTMLコンテンツに視覚効果を加えることができるようにする。
【解決手段】表示制御部が、視覚効果を付加する対象となる視覚効果対象エレメントに、視覚効果を表示する視覚効果表示イベントが発生した場合、視覚効果を表示する視覚効果エレメントを重ねて表示し、視覚効果エレメント表示中にマウスイベントが発生した場合、視覚効果エレメントを非表示にして、視覚効果対象エレメントにマウスイベントを送信する。本技術は、HTMLコンテンツを表示するコンピュータに適用することができる。
【解決手段】表示制御部が、視覚効果を付加する対象となる視覚効果対象エレメントに、視覚効果を表示する視覚効果表示イベントが発生した場合、視覚効果を表示する視覚効果エレメントを重ねて表示し、視覚効果エレメント表示中にマウスイベントが発生した場合、視覚効果エレメントを非表示にして、視覚効果対象エレメントにマウスイベントを送信する。本技術は、HTMLコンテンツを表示するコンピュータに適用することができる。
【発明の詳細な説明】
【技術分野】
【０００１】
本技術は、情報処理装置および方法、プログラム、並びにプログラム記録媒体に関し、特に、ユーザの操作を妨げることなく、HTMLコンテンツに視覚効果を加えることができるようにした情報処理装置および方法、プログラム、並びにプログラム記録媒体に関する。
【背景技術】
【０００２】
インターネットブラウザを対象とした文書記述方式として、HTML（Hyper Text Markup Language）がある。また、HTMLファイルに記載されたDOM（Document Object Model）エレメントを操作するJavaScriptがあり、これにより、ユーザの入力に対して反応するインタラクティブな文書が作成できる。以下、このような文書をWebアプリケーションと称する。
【０００３】
Webアプリケーションにおいては、特定のDOMエレメントにマウスが移動した場合や、マウスクリックした場合に、DOMエレメントの色を変更したり、変形させたり、指定されたURL（Uniform Resource Locator）にジャンプするといった機能が利用されている。
【０００４】
また、HTMLコンテンツの画面表示内容の組み合わせを多様化するため、ソフトウエアの構造上は下層にあるエレメントを、画面表示上は手前に見せたい場合に、上層のエレメントを透明にすることで下層のエレメントを表示する情報処理装置もある。（例えば、特許文献１参照）。
【先行技術文献】
【特許文献】
【０００５】
【特許文献１】特開２０１０−１５５２１号公報
【発明の概要】
【発明が解決しようとする課題】
【０００６】
しかしながら、視覚効果を付加する対象となるDOMエレメント（以下、視覚効果対象エレメントと称する）に、他のDOMエレメントを重ねて、視覚効果を描画することができなかった。なぜなら、ブラウザのマウスイベント伝搬モデルである、バブリングおよびキャプチャリングはDOMツリーの親子間で伝搬するが、視覚的に上に重ねたDOMエレメントが受け取ったマウスイベントを、その下（DOMツリーの親子関係ではなく、スクリーン座標的に下）のDOMエレメントに伝搬する方法がサポートされていないからである。よって、単純に視覚効果を表示するDOMエレメント（以下、視覚効果エレメントと称する）を視覚効果対象エレメントの上に重ねると、視覚効果エレメントの下にある視覚効果対象エレメントによりマウスイベントが実行されず、ユーザの操作を妨げてしまう。
【０００７】
本技術はこのような状況に鑑みてなされたものであり、ユーザの操作を妨げることなく、HTMLコンテンツに視覚効果を加えることができるようにするものである。
【課題を解決するための手段】
【０００８】
本技術の一側面の情報処理装置は、視覚効果を付加する対象となる視覚効果対象エレメントに、視覚効果を表示する視覚効果表示イベントが発生した場合、視覚効果を表示する視覚効果エレメントを重ねて表示し、前記視覚効果エレメント表示中にマウスイベントが発生した場合、前記視覚効果エレメントを非表示にして、前記視覚効果対象エレメントに前記マウスイベントを送信する表示制御部を備える。
【０００９】
前記視覚効果エレメントは、前記視覚効果表示イベントの発生に応じて動的に生成されることができる。
【００１０】
前記マウスイベントに対応する処理が終了した場合、前記視覚効果エレメントを再表示することができる。
【００１１】
本技術の一側面である情報処理装置の情報処理方法、プログラムおよびプログラム記録媒体のそれぞれは、上述した本技術の情報処理装置に対応する情報処理方法、プログラムおよびプログラム記録媒体のそれぞれである。
【００１２】
本技術の一側面においては、視覚効果を付加する対象となる視覚効果対象エレメントに、視覚効果を表示する視覚効果表示イベントが発生した場合、視覚効果を表示する視覚効果エレメントが重ねて表示され、前記視覚効果エレメント表示中にマウスイベントが発生した場合、前記視覚効果エレメントが非表示にされ、前記視覚効果対象エレメントに前記マウスイベントが送信される。
【発明の効果】
【００１３】
本技術によれば、ユーザの操作を妨げることなく、HTMLコンテンツに視覚効果を加えることができる。
【図面の簡単な説明】
【００１４】
【図１】本技術の一実施形態に係る情報処理装置の構成例を示すブロック図である。
【図２】CPUの機能的構成例を示すブロック図である。
【図３】視覚効果対象表示処理について説明するフローチャートである。
【図４】視覚効果対象エレメントの表示例を示す図である。
【図５】視覚効果エレメントの表示例を示す図である。
【図６】視覚効果エレメントの表示例を示す図である。
【図７】視覚効果対象エレメントに視覚効果エレメントが重ねられた状態の表示例を示す図である。
【図８】視覚効果対象エレメントに視覚効果エレメントが重ねられた状態の表示例を示す図である。
【図９】マウスイベント（クリック）が発生する場合の表示例を示す図である。
【図１０】視覚効果非対象表示処理について説明するフローチャートである。
【発明を実施するための形態】
【００１５】
以下、本技術の実施の形態について説明する。
【００１６】
［情報処理装置の構成例］
図１は、本技術の一実施形態に係る情報処理装置１の構成例を示す図である。
【００１７】
情報処理装置１において、CPU１１，ROM（Read Only Memory）１２，RAM（Random Access Memory）１３は、バス１４により相互に接続されている。
【００１８】
バス１４には、さらに、入出力インタフェース１５が接続されている。入出力インタフェース１５には、入力部１６、出力部１７、記憶部１８、通信部１９、ドライブ２０、およびリムーバブルメディア２１が接続されている。
【００１９】
入力部１６は、キーボード、マウス、マイクロフォンなどよりなる。出力部１７は、ディスプレイ、スピーカなどよりなる。記憶部１８は、ハードディスクや不揮発性のメモリなどよりなる。通信部１９は、ネットワークインタフェースなどよりなる。ドライブ２０は、磁気ディスク、光ディスク、光磁気ディスク、又は半導体メモリなどのリムーバブルメディア２１を駆動する。
【００２０】
以上のように構成される情報処理装置１では、CPU１１が、例えば、記憶部１８に記憶されているプログラムを、入出力インタフェース１５およびバス１４を介して、RAM１３にロードして実行することにより、一連の処理が行われる。
【００２１】
情報処理装置１のCPU１１が実行するプログラムは、例えば、パッケージメディア等としてのリムーバブルメディア２１に記録して提供することができる。また、プログラムは、ローカルエリアネットワーク、インターネット、デジタル衛星放送といった、有線または無線の伝送媒体を介して提供することができる。
【００２２】
情報処理装置１では、プログラムは、リムーバブルメディア２１をドライブ２０に装着することにより、入出力インタフェース１５を介して、記憶部１８にインストールすることができる。また、プログラムは、有線または無線の伝送媒体を介して、通信部１９で受信し、記憶部１８にインストールすることができる。その他、プログラムは、ROM１２や記憶部１８に、予めインストールしておくことができる。
【００２３】
図２は、CPU１１の機能的構成例を示すブロック図である。
【００２４】
図２において、CPU１１は、ブラウザ３１、アニメーションループ３２、視覚効果エレメント３３、視覚効果対象エレメント３４、および視覚効果非対象エレメント３５を含むように構成されている。
【００２５】
ブラウザ３１は、通信部１９を介してHTMLコンテンツ（以下、単にコンテンツとも称する）を読み込み、出力部１７を構成するディスプレイの画面に表示する。具体的には、ブラウザ３１は、視覚効果対象エレメント３４および視覚効果非対象エレメント３５に、読み込んだコンテンツを表示する。また、ブラウザ３１は、ユーザにより入力部１６に入力された操作（例えば、キーボードやマウスの操作）を検出する。例えば、ブラウザ３１は、ユーザによりマウスを動かす操作がされたことにより、マウスカーソルが移動されたことを検出する。また、ブラウザ３１は、ユーザにより、画面上の所定の位置でマウスがクリックされたことを検出する。また、ブラウザ３１は、視覚効果を表示させるイベント（以下、視覚効果表示イベントと称する）を検出すると、アニメーションループ３２に視覚効果の作成を指示する。
【００２６】
アニメーションループ３２は、ブラウザ３１の指示により、視覚効果エレメント３３に視覚効果を表示させるためのアニメーションを作成し、視覚効果エレメント３３に書き込む。
【００２７】
視覚効果エレメント３３は、視覚効果対象エレメント３４に重ねられるDOMエレメント（以下、単にエレメントと称する）である。視覚効果エレメント３３は、視覚効果を描画するエレメント（HTMLのグラフィック要素であるCanvas）である。視覚効果エレメント３３は、DOMツリーの任意の場所に接続され、ブラウザ３１の指示によりアニメーションループ３２によって描画される。視覚効果エレメント３３は、視覚効果対象エレメント３４よりも手前側に表示されるように、即ち、視覚効果対象エレメント３４の上に重ねて表示されるようにDOMツリーの最後に追加される。または、視覚効果エレメント３３は、視覚効果対象エレメント３４に重ねて表示されるように、CSS(Cascading Style Sheet：段階スタイルシート)で、エレメントの重なりの順序を指定するｚ-indexが調整される。視覚効果エレメント３３の例については、図５および図６を参照して後述する。
【００２８】
視覚効果対象エレメント３４は、視覚効果エレメント３３を重ねて表示する対象となるエレメントである。視覚効果対象エレメント３４は、視覚効果表示イベント（例えば、視覚効果対象エレメント３４の上にマウスカーソルが移動する等のイベント）が発生すると、視覚効果対象エレメント３４の上に視覚効果エレメント３３が重ねて表示される。視覚効果対象エレメント３４の例については、図４を参照して後述する。
【００２９】
視覚効果非対象エレメント３５は、視覚効果エレメント３３を重ねる対象となっていないエレメントである。即ち、視覚効果非対象エレメント３５に対して、視覚効果対象エレメント３４における視覚効果表示イベントが発生しても、視覚効果エレメント３３は重ねられない。
【００３０】
［情報処理装置の動作］
図３は、視覚効果対象エレメント３４に対して、視覚効果表示イベントおよびマウスイベントが発生する場合にCPU１１が実行する処理（以下、視覚効果対象表示処理と称する）について説明するフローチャートである。
【００３１】
また、図４乃至図９は、視覚効果対象表示処理実行時の各エレメントの表示例を示す図である。以下、図４乃至図９を参照して、図３のフローチャートの処理について説明する。
【００３２】
ステップＳ１１において、ブラウザ３１は、コンテンツを読み込む。ステップＳ１２において、ブラウザ３１は、視覚効果対象エレメント３４に対し、コンテンツの表示を指示する。
【００３３】
ステップＳ４１において、視覚効果対象エレメント３４は、ブラウザ３１からの指示を受信する。ステップＳ４２において、視覚効果対象エレメント３４は、コンテンツを表示する。図４は、視覚効果対象エレメント３４の表示例を示す図である。図４に示されるように、コンテンツが、視覚効果対象エレメント３４として図示せぬ画面上に表示される。
【００３４】
ステップＳ１３において、ブラウザ３１が視覚効果対象エレメント３４上へのカーソルの移動を検出する。即ち、ブラウザ３１は、ユーザによりマウスが操作され、視覚効果対象エレメント３４上にマウスカーソルが移動された場合、それを検出する。図３を参照して説明する視覚効果対象表示処理においては、この視覚効果対象エレメント３４上へのマウスカーソルの移動が視覚効果表示イベントであるとする。なお、視覚効果表示イベントが発生するまでは、ステップＳ１４以降の視覚効果対象表示処理は実行されない。つまり、単にコンテンツが視覚効果対象エレメント３４に表示されている。
【００３５】
ステップＳ１４において、ブラウザ３１は、アニメーションループ３２に対し、視覚効果の作成を指示する。即ち、ブラウザ３１は、視覚効果表示イベントが発生したことを認識したので、視覚効果の作成を指示する。
【００３６】
ステップＳ２１において、アニメーションループ３２は、ブラウザ３１からの指示を受信する。ステップＳ２２において、アニメーションループ３２は、視覚効果を作成する。視覚効果は、一連のアニメーションとして表現される。アニメーションループ３２により作成されたアニメーションの具体例については、図５乃至図８を参照して後述する。ステップＳ２３において、アニメーションループ３２は、視覚効果エレメント３３に、作成した視覚効果を書き込む。
【００３７】
ステップＳ３１において、視覚効果エレメント３３は、視覚効果を表示する。即ち、視覚効果エレメント３３が、視覚効果対象エレメント３４の上に重ねられて表示される。このようにして、ブラウザ３１は、視覚効果表示イベントの発生に応じて視覚効果エレメント３３を動的に生成し、表示させる。
【００３８】
図５および図６は、視覚効果エレメント３３の表示例を示す図である。例えば、図５に示される視覚効果エレメント３３の一例としての視覚効果エレメント３３−１は、様々なサイズのパーティクルが乱れ飛ぶ視覚効果を表している。即ち、視覚効果エレメント３３−１は、単にパーティクルが表示されているのではなく、様々なサイズのパーティクルが次々に画面上に現れては消えていくという、所定の時間連続して表示されるアニメーションとして表現される。
【００３９】
また、図６に示される視覚効果エレメント３３の一例としての視覚効果エレメント３３−２は、エレメントの左上から右下にかけて、発光体が輝く視覚効果を表している。即ち、視覚効果エレメント３３−２は、単に発光体が表示されているのではなく、発光体が左上から右下に流れるように輝くという、所定の時間連続で表示されるアニメーションとして表現される。
【００４０】
図７は、図４に示された視覚効果対象エレメント３４の上に、図５に示された視覚効果エレメント３３−１が重ねられた表示例を示している。図７に示されるように、視覚効果エレメント３３−１は、パーティクル部分以外は透明色であり、また、パーティクルは次々と現れては消えていくので、ユーザによる視覚効果対象エレメント３４の視認を妨げない。
【００４１】
図８は、図４に示された視覚効果対象エレメント３４の上に、図６に示された視覚効果エレメント３３−２が重ねられた表示例を示している。図８に示されるように、視覚効果エレメント３３−２は、発光体部分以外は透明色であり、また、発光体は左上から右下に流れていくので、ユーザによる視覚効果対象エレメント３４の視認を妨げない。
【００４２】
このようにして、視覚効果エレメント３３は、視覚効果対象エレメント３４に対して視覚効果を付加することができる。
【００４３】
上述したように、視覚効果エレメント３３は、所定の時間連続で表示されるアニメーションであるので、所定の時間が経過すると、視覚効果エレメント３３は、非表示状態になる。具体的には、視覚効果エレメント３３が不可視状態になるか、画面の表示領域外に出ることで、ユーザが視認できないようにする。
【００４４】
ステップＳ１５において、ブラウザ３１は、視覚効果対象エレメント３４上でのクリックを検出する。即ち、ブラウザ３１は、視覚効果エレメント３３のアニメーションが表示されている間に、ユーザによりマウスが操作され、視覚効果対象エレメント３４上でクリックされた（以下、マウスイベント（クリック）とも称する）場合、それを検出する。
【００４５】
図９は視覚効果エレメント３３−２が重ねて表示された視覚効果対象エレメント３４に対し、マウスイベント（クリック）が発生する場合の表示例を示す図である。図９に示されるように、視覚効果エレメント３３−２が重ねて表示された視覚効果対象エレメント３４が、マウスカーソル５１によりクリックされる。
【００４６】
なお、視覚効果対象エレメント３４上でマウスがクリックされるまでは、ステップＳ１６以降の視覚効果対象表示処理は実行されない。また、アニメーションが終了した後にステップＳ１５の処理が実行された場合、ステップＳ１６以降の処理は実行されない。この場合、上述したように、すでに視覚効果エレメント３３は非表示になっているためである。つまり、ステップＳ１６以降の処理は、視覚効果エレメント３３が視覚効果対象エレメント３４上に表示され、一連のアニメーションが表示されている間にクリックが検出された場合に限り、実行される処理である。
【００４７】
ステップＳ１６において、ブラウザ３１は、視覚効果エレメント３３に対し、視覚効果エレメント３３の非表示を指示する。即ち、マウスイベント（クリック）を受け取ったのは、視覚効果対象エレメント３４の上に重ねられた視覚効果エレメント３３（最前面のエレメント）であるが、ユーザは、その下の視覚効果対象エレメント３４に対してクリックを行ったものである。マウスイベント（クリック）を視覚効果対象エレメント３４に送信するためには、DOMの仕様に基づいて、視覚効果エレメント３３を非表示にする必要がある。よって、ブラウザ３１は、視覚効果エレメント３３の非表示を指示する。
【００４８】
ステップＳ３２において、視覚効果エレメント３３は、指示を受信する。即ち、視覚効果エレメント３３は、ブラウザ３１からの視覚効果エレメント３３の非表示の指示を受信する。そして、ステップＳ３３において、視覚効果エレメント３３は、非表示状態になる。具体的には、視覚効果エレメント３３が不可視状態になるか、画面の表示領域外に出ることで、ユーザが視認できないようにする。
【００４９】
ステップＳ１７において、ブラウザ３１は、マウスイベント（クリック）を視覚効果対象エレメント３４に送信する。即ち、視覚効果エレメント３３上でマウスイベント（クリック）がなされると、視覚効果エレメント３３のマウスイベントハンドラが起動される。視覚効果エレメント３３は、マウスイベントハンドラ内でマウスイベント（クリック）を保存し、マウスの座標を参照できるようにする。ブラウザ３１は、マウス座標を参照することで、視覚効果対象エレメント３４に対してマウスイベント（クリック）がなされたことを特定する。
【００５０】
具体的には、ブラウザ３１がエレメントの座標を参照するgetElementByPosition(x,y)のようなインタフェースを持っている場合は、これを利用して視覚効果対象エレメント３４を特定する。ブラウザ３１がgetElementByPosition(x,y)のようなインタフェースを持っていない場合は、DOMツリーをトラバース（移動）しながら、検出したマウスの座標x,yを含むエレメントを探索する。その結果、ブラウザ３１は、視覚効果対象エレメント３４を特定する。ブラウザ３１は、特定された視覚効果対象エレメント３４に対して、視覚効果エレメント３３が保存したイベント、即ちマウスイベント（クリック）を送信する。
【００５１】
ステップＳ４３において、視覚効果対象エレメント３４は、マウスイベント（クリック）を受信する。視覚効果対象エレメント３４は、ステップＳ４４においてマウスイベント（クリック）に対応する処理を実行する。なお、マウスイベント（クリック）に対応する処理が、指定されたURLへのジャンプであった場合は、ステップＳ１１のコンテンツを読み込むところから視覚効果対象表示処理が改めて実行される。
【００５２】
ブラウザ３１は、視覚効果対象エレメント３４の処理が実行されると、ステップＳ１８において、視覚効果エレメント３３の表示を指示する。
【００５３】
ステップＳ３４において、視覚効果エレメント３３は、指示を受信する。即ち、視覚効果エレメント３３は、ブラウザ３１からの視覚効果エレメント３３の表示の指示を受信する。ステップＳ３５において、視覚効果エレメント３３は、表示状態になる。即ち、ステップＳ３３において非表示にされた視覚効果エレメント３３が、再表示される。
【００５４】
このようにして、視覚効果対象表示処理は終了する。
【００５５】
以上、視覚効果対象エレメント３４を対象として、マウスカーソルの移動やクリックに対応する視覚効果対象表示処理について、図３のフローチャートを参照して説明した。それに対して、視覚効果非対象エレメント３５を対象として、マウスカーソルの移動やクリックに対応する視覚効果非対象表示処理について、図１０を参照して説明する。
【００５６】
ステップＳ６１において、ブラウザ３１は、コンテンツを読み込む。ステップＳ６２において、ブラウザ３１は、視覚効果非対象エレメント３５に対し、コンテンツの表示を指示する。
【００５７】
ステップＳ７１において、視覚効果非対象エレメント３５は、ブラウザ３１からの指示を受信する。ステップＳ７２において、視覚効果非対象エレメント３５は、コンテンツを表示する。
【００５８】
ステップＳ６３において、ブラウザ３１が視覚効果非対象エレメント３５上へのカーソルの移動を検出する。即ち、ブラウザ３１は、ユーザによりマウスが操作され、視覚効果非対象エレメント３５上にマウスカーソルが移動された場合、それを検出する。しかしながら、視覚効果非対象エレメント３５は、視覚効果を表示する対象ではないので、特に何の処理も実行されない。
【００５９】
ステップＳ６４において、ブラウザ３１は、視覚効果非対象エレメント３５上でのクリックを検出する。即ち、ブラウザ３１は、ユーザによりマウスが操作され、視覚効果非対象エレメント３５上でクリックされた場合、それを検出する。なお、ブラウザ３１がクリックを検出するまでは、ステップＳ６５以降の視覚効果非対象表示処理は実行されない。
【００６０】
ステップＳ６５において、ブラウザ３１は、視覚効果非対象エレメント３５に対して、マウスイベント（クリック）を送信する。
【００６１】
ステップＳ７３において、視覚効果非対象エレメント３５は、マウスイベント（クリック）を受信する。そして、ステップＳ７４において、視覚効果非対象エレメント３５は、マウスイベント（クリック）に対応する処理を実行し、視覚効果非対象表示処理は終了する。
【００６２】
このように、視覚効果非対象エレメント３５は、視覚効果を表示する対象ではないので、マウスイベント（クリック）を受信しても、図３を参照して説明した視覚効果対象表示処理のように、視覚効果エレメント３３を非表示にしたり、表示状態に戻す必要はない。
【００６３】
このように、本技術によれば、視覚効果対象エレメント３４に対して視覚効果エレメント３３を重ねて表示することで、コンテンツにインタラクティブな効果を与えることができる。また、視覚効果エレメント３３を表示中に、ユーザがマウスをクリックするなどのマウスイベントが発生した場合においても、ブラウザ３１はマウスイベントに対応する処理を実行することができるので、ユーザの操作を妨げない。
【００６４】
さらに、本技術によれば、ブラウザ３１は、コンテンツのエレメントに対し、視覚効果対象エレメント３４と視覚効果非対象エレメント３５のように、視覚効果を与える対象を指定できる。よって、効果的にHTMLコンテンツにインタラクティブな効果を与えると同時に、ユーザにとって重要と思われるエレメント（例えば、警告表示等）には視覚効果を表示しないなどの対応が可能となる。
【００６５】
上述した一連の処理は、ハードウエアにより実行することもできるし、ソフトウエアにより実行することもできる。一連の処理をソフトウエアにより実行する場合には、そのソフトウエアを構成するプログラムが、コンピュータにインストールされる。ここで、コンピュータには、専用のハードウエアとしての情報処理装置１に組み込まれているコンピュータや、各種のプログラムをインストールすることで、各種の機能を実行することが可能な、例えば汎用のパーソナルコンピュータなどが含まれる。
【００６６】
なお、コンピュータが実行するプログラムは、本明細書で説明する順序に沿って時系列に処理が行われるプログラムであっても良いし、並列に、あるいは呼び出しが行われたとき等の必要なタイミングで処理が行われるプログラムであっても良い。
【００６７】
本技術の実施の形態は、上述した実施の形態に限定されるものではなく、本技術の要旨を逸脱しない範囲において種々の変更が可能である。
【００６８】
なお、本技術は、以下のような構成もとることができる。
（１）
視覚効果を付加する対象となる視覚効果対象エレメントに、視覚効果を表示する視覚効果表示イベントが発生した場合、視覚効果を表示する視覚効果エレメントを重ねて表示し、前記視覚効果エレメント表示中にマウスイベントが発生した場合、前記視覚効果エレメントを非表示にして、前記視覚効果対象エレメントに前記マウスイベントを送信する表示制御部
を備える情報処理装置。
（２）
前記視覚効果エレメントは、前記視覚効果表示イベントの発生に応じて動的に生成される
（１）に記載の情報処理装置。
（３）
前記マウスイベントに対応する処理が終了した場合、前記視覚効果エレメントを再表示する
（１）または（２）に記載の情報処理装置。
（４）
視覚効果を付加する対象となる視覚効果対象エレメントに、視覚効果を表示する視覚効果表示イベントが発生した場合、視覚効果を表示する視覚効果エレメントを重ねて表示し、前記視覚効果エレメント表示中にマウスイベントが発生した場合、前記視覚効果エレメントを非表示にして、前記視覚効果対象エレメントに前記マウスイベントを送信する表示制御ステップ
を含む情報処理方法。
（５）
コンピュータに、
視覚効果を付加する対象となる視覚効果対象エレメントに、視覚効果を表示する視覚効果表示イベントが発生した場合、視覚効果を表示する視覚効果エレメントを重ねて表示し、前記視覚効果エレメント表示中にマウスイベントが発生した場合、前記視覚効果エレメントを非表示にして、前記視覚効果対象エレメントに前記マウスイベントを送信する表示制御ステップ
を実行させるプログラム。
（６）
コンピュータに、
視覚効果を付加する対象となる視覚効果対象エレメントに、視覚効果を表示する視覚効果表示イベントが発生した場合、視覚効果を表示する視覚効果エレメントを重ねて表示し、前記視覚効果エレメント表示中にマウスイベントが発生した場合、前記視覚効果エレメントを非表示にして、前記視覚効果対象エレメントに前記マウスイベントを送信する表示制御ステップ
を実行させるプログラムが記録されているコンピュータが読み取り可能な記録媒体。
【符号の説明】
【００６９】
１ 情報処理装置， １１ CPU， １２ ROM， １３ RAM, １４ バス， １５ 入出力インタフェース， １６ 入力部， １７ 出力部， １８ 記憶部， １９ 通信部， ２０ ドライブ， ２１ リムーバブルメディア， ３１ ブラウザ， ３２ アニメーションループ， ３３ 視覚効果エレメント， ３４ 視覚効果対象エレメント， ３５ 視覚効果非対象エレメント， ５１ マウスカーソル
【技術分野】
【０００１】
本技術は、情報処理装置および方法、プログラム、並びにプログラム記録媒体に関し、特に、ユーザの操作を妨げることなく、HTMLコンテンツに視覚効果を加えることができるようにした情報処理装置および方法、プログラム、並びにプログラム記録媒体に関する。
【背景技術】
【０００２】
インターネットブラウザを対象とした文書記述方式として、HTML（Hyper Text Markup Language）がある。また、HTMLファイルに記載されたDOM（Document Object Model）エレメントを操作するJavaScriptがあり、これにより、ユーザの入力に対して反応するインタラクティブな文書が作成できる。以下、このような文書をWebアプリケーションと称する。
【０００３】
Webアプリケーションにおいては、特定のDOMエレメントにマウスが移動した場合や、マウスクリックした場合に、DOMエレメントの色を変更したり、変形させたり、指定されたURL（Uniform Resource Locator）にジャンプするといった機能が利用されている。
【０００４】
また、HTMLコンテンツの画面表示内容の組み合わせを多様化するため、ソフトウエアの構造上は下層にあるエレメントを、画面表示上は手前に見せたい場合に、上層のエレメントを透明にすることで下層のエレメントを表示する情報処理装置もある。（例えば、特許文献１参照）。
【先行技術文献】
【特許文献】
【０００５】
【特許文献１】特開２０１０−１５５２１号公報
【発明の概要】
【発明が解決しようとする課題】
【０００６】
しかしながら、視覚効果を付加する対象となるDOMエレメント（以下、視覚効果対象エレメントと称する）に、他のDOMエレメントを重ねて、視覚効果を描画することができなかった。なぜなら、ブラウザのマウスイベント伝搬モデルである、バブリングおよびキャプチャリングはDOMツリーの親子間で伝搬するが、視覚的に上に重ねたDOMエレメントが受け取ったマウスイベントを、その下（DOMツリーの親子関係ではなく、スクリーン座標的に下）のDOMエレメントに伝搬する方法がサポートされていないからである。よって、単純に視覚効果を表示するDOMエレメント（以下、視覚効果エレメントと称する）を視覚効果対象エレメントの上に重ねると、視覚効果エレメントの下にある視覚効果対象エレメントによりマウスイベントが実行されず、ユーザの操作を妨げてしまう。
【０００７】
本技術はこのような状況に鑑みてなされたものであり、ユーザの操作を妨げることなく、HTMLコンテンツに視覚効果を加えることができるようにするものである。
【課題を解決するための手段】
【０００８】
本技術の一側面の情報処理装置は、視覚効果を付加する対象となる視覚効果対象エレメントに、視覚効果を表示する視覚効果表示イベントが発生した場合、視覚効果を表示する視覚効果エレメントを重ねて表示し、前記視覚効果エレメント表示中にマウスイベントが発生した場合、前記視覚効果エレメントを非表示にして、前記視覚効果対象エレメントに前記マウスイベントを送信する表示制御部を備える。
【０００９】
前記視覚効果エレメントは、前記視覚効果表示イベントの発生に応じて動的に生成されることができる。
【００１０】
前記マウスイベントに対応する処理が終了した場合、前記視覚効果エレメントを再表示することができる。
【００１１】
本技術の一側面である情報処理装置の情報処理方法、プログラムおよびプログラム記録媒体のそれぞれは、上述した本技術の情報処理装置に対応する情報処理方法、プログラムおよびプログラム記録媒体のそれぞれである。
【００１２】
本技術の一側面においては、視覚効果を付加する対象となる視覚効果対象エレメントに、視覚効果を表示する視覚効果表示イベントが発生した場合、視覚効果を表示する視覚効果エレメントが重ねて表示され、前記視覚効果エレメント表示中にマウスイベントが発生した場合、前記視覚効果エレメントが非表示にされ、前記視覚効果対象エレメントに前記マウスイベントが送信される。
【発明の効果】
【００１３】
本技術によれば、ユーザの操作を妨げることなく、HTMLコンテンツに視覚効果を加えることができる。
【図面の簡単な説明】
【００１４】
【図１】本技術の一実施形態に係る情報処理装置の構成例を示すブロック図である。
【図２】CPUの機能的構成例を示すブロック図である。
【図３】視覚効果対象表示処理について説明するフローチャートである。
【図４】視覚効果対象エレメントの表示例を示す図である。
【図５】視覚効果エレメントの表示例を示す図である。
【図６】視覚効果エレメントの表示例を示す図である。
【図７】視覚効果対象エレメントに視覚効果エレメントが重ねられた状態の表示例を示す図である。
【図８】視覚効果対象エレメントに視覚効果エレメントが重ねられた状態の表示例を示す図である。
【図９】マウスイベント（クリック）が発生する場合の表示例を示す図である。
【図１０】視覚効果非対象表示処理について説明するフローチャートである。
【発明を実施するための形態】
【００１５】
以下、本技術の実施の形態について説明する。
【００１６】
［情報処理装置の構成例］
図１は、本技術の一実施形態に係る情報処理装置１の構成例を示す図である。
【００１７】
情報処理装置１において、CPU１１，ROM（Read Only Memory）１２，RAM（Random Access Memory）１３は、バス１４により相互に接続されている。
【００１８】
バス１４には、さらに、入出力インタフェース１５が接続されている。入出力インタフェース１５には、入力部１６、出力部１７、記憶部１８、通信部１９、ドライブ２０、およびリムーバブルメディア２１が接続されている。
【００１９】
入力部１６は、キーボード、マウス、マイクロフォンなどよりなる。出力部１７は、ディスプレイ、スピーカなどよりなる。記憶部１８は、ハードディスクや不揮発性のメモリなどよりなる。通信部１９は、ネットワークインタフェースなどよりなる。ドライブ２０は、磁気ディスク、光ディスク、光磁気ディスク、又は半導体メモリなどのリムーバブルメディア２１を駆動する。
【００２０】
以上のように構成される情報処理装置１では、CPU１１が、例えば、記憶部１８に記憶されているプログラムを、入出力インタフェース１５およびバス１４を介して、RAM１３にロードして実行することにより、一連の処理が行われる。
【００２１】
情報処理装置１のCPU１１が実行するプログラムは、例えば、パッケージメディア等としてのリムーバブルメディア２１に記録して提供することができる。また、プログラムは、ローカルエリアネットワーク、インターネット、デジタル衛星放送といった、有線または無線の伝送媒体を介して提供することができる。
【００２２】
情報処理装置１では、プログラムは、リムーバブルメディア２１をドライブ２０に装着することにより、入出力インタフェース１５を介して、記憶部１８にインストールすることができる。また、プログラムは、有線または無線の伝送媒体を介して、通信部１９で受信し、記憶部１８にインストールすることができる。その他、プログラムは、ROM１２や記憶部１８に、予めインストールしておくことができる。
【００２３】
図２は、CPU１１の機能的構成例を示すブロック図である。
【００２４】
図２において、CPU１１は、ブラウザ３１、アニメーションループ３２、視覚効果エレメント３３、視覚効果対象エレメント３４、および視覚効果非対象エレメント３５を含むように構成されている。
【００２５】
ブラウザ３１は、通信部１９を介してHTMLコンテンツ（以下、単にコンテンツとも称する）を読み込み、出力部１７を構成するディスプレイの画面に表示する。具体的には、ブラウザ３１は、視覚効果対象エレメント３４および視覚効果非対象エレメント３５に、読み込んだコンテンツを表示する。また、ブラウザ３１は、ユーザにより入力部１６に入力された操作（例えば、キーボードやマウスの操作）を検出する。例えば、ブラウザ３１は、ユーザによりマウスを動かす操作がされたことにより、マウスカーソルが移動されたことを検出する。また、ブラウザ３１は、ユーザにより、画面上の所定の位置でマウスがクリックされたことを検出する。また、ブラウザ３１は、視覚効果を表示させるイベント（以下、視覚効果表示イベントと称する）を検出すると、アニメーションループ３２に視覚効果の作成を指示する。
【００２６】
アニメーションループ３２は、ブラウザ３１の指示により、視覚効果エレメント３３に視覚効果を表示させるためのアニメーションを作成し、視覚効果エレメント３３に書き込む。
【００２７】
視覚効果エレメント３３は、視覚効果対象エレメント３４に重ねられるDOMエレメント（以下、単にエレメントと称する）である。視覚効果エレメント３３は、視覚効果を描画するエレメント（HTMLのグラフィック要素であるCanvas）である。視覚効果エレメント３３は、DOMツリーの任意の場所に接続され、ブラウザ３１の指示によりアニメーションループ３２によって描画される。視覚効果エレメント３３は、視覚効果対象エレメント３４よりも手前側に表示されるように、即ち、視覚効果対象エレメント３４の上に重ねて表示されるようにDOMツリーの最後に追加される。または、視覚効果エレメント３３は、視覚効果対象エレメント３４に重ねて表示されるように、CSS(Cascading Style Sheet：段階スタイルシート)で、エレメントの重なりの順序を指定するｚ-indexが調整される。視覚効果エレメント３３の例については、図５および図６を参照して後述する。
【００２８】
視覚効果対象エレメント３４は、視覚効果エレメント３３を重ねて表示する対象となるエレメントである。視覚効果対象エレメント３４は、視覚効果表示イベント（例えば、視覚効果対象エレメント３４の上にマウスカーソルが移動する等のイベント）が発生すると、視覚効果対象エレメント３４の上に視覚効果エレメント３３が重ねて表示される。視覚効果対象エレメント３４の例については、図４を参照して後述する。
【００２９】
視覚効果非対象エレメント３５は、視覚効果エレメント３３を重ねる対象となっていないエレメントである。即ち、視覚効果非対象エレメント３５に対して、視覚効果対象エレメント３４における視覚効果表示イベントが発生しても、視覚効果エレメント３３は重ねられない。
【００３０】
［情報処理装置の動作］
図３は、視覚効果対象エレメント３４に対して、視覚効果表示イベントおよびマウスイベントが発生する場合にCPU１１が実行する処理（以下、視覚効果対象表示処理と称する）について説明するフローチャートである。
【００３１】
また、図４乃至図９は、視覚効果対象表示処理実行時の各エレメントの表示例を示す図である。以下、図４乃至図９を参照して、図３のフローチャートの処理について説明する。
【００３２】
ステップＳ１１において、ブラウザ３１は、コンテンツを読み込む。ステップＳ１２において、ブラウザ３１は、視覚効果対象エレメント３４に対し、コンテンツの表示を指示する。
【００３３】
ステップＳ４１において、視覚効果対象エレメント３４は、ブラウザ３１からの指示を受信する。ステップＳ４２において、視覚効果対象エレメント３４は、コンテンツを表示する。図４は、視覚効果対象エレメント３４の表示例を示す図である。図４に示されるように、コンテンツが、視覚効果対象エレメント３４として図示せぬ画面上に表示される。
【００３４】
ステップＳ１３において、ブラウザ３１が視覚効果対象エレメント３４上へのカーソルの移動を検出する。即ち、ブラウザ３１は、ユーザによりマウスが操作され、視覚効果対象エレメント３４上にマウスカーソルが移動された場合、それを検出する。図３を参照して説明する視覚効果対象表示処理においては、この視覚効果対象エレメント３４上へのマウスカーソルの移動が視覚効果表示イベントであるとする。なお、視覚効果表示イベントが発生するまでは、ステップＳ１４以降の視覚効果対象表示処理は実行されない。つまり、単にコンテンツが視覚効果対象エレメント３４に表示されている。
【００３５】
ステップＳ１４において、ブラウザ３１は、アニメーションループ３２に対し、視覚効果の作成を指示する。即ち、ブラウザ３１は、視覚効果表示イベントが発生したことを認識したので、視覚効果の作成を指示する。
【００３６】
ステップＳ２１において、アニメーションループ３２は、ブラウザ３１からの指示を受信する。ステップＳ２２において、アニメーションループ３２は、視覚効果を作成する。視覚効果は、一連のアニメーションとして表現される。アニメーションループ３２により作成されたアニメーションの具体例については、図５乃至図８を参照して後述する。ステップＳ２３において、アニメーションループ３２は、視覚効果エレメント３３に、作成した視覚効果を書き込む。
【００３７】
ステップＳ３１において、視覚効果エレメント３３は、視覚効果を表示する。即ち、視覚効果エレメント３３が、視覚効果対象エレメント３４の上に重ねられて表示される。このようにして、ブラウザ３１は、視覚効果表示イベントの発生に応じて視覚効果エレメント３３を動的に生成し、表示させる。
【００３８】
図５および図６は、視覚効果エレメント３３の表示例を示す図である。例えば、図５に示される視覚効果エレメント３３の一例としての視覚効果エレメント３３−１は、様々なサイズのパーティクルが乱れ飛ぶ視覚効果を表している。即ち、視覚効果エレメント３３−１は、単にパーティクルが表示されているのではなく、様々なサイズのパーティクルが次々に画面上に現れては消えていくという、所定の時間連続して表示されるアニメーションとして表現される。
【００３９】
また、図６に示される視覚効果エレメント３３の一例としての視覚効果エレメント３３−２は、エレメントの左上から右下にかけて、発光体が輝く視覚効果を表している。即ち、視覚効果エレメント３３−２は、単に発光体が表示されているのではなく、発光体が左上から右下に流れるように輝くという、所定の時間連続で表示されるアニメーションとして表現される。
【００４０】
図７は、図４に示された視覚効果対象エレメント３４の上に、図５に示された視覚効果エレメント３３−１が重ねられた表示例を示している。図７に示されるように、視覚効果エレメント３３−１は、パーティクル部分以外は透明色であり、また、パーティクルは次々と現れては消えていくので、ユーザによる視覚効果対象エレメント３４の視認を妨げない。
【００４１】
図８は、図４に示された視覚効果対象エレメント３４の上に、図６に示された視覚効果エレメント３３−２が重ねられた表示例を示している。図８に示されるように、視覚効果エレメント３３−２は、発光体部分以外は透明色であり、また、発光体は左上から右下に流れていくので、ユーザによる視覚効果対象エレメント３４の視認を妨げない。
【００４２】
このようにして、視覚効果エレメント３３は、視覚効果対象エレメント３４に対して視覚効果を付加することができる。
【００４３】
上述したように、視覚効果エレメント３３は、所定の時間連続で表示されるアニメーションであるので、所定の時間が経過すると、視覚効果エレメント３３は、非表示状態になる。具体的には、視覚効果エレメント３３が不可視状態になるか、画面の表示領域外に出ることで、ユーザが視認できないようにする。
【００４４】
ステップＳ１５において、ブラウザ３１は、視覚効果対象エレメント３４上でのクリックを検出する。即ち、ブラウザ３１は、視覚効果エレメント３３のアニメーションが表示されている間に、ユーザによりマウスが操作され、視覚効果対象エレメント３４上でクリックされた（以下、マウスイベント（クリック）とも称する）場合、それを検出する。
【００４５】
図９は視覚効果エレメント３３−２が重ねて表示された視覚効果対象エレメント３４に対し、マウスイベント（クリック）が発生する場合の表示例を示す図である。図９に示されるように、視覚効果エレメント３３−２が重ねて表示された視覚効果対象エレメント３４が、マウスカーソル５１によりクリックされる。
【００４６】
なお、視覚効果対象エレメント３４上でマウスがクリックされるまでは、ステップＳ１６以降の視覚効果対象表示処理は実行されない。また、アニメーションが終了した後にステップＳ１５の処理が実行された場合、ステップＳ１６以降の処理は実行されない。この場合、上述したように、すでに視覚効果エレメント３３は非表示になっているためである。つまり、ステップＳ１６以降の処理は、視覚効果エレメント３３が視覚効果対象エレメント３４上に表示され、一連のアニメーションが表示されている間にクリックが検出された場合に限り、実行される処理である。
【００４７】
ステップＳ１６において、ブラウザ３１は、視覚効果エレメント３３に対し、視覚効果エレメント３３の非表示を指示する。即ち、マウスイベント（クリック）を受け取ったのは、視覚効果対象エレメント３４の上に重ねられた視覚効果エレメント３３（最前面のエレメント）であるが、ユーザは、その下の視覚効果対象エレメント３４に対してクリックを行ったものである。マウスイベント（クリック）を視覚効果対象エレメント３４に送信するためには、DOMの仕様に基づいて、視覚効果エレメント３３を非表示にする必要がある。よって、ブラウザ３１は、視覚効果エレメント３３の非表示を指示する。
【００４８】
ステップＳ３２において、視覚効果エレメント３３は、指示を受信する。即ち、視覚効果エレメント３３は、ブラウザ３１からの視覚効果エレメント３３の非表示の指示を受信する。そして、ステップＳ３３において、視覚効果エレメント３３は、非表示状態になる。具体的には、視覚効果エレメント３３が不可視状態になるか、画面の表示領域外に出ることで、ユーザが視認できないようにする。
【００４９】
ステップＳ１７において、ブラウザ３１は、マウスイベント（クリック）を視覚効果対象エレメント３４に送信する。即ち、視覚効果エレメント３３上でマウスイベント（クリック）がなされると、視覚効果エレメント３３のマウスイベントハンドラが起動される。視覚効果エレメント３３は、マウスイベントハンドラ内でマウスイベント（クリック）を保存し、マウスの座標を参照できるようにする。ブラウザ３１は、マウス座標を参照することで、視覚効果対象エレメント３４に対してマウスイベント（クリック）がなされたことを特定する。
【００５０】
具体的には、ブラウザ３１がエレメントの座標を参照するgetElementByPosition(x,y)のようなインタフェースを持っている場合は、これを利用して視覚効果対象エレメント３４を特定する。ブラウザ３１がgetElementByPosition(x,y)のようなインタフェースを持っていない場合は、DOMツリーをトラバース（移動）しながら、検出したマウスの座標x,yを含むエレメントを探索する。その結果、ブラウザ３１は、視覚効果対象エレメント３４を特定する。ブラウザ３１は、特定された視覚効果対象エレメント３４に対して、視覚効果エレメント３３が保存したイベント、即ちマウスイベント（クリック）を送信する。
【００５１】
ステップＳ４３において、視覚効果対象エレメント３４は、マウスイベント（クリック）を受信する。視覚効果対象エレメント３４は、ステップＳ４４においてマウスイベント（クリック）に対応する処理を実行する。なお、マウスイベント（クリック）に対応する処理が、指定されたURLへのジャンプであった場合は、ステップＳ１１のコンテンツを読み込むところから視覚効果対象表示処理が改めて実行される。
【００５２】
ブラウザ３１は、視覚効果対象エレメント３４の処理が実行されると、ステップＳ１８において、視覚効果エレメント３３の表示を指示する。
【００５３】
ステップＳ３４において、視覚効果エレメント３３は、指示を受信する。即ち、視覚効果エレメント３３は、ブラウザ３１からの視覚効果エレメント３３の表示の指示を受信する。ステップＳ３５において、視覚効果エレメント３３は、表示状態になる。即ち、ステップＳ３３において非表示にされた視覚効果エレメント３３が、再表示される。
【００５４】
このようにして、視覚効果対象表示処理は終了する。
【００５５】
以上、視覚効果対象エレメント３４を対象として、マウスカーソルの移動やクリックに対応する視覚効果対象表示処理について、図３のフローチャートを参照して説明した。それに対して、視覚効果非対象エレメント３５を対象として、マウスカーソルの移動やクリックに対応する視覚効果非対象表示処理について、図１０を参照して説明する。
【００５６】
ステップＳ６１において、ブラウザ３１は、コンテンツを読み込む。ステップＳ６２において、ブラウザ３１は、視覚効果非対象エレメント３５に対し、コンテンツの表示を指示する。
【００５７】
ステップＳ７１において、視覚効果非対象エレメント３５は、ブラウザ３１からの指示を受信する。ステップＳ７２において、視覚効果非対象エレメント３５は、コンテンツを表示する。
【００５８】
ステップＳ６３において、ブラウザ３１が視覚効果非対象エレメント３５上へのカーソルの移動を検出する。即ち、ブラウザ３１は、ユーザによりマウスが操作され、視覚効果非対象エレメント３５上にマウスカーソルが移動された場合、それを検出する。しかしながら、視覚効果非対象エレメント３５は、視覚効果を表示する対象ではないので、特に何の処理も実行されない。
【００５９】
ステップＳ６４において、ブラウザ３１は、視覚効果非対象エレメント３５上でのクリックを検出する。即ち、ブラウザ３１は、ユーザによりマウスが操作され、視覚効果非対象エレメント３５上でクリックされた場合、それを検出する。なお、ブラウザ３１がクリックを検出するまでは、ステップＳ６５以降の視覚効果非対象表示処理は実行されない。
【００６０】
ステップＳ６５において、ブラウザ３１は、視覚効果非対象エレメント３５に対して、マウスイベント（クリック）を送信する。
【００６１】
ステップＳ７３において、視覚効果非対象エレメント３５は、マウスイベント（クリック）を受信する。そして、ステップＳ７４において、視覚効果非対象エレメント３５は、マウスイベント（クリック）に対応する処理を実行し、視覚効果非対象表示処理は終了する。
【００６２】
このように、視覚効果非対象エレメント３５は、視覚効果を表示する対象ではないので、マウスイベント（クリック）を受信しても、図３を参照して説明した視覚効果対象表示処理のように、視覚効果エレメント３３を非表示にしたり、表示状態に戻す必要はない。
【００６３】
このように、本技術によれば、視覚効果対象エレメント３４に対して視覚効果エレメント３３を重ねて表示することで、コンテンツにインタラクティブな効果を与えることができる。また、視覚効果エレメント３３を表示中に、ユーザがマウスをクリックするなどのマウスイベントが発生した場合においても、ブラウザ３１はマウスイベントに対応する処理を実行することができるので、ユーザの操作を妨げない。
【００６４】
さらに、本技術によれば、ブラウザ３１は、コンテンツのエレメントに対し、視覚効果対象エレメント３４と視覚効果非対象エレメント３５のように、視覚効果を与える対象を指定できる。よって、効果的にHTMLコンテンツにインタラクティブな効果を与えると同時に、ユーザにとって重要と思われるエレメント（例えば、警告表示等）には視覚効果を表示しないなどの対応が可能となる。
【００６５】
上述した一連の処理は、ハードウエアにより実行することもできるし、ソフトウエアにより実行することもできる。一連の処理をソフトウエアにより実行する場合には、そのソフトウエアを構成するプログラムが、コンピュータにインストールされる。ここで、コンピュータには、専用のハードウエアとしての情報処理装置１に組み込まれているコンピュータや、各種のプログラムをインストールすることで、各種の機能を実行することが可能な、例えば汎用のパーソナルコンピュータなどが含まれる。
【００６６】
なお、コンピュータが実行するプログラムは、本明細書で説明する順序に沿って時系列に処理が行われるプログラムであっても良いし、並列に、あるいは呼び出しが行われたとき等の必要なタイミングで処理が行われるプログラムであっても良い。
【００６７】
本技術の実施の形態は、上述した実施の形態に限定されるものではなく、本技術の要旨を逸脱しない範囲において種々の変更が可能である。
【００６８】
なお、本技術は、以下のような構成もとることができる。
（１）
視覚効果を付加する対象となる視覚効果対象エレメントに、視覚効果を表示する視覚効果表示イベントが発生した場合、視覚効果を表示する視覚効果エレメントを重ねて表示し、前記視覚効果エレメント表示中にマウスイベントが発生した場合、前記視覚効果エレメントを非表示にして、前記視覚効果対象エレメントに前記マウスイベントを送信する表示制御部
を備える情報処理装置。
（２）
前記視覚効果エレメントは、前記視覚効果表示イベントの発生に応じて動的に生成される
（１）に記載の情報処理装置。
（３）
前記マウスイベントに対応する処理が終了した場合、前記視覚効果エレメントを再表示する
（１）または（２）に記載の情報処理装置。
（４）
視覚効果を付加する対象となる視覚効果対象エレメントに、視覚効果を表示する視覚効果表示イベントが発生した場合、視覚効果を表示する視覚効果エレメントを重ねて表示し、前記視覚効果エレメント表示中にマウスイベントが発生した場合、前記視覚効果エレメントを非表示にして、前記視覚効果対象エレメントに前記マウスイベントを送信する表示制御ステップ
を含む情報処理方法。
（５）
コンピュータに、
視覚効果を付加する対象となる視覚効果対象エレメントに、視覚効果を表示する視覚効果表示イベントが発生した場合、視覚効果を表示する視覚効果エレメントを重ねて表示し、前記視覚効果エレメント表示中にマウスイベントが発生した場合、前記視覚効果エレメントを非表示にして、前記視覚効果対象エレメントに前記マウスイベントを送信する表示制御ステップ
を実行させるプログラム。
（６）
コンピュータに、
視覚効果を付加する対象となる視覚効果対象エレメントに、視覚効果を表示する視覚効果表示イベントが発生した場合、視覚効果を表示する視覚効果エレメントを重ねて表示し、前記視覚効果エレメント表示中にマウスイベントが発生した場合、前記視覚効果エレメントを非表示にして、前記視覚効果対象エレメントに前記マウスイベントを送信する表示制御ステップ
を実行させるプログラムが記録されているコンピュータが読み取り可能な記録媒体。
【符号の説明】
【００６９】
１ 情報処理装置， １１ CPU， １２ ROM， １３ RAM, １４ バス， １５ 入出力インタフェース， １６ 入力部， １７ 出力部， １８ 記憶部， １９ 通信部， ２０ ドライブ， ２１ リムーバブルメディア， ３１ ブラウザ， ３２ アニメーションループ， ３３ 視覚効果エレメント， ３４ 視覚効果対象エレメント， ３５ 視覚効果非対象エレメント， ５１ マウスカーソル
【特許請求の範囲】
【請求項１】
視覚効果を付加する対象となる視覚効果対象エレメントに、視覚効果を表示する視覚効果表示イベントが発生した場合、視覚効果を表示する視覚効果エレメントを重ねて表示し、前記視覚効果エレメント表示中にマウスイベントが発生した場合、前記視覚効果エレメントを非表示にして、前記視覚効果対象エレメントに前記マウスイベントを送信する表示制御部
を備える情報処理装置。
【請求項２】
前記視覚効果エレメントは、前記視覚効果表示イベントの発生に応じて動的に生成される
請求項１に記載の情報処理装置。
【請求項３】
前記マウスイベントに対応する処理が終了した場合、前記視覚効果エレメントを再表示する
請求項２に記載の情報処理装置。
【請求項４】
視覚効果を付加する対象となる視覚効果対象エレメントに、視覚効果を表示する視覚効果表示イベントが発生した場合、視覚効果を表示する視覚効果エレメントを重ねて表示し、前記視覚効果エレメント表示中にマウスイベントが発生した場合、前記視覚効果エレメントを非表示にして、前記視覚効果対象エレメントに前記マウスイベントを送信する表示制御ステップ
を含む情報処理方法。
【請求項５】
コンピュータに、
視覚効果を付加する対象となる視覚効果対象エレメントに、視覚効果を表示する視覚効果表示イベントが発生した場合、視覚効果を表示する視覚効果エレメントを重ねて表示し、前記視覚効果エレメント表示中にマウスイベントが発生した場合、前記視覚効果エレメントを非表示にして、前記視覚効果対象エレメントに前記マウスイベントを送信する表示制御ステップ
を実行させるプログラム。
【請求項６】
コンピュータに、
視覚効果を付加する対象となる視覚効果対象エレメントに、視覚効果を表示する視覚効果表示イベントが発生した場合、視覚効果を表示する視覚効果エレメントを重ねて表示し、前記視覚効果エレメント表示中にマウスイベントが発生した場合、前記視覚効果エレメントを非表示にして、前記視覚効果対象エレメントに前記マウスイベントを送信する表示制御ステップ
を実行させるプログラムが記録されているコンピュータが読み取り可能な記録媒体。
【請求項１】
視覚効果を付加する対象となる視覚効果対象エレメントに、視覚効果を表示する視覚効果表示イベントが発生した場合、視覚効果を表示する視覚効果エレメントを重ねて表示し、前記視覚効果エレメント表示中にマウスイベントが発生した場合、前記視覚効果エレメントを非表示にして、前記視覚効果対象エレメントに前記マウスイベントを送信する表示制御部
を備える情報処理装置。
【請求項２】
前記視覚効果エレメントは、前記視覚効果表示イベントの発生に応じて動的に生成される
請求項１に記載の情報処理装置。
【請求項３】
前記マウスイベントに対応する処理が終了した場合、前記視覚効果エレメントを再表示する
請求項２に記載の情報処理装置。
【請求項４】
視覚効果を付加する対象となる視覚効果対象エレメントに、視覚効果を表示する視覚効果表示イベントが発生した場合、視覚効果を表示する視覚効果エレメントを重ねて表示し、前記視覚効果エレメント表示中にマウスイベントが発生した場合、前記視覚効果エレメントを非表示にして、前記視覚効果対象エレメントに前記マウスイベントを送信する表示制御ステップ
を含む情報処理方法。
【請求項５】
コンピュータに、
視覚効果を付加する対象となる視覚効果対象エレメントに、視覚効果を表示する視覚効果表示イベントが発生した場合、視覚効果を表示する視覚効果エレメントを重ねて表示し、前記視覚効果エレメント表示中にマウスイベントが発生した場合、前記視覚効果エレメントを非表示にして、前記視覚効果対象エレメントに前記マウスイベントを送信する表示制御ステップ
を実行させるプログラム。
【請求項６】
コンピュータに、
視覚効果を付加する対象となる視覚効果対象エレメントに、視覚効果を表示する視覚効果表示イベントが発生した場合、視覚効果を表示する視覚効果エレメントを重ねて表示し、前記視覚効果エレメント表示中にマウスイベントが発生した場合、前記視覚効果エレメントを非表示にして、前記視覚効果対象エレメントに前記マウスイベントを送信する表示制御ステップ
を実行させるプログラムが記録されているコンピュータが読み取り可能な記録媒体。
【図１】
【図２】
【図３】
【図４】
【図５】
【図６】
【図７】
【図８】
【図９】
【図１０】
【図２】
【図３】
【図４】
【図５】
【図６】
【図７】
【図８】
【図９】
【図１０】
【公開番号】特開２０１２−２５６１５７（Ｐ２０１２−２５６１５７Ａ）
【公開日】平成２４年１２月２７日（２０１２．１２．２７）
【国際特許分類】
【出願番号】特願２０１１−１２８２００（Ｐ２０１１−１２８２００）
【出願日】平成２３年６月８日（２０１１．６．８）
【出願人】（０００００２１８５）ソニー株式会社 (34,172)
【Ｆターム（参考）】
【公開日】平成２４年１２月２７日（２０１２．１２．２７）
【国際特許分類】
【出願日】平成２３年６月８日（２０１１．６．８）
【出願人】（０００００２１８５）ソニー株式会社 (34,172)
【Ｆターム（参考）】
[ Back to top ]