チュートリアル 13B : ファサード ウィザード - 高度なファサードの作成

チュートリアル データ

ArcGIS CityEngineのチュートリアルにアクセスするには、は、[Help] メニュー → [Download Tutorials and Examples…] を選択し、[CityEngine Tutorial] からダウンロードできます。

概要

このチュートリアルでは、ファサードを分割したルール テンプレートをより直感的に作成したり、詳細なファサード要素をインポートする方法や高度なファサード作成のためのCGA テンプレートの編集方法を分析します。ファサード作成の基本から開始するには、チュートリアル 13a: ファサード ウィザード - 基本的なファサード作成を参照してください。
この例では、画像ファイルを ファサード ウィザード に読み込んで、ファサード ルール テンプレートを作成します。その後、単純なマス モデルの建物ルールを作成し、以前に生成したファサード ルールを適用します。

Part 1: ファサード分析とルール作成

使用する元のファサード テクスチャ ファイルは、高度なファサードです。

1. [New] → [CityEngine Scene] をクリックして新しいシーンを作成し、名前を MassModel_Advanced.cej にします。
2. [Facade Wizard] ウィンドウを開きます。
3. [New Facade from Image] ボタンをクリックして、AdvancedFacade.tif ファイルを参照します。
4. 領域の幅を 20 に設定します。

   

Part 2: 分割タイプで単一分割を作成

ファサードのサイズを大きくし、テクスチャを繰り返すには、単一分割と反復分割を追加し、分割を絶対分割または浮動分割として定義します。下の画像に示されている分割の手順は、分割の順序 (絶対および浮動) が垂直方向に正しく設定されるよう意図的に配置されています。

1. [X Split] ツールと [Y Split] ツールを使用して、ファサードに 1 つの分割 (青い線で表示) を追加します。各分割の直後に、新しい領域にカーソルを合わせると、青色のハイライトが表示されます。上下の矢印キーを使用して、分割タイプ (黄色の破線と実線で表示) を切り替えて割り当てます。

   a. Shift キーを使用して、前の分割と同じ軸に新しい軸をスナップします。

   b. 必要に応じて、領域にカーソルを合わせ、上下の矢印キーをもう一度押して、分割タイプを変更します。

2. 絶対分割タイプと浮動分割タイプを設定した後、残りの最上階の領域を分割できます。

   

3. 以下に示すように、1 階の領域についても同じ操作を行います。

   

Part 3: 分割タイプについて

黄色の線は、分割タイプを表します。分割タイプを絶対型または浮動型として正しく定義することが重要です。

絶対 – 領域の寸法は変更できず、領域は異なるサイズのファサードに比例してのみスケーリングされます。絶対値に設定された領域の繰り返しは、新しい領域を繰り返すために、必要な正確な寸法が元の単一分割の方向で満たされた場合にのみ生成されます。ファサードの適切なタイル張りを確保するには、絶対分割としてスケーリングするときに固定値を必要とする要素を指定します。

• 絶対分割タイプの X Splits は、ハイライト表示された領域に黄色の水平実線で表されます。

• 浮動分割タイプの X Splits は、強調表示された領域に黄色の水平破線で表されます。

• 割り当てられた分割タイプは、強調表示された領域に線なしで表されます。

Part 4: 繰り返し分割

次の分割は、ファサードのどの部分が繰り返されて任意のファサード サイズに適応するかを定義する繰り返し分割です。

1. 前のセクションで単一分割と絶対値または浮動値を既に割り当てられている状態で、[X Repeat] ツールを使用して次の垂直分割を作成します。

   

2. 上層階の窓が様々なファサードの寸法に合わせて垂直方向に拡大縮小されるようにし、浮動分割タイプに割り当てられた窓には別の手順が必要です。

   a. [Y Repeat] ツールを有効にします。

   b. 4 つのウィンドウのそれぞれにカーソルを合わせると、下図のように赤い繰り返し線で囲まれた上部を横切るビームが見えます。

   c. カーソルを合わせた状態で、これらの窓の梁ごとに 1 回クリックします。結果の分割線は表示されませんが、これは予期されることです。

   

3. ジオメトリーをさらに詳細にするには、青い領域をそれぞれ個別の要素に分割してください。作業を進めるにつれて、これらの分割は赤い領域にも自動的に繰り返されます。分割の順序を確認するには、以下の詳細画像を参考にしてください。

   

   

