(57)【特許請求の範囲】
【請求項１】
平面レイアウトを構成する平面要素の属性を表示する方法において、
前記平面要素を３次元的に回転させる段階と、
前記平面要素が３次元的に回転して現れた前記平面要素の仮想の側面に、前記平面要素に対する操作性の属性を表示する段階とを含んでなる、平面要素の属性表示方法。
【請求項２】
前記３次元的に回転させる段階は、
前記レイアウトの基準面からの前記平面要素の高度を抽出する段階と、
前記高度に応じて、前記平面要素を前記レイアウトの基準面から分離して表示する段階とを含む、請求項１に記載の平面要素の属性表示方法。
【請求項３】
前記属性を表示する段階は、
前記平面要素の属性に応じて、前記仮想の側面の形状または色のうちの少なくとも一つを異にして表示する段階を含む、請求項１に記載の平面要素の属性表示方法。
【請求項４】
前記属性を表示する段階は、
前記平面要素の移動速度に応じて、前記仮想の側面の厚さを異にして表示する段階を含む、請求項１に記載の属性表示方法。
【請求項５】
前記属性を表示する段階は、
前記平面要素が移動するときに抵抗が作用する場合、前記抵抗の大きさに応じて鋭さが変わる突起の形状を前記仮想の側面に含めて表示する段階を含む、請求項１に記載の属性表示方法。
【請求項６】
前記属性を表示する段階は、
前記平面要素が移動できない場合、前記仮想の側面の一領域の色または形状を所定の色または形状に変更して表示する段階を含む、請求項１に記載の属性表示方法。
【請求項７】
前記属性を表示する段階は、
前記平面要素が他の平面要素の移動に従って受動的に移動する場合、前記平面要素の仮想の側面と前記他の平面要素の仮想の側面とをつなぐ線を含めて表示する段階を含む、請求項１に記載の属性表示方法。
【請求項８】
前記属性を表示する段階は、
前記平面要素が前記レイアウトの境界の外へ移動することができない場合、前記仮想の側面に敷居（ｔｈｒｅｓｈｏｌｄ）の形状を含めて表示する段階を含む、請求項１に記載の属性表示方法。
【請求項９】
前記属性を表示する段階は、
前記平面要素が前記レイアウトの境界の外へ移動することができず、前記平面要素が前記境界にぶつかったときに跳ね返るグラフィック効果（ｂｏｕｎｃｅ  ｂａｃｋ）を持つ場合、前記仮想の側面に弾性体の形状を含めて表示する段階を含む、請求項１に記載の属性表示方法。
【請求項１０】
前記属性を表示する段階は、
前記平面要素がスクロールできる場合、前記仮想の側面にスクロール可能方向を含めて表示する段階を含む、請求項１に記載の属性表示方法。
【請求項１１】
前記属性を表示する段階は、
外部の入力またはシミュレーションのシナリオに応じて前記平面要素の位置または大きさのうちの少なくとも一つが所定の要件を満たす場合、前記仮想の側面の形状または色のうちの少なくとも一つを異にして表示する段階を含む、請求項１に記載の属性表示方法。
【請求項１２】
前記属性を表示する段階は、
外部の入力またはシミュレーションのシナリオに応じて前記平面要素の位置または大きさのうちの少なくとも一つが所定の要件を満たす場合、前記レイアウトの基準面の形状または色のうちの少なくとも一つを異にして表示する段階を含む、請求項１に記載の属性表示方法。
【請求項１３】
前記属性を表示する段階は、
前記平面要素が外部の入力によって選択された場合、前記仮想の側面の全体または一部の領域に対する形状または色のうちの少なくとも一つを異にして表示する段階を含む、請求項１に記載の属性表示方法。
【請求項１４】
平面レイアウトを構成する平面要素の属性を表示する方法において、
前記平面要素を３次元的に回転させる段階と、
前記平面要素が３次元的に回転して現れた前記平面要素の外郭線に、前記平面要素に対する操作性の属性を表示する段階を含む、平面要素の属性表示方法。
【請求項１５】
前記属性を表示する段階は、前記平面要素の属性に応じて、前記外郭線の色を異にして表示する段階を含む、請求項１４に記載の平面要素の属性表示方法。
【請求項１６】
コンピューティング装置に結合して、平面レイアウトを構成する平面要素の属性を表示する方法を実行させるためのコンピュータプログラムにおいて、
前記平面要素を３次元的に回転させる段階と、
前記平面要素が３次元的に回転して現れた前記平面要素の仮想の側面に、前記平面要素に対する操作性の属性を表示する段階とを実行させるために、記録媒体に記録された、コンピュータプログラム。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、ユーザーインターフェース（ｕｓｅｒ  ｉｎｔｅｒｆａｃｅ）を介して、画面に表示される１つ以上の平面要素を表示するための方法及びその装置に関する。
【背景技術】
【０００２】
平面要素の空間と動きを利用したユーザーインターフェースを提供するためのマテリアルデザイン（Ｍａｔｅｒｉａｌ  Ｄｅｓｉｇｎ）が公開された後、多くの開発者は、マテリアルデザインで要求されるルールに基づいてアプリケーションを開発している。マテリアルデザインによれば、画面に表示されるすべての平面要素は高度（ｅｌｅｖａｔｉｏｎ）を有することができる。ところが、すべての平面要素は只２次元の画面に表示され、各平面要素の高度は単に影で表示される。
【０００３】
したがって、開発者は、アプリケーションを開発するにあたり、画面に表示される各平面要素の高度を直観的に認知することは難しい。また、開発者は、画面に表示される各平面要素が持つ属性に対して直接コードを分析しなければ確認することができない。よって、開発者が各平面要素の高度および属性を直観的に認知することができるソリューションが求められている。
【発明の概要】
【発明が解決しようとする課題】
【０００４】
本発明が解決しようとする技術的課題は、アプリケーションに対するシミュレーションを行うにあたり、平面レイアウトを構成している平面要素をそれぞれの属性と一緒に３次元的に表示することができる方法及びその装置を提供することである。
【０００５】
本発明の技術的課題は上述した技術的課題に限定されず、上述していない別の技術的課題は以降の記載から通常の技術者に明確に理解できるだろう。
【課題を解決するための手段】
【０００６】
上記の技術的課題を達成するための本発明の一態様（ａｓｐｅｃｔ）による属性を表示する方法は、平面レイアウトを構成する平面要素の属性を表示する方法において、前記平面要素を３次元的に回転させる段階と、前記平面要素が３次元的に回転して現れた前記平面要素の仮想の側面に、前記平面要素に対する操作性の属性を表示する段階と含むことができる。
【０００７】
上記の技術的課題を達成するための本発明の他の態様による属性を表示する方法は、平面レイアウトを構成する平面要素の属性を表示する方法において、前記平面要素を３次元的に回転させる段階と、前記平面要素が３次元的に回転して現れた前記平面要素の外郭線に、前記平面要素に対する操作性の属性を表示する段階を含むことができる。
【０００８】
上記の技術的課題を達成するための本発明の別の態様によれば、コンピューティング装置に結合して、平面レイアウトを構成する平面要素の属性を表示する方法を実行させるためのコンピュータプログラムにおいて、前記平面要素を３次元的に回転させる段階と、前記平面要素が３次元的に回転して現れた前記平面要素の仮想の側面に、前記平面要素に対する操作性の属性を表示する段階とを実行させるために、記録媒体に記録されたコンピュータプログラムが提供され得る。
【発明の効果】
【０００９】
上述したような本発明によれば、それぞれの平面要素を３次元的に回転させて表示することができる３次元ビューを提供することにより、アプリケーション開発者が各平面要素の高度を直観的に認知することができる。
【００１０】
また、本発明によれば、３次元ビューに各平面要素の属性を一緒に表示することにより、アプリケーション開発者が各平面要素の属性を容易に認知することができるユーザーエクスペリエンス（ｕｓｅｒ  ｅｘｐｅｒｉｅｎｃｅ）を提供することができる。
【図面の簡単な説明】
【００１１】
【図１】本発明の一実施形態に係るシミュレーションシステムの構成図である。
【図２】本発明の一実施形態に係る平面要素及び高度を説明するための例示図である。
【図３】本発明の一実施形態に係る属性表示方法を説明するためのフローチャートである。
【図４】本発明の一実施形態に係る３次元ビューを説明するための例示図である。
【図５】本発明の幾つかの実施形態によって属性が表示された平面要素を説明するための例示図である。
【図６】本発明の幾つかの実施形態によって属性が表示された平面要素を説明するための例示図である。
【図７】本発明の幾つかの実施形態によって属性が表示された平面要素を説明するための例示図である。
【図８】本発明の幾つかの実施形態によって属性が表示された平面要素を説明するための例示図である。
【図９】本発明の幾つかの実施形態によって属性が表示された平面要素を説明するための例示図である。
【図１０】本発明の幾つかの実施形態によって属性が表示された平面要素を説明するための例示図である。
【図１１】本発明の幾つかの実施形態によって属性が表示された平面要素を説明するための例示図である。
【図１２】本発明の幾つかの実施形態によって属性が表示された平面要素を説明するための例示図である。
【図１３】本発明の幾つかの実施形態によって属性が表示された平面要素を説明するための例示図である。
【図１４】本発明の一実施形態に係るコンピューティング装置のブロック図である。
【図１５】本発明の一実施形態に係るコンピューティング装置のハードウェアの構成図である。
【発明を実施するための形態】
【００１２】
本発明の利点、特徴、及びそれらの達成方法は、添付図面と一緒に詳細に後述されている実施形態を参照すると明確になるだろう。しかし、本発明は、以下で開示される実施形態に限定されるものではなく、互いに異なる多様な形態で実現できる。但し、本実施形態は、本発明の開示を完全たるものとし、本発明の属する技術分野における通常の知識を有する者に発明の範疇を完全に知らせるために提供されるものである。本発明は請求項の範疇のみによって定義される。明細書全体にわたって、同じ参照符号は同じ構成要素を示す。
【００１３】
本明細書で使用された用語は、実施形態を説明するためのものであり、本発明を限定するものではない。本明細書において、単数形は、特に言及しない限り、複数形も含む。明細書で使用される「含む（ｃｏｍｐｒｉｓｅｓ）」及び／または「からなる（ｍａｄｅ  ｏｆ）」などの用語は、言及された構成要素、段階、動作及び／または素子が存在することを示すものであり、一つ以上の他の構成要素、段階、動作及び／または素子の存在または追加を排除するものではない。
【００１４】
以下、本発明について添付図面に基づいてより詳細に説明する。
【００１５】
図１は本発明の一実施形態に係るシミュレーションシステムの構成図である。図１に示されたシミュレーションシステムは、ユーザー端末１００で実行されるアプリケーション（ａｐｐｌｉｃａｔｉｏｎ）をコンピューティング装置２００で開発及びシミュレートするためのシステムである。このようなシミュレーションシステムの各構成要素は、機能的に区分される機能要素を示すもので、少なくとも一つの構成要素が実際の物理的な環境では互いに統合されて実現できる。
【００１６】
本発明の一実施形態に係るシミュレーションシステムの各構成要素について具体的に説明すると、ユーザー端末（ｕｓｅｒ  ｅｑｕｉｐｍｅｎｔ）１００は、コンピューティング装置２００を介してシミュレーションされたアプリケーションを実行することができる装置である。
【００１７】
より具体的には、ユーザー端末１００は、コンピューティング装置２００に直接接続され、アプリケーションをダウンロードすることができる。また、ユーザー端末１００は、ネットワークを介して、オンラインマーケットプレイスからアプリケーションをダウンロードすることができる。たとえば、オンラインマーケットプレイス（ｅ−ｍａｒｋｅｔ  ｐｌａｃｅ）には、Ｇｏｏｇｌｅ社のプレイストア（Ｐｌａｙ  ｓｔｏｒｅ）またはアップル（Ａｐｐｌｅ）社のアップストア（Ａｐｐ  Ｓｔｏｒｅ）などが含まれ得るが、これに限定されるものではない。
【００１８】
また、ユーザー端末１００は、ダウンロードしたアプリケーションを実行することができる。ユーザー端末１００は、アプリケーションを実行するためのオペレーティングシステム（ｏｐｅｒａｔｉｎｇ  ｓｙｓｔｅｍ、ＯＳ）としてアンドロイド（Ａｎｄｒｏｉｄ）、ｉＯＳ及びウィンドウズ（登録商標）（Ｗｉｎｄｏｗｓ）のいずれかを含むことができるが、これに限定されるものではない。
【００１９】
このようなユーザー端末１００は、アプリケーションをダウンロードして実行することができる装置であればいずれの装置でも許容できる。ユーザー端末１００としては、例えば、スマートフォン（ｓｍａｒｔ  ｐｈｏｎｅ）、タブレット（ｔａｂｌｅｔ）またはファブレット（ｐｈａｂｌｅｔ）などのモバイル機器が挙げられるが、これに限定されず、スマートウォッチ（ｓｍａｒｔ  ｗａｔｃｈ）、スマートメガネ（ｓｍａｒｔ  ｇｌａｓｓｅｓ）またはスマートバンド（ｓｍａｒｔ  ｂａｎｄ）などのウェアラブル（ｗｅａｒａｂｌｅ）装置も例示される。さらに、ユーザー端末１００としては、ラップトップ（ｌａｐｔｏｐ）、ポータブルマルチメディアプレーヤー（ｐｏｒｔａｂｌｅ  ｍｕｌｔｉｍｅｄｉａ  ｐｌａｙｅｒ、ＰＭＰ）、パーソナル携帯端末（ｐｅｒｓｏｎａｌ  ｄｉｇｉｔａｌ  ａｓｓｉｓｔａｎｔｓ、ＰＤＡ）または電子書籍端末（ｅ−ｂｏｏｋ  ｒｅａｄｅｒ）などの装置も例示される。
【００２０】
次に、コンピューティング装置２００は、ユーザー装置１００で実行されるアプリケーションをシミュレートすることができる装置である。
【００２１】
具体的に、コンピューティング装置２００は、アプリケーションをシミュレートすることができる装置であればいずれの装置でも許容できる。例えば、コンピューティング装置２００としては、デスクトップ（ｄｅｓｋｔｏｐ）、サーバー（ｓｅｒｖｅｒ）またはワークステーション（ｗｏｒｋｓｔａｔｉｏｎ）などの固定式コンピューティング装置が挙げられるが、これに限定されず、ユーザー端末１００と同じ類型の装置も例示される。
【００２２】
また、コンピューティング装置２００は、アプリケーションを開発するためのアプリケーション・プログラミング・インターフェース（ａｐｐｌｉｃａｔｉｏｎ  ｐｒｏｇｒａｍｍｉｎｇ  ｉｎｔｅｒｆａｃｅ、ＡＰＩ）、ライブラリー（ｌｉｂｒａｒｙ）またはリソース（ｒｅｓｏｕｒｃｅ）などを提供することができる。
【００２３】
特に、本発明の一実施形態に係るコンピューティング装置２００は、アプリケーションをシミュレートするにあたり、画面に表示される１つ以上の平面要素（ｐｌａｎｅ  ｅｌｅｍｅｎｔ）をそれぞれの属性（ａｔｔｒｉｂｕｔｅ）と一緒に３次元的に表示することができる。このような特徴を発現するためのコンピューティング装置２００についてのより具体的な説明は、図２乃至図１５を参照して後述する。
【００２４】
次に、ネットワークは、ユーザー装置１００とコンピューティング装置２００との間にデータを送受信するためのインフラストラクチャ（ｉｎｆｒａｓｔｒｕｃｔｕｒｅ）である。例えば、ネットワークは、符号分割多重接続（ｃｏｄｅ  ｄｉｖｉｓｉｏｎ  ｍｕｌｔｉｐｌｅ  ａｃｃｅｓｓ、ＣＤＭＡ）、広帯域符号分割多重接続（ｗｉｄｅｂａｎｄ  ＣＤＭＡ、ＷＣＤＭＡ（登録商標））、高速パケット接続（ｈｉｇｈ  ｓｐｅｅｄ  ｐａｃｋｅｔ  ａｃｃｅｓｓ、ＨＳＰＡ）、ロング・ターム・エボリューション（ｌｏｎｇ  ｔｅｒｍ  ｅｖｏｌｕｔｉｏｎ、ＬＴＥ）などの移動通信網、ｗｉ−ｆｉ、ｗｉｂｒｏまたはｗｉｍａｘなどの近距離無線通信システム、イーサネット（登録商標）（ｅｔｈｅｒｎｅｔ）、デジタル加入者線（ｘ  ｄｉｇｉｔａｌ  ｓｕｂｓｃｒｉｂｅｒ  ｌｉｎｅ、ｘＤＳＬ）、ＨＦＣ（ｈｙｂｒｉｄ  ｆｉｂｅｒ  ｃｏａｘ）、ＦＴＴＨ（ｆｉｂｅｒ  ｔｏ  ｔｈｅ  ｈｏｍｅ）などの有線通信網のうちのいずれかが例示されるが、これに限定されない。
【００２５】
以下、本発明の一実施形態に係る属性表示方法について説明するに先立ち、平面要素及び高度について説明する。図２は本発明の一実施形態に係る平面要素及び高度を説明するための例示図である。
【００２６】
図２を参照すると、平面要素１は、画面３内で２次元的に表示できる客体（ｏｂｊｅｃｔ）である。例えば、平面要素１は、イメージ（ｉｍａｇｅ）、ボタン（ｂｕｔｔｏｎ）、カード（ｃａｒｄ）または他の客体を含むことができるが、これに限定されるものではない。画面３に表示できるすべての平面要素１は、均一の厚さを持つことができるが、これに限定されるものではない。また、画面３に表示できるすべての平面要素１は高度２を持つことができる。
【００２７】
高度（ｅｌｅｖａｔｉｏｎ）２は、画面３の基準面と平面要素１との間の仮想的な垂直高さである。すなわち、平面要素１が画面３にＸ軸及びＹ軸の２次元で表示できる客体であれば、高度３は平面要素１のＺ軸上の位置である。したがって、高度は画面３に最終的に表示できる平面要素１の優先順位（ｐｒｉｏｒｉｔｙ）を決定することができる。例えば、二つの平面要素１が同じ２次元座標を占有している場合、二つの平面要素１のうち、高度の大きい平面要素１が最終的に画面に表示できる。また、二つ以上の平面要素１は同じ高度２を持つことができないが、これに限定されるものではない。
【００２８】
また、平面要素１の高度２は画面３に影５で表示できる。例えば、平面要素１の高度２が大きい場合、画面３に平面要素１に対する影５は大きく表示できる。これとは逆に、平面要素１の高度２が小さい場合、画面３に平面要素１に対する影５は小さく表示できる。
【００２９】
このように、高度２は、画面３に表示できる複数の平面要素１間の優先順位を決定することができる因子（ｆａｃｔｏｒ）である。しかし、平面要素１の高度２が単に画面３に影５で表示されることにより、アプリケーションの開発者が、画面３に表示された平面要素１の高度２を直観的に認知することが難しいという問題がある。
【００３０】
したがって、アプリケーション開発者が平面要素１の高度２及び属性を容易に表示するための方法について説明する。
【００３１】
図３は本発明の一実施形態に係る属性表示方法を説明するためのフローチャートである。図３を参照すると、コンピューティング装置２００はユーザーの入力に基づいてシミュレーションモードを実行する（Ｓ１００）。ここで、シミュレーションモードは、開発中または開発済みのアプリケーションをユーザー端末１００で直接実行するに先立ち、アプリケーションをユーザー端末１００と同様の仮想の環境で実行して、アプリケーションの予想実行結果を表示するためのモードである。
【００３２】
次に、コンピューティング装置２００は、平面レイアウトによって表示される一つ以上の平面要素に対する高度を抽出する（Ｓ２００）。ここで、平面レイアウトは、開発中または開発済みのアプリケーションによって表示できる画面である。このような平面レイアウトは、一つ以上の平面要素を含めて構成できる。また、コンピューティング装置２００は、各平面要素の高度を、各平面要素を実現させるためのインスタンス（ｉｎｓｔａｎｃｅ）の属性フィールドから抽出することができるが、これに限定されるものではない。
【００３３】
次に、コンピューティング装置２００は、平面レイアウト、及び平面レイアウトによって表示される一つ以上の平面要素を３次元的に回転させる（Ｓ３００）。具体的には、コンピューティング装置２００は、平面レイアウト及び平面要素を３次元軸を基準に回転させる。例えば、平面レイアウト及び平面要素がＸ軸とＹ軸の２次元で表示される場合、コンピューティング装置２００は、平面レイアウト及び平面要素をＺ軸を基準に回転させる。また、コンピューティング装置２００は、各平面要素をそれぞれの高度に応じてレイアウトの基準面から分離して表示する。このように、コンピューティング装置２００が平面レイアウト及び平面要素を回転させて生成した３次元ビュー（３Ｄ  ｖｉｅｗ）の一実施形態については、図４を基準に後述する。
【００３４】
次に、コンピューティング装置２００は、それぞれの平面要素の属性を抽出する（Ｓ４００）。ここで、平面要素に対する属性（ａｔｔｒｉｂｕｔｅ）は、それぞれの平面要素が持つ特徴である。平面要素の属性には、平面要素の移動可否、移動速度、抵抗、連結または移動可能領域などが含まれ得るが、これに限定されるものではない。また、コンピューティング装置２００は、各平面要素の属性を、各平面要素を実現させるためのインスタンスの属性フィールドから抽出することができるが、これに限定されるものではない。
【００３５】
次に、それぞれの平面要素が持つことができる属性について具体的に説明する。
【００３６】
平面要素の移動可否は、平面レイアウト内で平面要素の位置が変化することができるかどうかである。例えば、平面要素が移動できないように設定されている場合、平面要素に対して外部からドラッグ（ｄｒａｇ）が入力されても、平面レイアウト内で平面要素の位置は変化しない。
【００３７】
平面要素の移動速度は、平面レイアウト内で平面要素の位置が変化する加速度である。例えば、平面要素の移動速度が大きく設定されている場合、平面レイアウト内で平面要素の位置は速く変化することができる。これとは逆に、平面要素の移動速度が小さく設定されている場合、平面レイアウト内で平面要素の位置は遅く変化することができる。
【００３８】
平面要素の抵抗（ｒｅｓｉｓｔａｎｃｅ）は、平面レイアウト内で平面要素の位置が変化するとき、平面要素の位置変化の反対方向に作用する力である。例えば、平面要素の抵抗が大きく設定されている場合、外部のドラッグ入力サイズに比べて、平面要素の位置は相対的に小さく変化することができる。これとは逆に、平面要素の抵抗が小さく設定されている場合、外部のドラッグ入力サイズに比べて、平面要素の位置は相対的に大きく変化することができる。
【００３９】
平面要素の連結（ｌｉｎｋａｇｅ）は、平面要素が他の平面要素の移動に従って受動的に一緒に移動することができるかどうかである。例えば、第１平面要素が第２平面要素に連結された場合、第２平面要素の位置が変化すると、第１平面要素の位置も変化することができる。
【００４０】
平面要素の移動可能領域は、平面レイアウト内で平面要素の位置が変化することができる限界領域である。例えば、平面要素が平面レイアウトの境界の外へ移動することができないように設定されている場合、平面要素が平面要素内では自由に移動できるが、平面要素が平面レイアウトの外へ移動することができない。
【００４１】
最後に、コンピューティング装置２００は、平面要素が３次元的に回転して現れた平面要素の仮想の側面に平面要素の属性を表示する（Ｓ５００）。ここで、仮想の側面は、平面要素が２次元的に表示されるときには外部から見えなかったが、平面要素が３次元的に回転して新たに現れた平面要素の側面である。
【００４２】
また、コンピューティング装置２００は、それぞれの平面要素の属性に応じて、仮想の側面の形状または色を異にして表示することができる。また、コンピューティング装置２００は、平面要素が３次元的に回転して現れた平面要素の外郭線に平面要素の属性を表示することもできる。この場合、コンピューティング装置２００は、それぞれの平面要素の属性に応じて、外郭線の色を異にして表示することもできる。
【００４３】
例えば、コンピューティング装置２００は、平面要素の移動速度に応じて、平面要素の仮想の側面の厚さ（ｔｈｉｃｋｎｅｓｓ）を異にして表示することができる。この場合には、仮想の側面の厚さは、平面要素の実際厚さではなく、平面要素の仮想厚さである。
【００４４】
コンピューティング装置２００は、平面要素が移動するときに抵抗が作用する場合には、抵抗の大きさに応じて、平面要素の仮想の側面に、抵抗の大きさに応じて鋭さ（ｓｈａｒｐｎｅｓｓ）が変わる突起の形状を含んで表示することができる。
【００４５】
コンピューティング装置２００は、平面要素が移動することができないように設定されている場合、平面要素の仮想の側面の一領域の色を所定の色に変更して表示することができる。ここで、所定の色は無彩色（ａｃｈｒｏｍａｔｉｃ  ｃｏｌｏｒ）または金属色（ｍｅｔａｌｌｉｃ  ｃｏｌｏｒ）であり得るが、これに限定されるものではない。また、これに限定されず、コンピューティング装置２００は、平面要素が移動できないように設定されている場合、平面要素の仮想の側面の一領域の形状を所定の色に変更して表示することもできる。
【００４６】
コンピューティング装置２００は、第１平面要素が第２平面要素の移動に従って受動的（ｐａｓｓｉｖｅ）に一緒に移動する場合には、第１平面要素の仮想の側面と他の平面要素の仮想の側面とをつなぐ線（ｌｉｎｅ）を含めて表示することができる。
【００４７】
コンピューティング装置２００は、平面要素が平面レイアウトの境界（ｂｏｕｎｄａｒｙ）の外へ移動することができないように設定されている場合、平面要素の仮想の側面に敷居（ｔｈｒｅｓｈｏｌｄ）の形状を含めて表示することができる。
【００４８】
コンピューティング装置２００は、平面要素が平面レイアウトの境界の外へ移動することができず、平面要素が移動して平面レイアウトの境界にぶつかったときに跳ね返るグラフィック効果（ｂｏｕｎｃｅ  ｂａｃｋ）を持つように設定されている場合、平面要素の仮想の側面に弾性体の形状を含めて表示することができる。
【００４９】
コンピューティング装置２００は、平面要素がスクロールできる場合、平面要素の仮想の側面にスクロール可能方向を含めて表示することができる。
【００５０】
また、コンピューティング装置２００は、外部の入力またはシミュレーションのシナリオに応じて平面要素の位置または大きさのうちの少なくとも一つが所定の要件を満たす場合、平面要素の仮想の側面の形状または色のうちの少なくとも一つを異にして表示することができる。また、コンピューティング装置２００は、外部の入力またはシミュレーションのシナリオに応じて平面要素の位置または大きさのうちの少なくとも一つが所定の要件を満たす場合、平面レイアウトの基準面の形状または色のうちの少なくとも一つを異にして表示することもできる。
【００５１】
例えば、コンピューティング装置２００は、平面要素が平面レイアウトの境界の外へしか移動することができないように設定されたが、外部の入力に応じて平面要素が移動して平面レイアウトの境界に触れた場合には、平面要素の仮想の側面にシワ（ｗｒｉｎｋｌｅ）の形状を含めて表示することができる。
【００５２】
コンピューティング装置２００は、平面要素が平面レイアウトの境界の外へ移動することができないように設定されたが、外部の入力に応じて平面要素が移動して平面レイアウトの境界に触れた場合には、平面レイアウトの基準面の色調（ｔｏｎｅ）を暗く変更して表示することができる。
【００５３】
また、コンピューティング装置２００は、外部からの入力によって平面要素が選択された場合、平面要素の仮想の側面の全部または一部の領域に対する形状または色のうちの少なくとも一つを異にして表示することができる。コンピューティング装置２００は、ユーザーからクリックまたはタッチが入力された場合には、クリックまたはタッチが入力された座標に対応する平面要素が選択されたものと判断することができるが、これに限定されるものではない。
【００５４】
例えば、コンピューティング装置２００は、平面要素が外部の入力によって選択された場合には、平面要素の仮想の側面の色または質感（ｔｅｘｔｕｒｅ）を所定の色または質感に変更して表示することができる。
【００５５】
コンピューティング装置２００は、平面要素が外部の入力によって選択された場合には、平面要素の仮想の側面の色を、赤色と白色が０．５秒の間隔で変化しながら表示することができる。
【００５６】
上述したような、属性が表示された平面要素に対する幾つかの実施形態については、図５〜図１３を参照して説明する。
【００５７】
まとめると、本発明の一実施形態に係るコンピューティング装置２００は、一つ以上の平面要素を３次元的に回転させて表示することができる３次元ビューを提供することにより、アプリケーションの開発者が各平面要素の高度を直観的に認知することができるという効果がある。また、コンピューティング装置２００は、３次元ビューに各平面要素の属性を一緒に表示することにより、アプリケーションの開発者が各平面要素の属性も一緒に認知することができるという効果がある。
【００５８】
以下、コンピューティング装置２００が平面レイアウト及び平面要素を回転させて生成した３次元ビューの一実施形態について説明する。図４は本発明の一実施形態に係る３次元ビューを説明するための例示図である。
【００５９】
図４を参照すると、本発明の一実施形態に係る３次元ビューが適用されていない場合には、第１平面要素１０、第２平面要素３０及び平面レイアウト５０は、Ｘ軸とＹ軸の２次元座標によって表示される。そして、第１平面要素１０及び第２平面要素３０の高度は、単に影で表示される。よって、アプリケーションの開発者は第１平面要素１０の高度が第２平面要素３０の高度よりも大きいにもかかわらず、第１平面要素１０の高度及び第２平面要素３０の高度のうちどの平面要素の高度がより大きいかを認知することが難しい。
【００６０】
しかし、本発明の一実施形態に係る３次元ビューが適用された場合には、第１平面要素１０、第２平面要素３０及び平面レイアウト５０は、Ｚ軸を基準に回転して表示される。そして、第１平面要素１０及び第２平面要素３０は、それぞれの高度に応じて、平面レイアウト５０の基準面から分離されて表示される。よって、アプリケーションの開発者は、第１平面要素１０の高度が第２平面要素３０の高度よりも大きいことを直観的に認知することができる。
【００６１】
以下、属性が表示された平面要素に対する幾つかの実施形態について説明する。図５〜図１３は、本発明の幾つかの実施形態に応じて、属性が表示された平面要素を説明するための例示図である。図５〜図１３は平面レイアウト５０を介して表示される第１平面要素１０または第２平面要素３０の属性を第１平面要素１０または第２平面要素３０の仮想の側面に表示すると仮定する。
【００６２】
図５を説明するに先立ち、第１平面要素１０の移動速度は小さく設定され、第２平面要素３０の移動速度は大きく設定されたと仮定する。図５を参照すると、コンピューティング装置２００は、それぞれの移動速度に応じて、第１平面要素１０の仮想の側面２０の厚さを相対的に薄く表示することができる。そして、コンピューティング装置２００は、第２平面要素３０の仮想の側面４０の厚さを相対的に厚く表示することができる。
【００６３】
図６を説明するに先立ち、第１平面要素１０は移動するときには抵抗が作用しないが、第２平面要素３０は移動するときには抵抗が作用するように設定されたと仮定する。図６を参照すると、コンピューティング装置２００は、それぞれの抵抗に応じて、第１平面要素１０の仮想の側面２０にはいかなる突起の形状も含めずに表示することができる。そして、コンピューティング装置２００は、第２平面要素３０の仮想の側面４０に対して、抵抗の大きさが大きくなるほど鋭さが益々大きくなる突起の形状４１を含めて表示することができる。
【００６４】
図７を説明するに先立ち、第１平面要素１０は移動できるように設定され、第２平面要素３０は移動できないように設定されたと仮定する。図７を参照すると、コンピューティング装置２００は、第２平面要素３０の仮想の側面４０の一領域４２に対する色を無彩色に変更して表示することができる。
【００６５】
図８を説明するに先立ち、第１平面要素１０が、第２平面要素３０の移動に従って受動的に一緒に移動するように設定されたと仮定する。図８を参照すると、コンピューティング装置２００は、第１平面要素１０の仮想の側面２０と第２平面要素３０の仮想の側面４０とをつなぐ線２５を含めて表示することができる。
【００６６】
図９を説明するに先立ち、第１平面要素１０は平面レイアウト５０の境界の外へ移動することができるが、第２平面要素３０は平面レイアウト５０の境界の外へ移動することができないように設定されたと仮定する。図９を参照すると、コンピューティング装置２００は、第１平面要素１０の仮想の側面にいかなる敷居の形状も含めずに表示することができる。また、コンピューティング装置２００は、第２平面要素３０の仮想の側面４０に三角形敷居の形状４３を含めて表示することができる。
【００６７】
図１０を説明するに先立ち、第２平面要素３０が平面レイアウト５０の境界の外へ移動することができないが、第２平面要素３０が移動して平面レイアウト５０の境界に触れたと仮定する。図１０を参照すると、コンピューティング装置２００は、第２平面要素３０の仮想の側面４０にシワの形状４４を含めて表示することができる。また、コンピューティング装置２００は、第２平面要素３０を平面レイアウト５０の境界の外へ移動させるための外部入力が継続的に入力される場合、第２平面要素３０の仮想の側面４０に含まれているシワの形状４４の大きさをさらに大きく表示することもできる。
【００６８】
図１１を説明するに先立ち、第２平面要素３０は、平面レイアウト５０の境界の外へ移動することができず、第２平面要素３０が移動して平面レイアウト５０の境界にぶつかったときに跳ね返るグラフィック効果（ｂｏｕｎｃｅ  ｂａｃｋ）を持つように設定されたと仮定する。図１１を参照すると、コンピューティング装置２００は、第２平面要素３０の仮想の側面４０にスプリングの形状４５を含めて表示することができる。
【００６９】
図１２を説明するに先立ち、第１平面要素１０が外部の入力によって選択されたと仮定する。図１２を参照すると、コンピューティング装置２００は、第１平面要素１０の仮想の側面２０の縁部の色を第１色２１と第２色２２に変更して表示することができる。
【００７０】
図１３を説明するに先立ち、第２平面要素３０がＹ軸方向にスクロールできるように設定されたと仮定する。図１３を参照すると、コンピューティング装置２００は、第２平面要素３０の仮想の側面４０に第２平面要素３０のスクロール可能方向４６を含めて表示することができる。
【００７１】
今まで、図３乃至図１３を参照して説明した本発明の実施形態に係る方法は、コンピュータ可読のコードで実現されたコンピュータプログラムの実行によって行われ得る。コンピュータプログラムは、インターネットなどのネットワークを介して、第１コンピューティング装置から第２コンピューティング装置へ伝送されて第２コンピューティング装置にインストールでき、これにより第２コンピューティング装置で使用できる。ここで、第１コンピューティング装置及び第２コンピューティング装置は、デスクトップ、サーバーまたはワークステーションなどの固定式コンピューティング装置、スマートフォン、タブレット、ファブレットまたはラップトップなどのモバイルコンピューティング装置、及びスマートウォッチ、スマートメガネまたはスマートバンドなどのウェアラブルコンピューティング装置を全て含むことができる。
【００７２】
以下、図１４及び図１５を参照して、本発明の一実施形態に係るコンピューティング装置２００の論理的な構成について具体的に説明する。
【００７３】
図１４は本発明の一実施形態に係るコンピューティング装置２００のブロック図である。図１４を参照すると、コンピューティング装置２００は、通信部２０５、格納部２１０、入出力部２１５、３次元変換部２２０及び属性表示部２２５を含むことができる。
【００７４】
それぞれの構成について説明すると、通信部２０５は、ネットワークまたは直接接続されたケーブルを介して、ユーザー端末１００との間でデータを送受信する。具体的には、通信部２０５は、アプリケーション、及びアプリケーションの実行に必要なアプリケーション・プログラミング・インターフェース（ＡＰＩ）またはライブラリーを送受信することができる。
【００７５】
格納部２１０は、コンピューティング装置２００の動作に必要なデータを格納する。具体的には、格納部２１０は、アプリケーションの開発またはシミュレーションに必要なアプリケーション・プログラミング・インターフェース（ＡＰＩ）、ライブラリー、またはリソースなどを格納することができる。
【００７６】
入出力部２１５は、コンピューティング装置２００の動作に必要なデータの入力を受け、コンピューティング装置２００の動作に関連するデータを出力する。具体的には、入出力部２１５は、キーボード（ｋｅｙｂｏａｒｄ）、マウス（ｍｏｕｓｅ）、ジョイスティック（ｊｏｙｓｔｉｃｋ）、トラックボール（ｔｒａｃｋ  ｂａｌｌ）またはタッチパッド（ｔｏｕｃｈ  ｐａｄ）などを介してデータの入力を受けることができる。入出力部２１５は、液晶表示装置（ｌｉｑｕｉｄ  ｃｒｙｓｔａｌ  ｄｉｓｐｌａｙ、ＬＣＤ）、発光ダイオード（ｌｉｇｈｔ  ｅｍｉｔｔｉｎｇ  ｄｉｏｄｅ、ＬＥＤ）、有機発光ダイオード（ｏｒｇａｎｉｃ  ＬＥＤ、ＯＬＥＤ）、能動型有機発光ダイオード（ａｃｔｉｖｅ  ｍａｔｒｉｘ  ＯＬＥＤ、ＡＭＯＬＥＤ）またはスピーカー（ｓｐｅａｋｅｒ）などを介してデータを出力することができる。また、入出力部２１５は、タッチスクリーン（ｔｏｕｃｈ  ｓｃｒｅｅｎ）を介してデータの入出力を同時に行うこともでき、これに限定されるものではない。
【００７７】
３次元変換部２２０は、一つ以上の要素及び仮想画面に対する３次元ビューを生成する。具体的に、３次元変換部２２０は、平面レイアウトを介して表示される一つ以上の平面要素に対する高度を抽出する。３次元変換部２２０は、平面レイアウト及び一つ以上の平面要素を３次元的に回転させる。そして、３次元変換部２２０は、各平面要素をそれぞれの高度に応じてレイアウトの基準面から分離して表示する。
【００７８】
属性表示部２２５は、それぞれの平面要素の属性を含む３次元ビューを表示する。具体的には、属性表示部２２５は、３次元ビューに含まれているそれぞれの平面要素の属性を抽出する。そして、属性表示部２２５は、それぞれの平面要素の属性を、平面要素が３次元的に回転して現れた仮想の側面に表示する。
【００７９】
今まで、図１４の各構成要素は、ソフトウェア（ｓｏｆｔｗａｒｅ）、または、フィールドプログラマブルゲートアレイ（ｆｉｅｌｄ−ｐｒｏｇｒａｍｍａｂｌｅ  ｇａｔｅ  ａｒｒａｙ、ＦＰＧＡ）やＡＳＩＣ（ａｐｐｌｉｃａｔｉｏｎ−ｓｐｅｃｉｆｉｃ  ｉｎｔｅｇｒａｔｅｄ  ｃｉｒｃｕｉｔ）などのハードウェア（ｈａｒｄｗａｒｅ）を意味することができる。しかしながら、これらの構成要素は、ソフトウェアまたはハードウェアに限定される意味ではなく、アドレッシング（ａｄｄｒｅｓｓｉｎｇ）することが可能な記憶媒体にあるように構成されることもでき、一つまたはそれ以上のプロセッサを実行させるように構成されることもできる。これらの構成要素の中で提供される機能は、さらに細分化された構成要素によって実現されることができ、複数の構成要素を合わせて特定の機能を行う１つの構成要素によって実現されることもできる。
【００８０】
図１５は本発明の一実施形態に係るコンピューティング装置２００のハードウェア構成図である。図１５を参照すると、コンピューティング装置２００は、プロセッサ２５０、メモリ２５５、入出力装置２６０、ネットワークインターフェース２６５、データバス２７０及びストレージ２７５から構成できる。
【００８１】
メモリ２５５は、属性表示方法が実現されたコンピュータプログラムデータ２８０ａが常駐することができる。入出力装置２６０は、ユーザーからコンピューティング装置２００の動作に必要なデータを入出力することができる。ネットワークインターフェース２６５は、ネットワークを利用してデータを送受信することができる。データバス２７０は、プロセッサ２５０、メモリ２５５、入出力装置２６０、ネットワークインターフェース２６５及びストレージ２７５に接続され、各構成要素間のデータを伝達する移動通路である。
【００８２】
また、ストレージ２７５は、コンピュータプログラムの実行に必要なアプリケーション・プログラミング・インターフェース、ライブラリーファイル、リソースファイルなどを保存することができる。また、ストレージ２７５は、属性表示方法が実現されたコンピュータプログラムデータ２８０ｂを保存することができる。
【００８３】
より具体的には、ストレージ２７５は、平面要素を３次元的に回転させるインストラクション（ｉｎｓｔｒｕｃｔｉｏｎ）及び平面要素が３次元的に回転して現れた平面要素の仮想の側面に平面要素の属性を表示するインストラクションを含むコンピュータプログラムを保存することができる。
【００８４】
以上、添付図面を参照して、本発明の実施形態を説明したが、本発明の属する技術分野における通常の知識を有する者は、本発明がその技術的思想や必須の特徴を変更することなく、他の具体的な形態で実施できるということを理解することができるだろう。よって、以上で記述した実施形態は、あらゆる面で例示的なもので、限定的なものではないと理解されるべきである。
【図１】
0006557734.tif 000002
【図２】
0006557734.tif 000003
【図３】
0006557734.tif 000004
【図４】
0006557734.tif 000005
【図５】
0006557734.tif 000006
【図６】
0006557734.tif 000007
【図７】
0006557734.tif 000008
【図８】
0006557734.tif 000009
【図９】
0006557734.tif 000010
【図１０】
0006557734.tif 000011
【図１１】
0006557734.tif 000012
【図１２】
0006557734.tif 000013
【図１３】
0006557734.tif 000014
【図１４】
0006557734.tif 000015
【図１５】
0006557734.tif 000016