JP5908653B2

JP5908653B2 - ３次元客体生成装置及びその方法

Info

Publication number: JP5908653B2
Application number: JP2015508881A
Authority: JP
Inventors: シム、ウック
Original assignee: エスケープラネットカンパニー、リミテッド
Priority date: 2012-09-26
Filing date: 2013-07-31
Publication date: 2016-04-26
Anticipated expiration: 2033-07-31
Also published as: CN104254878A; CN107256207B; CN104254878B; WO2014051250A1; US9367957B2; JP2015518217A; CN107256207A; KR101911906B1; KR20140040416A; US20150371441A1

Description

本発明は、３次元客体生成装置及びその方法に係り、さらに詳しくは、２次元ウェブページの構成要素を格子化させ、且つ、多数のポリゴンに分けて３次元客体を生成し、生成された３次元客体に関する客体操作信号が入力された場合、客体操作信号に基づいて当該個別格子要素の頂点座標値を変更して３次元トランスフォームマトリックスを生成し、生成された３次元トランスフォームマトリックスを既に定義されたカスケードスタイルシート（ＣＳＳ：ｃａｓｃａｄｉｎｇｓｔｙｌｅｓｈｅｅｔ）トランスフォームに適用して変形された３次元客体を生成する３次元客体生成装置及びその方法に関する。

最近、自動化が進み、情報社会への発展が進むことに伴い、コンピュータグラフィックの応用分野が急速に拡大されており、特に、３次元グラフィックを用いる分野が急増している。

従来より用いられているほとんどの３次元客体システムは、３次元ポリゴン処理方式を用いて３次元客体を生成し且つ操作している。ポリゴンは、３次元コンピュータグラフィックにおいて立体形状を表現するときに用いる最小単位の多角形を意味する。

一方、ウェブページにおいて３次元技術を提供するための代表的な方式として、ＷｅｂＧＬが用いられている。ＷｅｂＧＬの場合、最も基本的で且つ普遍的な３次元グラフィック技術であるＯｐｅｎＧＬとほとんど同じ技術であり、低レベル開発環境を通じて任意の形式を有するポリゴン客体の生成及び操作が可能であることから、３次元ゲームなどに広範に活用可能である。

しかしながら、ＷｅｂＧＬは、ＰＣ環境下でクーロム（Ｃｈｒｏｍｅ）などの最新ブラウザしか支援せず、性能及び互換性を理由にモバイル機器においては支援することができないという欠点がある。

本発明は上述した問題点を解決するために案出されたものであり、その目的は、四角形のクアドラングルを基本要素として三角形のポリゴンをエミュレーションすることにより、基本的な３次元変形技術であるｒｏｔａｔｅ、ｔｒａｎｓｌａｔｅ、ｓｃａｌｅと２次元変形技術であるｓｋｅｗだけでもポリゴン状の３次元客体を生成し且つ操作することのできる３次元客体生成装置及びその方法を提供することである。

本発明の他の目的は、モバイル機器において支援可能なカスケードスタイルシート（ＣＳＳ）２次元／３次元トランスフォーム技術を活用してジーニーエフェクト（ウィンドウやアプリケーションが最大化・最小化するときに表示されるアニメーション効果）、３次元モーフィング（ある形状から別の形状へ徐々に変化していく様子を動画で表現するために、その中間を補うための画像を作成すること）、ページターンエフェクト（ページをめくるような効果）などの効果を奏するだけではなく、ポリゴン基盤の３次元客体の生成及び操作を可能にする３次元客体生成装置及びその方法を提供することである。

本発明のさらに他の目的は、基本的な３次元トランスフォームのみを支援する制限された環境（例えば、モバイルウェブ）においても任意の形式を有するポリゴン基盤の３次元客体を生成及び操作することにより、様々なユーザインタフェース及びグラフィック効果を提供することのできる３次元客体生成装置及びその方法を提供することである。

本発明のさらに他の目的は、ウェブ基盤要素の格子化を通じてポリゴン基盤の３次元客体を生成することのできる３次元客体生成装置及びその方法を提供することである。

上述した課題を解決するための本発明の一側面によれば、２次元ウェブページの構成要素を格子化させ、且つ、多数のポリゴンに分けて３次元客体を生成する３次元客体生成部と、前記生成された３次元客体に関する客体操作信号が入力されれば、前記客体操作信号に基づいて当該個別格子要素の頂点座標値を変更して３次元トランスフォームマトリックスを生成し、前記生成された３次元トランスフォームマトリックスを既に定義されたカスケードスタイルシート（ＣＳＳ）トランスフォームに適用して変形された３次元客体を生成する３次元客体操作処理部と、を備える３次元客体生成装置が提供される。