特別なケースは、円弧がある 1 階です。これを円弧の側面で正確に分割すると、このチュートリアルの次の部分でアセットを挿入できるようにします。

4. これらの領域にカーソルを合わせると、繰り返し表示されるウィンドウがどのように更新されたかを確認できます。

領域幅の設定

次に、1 つの窓の幅を定義して、ファサードの合計サイズを再定義します。チュートリアルのこの部分の冒頭で、[Set Region Width] ポップアップでファサード全体のサイズを定義しました。ただし、この値が正しいかどうかは不明であり、完全なファサードよりも窓のサイズに精通しているため、新しい値を設定します。

1. 分割された窓を右クリックし、[Set Region Width] を選択します。

2. 適切なサイズ (1.2 m) を入力します。

   

3. [Z Adjust] ツールを使用して深度値を編集し、ファサードにボリュームのある外観を与えます。窓を少し後ろに押し、棚を前に押します。三角形と台形の装飾を進めることもできます。

4. [Save Rules and Textures for Current Facade] ボタンをクリックして、ルール ファイルを作成します。
   

ファサードで生成された CGA ルール ファイルを後で、このステージに戻す場合に備えて、一意の名前で 2 番目のコピーを作成することをお勧めします。

ルールの調整

このルールをどのように進めるべきかを尋ねるかもしれません。ファサード ウィザードのルール ファイルはファサード用に作成されているため、垂直サーフェスにのみ割り当てることができます。そのため、テストできる単純なマス モデル ルールを作成します。

1. [Navigator] ウィンドウで、チュートリアル・プロジェクトの rules フォルダーを右クリックし、[New] → [CGA Rule file] をクリックします。

2. この新しいルールに MassModel.cga という名前を付け、[CGA Editor] ウィンドウを展開します。

3. 属性を作成し、buildingHeight という名前を付けて、値 25 を指定します。

4. 作成したファサード テンプレート ファイル (gen_Facade_AdvancedFacade.cga) をインポートするには、[CGA Editor] ウィンドウで右クリックし、コンテキスト メニューから [Add Import] を選択して、参照して見つけます。または、CGA ファイルを [Navigator] ウィンドウから [CGA Editor] ウィンドウにドラッグして、同じ結果を確認します。

5. 押し出しコマンドで Lot という名前のルールを作成します。押し出しの値には、以前に生成された buildingHeight 属性を使用します。

6. 押し出しの後、すべての側面を分割する要素分割を追加します。

7. インポートしたファサード テンプレート ファイルのファサード ルールを割り当てます。サンプルでは、これは gen_Facade_AdvancedFacade.Facade です。これにより、以下のマス モデル ルール ファイルが得られます。

import gen_Facade_AdvancedFacade: "gen_Facade_AdvancedFacade.cga"

attr buildingHeight = 25

Lot-->
	extrude(buildingHeight) 
   comp(f){ side : gen_Facade_AdvancedFacade.Facade }

8. メインメニューの [File] → [Save all ] をクリックします。

9. [Viewport] ウィンドウで、[shape creation] ツールを使用して、10 x 20 メートルのフットプリントを作成します。

10. そのフットプリント シェープに MassModel.cga ルールを割り当て、Ctrl+G キーを押してモデルを生成します。

11. モデルを選択した状態で、[Transform Scale] ツールを使用して変更し、ファサードが比例して変化することを確認します。
    ファサード テンプレートは直接使用され、ルールは新しい区画のジオメトリーとあらかじめ定義された 25 メートルの押し出しの高さに適応します。
    

    

    このチュートリアル プロジェクトで目的の結果を得るには、scene フォルダー内のFacadeWizard_3_Advanced.cej ファイルを開き、rules フォルダー内の MassModel_Advanced_tutorial_part_1.cga を開きます。

再リンク ルール

次の画像では、事前に詳細を説明せずに残した部分 (黄色) を確認します。次に、CGA と [Model Hierarchy] ウィンドウを使用して、ファサード テンプレートから特定のサブルールを再リンクし、黄色の領域で欠落しているパーツを埋めます。

1. [Window] → [Model Hierarchy] をクリックし、建物モデルを選択します。

2. [Model Hierarchy] ツールバーの [Inspect Model] をクリックします。[Inspect Model] モードに入ると、モデルがわずかに透明になります。

