View source for Tutorials/Map Editor/Roads/Creating a Simple Road

{{TutorialNavigation|previous=Road Item Properties Dialog|next=Road Node Manipulation}}

<big>In this tutorial, we will create a simple set of roads with some vegetation, and some small decoration provided by the Road item properties dialog. Before we do, however, we must explain about Node Snapping.</big>
<br>
<br>
<big>Every Item type that can be connected has 2 ends. Each end has either, a green circle/square node, or a red circle/square node(prefabs have more but we will cover that later) Nodes can be connected together but not always - the colors that go together are important. Here is the general rule of thumb regarding snapping: '''Green and Red nodes can connect to each other; same colored nodes cannot connect.'''</big>
[[File:Road node red.png|frame|left|Red Node]]
[[File:Road node green.png|frame|right|Green Node]]
<br>

{| class="wikitable" width="100%"

|- style="vertical-align: top"
| width="10px" | '''1'''
| width="25%" | [[File:Basic road.jpg|upright|712px]]
| <big>Select 'Road' then select New item (''E Key'') Click on Road type and pick <code>ger road 1 tmpl</code> 
:Click at the base of the pink starter car and drag up to just under the main toolbar and click again 
:Hit ''Esc'' - we should have a nicely placed road</big>
<br>
<br>
{{Tip|Make sure you are in top down camera view when placing roads!}}
<br>

|- style="vertical-align: top"
| width="10px" | '''2'''
| width="25%" | [[File:Road item properties.png|upright|712px]]
| <big>Go to Item properties (''P Key'') and click on one of the nodes</big>

|- style="vertical-align: top"
| width="10px" | '''3'''
| width="25%" | [[File:Basic road decor.jpg|upright|712px]]
| <big>In the dialog box, adjust options to your liking 
:Play around with all the potential settings to get your first stretch of road looking nice 
:When you are done click the 'Set as default' button</big>
<br>
<br>
{{Tip|You might find it easier at first to set your Terrain size to something small like 5 - 25 meters to make placing multiple roads easier}}
<br>

|- style="vertical-align: top"
| width="10px" | '''4'''
| width="25%" | [[File:2 basic roads.jpg|upright|712px]]
| <big>Now, zoom your camera out a bit and repeat step # 1 this time placing the road just above the road you have just made</big>

|- style="vertical-align: top"
| width="10px" | '''5'''
| width="25%" | [[File:Basic road connected.jpg|upright|712px]]
| <big>Click the Move tool (''M Key'') and click on the red node of the 2nd road piece you just placed and drag this node over to the green node of the first road</big>
<br>
<br>
{{Tip|Ensure Snap to nodes is enabled in the main toolbar}}
<br>
{{Note|You will notice the 2 road pieces snapped together and are now connected. Additionally, the editor automatically curved the roads based on the different angle between nodes. Snapping subsequent road pieces together will continue bending roads yielding smooth curves, however, these simple roads aren't good for more tighter or precise turns}}
|}

{{TutorialNavigation|previous=Road Item Properties Dialog|next=Road Node Manipulation}}