前記３次元客体生成部は、前記ウェブページの構成要素を所定数の四角形格子に均一に分けて四角形格子要素を生成する四角形格子要素生成モジュールと、前記生成された各角形格子要素の対角方向の頂点を結んで二つの三角形に分け、各四角形格子要素を複製した後、両四角形が異なる三角形領域しか見えないように透明度を調節して多数のポリゴンを生成する３次元客体生成モジュールと、を備えていてもよい。

前記四角形格子要素生成モジュールは、前記ウェブページの構成要素がイメージである場合、原イメージに対応する格子状の個別イメージをサービス提供装置から受け取るか、あるいは、ブラウザーの内部演算を用いて原イメージをビットマップ形式に変換した後、格子イメージを自体的に生成し、前記ウェブページの構成要素がイメージではない場合、区切りタグを用いて四角形格子要素を生成してもよい。

前記３次元客体操作処理部は、前記３次元客体生成部において生成された３次元客体を構成する各格子要素の頂点座標値を格納する座標値格納モジュールと、前記３次元客体に関する客体操作信号が入力された場合、前記客体操作信号に基づいて個別格子要素の頂点座標値を変更し、前記変更された頂点座標値と前記座標値格納モジュールに格納された頂点座標値を用いて各格子要素の３次元トランスフォームマトリックスを生成する３次元トランスフォームマトリックス生成モジュールと、前記生成された３次元トランスフォームマトリックスをカスケードスタイルシート（ＣＳＳ）トランスフォームに適用して変形された３次元客体を生成する３次元客体変形モジュールと、を備えていてもよい。

本発明の他の側面によれば、３次元客体生成装置が２次元のウェブページ構成要素を３次元客体として生成し且つ操作する方法において、（ａ）前記ウェブページの構成要素を所定数の四角形格子に均一に分けて四角形格子要素を生成するステップと、（ｂ）前記生成された各四角形格子要素の対角方向の頂点を結んで二つの三角形に分け、各四角形格子要素を複製した後、両四角形が異なる三角形領域しか見えないように透明度を調節して３次元客体を生成するステップと、を含む３次元客体生成方法が提供される。

前記３次元客体生成方法は、前記ステップ（ｂ）後に、前記生成された３次元客体に関する客体操作信号が入力された場合、前記客体操作信号に基づいて個別格子要素の頂点座標値を変更し、前記変更された頂点座標値と変更前の頂点座標値を用いて各格子要素の３次元トランスフォームマトリックスを生成するステップと、前記生成された３次元トランスフォームマトリックスを既に定義されたカスケードスタイルシート（ＣＳＳ）トランスフォームに適用して変形された３次元客体を生成するステップと、をさらに含むことを特徴とする請求項５に記載の３次元客体生成方法が提供される。

前記ステップ（ｂ）において、前記ウェブページの構成要素がイメージである場合、原イメージに対応する格子状の個別イメージをサービス提供装置から受け取るか、あるいは、ブラウザーの内部演算を用いて原イメージをビットマップ形式に変換した後、格子イメージを自体的に生成し、前記ウェブページの構成要素がイメージではない場合、区切りタグを用いて四角形格子要素を生成してもよい。

本発明のさらに他の側面によれば、ウェブページの構成要素を所定数の四角形格子に均一に分けて四角形格子要素を生成するステップと、前記生成された各四角形格子要素の対角方向の頂点を結んで二つの三角形に分け、各四角形格子要素を複製した後、両四角形が異なる三角形領域しか見えないように透明度を調節して３次元客体を生成するステップと、前記生成された３次元客体に関する客体操作信号が入力された場合、前記客体操作信号に基づいて個別格子要素の頂点座標値を変更し、前記変更された頂点座標値と変更前の頂点座標値を用いて各格子要素の３次元トランスフォームマトリックスを生成するステップと、前記生成された３次元トランスフォームマトリックスを既に定義されたカスケードスタイルシート（ＣＳＳ）トランスフォームに適用して変形された３次元客体を生成するステップと、を含む３次元客体生成方法がプログラムとして記録された電子装置にて読み取り可能な記録媒体が提供される。

本発明によれば、四角形のクアドラングルを基本要素として三角形のポリゴンをエミュレーションすることにより、基本的な３次元変形技術であるｒｏｔａｔｅ、ｔｒａｎｓｌａｔｅ、ｓｃａｌｅと２次元変形技術であるｓｋｅｗだけでもポリゴン状の３次元客体を生成し且つ操作することができる。

また、モバイル機器において支援可能なカスケードスタイルシート（ＣＳＳ）２次元／３次元トランスフォーム技術を活用してジーニーエフェクト（ウィンドウやアプリケーションが最大化・最小化するときに表示されるアニメーション効果）、３次元モーフィング（ある形状から別の形状へ徐々に変化していく様子を動画で表現するために、その中間を補うための画像を作成すること）、ページターンエフェクト（ページをめくるような効果）などの効果を奏するだけではなく、ポリゴン基盤の３次元客体の生成及び操作を可能にする。

