チュートリアル 14B : 応用的なポリゴン モデリング

演習
・Part 1: ポリゴンによるモデリング
・Part 2: 押し出し
・Part 3: 張り出し屋根の作成
・Part 4: 屋根窓ドアの改造
・Part 5: テクスチャ

チュートリアル データ

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

Part 1: ポリゴンによるモデリング

  1. [Navigator] ウィンドウのチュートリアルのデータフォルダーから、14B_Advanced_01.cej をダブルクリックしてプロジェクトを開きます。
  2. [Polygonal Shape Creation] (S) ツールを選択し、最初の頂点 (ポイント) をクリックします。

ラインを動かしている間、[Polygonal Shape Creation] ツール オプションはラインの長さを表示します。また、[ツール オプション] ウィンドウでは、スナップ、円弧、平面のオプションを設定することができます。

  1. ラインの長さを 11 と指定する場合は、Tab キーを押しながら [Edge Length] フィールドに長さを入力して Enter キーをクリックします。ラインの色がマゼンタ色になり、長さが 11 に固定されます。
  1. スナップ ラインに沿って指定の長さまで移動します。
  1. クリックして 2 番目の頂点をセットします。
  2. 3 番目の頂点では、値を 9 と入力し、Enter キーをクリックします。指定した長さの値をキャンセルしたい場合は、Esc キーをクリックすると、やり直しができます。
  1. その後の頂点設定は、テキスト入力はせずに 90° のスナップラインを見つけ、適当な長さでクリックします。
  1. 最後の頂点の設定は始点の頂点上でクリックし、ダブルクリックか Enter キーを押してポリゴン シェープを完成させます。
  1. ライン上で微調節が行えます。まず、[Transform Move] (W) ツールをクリックし、変更したいライン上にカーソルを合わせます。
  1. 青いハンドルをドラッグして、エッジの位置に合わせます。

色のついた矢印は、それぞれ異なる方向にエッジを移動させます。

Part 2: 押し出し

  1. [Push Pull] (P) ツールをクリックし、ポリゴンの上にカーソルを合わせます。
  1. オレンジ色のハンドルをドラッグして離すと、3D シェープが完成します。
  1. 中点スナップのハイライトが表示されるまで、前縁にカーソルを合わせます。
  1. クリックしてセグメントを開始し、エッジに対して垂直にスナップしたら、クリックして終了します。
  1. エッジ ハンドルでエッジをドラッグして、斜めの屋根を作ることができるようになりました。エッジの上にカーソルを置き、オレンジ色のハンドルをドラッグします。

14_B_Advanced_02.cej を開くと、ここまでの手順で作成したシーンの模範例を見ることが出来ます。

  1. 後端部の緑色の矢印をドラッグすると、屋根が平らになります。

色の異なる矢印は、異なる方向に形状を押し出すことができます。エッジをドラッグしながら矢印の上にカーソルを置くと、方向を切り替えることができます。
7. 3D シェープを修正します。側面のポリゴンにカーソルを合わせ、緑色のハンドルをドラッグします。ここでも、異なる方向に対して複数の矢印が表示されています。

色のついた矢印は、それぞれ異なる動作をします。緑色の矢印は、接地面に平行にドラッグし、新しい頂部ポリゴンを作成します。

青い矢印は、新しいポリゴンを作成せずに既存のエッジに沿ってドラッグします。どちらのタイプも、作成したいシェープによっては非常に有効です。

  1. [Polygonal Shape Creation] (S) ツールまたは [Rectangular Shape Creation] (Shift+S) ツールを使って、押し出すバルコニーを描きます。長方形を描いてバルコニーを作成します。
  1. 新しいポリゴンにカーソルを合わせ、ハンドルをドラッグします。
  1. [Polygonal Shape Creation] (S) ツールをクリックし、壁を押し出すための多角形を作成します。
  2. 新しいポリゴンをドラッグします。
  1. バルコニーをはめ込むには、側壁にスナップするセグメントを 2 つ作成します。
  1. バルコニー床の取っ手を下にドラッグします。

これでバルコニーが完成しました。
14. カメラを奥に回転させます。
15. 別のバルコニーを作るには、[Rectangular Shape Creation] (Shift+S) ツールをクリックし、壁に矩形を作成します。

  1. バルコニーをドラッグして取り出し、上部に矩形を描きます。
  1. 床を下にドラッグします。

14_B_Advanced_03.cej を開くと、ここまでの手順で作成したシーンの模範例を見ることが出来ます。

ガイドを使用すると、エッジや面をドラッグする際の精度が向上します。

Part 3: 張り出し屋根の作成

基本的なシェープができたので、より素敵な屋根を作ります。

  1. 緑色の矢印を上にドラッグして、屋根を建物から切り離します。

Ctrl キーを押しながら、初期位置に沿ってエッジを挿入します。今は、編集しやすいように屋根を厚くしておいて、後で薄くすることができます。

  1. もう一方のポリゴンも同じようにします。ドラッグするときは、最初のポリゴンにスナップします。

