Zum Inhalt springen

Ihre ersten drei Fahrspuren

Diese Lektion folgt der offiziellen Lane-Tool-Demo. Am Ende haben Sie beide Wege genutzt, mit denen drawtonomy Fahrspuren erzeugt:

  • Center-Line-Modus — Sie zeichnen die Mittellinie; der linke und rechte Rand werden für Sie erzeugt.
  • Boundary-Modus — Sie wählen zwei vorhandene Begrenzungs-Linestrings, und drawtonomy passt eine Fahrspur dazwischen ein.

Die Demo zeichnet zwei Fahrspuren im Center-Line-Modus und wechselt dann in den Boundary-Modus für eine dritte Fahrspur, die die Lücke füllt.

Zwei Center-Line-Fahrspuren und dann eine dritte Fahrspur, die im Boundary-Modus aus den vorhandenen Rändern erzeugt wird.

Öffnen Sie drawtonomy.com. Drücken Sie N (oder klicken Sie auf das Lane-Symbol in der unteren Werkzeugleiste).

Auf der rechten Seite des Bildschirms erscheint nun das Erstellungs-Panel Lane, mit standardmäßig ausgewähltem Center Line:

Lane-Panel — Center-Line-Modus aktiv, Lane Width 50 px

Belassen Sie die Standardwerte vorerst.

Im Center-Line-Modus klicken Sie auf den Canvas, um den ersten Mittellinienpunkt zu setzen, klicken weiter den Pfad entlang und drücken Enter zum Abschluss. Der linke und rechte Rand erscheinen automatisch mit dem Wert Lane Width (standardmäßig 50 px).

Das Lane-Werkzeug bleibt nach jeder Spur aktiv — klicken Sie also einfach an einer anderen Stelle, um die zweite zu beginnen. Setzen Sie einige Punkte rechts neben der ersten Fahrspur und drücken Sie Enter:

Zwei nebeneinander gezeichnete Fahrspuren im Center-Line-Modus

Aktuell sind die beiden Fahrspuren unabhängig — sie teilen weder einen Rand noch wissen sie voneinander.

Klicken Sie im selben Panel neben Center Line auf Boundary, um den Erstellungsmodus zu wechseln. Im Boundary-Modus klicken Sie nicht in leeren Raum, sondern auf vorhandene Begrenzungs-Linestrings, und drawtonomy passt eine Fahrspur dazwischen ein.

Bewegen Sie den Mauszeiger über den rechten Rand der linken Fahrspur — drawtonomy hebt den Linestring indigo hervor, sobald der Cursor nahe genug ist — und klicken Sie:

Boundary-Modus — der rechte Rand der linken Fahrspur ist hervorgehoben und kann ausgewählt werden

Klicken Sie anschließend auf den linken Rand der rechten Fahrspur. Eine neue Fahrspur füllt die Lücke und nutzt die beiden angeklickten Linestrings als linken und rechten Rand.

Drücken Sie V für das Select-Werkzeug und klicken Sie auf die neue mittlere Fahrspur. Das rechte Panel zeigt nun ihre Attribute:

Attribute Panel — die neue mittlere Fahrspur teilt die Ränder way/1 und way/2 mit ihren Nachbarn

Die Ränder werden wiederverwendet:

  • Lane IDlane/2, eine brandneue Fahrspur.
  • Left Boundaryway/1, derselbe Linestring, der den rechten Rand der linken Fahrspur bildet.
  • Right Boundaryway/2, ebenso geteilt mit der rechten Fahrspur.

Da die Ränder geteilt werden, bewegt das Ziehen eines Punkts auf einer der beiden Seiten beide angrenzenden Fahrspuren gemeinsam. Auf genau dieser Idee bauen die Spurverbindungen auf; lesen Sie als Nächstes diese Seite für das zugrundeliegende Modell.

Das Panel zeigt außerdem Direction, Lane Color, Lane Opacity sowie die vier Verbindungs-Slots Next Lanes / Prev Lanes / Left Lane / Right Lane, die wir vorerst leer lassen.

  • Fahrspuren lassen sich auf zwei Wegen zeichnen: aus einer Mittellinie oder durch Auswahl zweier vorhandener Begrenzungs-Linestrings.
  • Der Center-Line-Modus ist die schnelle Option auf einem leeren Canvas; der Boundary-Modus fügt eine Fahrspur zwischen vorhandener Geometrie ein, ohne etwas neu zu zeichnen.
  • Eine aus vorhandenen Rändern aufgebaute Fahrspur teilt diese Ränder mit ihren Nachbarn.