さらに、基本的な３次元トランスフォームのみを支援する制限された環境（例えば、モバイルウェブ）においても任意の形式を有するポリゴン基盤の３次元客体を生成及び操作することにより、様々なユーザインタフェース及びグラフィック効果を提供することができる。

さらにまた、ウェブ基盤要素の格子化を通じてポリゴン基盤の３次元客体を生成することができる。

図１は、本発明の実施形態による３次元客体生成のためのシステムを示す図である。図２は、本発明の実施形態による３次元客体生成装置の構成を概略的に示すブロック図である。図３は、図２に示す３次元客体生成部の構成を詳細に示すブロック図である。図４は、図２に示す３次元客体操作処理部の構成を詳細に示すブロック図である。図５は、本発明の実施形態による３次元客体生成装置が３次元客体を生成し且つ操作する方法を示すフローチャートである。図６は、本発明の実施形態による３次元客体生成装置が３次元客体を生成する方法を示すフローチャートである。図７は、本発明の実施形態による３次元客体生成方法を説明するための画面例示図である。図８は、本発明の実施形態による３次元客体生成装置が変形された３次元客体を生成する方法を示すフローチャートである。図９は、本発明の実施形態による変形された３次元客体生成方法を説明するための画面例示図である。

本発明の上述した目的と技術的構成及びそれによる作用効果についての詳細な説明は、本発明の明細書に添付されている図面に基づく以下の詳細な説明によって一層明確に理解できるであろう。

カスケードスタイルシート（ＣＳＳ）は、ウェブ文書の画面構成及びレンダーリング方式を指定するための技術であり、２次元平面座標系に適用されるｔｒａｎｓｌａｔｅ、ｒｏｔａｔｅ、ｓｃａｌｅ、ｓｋｅｗなどの２次元トランスフォーム、３次元立体座標系に適用されるｔｒａｎｓｌａｔｅ３次元、ｒｏｔａｔｅ３次元、ｓｃａｌｅ３次元などの３次元トランスフォーム、各トランスフォーム間のアニメーション効果を支援する。

また、カスケードスタイルシート（ＣＳＳ）は、ウェブ文書を構成する個別構成要素の簡単な操作に適した技術であり、メニューバー／ボタン／イメージなどの単純なＵＩ構成要素あるいは各ウェブページ間の移動時に切換え効果を提供する用途に用いられてきた。しかしながら、本発明においては、ウェブ文書の個別構成要素（特に、イメージ）を四角形の欠片にさらに細かく分解した後、これをポリゴンと同じ形状にして任意の３次元客体を生成し且つ操作する用途に使用可能である。

以下、添付図面に基づき、３次元客体を生成し且つ操作する技術について説明する。

図１は、本発明の実施形態による３次元客体生成のためのシステムを示す図である。
図１を参照すると、３次元客体の生成のためのシステムは、３次元客体生成装置１００の要請に応じてウェブまたはＷＡＰページを提供するサービス提供装置２００を備える。

３次元客体生成装置１００は、平面状の２次元ウェブページ構成要素を多数のポリゴンに分けて３次元客体を生成し、３次元客体に埋め込まれている個別格子要素の頂点位置を操作して変形された３次元客体を生成する。

このような３次元客体生成装置１００は、通信機能及び近距離通信機能を搭載したユーザ装置であれば、いかなるものでも適用可能である。例えば、ノート型パソコン、無線通信端末、スマートフォン、ポータブルメディアプレーヤー（携帯型映像機器：ＰＭＰ）、個人用の携帯情報端末（ＰＤＡ）、タブレットＰＣ、セットトップボックス、スマートＴＶなど種々の装置が挙げられる。

３次元客体生成装置１００の詳細については、図２に基づいて行う。

サービス提供装置２００は、３次元客体生成装置１００の要請に応じてウェブまたはＷＡＰページを３次元客体生成装置１００に提供する。

図２は、本発明の実施形態による３次元客体生成装置の構成を概略的に示すブロック図であり、図３は、図２に示す３次元客体生成部の構成を詳細に示すブロック図であり、図４は、図２に示す３次元客体操作処理部の構成を詳細に示すブロック図である。

図２を参照すると、３次元客体生成装置１００は、通信網を介してデータを送受信する通信部１１０と、入力部１２０と、出力部１３０と、格納部１４０と、３次元客体生成部１５０及び３次元客体操作処理部１６０を備える。

