(57)【要約】【課題】ブラウザ上でビューワ無しに表示可能な高精細な３Ｄ画像を出力できるＷｅｂ３Ｄファイル編集システムを提供する。【解決手段】３Ｄモデリングソフトウェアにより生成した３Ｄオブジェクトやシーン全体をＶＲＭＬ等の標準ファイルに変換し、変換された標準ファイルを読込みカスタマイズをして３Ｄ圧縮ファイルを編集・作成するシステムであって、ＶＲＭＬ等の標準ファイルを読み込みプレビュー画面に編集用の３Ｄ画像を表示する手段と、３Ｄシーン全体の編集条件を設定するシーン・オプション設定手段と、セレクター・ウインドウで編集するオブジェクトを選択してプロパティを設定するオブジェクト・プロパティ設定手段と、作成するアニメーションの項目を設定する手段と、ブラウザで３Ｄ圧縮ファイルをアプレット処理するために、編集・設定された３Ｄ画像ファイルに更に所定の設定を行うアプレット・オプション設定手段とを備えるものである。【選択図】　　　　　図１
2004127018.tif 000002
【特許請求の範囲】
【請求項１】
３Ｄモデリングソフトウェアを使用して生成した３Ｄオブジェクト又はシーン全体をＶＲＭＬ等によるＷｅｂ３Ｄ用グラフィックス言語記述フォーマットのＷｅｂ３Ｄファイルに変換し、変換された前記Ｗｅｂ３Ｄファイルを読込みカスタマイズをして３Ｄ圧縮ファイルを生成するＷｅｂ３Ｄファイル編集システムであって、
前記Ｗｅｂ３Ｄファイルを読み込みプレビュー画面に編集用の３Ｄ画像を表示するＷｅｂ３Ｄファイル読込み手段と、
シーン・オプション・パネル上で３Ｄシーン全体の編集条件を設定するシーン・オプション設定手段と、
セレクター・ウインドウで編集するオブジェクトを選択し、プロパティ・ウインドウで前記セレクター・ウインドウにおいて選択したオブジェクトのプロパティを設定するオブジェクト・プロパティ設定手段と、
アニメーション・マネージャ・ウインドウで作成するアニメーションの項目を設定するアニメーション設定手段と、
前記各手段によって編集・設定・圧縮された３Ｄ画像ファイルをＷｅｂブラウザで表示できるようにアプレット処理するために、アプレット・オプションズ・ウインドウで所定の設定を行うアプレット・オプション設定手段と、を備えることを特徴とするＷｅｂ３Ｄファイル編集システム。
【請求項２】
前記セレクター・ウインドウは、ツリー・セレクターとリスト・セレクターの２形式を有することを特徴とする請求項１記載のＷｅｂ３Ｄファイル編集システム。
【請求項３】
前記シーン・オプション設定手段は、シーン単位の操作とオブジェクト単位の操作の切替えが可能であることを特徴とする請求項１記載のＷｅｂ３Ｄファイル編集システム。
【請求項４】
前記アプレット・オプション設定手段は、少なくともアプレット・サイズ、背景シーン・ファイルおよびツールバー・ファイルを含むことを特徴とする請求項１記載のＷｅｂ３Ｄファイル編集システム。
【発明の詳細な説明】
【０００１】
【発明の属する技術分野】
本発明は、Ｗｅｂを介した双方向型の３Ｄ（三次元）画像の編集システムに関し、詳しくはＶＲＭＬ等の標準的なＷｅｂ３Ｄフォーマットに変換した３Ｄ画像を、編集用ソフトによりカスタマイズしてブラウザ側で特別なビューワ無しでも表示・編集が可能な３Ｄ圧縮ファイルを編集・作成するＷｅｂ３Ｄファイル編集システムに関するものである。
【０００２】
【従来の技術】
従来の３Ｄ画像作成ソフトは、モデリング、テクスチャ・マッピング、カメラ、ライテング、アニメーション、レンダリング等の各処理の積み重ねにより総合的に３Ｄ画像を生成している。最近ではこうした各処理に対し機能が多彩化されて高精細な３Ｄ画像の生成が可能になっている、一方で、３Ｄ画像作成ソフトとネットワーク伝送系のＷｅｂサーバー、ブラウザ等での処理を行うＷｅｂ用のソフトは別々の領域として機能していたために、３Ｄ画像作成とＷｅｂ伝送処理とが統合されたソフトは少なく、機能的にも不満足であった。
【０００３】
こうしたソフトを統合するために、例えば、ＶＲＭＬ（Ｖｉｒｔｕａｌ　Ｒｅａｌｉｔｙ　Ｍｏｄｅｌｉｎｇ　Ｌａｎｇｕａｇｅ）などの標準化されたＷｅｂ３Ｄ用のフォーマットを用いる方法がある。このＶＲＭＬを用いて、家庭製品等の端末装置の操作説明を遠隔地から行う応用例がある（例えば、特許文献１参照）が、ＶＲＭＬはＷｅｂに対応させた反面、他の３Ｄ画像形成専用ソフトに比較して３Ｄ画像表示を行うには機能的に不足するといった面が見られる。また、特許文献１に記載されているように、ブラウザ側でＷｅｂサーバー側から３Ｄ画像データをダウンロードし、Ｊａｖａ（Ｒ）ＶＭ（Ｖｉｒｔｕａｌ　Ｍａｃｈｉｎｅ）により３Ｄ画像の処理とインタラクティブな操作を実現する方法もあるが、実際には、ＶＲＭＬファイルをそのまま使用したのではインタラクティブ操作の種類だけでなく応答性などでも問題があり、Ｊａｖａ（Ｒ）ＶＭに加え、例えば、Ｌｉｖｅ３Ｄ（商品名）といった特別な３Ｄビューアをブラウザにプラグインしないと、軽快で多機能な３Ｄ画像表示を行うことはできなかった。
また、画像データのダウンロードもサーバー側から３Ｄ画像ファイルをそのままダウンロードしていたのでダウンロードに膨大な時間を要するという問題があり、これらがインターネット画像の３Ｄ化を阻害していたという現実があった。
【特許文献１】
特開２００１−１５７２８２号公報　（段落〔００４３〕、第１２図、）
【０００４】
【発明が解決しようとする課題】
そこで、本発明は、ＶＲＭＬ等の標準的なＷｅｂ３Ｄファイルの３Ｄ画像データをカスタマイズして多彩で高精細な３Ｄ画像データを生成すると共に、Ｗｅｂブラウザ側には特別な３Ｄビューアのインストールを必要とせず、サーバー側から３Ｄ画像情報を高速にダウンロードし、ブラウザ上で編集も可能なインタラクティブな３Ｄ画像を表示できる３Ｄ圧縮ファイルを生成するＷｅｂ３Ｄファイル編集システムを提供することを目的としている。
【０００５】
【課題を解決するための手段】
上記目的を達成するため、請求項１に記載の発明は、３Ｄモデリングソフトウェアを使用して生成した３Ｄオブジェクト又はシーン全体をＶＲＭＬ等によるＷｅｂ３Ｄ用グラフィックス言語記述フォーマットのＷｅｂ３Ｄファイルに変換し、変換された前記Ｗｅｂ３Ｄファイルを読込みカスタマイズをして３Ｄ圧縮ファイルを生成するＷｅｂ３Ｄファイル編集システムであって、前記Ｗｅｂ３Ｄファイルを読み込みプレビュー画面に編集用の３Ｄ画像を表示するＷｅｂ３Ｄファイル読込み手段と、シーン・オプション・パネル上で３Ｄシーン全体の編集条件を設定するシーン・オプション設定手段と、セレクター・ウインドウで編集するオブジェクトを選択し、プロパティ・ウインドウで前記セレクター・ウインドウにおいて選択したオブジェクトのプロパティを設定するオブジェクト・プロパティ設定手段と、アニメーション・マネージャ・ウインドウで作成するアニメーションの項目を設定するアニメーション設定手段と、前記各手段によって編集・設定・圧縮された３Ｄ画像ファイルをＷｅｂブラウザで表示できるようにアプレット処理するために、アプレット・オプションズ・ウインドウで所定の設定を行うアプレット・オプション設定手段と、を備えることを特徴としている。
また、請求項２に記載の発明は、前記セレクター・ウインドウは、ツリー・セレクターとリスト・セレクターの２形式を有することを特徴としている。
また、請求項３に記載の発明は、前記シーン・オプション設定手段は、シーン単位の操作とオブジェクト単位の操作の切替えが可能であることを特徴としている。
また、請求項４に記載の発明は、前記アプレット・オプション設定手段は、少なくともアプレット・サイズ、背景シーン・ファイルおよびツールバー・ファイルを含むことを特徴としている。
【０００６】
【発明の実施の形態】
以下、本発明の実施の形態について図を参照して説明する。
図１は本発明の実施の形態に係るＷｅｂ３Ｄファイル編集システムのフローチャートである。
図２は図１に示す編集システム（「デザイナー」）の構成図である。
図３は図２に示す「デザイナー」のプレビュー画面の拡大図である。
図２において、１は編集システム（「デザイナー」）の編集画面であり、２は編集操作対象の３Ｄシーンが表示されるプレビュー画面である。３はシーン単位の編集条件を設定するシーン・オプション・パネルである。４はセレクター・ウインドウでオブジェクトを選択する。その形式には階層表示のツリー・セレクターと並列表示のリスト・セレクターがある。５はプロパティ・ウインドウで、セレクター・ウインドウ４で選択したオブジェクトのプロパティを設定する。６はアニメーション・マネージャ・ウインドウであり、アニメーション動作の各種項目を設定する。７はアプレット・オプション・ウインドウでアプレットの各項目を設定する。
【０００７】
次に動作について説明する。
ここで、本発明の３Ｄ圧縮ファイルと３Ｄ画像表示・コントロール用の３Ｄアプレットには、以降、３Ｄの後にＡを付して「３ＤＡ」と記述するものとする。
（３ＤＡの「Ａ」はＡｎｙｗｈｅｒｅの頭文字を取ったもので、「特別」のに対して「通常の何処にでもある」という意味を持たせたものである。）
また、本実施の形態の３Ｄ編集ソフト「デザイナー」は、３ＤデータのＶＲＭＬファイル（Ｗｅｂ３Ｄファイル）をツール用の入力フォーマットとして使用し、ＶＲＭＬファイルの記述の中から、３ＤＡアプレットがインタラクティブ３Ｄシーンを表示するために必要な情報を抽出し、インタラクティブ動作に必要な様々な独自仕様を付加した３ＤＡ（圧縮）ファイルを生成するものである。
【０００８】
ＶＲＭＬ（Ｖｉｒｔｕａｌ　Ｒｅａｌｉｔｙ　Ｍｏｄｅｌｉｎｇ　Ｌａｎｇｕａｇｅ）ファイルは圧縮ファイルでは無く、通常のテキストファイルであり、３Ｄシーンの表示には場合によっては必要が無い情報を含み、逆に、インタラクティブな３Ｄシーンを実現するためには追加した方が良いと思われる情報が含まれていないので、単にＷｅｂ対応の３Ｄシーン情報をインポートするためにのみ使用し「デザイナー」で補足して３ＤＡファイルを作成している。この３ＤＡファイルには３ＤＡアプレットによって３Ｄシーンを表示するために必要な情報だけが収納されていて、３ＤＡファイルおよび付随する３ＤＡアプレット等のファイルは、さらにひとまとめにされ通常のＺＩＰ圧縮により圧縮されてサーバーに保持される。
【０００９】
次に図１のフローチャートを参照して具体的な処理手順を説明する。
ここでは、図３に示すような地球（天体）を一例に挙げて説明を進める。例えば、３ｄｓ　Ｍａｘ（商品名）等の３Ｄソフトを用いたモデリングによりプリミティブな地球（天体）を作成してＶＲＭＬフォーマットに変換し、変換されたＶＲＭＬファイルを「デザイナー」に読込んで、オブジェクト又はシーンとして、地球（天体）１０の３Ｄ画像（表面白線の四角形は分割ポリゴン１１を表す）を編集用のプレビュー画面２上に表示させる（Ｓ１００）。
【００１０】
次の指定操作がシーン・オプションの設定か否か？を判断する（Ｓ１０１）。
Ｎｏの場合は通過して次の判断処理へ向かうが、Ｙｅｓの場合は、シーン・オプション・パネル３でシーンの各種設定を行う（Ｓ１０２）。
このシーン・オプション・パネル３におけるシーンの設定は、シーン単位の操作であって、例えば、マウス・プロパティでは現在「Ｒｏｔａｔｅ：回転」に設定されているが、この状態は、マウスのクリック操作によってプレビュー画面２のシーンとしての地球を回転させられることを意味している。設定を「移動」、「拡大・縮小」等に切替えればシーン単位の移動、拡大・縮小操作が可能である。
なお、Ｍｉｓｃｅｌｌａｎｅｏｕｓ　Ｐｒｏｐｅｒｔｉｅｓ（各種設定）の切替えによって、シーン単位の設定からオブジェクト単位の編集が可能な設定に切替えることができる。
【００１１】
こうしてシーン・オプション・パネル３における設定・操作が終了したらＳ１０１へ戻り、次の操作はシーン・オプションの設定ではないのでＳ１０１は通過して、オブジェクト・プロパティの設定か否か？を判断する（Ｓ１０３）。Ｎｏならば通過となるが、Ｙｅｓの場合は、セレクター・ウインドウ４でオブジェクト（この場合は、Ｓｐｈｅｒｅ　０１：球体）を選択する（Ｓ１０４）。ここでは現在、地球を表示しているので「球体」であるが他のオブジェクトの場合はオブジェクト名が変る。
【００１２】
セレクター・ウインドウ４によって表示オブジェクトを選択した後、プロパティ・ウインドウ５でオブジェクト・プロパティの設定を行う（Ｓ１０５）。
このプロパティ・ウインドウ５におけるオブジェクト・プロパティの設定は、シーン・オプションとは異なり、シーン単位の設定ではなくオブジェクト単位の設定であり、オブジェクトのシェープ・パラメータ、テクスチャ・マッピング、カラー、透明度などの設定が行われる。例えば、テクスチャ・マッピングの設定では、マップとして地球マップ（ＪＰＥＧファイル形式）を設定し、プレビュー画面２に示すように、球体に地球地図を貼付けている。
なお、セレクター・ウインドウ４とプロパティ・ウインドウ５とはリンクしていて、セレクター・ウインドウ４のライト、カメラ等の選択は、そのままプロパティ・ウインドウ５の設定になっている。
【００１３】
次に、再びＳ１０１に戻った後、Ｓ１０１、Ｓ１０３を通過して、アニメーション・マネージャ・ウインドウ６でアニメーションの設定か否か？を判断する（Ｓ１０６）。Ｎｏならば通過し、Ｙｅｓならばアニメーション・マネージャ・ウインドウ６で各種アニメーションに関する設定を行う（Ｓ１０７）。
このアニメーション・マネージャ・ウインドウ６におけるアニメーションの設定は、図４に示すように、スライド時間＝１．０秒〜、アニメーション長さ＝０．０秒などの各項目がある。
ここでは、例えば、ブラウザに地球を表示したユーザーが回転、移動などの操作をおこなった後、リセット・ボタンをクリックすると１秒以内に地球を元の位置に復帰させるというアニメーションを設定している。
同時にセレクター・ウインドウ４とアニメーション・マネージャ・ウインドウ６ともリンクしているので、セレクター・ウインドウ４の設定が、新たに、階層構造のツリー・セレクターとして、アース（地球）のグループ選択を行い、アニメーション動作のＩｎｔｅｒｐｏｌａｔｏｒｓ（アニメの補間処理）がチェックされている。
【００１４】
続いて、再びＳ１０１に戻り、Ｓ１０１、Ｓ１０３、Ｓ１０６を通過して、アプレット・オプションの設定か否か？を判断する（Ｓ１０８）。Ｎｏならば通過し、Ｙｅｓならばアプレット・オプション・ウインドウ７でアプレット・オプションに関する各種設定を行う（Ｓ１０９）。
このアプレット・オプション・ウインドウ７におけるアプレット・オプションの設定は、３ＤＡファイルをブラウザへダウンロードした際に、Ｗｅｂブラウザで３Ｄビューワ無しに３Ｄ画像の表示・編集が可能なアプレットを作成するためのＷｅｂブラウザ用の処理である。
設定内容には、アプレット・サイズ（図では、ｘ５００、ｙ３１９にセット）、背景シーンデータ、ツールバー・ファイルなどがある。
【００１５】
以上で「デザイナー」による編集処理は終了であるが、その後、全ての３Ｄシーン情報は圧縮処理（ＺＩＰ等）され、３ＤＡフアィル、及びＷｅｂブラウザ上の３Ｄシーン表示のためのツールバー・ファイル、３ＤＡアプレット、テクスチャ等がサーバーに保存される。また、同時にＨＴＭＬファイルをエクスポートして、新規のＷｅｂページ（ＨＴＭＬ文書）が作成される。このＷｅｂページには３ＤＡアプレットを呼び出すアプレット・タグが含まれている。
図５はこの時点で出力される３ＤＡファイルの画像を示した図であり、完成した地球の３ＤＡ画像の右下に、ユーザーがマウス操作できるｚｏｏｍ、ｍｏｖｅ、ｒｏｔａｔｅのボタンが表示されている。
【００１６】
また、更にオペレーション及びインタラクティビティ向上のため、Ｊａｖａ（Ｒ）スクリプト・コードをＨＴＭＬファイルに追加することも可能である。
図６が、図５の画面にＪａｖａ（Ｒ）スクリプト・コードを書き足した図面であり、ＨＴＭＬファイルに「ｆｕｃｔｉｏｎ　ｓｔａｒｔＲｏｔａｔｅ（）」というＪａｖａ（Ｒ）スクリプト・コードによる関数定義を挿入した一例を示している。
【００１７】
こうして３Ｄシーンの表示に必要な全ての３ＤＡファイル等が、Ｗｅｂサーバー上にコピーされる。それらに含まれるものは、３ＤＡアプレットを呼び出すアプレット・タグを持つＷｅｂページ（ＨＴＭＬ文書）、オプションのツールバー・ファイルおよびイメージ、３Ｄ画像ファイル、追加スプリクト等である。これら「デザイナー」から出力される３ＤＡファイルは、ブラウザがサーバーに接続し、３ＤＡアプレットを要求すると、ブラウザ上にサーバーからダウンロードされ実行されることになる（Ｓ１１０）。
図７はこの場合のブラウザ上に表示される３ＤＡ画像であり、画像にはＪａｖａ（Ｒ）スクリプト・コードにより指定された自動回転がセッテングされている。
【００１８】
このように、本発明の編集システム「デザイナー」によるカスタマイズによって、ＶＲＭＬファイル等の標準のＷｅｂ３Ｄファイルを使用する場合に、Ｗｅｂブラウザは特別のビューアをプラグインしないと３Ｄシーンの表示ができなかったものが、一般的なＷｅｂブラウザを使用して、プラグイン無しにインタラクティブな３Ｄシーンの表示が可能なようにＷｅｂ対応処理された３ＤＡファイルを作成できる。
また、３ＤＡアプレットによる３Ｄシーンの表示方式と、３ＤＡファイルの圧縮処理によって、平均的なアニメーションファイルの１／１０程度の圧縮サイズにまで下げられるので、ブロードバンドを使用しなくても通常のインターネットで３Ｄ画像表示をスムースに展開することができる。
これによって、ブラウザ側で３ＤＡファイル、３ＤＡアプレット、オプション等をダウンロードしてしまうと、サーバー無しでインタラクティブな表示が可能になる。
【００１９】
【発明の効果】
以上説明したように、本発明によれば、汎用の３Ｄモデリングソフトウェアを使用して生成した３Ｄオブジェクト又はシーン全体を標準のＶＲＭＬ等にフォーマット変換し、変換されたＷｅｂ３Ｄファイルを読込んでカスタマイズを行い、Ｗｅｂ用の３Ｄ圧縮ファイルを編集・作成するＷｅｂ３Ｄファイル編集システムであって、Ｗｅｂ３Ｄファイルを読み込み、３Ｄシーン全体のオプションとオブジェクトのプロパティとアニメーション等の各種項目を設定し、Ｗｅｂブラウザで３Ｄ圧縮ファイルをアプレット処理するために、所定の設定を行うアプレット・オプションを備えているので、ＶＲＭＬファイル等の汎用の３Ｄファイルをカスタマイズし高機能なアニメーション動作を行う３Ｄ画像に編集し直しすことにより、Ｗｅｂブラウザ側でビューワ無しに３Ｄ画像の表示・編集が可能で、さらにインタラクティブ操作を実現する３Ｄ圧縮ファイルを出力することができ、広範囲なアプリケーションが期待できるという効果がある。
【図面の簡単な説明】
【図１】本発明の実施の形態に係るＷｅｂ３Ｄファイル編集システムのフローチャートである。
【図２】図１に示す編集システム（「デザイナー」）の構成図である。
【図３】図２に示す「デザイナー」のプレビュー画面の拡大図である。
【図４】図２に示す編集システムのアニメーション・マネージャの設定を示す図である。
【図５】図１に示す「デザイナー」による３ＤＡ画像の出力例を示す図である。
【図６】図５に示す３ＤＡ画像にＪａｖａ（Ｒ）スクリプトにより処理を書き足した例を示す図である。
【図７】図６に示すＪａｖａ（Ｒ）スクリプトの動作を示す図である。
【符号の説明】
１　　デザイナー
２　　プレビュー画面
３　　シーン・オプション・パネル
４　　セレクター・ウインドウ
５　　プロパティ・ウインドウ
６　　アニメーション・マネージャ・ウインドウ
７　　アプレット・オプション・ウインドウ
１０　　地球
１１　　ポリゴン
【図１】
2004127018.tif 000003
【図２】
2004127018.tif 000004
【図３】
2004127018.tif 000005
【図４】
2004127018.tif 000006
【図５】
2004127018.tif 000007
【図６】
2004127018.tif 000008
【図７】
2004127018.tif 000009