♥ Contribute v 0.7.0 beta
[space] to hide helpers
Ctrl + clic to add a point
Point
Road
Segment
Surface
Texture
Color
Rotation
Surface Fill
Median
Surface Line
Color
Line
Color
Roundabout
Marking
Color
Background
Tab to switch to foreground
Current configuration :
Your current work will be lost.

Make sure to save your JSON configuration before reset.

Reset ?

Welcome to PathPhalt !

PathPhalt is a free online tool to build roads and markings.
PathPhalt use the local storage of your browser to save your work. No cookies, ads or tracking here.

About PathPhalt

PathPhalt is a free online tool to build roads and markings.
Author : César Vonc
Thanks to :
  • THREE.js
  • Delaunator
  • Constrainautor
  • Earcut
  • Client-zip
PathPhalt use the local storage of your browser to save your work. No cookies, ads or tracking here.

How it works

1. These are Lines, they guide everything :

2. These are paths, it's simply a texture that follow a curve :

3. Lanes are path with a line on the left and right side :

4. Between the lines, there is a surface (asphalt by default) :

5. At the intersection of two lines, the lines they are splitted...

... and can be configured independently :
Then, the surfaces too :

6. So when you intersect two Lanes, you can configure each part at each intersection :

7. When you have two close Lanes, it may have indesirable intersections :

You can ignore the intersection of one side of the Lane, for each segment :
Or disable the entire Line of one side :

8. For Roundabout with multiple Lanes, simply create two Roundabout at the same position but with different radius, and disable the right Line of the bigger one (or the left of the smaller) :

Have fun !