通信部１１０は、３次元客体生成装置１００とサービス提供装置を通信網を介して互いに結ぶ通信手段であり、例えば、移動通信、衛生通信などの無線通信モジュール、インターネットなどの有線通信モジュール、ワイファイなどの近距離無線通信モジュールなどを備えていてもよい。

入力部１２０は、３次元客体生成装置１００の動作制御のためのユーザ要請を入力されるための手段であり、ユーザの操作に応じてユーザの要請を電気信号に変換する。入力部１２０とは、ユーザから文字、数字及びテキスト情報を入力されるキー入力手段のことをいい、キー入力手段は、キーボード、キーパッド、タッチスクリーンなどにより実現可能である。

出力部１３０は、３次元客体生成装置１００が接続したウェブサイトデータを表示する。また、出力部１３０とは、アプリケーション駆動による画面情報をディスプレイするディスプレイ手段のことをいい、このような出力部１３０は、液晶表示装置（ＬＣＤ）、有機発光ダイオード（ＯＬＥＤ）など小型フラットパネルディスプレイ装置によって実現されることが好ましい。なお、上述した入力部１２０と重ねてタッチスクリーン状に実現されてもよい。

格納部１４０は、３次元客体生成装置１００の動作制御時に必要なプログラムと、そのプログラムを起動する間に発生するデータを格納する。

３次元客体生成部１５０は、２次元ウェブページ構成要素の格子化を通じて当該構成要素を多数のポリゴンに分けて３次元客体を生成する。３次元客体は、多数のポリゴンで表わされる。一般に、ポリゴンは、点、線、三角形のうちのいずれか一つの形態を有する。三角形ポリゴンは、座標（ｘ、ｙ、ｚ）及び自分の各頂点におけるその他の属性（例えば、色相、テキスチャー座標など）によって表示される。ポリゴン頂点の座標（ｘ、ｙ）は、出力部１３０上における位置を示す。座標ｚは、頂点が３次元場面の選択されたビューポイントから離れている距離を示す。

３次元客体生成部１５０について、図３を参照すると、３次元客体生成部１５０は、四角形格子要素生成モジュール１５２と、３次元客体生成モジュール１５４と、を備える。

四角形格子要素生成モジュール１５２は、ウェブページの構成要素を所定数の四角形格子に均一に分けて四角形格子要素を生成する。ウェブページの構成要素は、イメージ、テキストなどの客体を含んでいてもよい。このため、四角形格子要素生成モジュール１５２は、ウェブページの構成要素がイメージである場合、原イメージに対応する格子状の個別イメージをサービス提供装置から受け取ることができる。

また、四角形格子要素生成モジュール１５２は、ジャヴァスクリプトなどを活用したブラウザーの内部演算を通じて原イメージをビットマップ形式に変換した後、格子イメージを自体的に生成することができる。さらに、四角形格子要素生成モジュール１５２は、ウェブページの構成要素がイメージではない場合、＜ｄｉｖ＞、＜ｓｐａｎ＞などの区切りタグを用いて当該構成要素を四角形格子に分解して四角形格子要素を生成することができる。

３次元客体生成モジュール１５４は、四角形格子要素生成モジュール１５２において生成された各四角形格子要素の対角方向の頂点を結んで二つの三角形にそれぞれ分けた後、各四角形格子要素を複製して両四角形が異なる三角形領域しか見えないように透明度を調節して多数のポリゴンを生成する。このとき、生成された多数のポリゴンからなる構成要素が３次元客体であってもよい。すなわち、３次元客体生成モジュール１５４は、各四角形格子要素の対角方向の頂点を結んで二つの三角形に分けた後、当該四角形格子要素を２組ずつ複製して両四角形が異なる三角形領域しか見えないように各三角形領域の透明度を調節する。例えば、イメージの場合、３次元客体生成モジュール１５４は、見える三角形以外の領域に透明度（アルファ値）を「０」に設定して、当該両四角形の異なる領域の三角形においてイメージが見えるようにすることができる。また、イメージ以外の要素の場合、３次元客体生成モジュール１５４は、一方の三角形は透明度（アルファ値）を「１」に設定し、残りの三角形は透明度（アルファ値）を「０」に設定して、一方の三角形においてしか構成要素が見えないようにすることができる。

図２に戻ると、３次元客体操作処理部１６０は、３次元客体生成部１５０において生成された３次元客体に関する客体操作信号が入力されれば、前記客体操作信号に基づいて個別格子要素の頂点座標値を変更して３次元トランスフォームマトリックスを生成し、前記生成された３次元トランスフォームマトリックスを既に定義されたカスケードスタイルシート（ＣＳＳ）トランスフォームに適用して変形された３次元客体を生成する。すなわち、３次元客体生成後には、３次元客体に埋め込まれている個別格子要素の頂点位置を操作して原イメージあるいは構成要素の形状を自由に変形できなければならない。このため、３次元客体操作処理部１６０は、客体操作信号が入力された場合、その客体操作信号に基づいて当該格子要素の形状を３次元トランスフォームによって適切に変形して原イメージを任意の形状の３次元客体に変形することができる。

