To access the tutorials in CityEngine, click Help > Download Tutorials and Examples.... After choosing a tutorial or example, the project is automatically downloaded and added to your workspace.
Part 1: Polygonal Modeling
- Open the initial scene by double clicking on 14B_Advanced_01.cej in the Navigator.
- Select the polygonal shape creation tool, and click to set the first point.
- To force the line to a specific length, you can start typing. Type 11 and press enter.
- Move to a snapping line and click to set the second point.
- For the third point, type 9 and press enter. If you want to cancel the fixed length, press esc, and the line length is flexible again.
- For the next few points, we do not use text entry, just snap to 90 degree lines and click on approximate lengths.
- For the last point, find the intersection of two snapping lines, and click.
- Finish the shape with a click on the first point.
- You can now perform some fine tuning on the lines. Click the Move Tool button and select the edge you want to transform.
- Click and hold the mouse over one handle. Move the mouse to transform the edge.
- Drag the mouse over the arrows to change directions. When you are satisfied with the result, release the mouse.
- Do the same for another line. When the 2d shape is to your liking, you can finally create a 3d shape.
- For this, hover the mouse over the polygon.
- Now Drag the orange handle. Release to finish the 3d shape.
- Let’s now create a slanted roof. Move over the line until a cross appears. This is the midpoint snap.
- Click and move the mouse until you see the symbol for a parallel snap.
- Move to the other side until you snap to the edge, and click.
- You can now use the edge handle to drag a roof. Again, you have two directions, now use the green one. Release the mouse to finish the roof.
- Now drag the back edge, to make the roof flatter. You can keep dragging the edges until you are satisfied with the result.
- Let’s now modify the 3d shape a little bit. Move the mouse over a polygon, and drag the handle.
- Let's now create balconies. Select the rectangle tool. Click when snapped to this line.
- Move and snap to the opposite line, and click again.
- Now, hover over the new polygon and drag the handle.
- Move it out a bit and release the mouse.
- Select the polygonal tool again. Snap to the back balcony line, click, then move until you see the parallel sign, snap to the top edge, and click again.
- Now drag out the new polygon.
- To inset the balcony, create two lines with snapping. Draw two lines with snapping.
- Then, grab the handle and drag the balcony floor down.
- Draw another balcony.
- Rotate the camera to the back.
- Select the rectangle tool, click to start on the wall, click again to finish.
- Drag the balcony out, then create a rectangle on the top.
- Drag the floor down.
- A reference scene of this can be found in 14_B_Advanced_03.cej.
- Rotate to the front, drag a roof polygon, and observe the different directions a bit.
- To achieve this, press the control key.
- Do the same for the other polygon. When dragging, snap to the first polygon.
- Drag the sides to make it overhang. Start on the right to drag it out.
- Drag the second face until it snaps.
- Drag out the third face.
- Drag the fourth, but not so far. Snap the last face to the fourth.
- Rotate the camera to get a nice view on the side.
- Drag the face down.
- Repeat it on the other side.
- Finally, go to the back, and drag out both faces.
- When you rotate to the front again, note that a few extra, unnecessary lines are now on the roof. To clean this, first use the selection tool to select the whole building.
- Now click the cleanup shape tool.
- Select default from the presets and click finish.
- Make the roof thinner: To move multiple polygons at once, use the standard selection and the transform tools.
- Select the first polygon by double clicking. Now hold control, and click on the second polygon.
- Click on the move tool, and drag along the green arrow.
- Let us start decorating the building. Select the rectangle tool, and create two windows.
- Drag them inwards.
- Now create two doors. Rotate and zoom the camera a bit to get a clear view.
- Rotate the building and create more windows.
- Finally, rotate and drag out the roof along the green arrow. This creates an open garage.
- To create columns, first rotate down. Draw two rectangles, and drag them out to the ground.
Note:
While moving, the line length is shown in the text box on the top.
The color changes to magenta, and the line length is fixed at 11.
Note:
Note that there are different arrows to move the edge in different directions.
A reference scene of this can be found in 14_B_Advanced_02.cej.
Note the different behavior of the arrows. The green drags parallel to the ground plane and creates a new top polygon.
The blue arrow however, drags along existing edges, marked in blue, without creating a new polygon. Both types can be very useful depending on the shape you want to create.
You can drag it in and out. Orange lines appear when you snap to a point.
The balcony is now finished.
The basic shape is now ready, let’s create a nicer roof.
We want the green up direction. We also want to separate the roof from the building.
Note that this inserts edges along the initial positions. Make the roof thick for easier editing; we make it thin again later.
A reference scene of this can be found in 14_B_Advanced_04.cej.
Note the difference between the green and blue arrow. Use blue for now.
A reference scene of this can be found in 14_B_Advanced_05.cej.
Most of the lines are now gone. You may have to use this tool twice to remove all lines.
A reference scene of this can be found in 14_B_Advanced_06.cej.
You can now fine-tune the building by dragging planes using the polygonal tool. It’s best to use the blue arrows, so the walls stay along the roof.
A reference scene of this can be found in 14_B_Advanced_07.cej.
Note you can still drag the window frames.
A reference scene of this can be found in 14_B_Advanced_08.cej.
Part 2: Texturing
Let us add some textures.
- First select the whole house.
- Click the texture tool.
- Click browse, select wall_white and open.
- To get a uniform look, select Mode > Dimensions.
- Enter 10 for both values and click Assign.
- Texture the roof now. Select all roof polygons with the selection tool, a double click for the first and then clicks with control.
- Pick the roof in the texture tool, and click Assign.
- Let’s now do doors and windows. Select two windows.
- In the Texture tool, pick the window texture.
- Set the mode to Stretch to polygon and assign.
- Then Select the two doors, pick the door texture and assign.
- Rotate to the back, select the windows, pick the window texture and assign.
- Therefore, enter 4 at Horizontal repetitions and Assign again.
- To add a chimney, draw a rectangle on the roof. Drag it up along the green arrow.
- Now drag the back edge down along the green arrow until it snaps to the front edge.
- Select all faces, and assign textures with the texturing tool.
- Browse for the concrete texture, use dimensions with 10.
- Fine tune the chimney.
- Next, add a dormer. Draw a rectangle, and drag it up.
- Drag the back edge down until it snaps.
- Texture the sides.
- Draw a window on the front, as already learned.
You can find it in the assets folder of the tutorial.
The numbers indicate how large the texture is in meters.
It is now very stretched.
The house is now finished. You can still fine-tune the parts, for example to make the chimney smaller.
A reference scene of this can be found in 14_B_Advanced_09.cej.