(57)【要約】      （修正有）【課題】３次元画像のインタラクティブ表示方法及びシステムを提供する。【解決手段】異なる角度に位置している所定物体の複数枚の画像を取得し、複数枚の画像をステッチングして、所定物体の３次元画像を形成し、３次元画像をウェブブラウザにアップロードし、ウェブブラウザのウェブページに３次元画像を表示する。【効果】ユーザーが様々な端末を使ってウェブページをアクセスして、３次元画像の閲覧、シェアーが実現でき、３次元画像がユーザーの外部操作によって相応に動作できるため、任意の角度から３次元画像を見ることができ、ユーザーと３次元画像とのインタラクティブ体験を向上することができる。【選択図】図１
2018200505.tif 000002
【特許請求の範囲】
【請求項１】
所定物体の異なる角度に位置している複数枚の画像を取得するステップＳ１と、
前記複数枚の画像をステッチングして、前記所定物体の３次元画像を形成するステップＳ２と、
前記３次元画像をウェブブラウザにアップロードするステップＳ３と、
前記ウェブブラウザのウェブページに前記３次元画像を表示するステップＳ４と、
を含むことを特徴とする３次元画像のインタラクティブ表示方法。
【請求項２】
前記ステップＳ４では、ＨＴＭＬ５及びＪａｖａｓｃｒｉｐｔ技術を利用して前記３次元画像を表示することを特徴とする請求項１に記載の３次元画像のインタラクティブ表示方法。
【請求項３】
前記ステップＳ４の後、
外部操作によってオフセット方向及びオフセット角度を確定するステップＳ５と、
前記３次元画像が前記オフセット方向に沿って前記オフセット角度の分オフセットするように制御するステップＳ６と、をさらに含むことを特徴とする請求項１又は２に記載の３次元画像のインタラクティブ表示方法。
【請求項４】
前記ステップＳ１は、前記所定物体の３次元モデルに対しレンダリングを行って、前記所定物体の異なる角度に位置する複数枚の画像を形成するステップを含むことを特徴とする請求項１に記載の３次元画像のインタラクティブ表示方法。
【請求項５】
前記３次元画像に文字、音声、リンクの情報中の少なくとも一種を付け加えるステップをさらに含むことを特徴とする請求項１に記載の３次元画像のインタラクティブ表示方法。
【請求項６】
所定物体の異なる角度に位置している複数枚の画像を取得するために用いられる取得モジュールと、
前記複数枚の画像をステッチングして、前記所定物体の３次元画像を形成するために用いられる画像ステッチングモジュールと、
前記３次元画像をウェブブラウザにアップロードするために用いられるアップロードモジュールと、
前記ウェブブラウザのウェブページに前記３次元画像を表示するために用いられる表示モジュールと、
を含むことを特徴とする３次元画像のインタラクティブ表示システム。
【請求項７】
前記表示モジュールは、ＨＴＭＬ５及びＪａｖａｓｃｒｉｐｔ技術を利用して前記３次元画像を表示することを特徴とする請求項１に記載の３次元画像のインタラクティブ表示システム。
【請求項８】
前記表示モジュールは、外部操作によってオフセット方向及びオフセット角度を確定し、前記３次元画像が前記オフセット方向に沿って前記オフセット角度の分オフセットするように制御するために用いられることを特徴とする請求項６又は７に記載の３次元画像のインタラクティブ表示システム。
【請求項９】
前記取得モジュールは、前記所定物体の３次元モデルに対しレンダリングを行って、前記所定物体の異なる角度に位置する複数枚の画像を形成するために用いられることを特徴とする請求項６に記載の３次元画像のインタラクティブ表示システム。
【請求項１０】
前記３次元画像に文字、音声、リンクの情報中の少なくとも一種を付け加えるために用いられる情報付けモジュールをさらに含むことを特徴とする請求項６に記載の３次元画像のインタラクティブ表示システム。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、３次元画像のインタラクティブ表示の技術分野に関し、特に、ＨＴＭＬ５（第５回改訂版のハイパーテキスト・マークアップ言語）に基づいた３次元画像のインタラクティブ表示方法及びインタラクティブ表示システムに関する。
【背景技術】
【０００２】
従来の３次元デジタル表示技術は、通常強大なＣＰＵに依頼しており、ＧＰＵ及びＲＡＭの画像ワークステーションは、高級表示環境、産業のみに現れる。様々な個人端末装置の演算能力の継続的強化に伴い、何時でも何処でも３次元コンテンツを閲覧したがっている人々の要求もますます強くなっているため、頻繁により強大なハードウェア設備を購入している。しかしながら、現在の市場には、クロスプラットフォームで使用可能な３次元表示手段がまだ出現しておらず、況して総合的なユーザーインタラクティブ体験の機能も具備しない。このような情況が出現する主要原因は非常に複雑であるが、まとめてみると下記のような幾つかの要因がある。
【０００３】
（１）スマートフォンや多機能テレビなどの様々な端末装置は、３次元コンテンツに対するレンダリング能力が標準化されていないため、所定の装置で運用可能なコンテンツであっても、他の装置でも同じ効果を得るとは言えない。
【０００４】
（２）３次元図形のフォーマットが統一されていないため、現在流行っている３次元図形のフォーマットが雑多であり、例えば、主流のフォーマットとして、ｏｂｊ、ｍａｙａ、ｍａｘ、ｆｂｘ、ｃａｔ、ｓｔｌ、ｉｇｓ、ＶＲＭＬなどがあり、異なるプラットフォームで流行っているフォーマットとして、Ｕｎｉｔｙ３ｄ、ｒｈｉｎｏ、ｆｏｒｍＺなどがある。
【０００５】
（３）例えばＷｉｎｄｏｗｓ、ＩＯＳ、Ａｎｄｒｏｉｄなど、各種類の操作システムが不同であり、アルゴリズム設計が統一でないため、３次元フォーマット図形の演算速度及び効果が完全に異なっている。
【発明の概要】
【発明が解決しようとする課題】
【０００６】
本発明は、従来技術における様々な端末装置の３次元コンテンツに対するレンダリング能力の非標準化、３次元図形のフォーマットの不統一及び各種操作システムのアルゴリズムの不統一などの問題による、３次元図形のクロスプラットフォームでの表示が不可能になるという欠陥を克服することを課題とし、ＨＴＭＬ５に基づいており、クロスプラットフォームに表示可能な３次元画像のインタラクティブ表示方法及びシステムを提供する。
【課題を解決するための手段】
【０００７】
本発明は、下記のような技術方案によって上記課題を解決する。
【０００８】
本発明による３次元画像のインタラクティブ表示方法は、下記ステップを含み、即ち、
ステップＳ１：所定物体の異なる角度に位置している複数枚の画像を取得する；
ステップＳ２：前記複数枚の画像をステッチングして、前記所定物体の３次元画像を形成する；
ステップＳ３：前記３次元画像をウェブブラウザにアップロードする；
ステップＳ４：前記ウェブブラウザのウェブページに前記３次元画像を表示する。
【０００９】
本技術方案において、取得した複数枚の画像をステッチングして、所定物体の３次元画像を形成し、それを統一の公開プラットフォーム、即ちウェブブラウザのウェブページに表示することにより、ユーザーが様々な端末を使ってウェブブラウザのウェブページをアクセスして、３次元画像の閲覧、シェアーが実現できるようにする。ユーザーは、例えば、ウェブブラウザをサポートするＰＣ（個人用コンピューター）、携帯用デバイス又はＰＡＤ（タブレット型コンピューター）、携帯電話などの端末を使ってウェブページをアクセスすることができる。
【００１０】
ステップＳ１において、物体に対し多角度で撮影する方式によって画像を取得することができ、画像シーケンスをアップロードする方式によって画像を取得することもできる。
【００１１】
ステップＳ２において、２次元画像のステッチング技術を利用して、前記複数枚の画像をステッチングし、その中、取得した複数枚の画像をクラウドにアップロードすることができ、クラウドに基づいて複数枚の画像をステッチングすることで、ローカルのロードデータによる演算速度の減速問題を避けることができ、ユーザーが３次元画像を迅速に体験できるようにするとともに、適用プラグイン又は専用の運用プラットフォームの使用を避けて、クロスプラットフォーム体験を実現し、且つ、何のソフトウェアもインストールする必要がない。
【００１２】
本技術方案において、例えば、３次元画像の色又はバックグラウンドを調整するなど、３次元画像をウェブブラウザにアップロード前に、それに対し最適化処理を行うことができる。
【００１３】
本技術方案において、所定の物体とは、例えば、茶碗、鞄、衣類、携帯電話、車、家具など、いずれの立体的形状の物体である。
【００１４】
好ましくは、ステップＳ４において、ＨＴＭＬ５及びＪａｖａｓｃｒｉｐｔ（コンピューター言語の一種）技術を利用して前記３次元画像を表示する。
【００１５】
好ましくは、ステップＳ４の後、下記ステップをさらに含み、即ち、
ステップＳ５：外部操作によってオフセット方向及びオフセット角度を確定する；
ステップＳ６：前記３次元画像が前記オフセット方向に沿って前記オフセット角度の分オフセットするように制御する。
【００１６】
本技術方案において、外部操作とは、ユーザーが３次元画像に対して行う例えば左フリック、右フリック、上フリック、下フリック又はその他の方向へのフリックなどを指し、マウス又は指で外部操作を行うことができる。ユーザーの外部操作によってオフセット方向及びオフセット角度を確定し、３次元画像が前記オフセット方向に沿って前記オフセット角度の分オフセットするように３次元画像を制御することにより、ユーザーが任意の角度で３次元画像を見ることができて、ユーザーと３次元画像とのインタラクティブ体験を向上させることができる。
【００１７】
好ましくは、ステップＳ１は、所定物体の３次元モデルに対しレンダリングを行って、前記所定物体の異なる角度に位置する複数枚の画像を形成するステップを含む。ここで、３次元レンダリングエンジンを利用して物体の３次元モデルに対してレンダリングを行うことができる。なお、３次元レンダリングエンジンに関しては、従来技術であるため、説明は省略する。
【００１８】
好ましくは、３次元画像のインタラクティブ表示方法において、３次元画像に文字、音声、リンクの情報中の少なくとも一種を付け加えるステップをさらに含む。
【００１９】
本技術方案において、ユーザーは、３次元画像に文字、音声及び／又はリンクなどの情報を付け加えることができる。ここで、情報を付け加えるユーザーは、物体の３次元画像をアップロードしたユーザーであってもよく、付け加えた情報は、例えば、所定物体を撮影した時間、所定物体のサイズなど、所定物体のプロパティーを表す情報であってもよい。また、情報を付け加えるユーザーは、所定物体の３次元画像を見たユーザーであってもよく、付け加えた情報は、例えば、所定物体の販売価格の相談、所定物体の使用性能に対するレビューなど、所定物体に対するユーザーの評論であってもよい。
【００２０】
本技術方案において、３次元画像に付け加えた情報は、３次元画像の移動に伴って移動するようになっている。
【００２１】
本発明による３次元画像のインタラクティブ表示システムは、所定物体の異なる角度に位置している複数枚の画像を取得するために用いられる取得モジュールと、前記複数枚の画像をステッチングして、前記所定物体の３次元画像を形成するために用いられる画像ステッチングモジュールと、前記３次元画像をウェブブラウザにアップロードするために用いられるアップロードモジュールと、前記ウェブブラウザのウェブページに前記３次元画像を表示するために用いられる表示モジュールと、を含んでいる。
【００２２】
好ましくは、表示モジュールは、ＨＴＭＬ５及びＪａｖａｓｃｒｉｐｔ技術を利用して３次元画像を表示する。
【００２３】
好ましくは、表示モジュールは、外部操作によってオフセット方向及びオフセット角度を確定し、３次元画像がオフセット方向に沿ってオフセット角度の分オフセットするように３次元画像を制御する。
【００２４】
好ましくは、取得モジュールは、所定物体の３次元モデルに対しレンダリングを行って、所定物体の異なる角度に位置する複数枚の画像を形成する。
【００２５】
好ましくは、３次元画像のインタラクティブ表示システムは情報付けモジュールをさらに含み、情報付けモジュールにより、３次元画像に文字、音声、リンクの情報中の少なくとも一種を付け加える。
【００２６】
もちろん、本技術分野に適合する限り、上記した好ましい方案を任意に組み合わせることもできる。
【発明の効果】
【００２７】
従来技術に比べ、本発明によれば、取得した複数枚の画像をステッチングして、所定物体の３次元画像を形成し、それを統一の公開プラットフォーム、即ちウェブブラウザのウェブページに表示することで、ユーザーが様々な端末を使ってウェブブラウザのウェブページをアクセスして、３次元画像の閲覧、シェアーが実現できるようにする。また、本発明によれば、３次元画像がユーザーの外部操作によって相応に移動できるため、ユーザーが任意の角度から３次元画像を見ることができて、ユーザーと３次元画像とのインタラクティブ体験を向上することができる。
【図面の簡単な説明】
【００２８】
【図１】本発明の実施形態による３次元画像のインタラクティブ表示方法のフローチャートである。
【図２】本発明の実施形態による３次元画像のインタラクティブ表示システムの構造を示すブロック図である。
【発明を実施するための形態】
【００２９】
以下、実施形態によって本発明を詳しく説明する。なお、本発明の保護範囲は、下記実施形態に限定されない。
【００３０】
本発明の実施形態による３次元画像のインタラクティブ表示方法は、図１に示すように、以下のようなステップを含んでいる。  
【００３１】
ステップ１０１：写真撮影によって、所定自動車の異なる角度の１０枚の画像を取得する；
ステップ１０２：２次元画像のステッチング技術により前記１０枚の画像をステッチングして、所定自動車の３次元画像を形成する；
ステップ１０３：形成された３次元画像を、ウェブブラウザにアップロードする；
ステップ１０４：ウェブブラウザのウェブページに前記３次元画像を表示する；
ステップ１０５：外部操作によってオフセット方向及びオフセット角度を確定する；
ステップ１０６：前記３次元画像を、前記オフセット方向に沿って前記オフセット角度の分オフセットするように制御する。
【００３２】
ここで、３次元画像をウェブブラウザにアップロード前に、３次元画像に対し最適化処理を行うことができ、例えば、３次元画像の色又はバックグラウンドを調整することができる。
【００３３】
ステップ１０４において、所定自動車の３次元画像を、ＨＴＭＬ５及びＪａｖａｓｃｒｉｐｔ技術を利用して表示する。
【００３４】
本実施形態において、ユーザーは、携帯電話を使ってウェブブラウザ中の所定自動車の３次元画像が表示されているウェブページをアクセスし、携帯電話の表示画面で手操作することによって、所定自動車の３次元画像を閲覧する。例えば、ユーザーが指で左フリックをするとき、自動車の３次元画像も指操作に従って左方向へ移動する。
【００３５】
本実施形態における３次元画像のインタラクティブ表示方法は、さらに、３次元画像に文字、音声、リンクの情報中の少なくとも一種を付け加えるステップを含んでいる。例えば、３次元画像をアップロードしたユーザーは、ステップ１０３を行う前に３次元画像に、所定自動車を撮影した時間、所定自動車の部品構成及び販売価格などの情報を付け加えることができる。ウェブブラウザのウェブページで所定自動車の３次元画像を閲覧しているユーザーは、ウェブページに表示されている３次元画像に、所定自動車に対する評論などの情報を付け加えることができる。そのうち、３次元画像に付け加えた情報は、３次元画像の移動に従って移動できるようになっている。
【００３６】
なお、ユーザーは、ウェブブラウザのウェブページに表示されている３次元画像を他のウェブページにシェアーして、他のユーザーも閲覧できるようにしてもよい。
【００３７】
本実施形態において、所定自動車の３次元画像がウェブブラウザにアップロードされると、ユーザーは、そのウェブブラウザのウェブページをアクセスして所定自動車の３次元画像を閲覧することができ、３次元画像に対し、左フリック、右フリック又はその他のフリック操作をすることができて、所定自動車の３次元画像がユーザーの操作に従って移動されて、所定自動車を総合的に閲覧できるようユーザーに便宜を与える。また、本実施形態では、クラウドに基づいて所定自動車の画像をステッチングし、これにより、ローカルのロードデータによる演算速度の減速問題を避け、ユーザーが３次元画像を迅速に体験できるようにするとともに、適用プラグイン又は専用の運用プラットフォームの使用を避けて、クロスプラットフォーム体験を実現し、且つ、何のソフトウェアもインストールする必要がない。
【００３８】
本発明は、本発明の実施形態による３次元画像のインタラクティブ表示システムは、図２に示すように、取得モジュール２１、画像ステッチングモジュール２２、情報付けモジュール２３、アップロードモジュール２４及び表示モジュール２５を含んでいる。
【００３９】
取得モジュール２１は、所定物体の異なる角度の複数枚の画像を取得するために用いられる。ここで、取得モジュールが画像を取得する方式として、所定物体の３次元モデルに対しレンダリングすることにより、異なる角度に位置する所定物体の複数枚の画像を形成する。
【００４０】
画像ステッチングモジュール２２は、複数枚の画像をステッチングして、所定物体の３次元画像を形成するために用いられる。
【００４１】
情報付けモジュール２３は、所定の３次元画像に文字、音声、リンクの情報中の少なくとも一種を付け加えるために用いられる。
【００４２】
アップロードモジュール２４は、所定の３次元画像をウェブブラウザにアップロードするために用いられる。
【００４３】
表示モジュール２５は、所定のウェブブラウザのウェブページに、ＨＴＭＬ５及びＪａｖａｓｃｒｉｐｔ技術を利用して所定の３次元画像を表示し、外部操作によってオフセット方向及びオフセット角度を確定して、所定の３次元画像が確定したオフセット方向に沿って確定したオフセット角度の分オフセットするよう、所定の３次元画像を制御するために用いられる。
【００４４】
本発明において、画像を取得する方式は、上記実施形態で説明した写真撮影の方式に限定されず、画像シーケンスをアップロードし、所定物体の３次元モデルに対しレンダリングすることで、異なる角度に位置する所定物体の複数枚の画像を取得してもよい。取得した画像の数は、上記実施形態で説明した１０枚に限定されず、全ての画像をステッチングして所定物体の３次元画像が取得できる数であれば、実際の情況に応じて確定することもできる。
【００４５】
以上のように、好ましい実施形態により本発明を詳細に説明したが、その目的は、当業者が、本発明の内容を理解した上で実施できるようにするためである。もちろん、本発明の保護範囲は、上記実施形態に限定されず、本発明の趣旨に基づいて変更又は改善することができ、いずれも本発明の保護範囲に含まれる。
【図１】
2018200505.tif 000003
【図２】
2018200505.tif 000004
【外国語明細書】
2018200505000001.pdf
2018200505000002.pdf
2018200505000003.pdf
2018200505000004.pdf