３次元客体操作処理部１６０について、図４を参照すると、３次元客体操作処理部１６０は、座標値格納モジュール１６２と、３次元トランスフォームマトリックス生成モジュール１６４及び３次元客体変形モジュール１６６を備える。

座標値格納モジュール１６２は、３次元客体生成部１５０において生成された３次元客体を構成する各格子要素の頂点座標値を格納する。このとき、座標値格納モジュール１６２は、個別格子要素の頂点座標値を並べ状にして格納することができる。

３次元トランスフォームマトリックス生成モジュール１６４は、３次元客体生成部１５０において生成された３次元客体に関する客体操作信号が入力された場合、前記客体操作信号に基づいて個別格子要素の頂点座標値を変更し、変更された頂点座標値と座標値格納モジュール１６２に格納された頂点座標値を用いて各格子要素の３次元トランスフォームマトリックスを生成する。

すなわち、ユーザがタッチ入力、マウスなどを用いて３次元客体の個別格子要素を移動させたり、既に格納されたアニメーションロジックなどのイベントによって個別格子要素が移動されたりした場合、３次元トランスフォームマトリックス生成モジュール１６４は、客体操作信号が入力されたと判断して、その客体操作信号に基づいて個別格子要素の頂点座標値を変更し、全ての格子要素に対して行列演算を行ってカスケードスタイルシート（ＣＳＳ）演算に必要な３次元トランスフォームマトリックスを生成する。このとき、生成された３次元トランスフォームマトリックスは、個別格子要素ごとに異なる値を有していてもよい。一方、３次元トランスフォームマトリックス生成モジュール１６４は、画面上に見えない頂点（すなわち、透明な三角形領域にある頂点）は演算に含めないものとする。

３次元トランスフォームマトリックス生成モジュール１６４が３次元トランスフォームマトリックスを生成する方法について述べると、画面上に見える３つの頂点の現在値をそれぞれＯ１（ｘ１、ｙ１、ｚ１）、Ｏ２（ｘ２、ｙ２、ｚ２）、Ｏ３（ｘ３、ｙ３、ｚ３）とし、客体操作信号に基づいて変更された頂点座標値をＤ１（ａ１、ｂ１、ｃ１）、Ｄ２（ａ２、ｂ２、ｃ２）、Ｄ３（ａ３、ｂ３、ｃ３）とし、求めようとするトランスフォームマトリックスをＭとしたとき、３次元トランスフォームマトリックス生成モジュール１６４は、Ｍ＊Ｏ１＝Ｄ１、Ｍ＊Ｏ２＝Ｄ２、Ｍ＊Ｏ３＝Ｄ３の行列方程式を満たさなければならない。

３ｘ３マトリックスの場合、Ｍは、Ｏ１、Ｏ２、Ｏ３を列とする行列（Ｐ_{ｏｒｉｇｉｎ}）の逆行列をＤ１、Ｄ２、Ｄ３を列とする行列（Ｐ_{ｄｅｓｔｉｎａｔｉｏｎ}）に乗じて容易に見出すことができる。しかしながら、通常のトランスフォームマトリックスは、ｔｒａｎｓｌａｔｅ、投影変換（ｐｅｒｓｐｅｃｔｉｖｅｔｒａｎｓｆｏｒｍ）を適用するために３ｘ３ではない４ｘ４の形で数式１のような行列式（ＭＴｒａｎｓｆｏｒｍ）が成り立ち、この場合、解が複数存在するため、一般に、逆行列が存在しない。

したがって、３次元トランスフォームマトリックス生成モジュール１６４は、このような問題を解決するために、ｓｃａｌｅ、ｔｒａｎｓｌａｔｅ、ｒｏｔａｔｅ、ｓｋｅｗ行列を別々に求める方式を用いる。

Ｔｒａｎｓｌａｔｅ（ｔｘ、ｔｙ、ｔｚ）とｐｅｒｓｐｅｃｔｉｖｅ（０００１）と関連する部分を除いて、トランスフォームマトリックスを３ｘ３の形に再構成すれば、数式２の通りである。

ここで、Ｍ_Ｔ’はＭ_{Ｔｒａｎｓｆｏｒｍ}を再構成した行列であってもよく、Ｐ_ｏ’はＰ_{ｏｒｉｇｉｎ}を再構成した行列であってもよく、Ｐ_ｄ’はＰ_{ｄｅｓｔｉｎａｔｉｏｎ}を再構成した行列であってもよい。