14_B_Advanced_04.cej を開くと、ここまでの手順で作成したシーンの模範例を見ることが出来ます。

  1. 張り出しを作成します。一番右端の面を手前にドラッグします。
  1. 隣の面も同じ長さまでドラッグします。
  1. 3 面目もドラッグします。
  1. 4 面目もドラッグさせますが、少し短めに作成します。
  1. 最後の面は 4 面目にスナップするようにドラッグします。
  1. カメラの視点を横にまわします。
  2. 屋根の側面を青い矢印で下にドラッグします。
  1. 反対側も同様に行います。
  1. 最後にシェープの後方にカメラの視点を回し、屋根を手前にドラッグさせて張り出しを作成します。

14_B_Advanced_05.cej を開くと、ここまでの手順で作成したシーンの模範例を見ることが出来ます。

  1. カメラの視点を再度正面にまわします。ここで最後の調整を行います。屋根ポリゴンを見ると、面に不要なラインが存在しているのが分かります。これを消去するには、まず [Select] ツールを使用して、建物シェープ全体を選択します。
  2. [Cleanup Shape] ツールをクリックします。
  1. [Cleanup Shape] ダイアログの [Preset] で、デフォルトを選択し、[Finish] をクリックします。
    ほぼすべてのラインが消去されます。不要なラインが残っている場合、もう一度実行する必要があります。

14_B_Advanced_06.cej を開くと、ここまでの手順で作成したシーンの模範例を見ることが出来ます。

Part 4: 屋根、窓、ドアの改造

  1. ここで、屋根の厚さを薄くします。複数のポリゴンを一度に動かすには、標準の [Selection] ツールと [transform] ツールを使用します。
  2. 最初のポリゴンを [Select] ツールで選択します。Ctrl キーをホールドしたまま、次のポリゴンをクリックします。
  3. [Transform Move] (W) ツールをクリックし、緑の矢印に沿ってドラッグします。
  1. [Push Pull] (P) ツールを使って、プレーンをドラッグしながら、建物本体ポリゴンの最終調整をします。青い矢印を使用すると、屋根に沿ってシェープを押し引きしながら調整することが出来ます。

14_B_Advanced_07.cej を開くと、ここまでの手順で作成したシーンの模範例を見ることが出来ます。
5. 次に、建物を装飾していきます。窓を 2 つ描画します。
6. [Push Pull] (P) ツールをクリックし、長方形を内側にドラッグします。

  1. 次に、ドアを 2 枚作成します。ドアを作成する場所にカメラの視点を移動します。
  1. 家を回転し、もういくつか窓を作成します。
  1. 最後に緑の矢印を使用して、屋根の一辺を地面と水平に延長させ、オープン ガレージを作成します。
  1. 柱を作成します。[Rectangle] ツールで、長方形を 2 つ描き、地面に向かってドラッグします。

14_B_Advanced_08.cej を開くと、ここまでの手順で作成したシーンの模範例を見ることが出来ます。

Part 5: テクスチャ

  1. まず、家全体を選択します。
  2. [Texture shapes] ツールをクリックします。
  3. [Browse] をクリックし、wall_white を選択し、開きます。このテクスチャ アセットは、チュートリアルの asset フォルダーの中にあります。
  1. 一様なテクスチャリングをするために [Mode] で [Dimensions] を選択して適用します。
    Absolute texture width と Absolute texture height の入力数値はメートル単位でのテクスチャの大きさを表しています。
  2. 両パラメーターに 10 を指定し、[Assign] をクリックします。
  1. 続いてすべての屋根を選択します。[Select] ツールですべての屋根ポリゴンを選択します。最初のポリゴン上でダブルクリックし、Ctrl キーを押しながら他のポリゴンをクリックします。
  2. [Texture shapes] ツールから roof を選択し、[Assign] をクリックします。
  1. 次はドアと窓です。[Select] ツールで窓を 2 つ選択します。
  2. [Texture shapes] ツールで、窓テクスチャを指定します。
  3. [Mode] を [Stretch to polygon] に設定することにより、窓にテクスチャがフィットします。[Assign] をクリックして割り当てます。
  1. ドアも 2 枚選択します。[Texture] ツールでドアのテクスチャを指定し、[Assign] をクリックします。
  1. カメラの視点を家の裏側にまわし、窓を選択します。窓テクスチャを選択し、[Assign] をクリックします。
    窓テクスチャが間延びしているはずです。
  2. [Horizontal repetitions] に 4 と入力し、[Assign] をクリックします。
  1. 煙突を追加するには、[Rectangular Shape Creation] ツールを使用して、屋根の上に長方形を描き、緑の矢印に沿って上方にドラッグします。
  1. 煙突の奥の一辺をクリックし、手前の一辺と同じ高さになる様に下にドラッグします。
  1. すべての面を選択し、[Texture] ツールでテクスチャを指定します。
  2. [Browse] から wall_concrete_6.png を選択し、[Dimensions] を 10 に指定し、[Assign] をクリックします。
  1. 次にドーマーを追加します。長方形を描き、上にドラッグします。
  2. 後端を下にドラッグして、ピタッと止まるようにします。
  1. 側面にもテクスチャを貼り付けます。
  2. すでに学習したように、建物の前面に窓を作成します。

これで家の完成です。必要に応じて煙突を小さくするなど各パーツを微調整してください。

14_B_Advanced_09.cej を開くと、ここまでの手順で作成したシーンの模範例を見ることが出来ます。

テクスチャシェイプの編集時にシェーディングモード ([View settings] → [Shaded]) を使用すると、描画のハイライトがより見やすくなります。