3. 置き換えるシェープ ノード をクリックしてください。前の画像で黄色くハイライト表示されているファサードの右側の垂直部分です。これにより、[Model Hierarchy] ウィンドウでシェープが選択されます。

4. 親シェープ ノードを選択し、ダブル クリックします。

   

   

[CGA Editor] ウィンドウでこのシェープ ノードを作成するファサード テンプレート ルールがハイライト表示されます。選択したルールにより、左、中央、右の 3 つのファサード パーツが作成されます。

5. 右側のファサード ルールを左のファサード ルールに置き換えます。この場合、Facade__1_3_3 を Facade__1_3_1 に置き換えます。

オリジナル：

Facade__1_3 -->
	split(x, noAdjust) { 2.68: Facade__1_3_1 | ~10.62: Facade__1_3_2 | 2.66: Facade__1_3_3 }Facade__1_3 -->

置き換え後：

Facade__1_3 -->
	split(x, noAdjust) { 2.68: Facade__1_3_1 | ~10.62:
Facade__1_3_2 | 2.66: Facade__1_3_1 }	split(x, noAdjust) { 2.68: 

ファサードの右側は、左側と同じルールを使用するようになりました。現在使用されていないルール Facade__1_3_3 は、不要になったため、削除できます。

再リンクする前:

再リンク後:

このチュートリアル プロジェクト フォルダーで目的の結果を表示するには、シーン フォルダー内の FacadeWizard_4_Advanced.cej ファイルと rules フォルダー内の MassModel_Advanced_tutorial_part_2.cga を開きます。なお、このルールは参照用として gen_AdvancedFacade_tutorial_part_2.cga ルールをインポートしています。

Part 5: LOD とアセットの挿入

ここまでで、[Facade Wizard] ウィンドウでのファサード テンプレートの基本的な作成について説明しました。次に、CGA と [Model Hierarchy] ウィンドウを使用して、デフォルトの [Facade Wizard] ルールの品質を向上させる方法を説明します。

ファサード ウィザード チュートリアルの最後の部分では、次の 2 つのトピックについて説明します。
• 詳細レベル (LOD)
• ファサード テンプレートへのアセットの挿入

詳細レベル

3D 都市の作成は非常に大きなデータセットを生成する可能性があり、多くの場合、リソースの慎重な管理が必要になるため、上級ユーザーは、同じ建物に異なるモデルを作成することを選択する場合があります。

たとえば、建物がカメラの真正面にある場合は、すべての詳細が表示される必要がありますが、カメラから遠く離れている (または見えない) 建物は、詳細をできるだけ少なくする必要がありますが、基本的な形で認識できる必要があります。同じオブジェクトの異なるモデルを作成し、カメラまでの距離に応じてそれらを使用するプロセスは、コンピューター グラフィックスの分野では、詳細レベル (LOD) の作成として広く知られています。

Facade Wizard によって作成されたルール ファイルは、デフォルトの LOD システムが既に実装されていることが示されています。CGA ファイルの先頭 ([CGA Editor] ウィンドウで確認可能) には、デフォルト値の説明が記載されています。

attr LOD = 2
# LOD 0 generates the original texture
# LOD 1 generates flat splits
# LOD 2 generates splits with depth as defined in Facade WizardFacade__1_3_1 | ~10.62: Facade__1_3_2 | 2.66: Facade__1_3_3 }

次の図は、このチュートリアルの前の部分で作成したルールに基づいて示されています。3 つの定義済み LOD には、すべての適用を示しています。LOD 1 と LOD 2 の違いは小さいですが、LOD 1 は分割された平面のみを生成し、すべてのZ Adjust 編集を無視するのに対し、LOD 2 は Z Adjust 編集を組み込んだテクスチャ付き立方体オブジェクトでボリューム表現を生成します。
LOD 3 を作成するには、以下に示すように、必要な詳細を追加するためにいくつかの追加アセットを挿入する必要があります。

Low LOD (0)

2D ファサード表現と画像スケーリングにより、シンプルな表現を提供

Med – Low LOD (1)

分割された 2D ファサード表現を提供

Med LOD (2)

奥行き感を与えるために、一般的なファサード構成要素にアクセントを表現

High LOD (3)

奥行き感と建築様式を表現するための、特定のファサード構成要素のディテール化

アセットの編集

まず、MassModel.cga ファイルを編集します。

1. LOD 属性を追加し、値を 3 に設定します。

attr LOD = 3
attr buildingHeight = 25

import gen_Facade_AdvancedFacade:"gen_Facade_AdvancedFacade.cga"
Lot-->
	extrude(buildingHeight) 
   comp(f) { side : gen_Facade_AdvancedFacade.Facade }

ファサードの装飾品を調べた後、次のアセットを導入できます。
• tympanon.obj
• triangularPediment.obj
• squarePediment.obj
• entryArc.obj

2. 三角形のペディメント アセットから始めて、[CGA Editor] ウィンドウで gen_Facade_AdvancedFacade.cga ルールを開きます。

3. 下部に三角形のペディメント アセットの新しいルールを追加します。

insertTriangularPedimentAsset --> 
	case LOD ==3 : Shape
        t(0, 0, '1)
        s('1, '1, 0.25) 
        i("triangularPediment.obj") 
        projectUV(0) Asset
	else : Shape

LOD 3 の場合は、obj アセットをロードします。t() と s() は、アセットを正しく配置してスケーリングします。projectUV() は、アセット上のファサードテクスチャをオーバーレイします。

4. 他の 3 つのアセットにも同様のルールを追加します。

insertSquarePedimentAsset --> 
	case LOD ==3 : 
		Shape
		t(0, 0, '1) s('1, '1, 0.25) i("squarePediment.obj") 
		projectUV(0) Asset
	else : Shape		

insertArcEntryAsset --> 
	case LOD ==3 : 
		t(0, 0, -0.35) s('1, '1, 0.5) i("entryArc.obj")
		projectUV(0) Asset
	else : Shape

addTympanonAsset --> 
	case LOD ==3 : 
		t(0, 0, '1) i("tympanon.obj") 
		projectUV(0) Asset
	else : Shape

アセットの挿入

これで、次の画像が示すように、新しいルールにリンクし、アセットを挿入できる正しいターミナル シェープを見つけます。

1. 建物を選択し、[Inspect Model] モードに移動します。
2. アセットを挿入するシェープを選択します。
3. [Model Hierarchy] ウィンドウで、選択したシェープをダブルクリックします。
   [CGA Editor] ウィンドウでこのシェープ ノードを作成するファサード テンプレート ルールがハイライト表示されます。

Facade__1_3_1_2_2_2 -->
	case LOD <= 1:
		setupProjection(0, scope.xy, '8.0953, '19.2869, '-0.1945, '-11.3296)
		projectUV(0) 
	else:
		setupProjection(0, scope.xy, '8.0953, '19.2869, '-0.1945, '-11.3296)
		t(0, 0, -0.2) 
		s('1, '1, 0.2) 
		i("builtin:cube") 
		projectUV(0) insertTriangularPedimentAsset

アセット挿入前のファサードは次のように表示されます。

4. 2 番目のケースでは、insertTriangularPedimentAsset ルールを追加して、アセットの挿入をトリガーします。
   アセットの挿入後、ファサードは次のように表示されます。

   

5. このアセットをファサードの他の位置に挿入する手順を繰り返し、他のアセットについても同様に挿入して LOD 3 を作成してください。

屋根要素の削除

最後のステップは、屋根の外側の要素を削除することです。

1. [Inspect Model] モードを使用してルールを検索し、外側の分割パーツを NIL に置き換えます。

Facade__1_5 -->
	split(x, noAdjust) { 2.68: NIL | ~10.62: Facade__1_5_2 | 2.66: NIL }

2. 未使用の Facade__1_5_1 ルールと Facade__1_5_3 ルールを削除します。
   
   

必要なルールをすべてリンクしたら、inspector で LOD 属性を更新し、Facade Wizard を使用して作成したすべての異なる LOD を試します。LOD 3 の場合、生成されたファサードは次のようになります。

この例では、ポリゴン数がカウントされます。(ファサードのみ)
• LOD 0 = 4
• LOD 1 = 1288
• LOD 2 = 6616
• LOD 3 = 9654

このチュートリアル プロジェクト フォルダーで提供される目的の結果を表示するには、scene フォルダー内の FacadeWizard_5_Advanced.cej ファイルを開き、rules フォルダー内の MassModel_Advanced_tutorial_part_3.cga を開きます。このルールは、参照用に gen_AdvancedFacade_tutorial_part_3.cga ルールをインポートしています。