数式２のＭ_Ｔ’行列をｓｃａｌｅ、ｒｏｔａｔｅ、ｓｋｅｗ行列に分解すれば、数式３の通りである。

ここで、Ｍ_{Ｒｏｔａｔｅ}はｒｏｔａｔｅ行列であってもよく、Ｍ_ｓｋｅｗはｓｋｅｗ行列であってもよく、Ｍ_{ｓｃａｌｅ}はｓｃａｌｅ行列であってもよい。

Ｒｏｔａｔｉｏｎｍａｔｒｉｘ（Ｍ_{Ｒｏｔａｔｅ}）の場合、原座標と変更座標値を用いて数式４のような行列Ｂを生成した後、特異値分解（ＳｉｎｇｕｌａｒＶａｌｕｅＤｅｃｏｍｐｏｓｉｔｉｏｎ）を通じて数式５のように求めることができる。

ｓｋｅｗ行列とｓｃａｌｅ行列の場合、三角形各辺の長さの差分と内角値の差分を用いて比較的に簡単に求めることができるが、単一値ではない複数の解が存在する。この場合、ｓｋｅｗがｘあるいはｙ方向にのみ存在すると仮定して求めることができる。

上記の過程を経て得られたトランスフォームマトリックスは、唯一の解ではないため、アルゴリズムの変形を通じて異なるトランスフォームマトリックスを求めることもできる。

３次元客体変形モジュール１６６は、３次元トランスフォームマトリックス生成モジュール１６４において生成された３次元トランスフォームマトリックスをカスケードスタイルシート（ＣＳＳ）トランスフォームに適用して変形された３次元客体を生成する。すなわち、前記生成された３次元トランスフォームマトリックスを用いて変更された頂点を有する個別格子要素にカスケードスタイルシート（ＣＳＳ）トランスフォームを適用すると、客体操作信号に基づいて変形された３次元客体を生成することができる。カスケードスタイルシート（ＣＳＳ）トランスフォームの場合、ＨＴＭＬを構成する個別要素に対する２次元トランスフォーム効果または３次元トランスフォーム効果を適用するための技術であり、ｒｏｔａｔｅ、ｔｒａｎｓｌａｔｅ、ｓｃａｌｅ、ｓｋｅｗ操作及びこれを組み合わせて処理可能なマトリックスインタフェースを提供する。四角形のＨＴＭＬ要素を別々に操作するための技術であるため、多数のポリゴンを有する複雑な形の３次元客体を生成したり、このような客体の外形を変更したりする作業ではなく、画面切換え、メニュー構成などの簡単な３次元効果が必要な部分に主として用いられる。カスケードスタイルシート（ＣＳＳ）トランスフォームの場合、パソコン（ＰＣ）だけではなく、最新のモバイル機器においても支援をしており、互換性が高い。

図５は、本発明の実施形態による３次元客体生成装置が３次元客体を生成し且つ操作する方法を示すフローチャートである。

図５を参照すると、３次元客体生成装置は、２次元ウェブページ構成要素を格子化させ、且つ、多数のポリゴンに分けて３次元客体を生成する（Ｓ４０２）。自由な３次元状の客体を生成するためには、、基本的に平面状の長方形であるウェブページの構成要素を多数のポリゴン（三角形客体）に分ける作業が必要である。このため、３次元客体生成装置は、３次元客体を生成するために２次元ウェブページ構成要素を多数のポリゴンに分ける。３次元客体生成装置が３次元客体を生成する方法の詳細については、図６に基づいて説明する。

ステップＳ４０２を行った後、生成された３次元客体に関する客体操作信号が入力されれば（Ｓ４０４）、３次元客体生成装置は、入力された客体操作信号による３次元トランスフォームマトリックスを生成する（Ｓ４０６）。次いで、３次元客体生成装置は、生成された３次元トランスフォームマトリックスをカスケードスタイルシート（ＣＳＳ）トランスフォームに適用して変形された３次元客体を生成する（Ｓ４０８）。

前記３次元客体生成装置が変形された３次元客体を生成する方法の詳細については、図８に基づいて説明する。

図６は、本発明の実施形態による３次元客体生成装置が３次元客体を生成する方法を示すフローチャートであり、図７は、本発明の実施形態による３次元客体生成方法を説明するための画面例示図である。

図６を参照すると、３次元客体生成装置は、ウェブページの構成要素を所定数の四角形格子要素に均一に分け（Ｓ５０２）、分けられた各四角形格子要素の対角方向の頂点を結んで二つの三角形に分ける（Ｓ５０４）。

ステップＳ５０４を行った後、３次元客体生成装置は、各四角形格子要素を複製して両四角形が異なる三角形領域しか見えないように透明度を調節して３次元客体を生成する（Ｓ５０６）。

３次元客体生成装置が３次元客体を生成する方法について、図７を参照すると、３次元客体生成装置は、（ａ）のようなイメージ６００を（ｂ）のような小さな四角形の格子に均一に分ける（６１０）。次いで、３次元客体生成装置は、各四角形格子要素の対角方向の頂点を結んで二つの三角形に分けて（ｃ）のように生成する。次いで、３次元客体生成装置は、（ｄ）のように四角形格子要素を複製して第１四角形６３０ａには左上角形領域のイメージが見えるようにし、第２四角形６３０ｂには右下三角形領域のイメージしか見えないように透明度を調節して３次元客体を生成する。

図８は、本発明の実施形態による３次元客体生成装置が変形された３次元客体を生成する方法を示すフローチャートであり、図９は、本発明の実施形態による変形された３次元客体生成方法を説明するための画面例示図である。

図８を参照すると、３次元客体生成装置は、３次元客体に対する個別格子要素の頂点座標値を格納する（Ｓ７０２）。

ステップＳ７０２を行った後、３次元客体に関する客体操作信号が入力されれば（Ｓ７０４）、３次元客体生成装置は、客体操作信号に基づいて個別格子要素の頂点座標値を変更し（Ｓ７０６）、前記変更された頂点座標値と前記格納された頂点座標値を用いて各格子要素の３次元トランスフォームマトリックスを生成する（Ｓ７０８）。

次いで、３次元客体生成装置は、前記生成された３次元トランスフォームマトリックスを既に定義されたカスケードスタイルシート（ＣＳＳ）トランスフォームに適用して変形された３次元客体を生成する（Ｓ７１０）。

３次元客体生成装置が３次元客体を変形する方法について、図９を参照すると、図７の（ｄ）のような３次元客体に対し、ユーザが図９の（ａ）のように第１四角形格子要素８００ａと第２四角形格子要素８００ｂを移動させると、３次元客体生成装置は、第１四角形格子要素８００ａと第２四角形格子要素８００ｂの頂点座標値を変化させる。次いで、３次元客体生成装置は、（ｂ）のように変形された格子要素二つを組み合わせて変形された３次元客体８１０を生成する。このとき、二つの四角形格子要素は、二つの頂点を共有することができる。

一方、本発明の他の側面によれば、ウェブページの構成要素を所定数の四角形格子に均一に分けて四角形格子要素を生成するステップと、前記生成された各四角形格子要素の対角方向の頂点を結んで二つの三角形に分け、各四角形格子要素を複製した後、両四角形が異なる三角形領域しか見えないように透明度を調節して３次元客体を生成するステップと、前記生成された３次元客体に関する客体操作信号が入力された場合、前記客体操作信号に基づいて個別格子要素の頂点座標値を変更し、前記変更された頂点座標値と変更前の頂点座標値を用いて各格子要素の３次元トランスフォームマトリックスを生成するステップと、前記生成された３次元トランスフォームマトリックスを既に定義されたカスケードスタイルシート（ＣＳＳ）トランスフォームに適用して変形された３次元客体を生成するステップと、を含む３次元客体生成方法がプログラムとして記録された電子装置にて読み取り可能な記録媒体が提供される。

このような３次元客体生成方法はプログラムとして作成可能であり、プログラムを構成するコード及びコードセグメントは当該分野のプログラマーによって容易に推論され得る。また、３次元客体生成方法に関するプログラムは、電子装置にて読み取り可能な情報格納媒体に格納され、電子装置によって読み取られて実行され得る。
このように、本発明が属する技術分野の当業者は、本発明がその技術的思想や必須的特徴を変更することなく他の具体的な実施形態として実施可能であるということが理解できるであろう。よって、上述した実施形態はあらゆる面において例示的なものであり、限定的なものではないと理解さるべきである。本発明の範囲は前記詳細な説明よりは後述する特許請求の範囲によって開示され、特許請求の範囲の意味及び範囲、並びにその等価概念から導き出されるあらゆる変更または変形が本発明の範囲に含まれるものと解釈さるべきである。

本発明は、四角形のクアドラングルを基本要素として三角形のポリゴンをエミュレーションすることにより、基本的な３次元変形技術であるｒｏｔａｔｅ、ｔｒａｎｓｌａｔｅ、ｓｃａｌｅだけでもポリゴンを用いた３次元客体を生成し且つ操作することのできる３次元客体生成装置及びその方法に適用可能である。

１００：３次元客体生成装置
１１０：通信部
１２０：入力部
１３０：出力部
１４０：格納部
１５０：３次元客体生成部
１５２：四角形格子要素生成モジュール
１５４：３次元客体生成モジュール
１６０：３次元客体操作処理部
１６２：座標値格納モジュール
１６４：３次元トランスフォームマトリックス生成モジュール
１６６：３次元客体変形モジュール

Claims

２次元ウェブページの構成要素を格子化させ、且つ、多数のポリゴンに分けて３次元客体を生成する３次元客体生成部と、
前記生成された３次元客体に関する客体操作信号が入力されれば、前記客体操作信号に基づいて当該個別格子要素の頂点座標値を変更して３次元トランスフォームマトリックスを生成し、前記生成された３次元トランスフォームマトリックスを既に定義されたカスケードスタイルシート（ＣＳＳ）トランスフォームに適用して変形された３次元客体を生成する３次元客体操作処理部と、
を備え、
前記３次元客体生成部は、前記ウェブページの構成要素を所定数の四角形格子に均一に分けて四角形格子要素を生成する四角形格子要素生成モジュールと、
前記生成された各四角形格子要素の対角方向の頂点を結んで二つの三角形に分け、各四角形格子要素を複製した後、両四角形が異なる三角形領域しか見えないように透明度を調節して多数のポリゴンを生成する３次元客体生成モジュールと、
を備えることを特徴とする３次元客体生成装置。
前記四角形格子要素生成モジュールは、前記ウェブページの構成要素がイメージである場合、原イメージに対応する格子状の個別イメージをサービス提供装置から受け取るか、あるいは、ブラウザーの内部演算を用いて原イメージをビットマップ形式に変換した後、格子イメージを自体的に生成し、前記ウェブページの構成要素がイメージではない場合、区切りタグを用いて四角形格子要素を生成することを特徴とする請求項１に記載の３次元客体生成装置。
前記３次元客体操作処理部は、
前記３次元客体生成部において生成された３次元客体を構成する各格子要素の頂点座標値を格納する座標値格納モジュールと、
前記３次元客体に関する客体操作信号が入力された場合、前記客体操作信号に基づいて個別格子要素の頂点座標値を変更し、前記変更された頂点座標値と前記座標値格納モジュールに格納された頂点座標値を用いて各格子要素の３次元トランスフォームマトリックスを生成する３次元トランスフォームマトリックス生成モジュールと、
前記生成された３次元トランスフォームマトリックスをカスケードスタイルシート（ＣＳＳ）トランスフォームに適用して変形された３次元客体を生成する３次元客体変形モジュールと、
を備えることを特徴とする請求項１に記載の３次元客体生成装置。
３次元客体生成装置が２次元のウェブページ構成要素を３次元客体として生成し且つ操作する方法において、
（ａ）前記ウェブページの構成要素を所定数の四角形格子に均一に分けて四角形格子要素を生成するステップと、
（ｂ）前記生成された各四角形格子要素の対角方向の頂点を結んで二つの三角形に分け、各四角形格子要素を複製した後、両四角形が異なる三角形領域しか見えないように透明度を調節して３次元客体を生成するステップと、
を含む３次元客体生成方法。
前記ステップ（ｂ）後に、
前記生成された３次元客体に関する客体操作信号が入力された場合、前記客体操作信号に基づいて個別格子要素の頂点座標値を変更し、前記変更された頂点座標値と変更前の頂点座標値を用いて各格子要素の３次元トランスフォームマトリックスを生成するステップと、
前記生成された３次元トランスフォームマトリックスを既に定義されたカスケードスタイルシート（ＣＳＳ）トランスフォームに適用して変形された３次元客体を生成するステップと、
をさらに含むことを特徴とする請求項４に記載の３次元客体生成方法。
前記ステップ（ｂ）において、
前記ウェブページの構成要素がイメージである場合、原イメージに対応する格子状の個別イメージをサービス提供装置から受け取るか、あるいは、ブラウザーの内部演算を用いて原イメージをビットマップ形式に変換した後、格子イメージを自体的に生成し、前記ウェブページの構成要素がイメージではない場合、区切りタグを用いて四角形格子要素を生成することを特徴とする請求項４に記載の３次元客体生成方法。
ウェブページの構成要素を所定数の四角形格子に均一に分けて四角形格子要素を生成するステップと、
前記生成された各四角形格子要素の対角方向の頂点を結んで二つの三角形に分け、各四角形格子要素を複製した後、両四角形が異なる三角形領域しか見えないように透明度を調節して３次元客体を生成するステップと、
前記生成された３次元客体に関する客体操作信号が入力された場合、前記客体操作信号に基づいて個別格子要素の頂点座標値を変更し、前記変更された頂点座標値と変更前の頂点座標値を用いて各格子要素の３次元トランスフォームマトリックスを生成するステップと、
前記生成された３次元トランスフォームマトリックスを既に定義されたカスケードスタイルシート（ＣＳＳ）トランスフォームに適用して変形された３次元客体を生成するステップと、
を含む３次元客体生成方法がプログラムとして記録された電子装置にて読み取り可能な記録媒体。