Repository navigation
node rectangle directed
Home > Primitives > Rectangle: Directed
< Previous: Rectangle: XY-Aligned | Next: Square >
A rectangle from one edge and a perpendicular width - at any angle.
Category: Primitives | Add menu: Primitives > Rectangle: Directed
Corner 1 and Corner 2 set one edge - the baseline - and the rectangle is built out perpendicular to it, so tilting that edge tilts the whole rectangle. How far the opposite edge sits from the baseline is the width. It pairs the corner lists index-for-index, one rectangle per pair. For an upright rectangle that never tilts, use Rectangle: XY-Aligned.
The single Width input sets the far edge, and how depends on what you wire in - a point, a number, or a value field.
Wire a point into Width and the far edge is placed to pass through it - the width becomes the perpendicular distance from the baseline to that point. Reach for this when the rectangle needs to reach a specific spot. A wired point takes priority; a number or field is read otherwise.
Wire a number into Width - typed, or from a Slider or Number. Every rectangle gets that fixed perpendicular width; a negative value builds it on the other side of the baseline.
Wire a value field into Width (for example Image Sample -> Graph Mapper). Each rectangle's width is sampled from the field at the midpoint of its baseline, so a row of baselines becomes bars whose heights read off the image.
- Corner 1 (point) / Corner 2 (point): the baseline edge.
- Width (any): sets the far edge four ways: a point (the edge passes through it), a number (in mm), a value field, or a list (one width per rectangle). Point and number lists pair with the corners index-for-index.
- Region (region): one rectangle per pair of corners.
- Edges (curve): its sides, as separate curves, grouped per shape.
- Points (point): its corners, grouped the same way.
The three are views of the same shape, so build on whichever suits. For what the shape was built from, rather than what it is, use Explode.
< Previous: Rectangle: XY-Aligned | Next: Square >
- In the modeling view: Rectangle: Directed - draw the same rectangle directly on the canvas.
- Image Sample | Graph Mapper: value-field sources for the Width input (image-driven bars).
- Field-aware nodes: which inputs can read a field | The halftone pipeline
Found a bug or have feedback? Open an issue | Docs home | Videos | Credits
Getting Started
- Welcome
- How Locus came to be
- Videos
- Community & support
- Installing & launching
- Licensing & activation
- Beta License Agreement
- Core concepts
- Interface tour
- Your first pattern
Modeling - Drawing
- Canvas basics
- Points
- Typing coordinates
- Lines, rays & segments
- Circles & arcs
- Ellipses
- Compass & straightedge
- Rectangles & squares
- Constraining with Shift
Modeling - Editing
- Selecting objects
- Transform tools
- Align & distribute
- Duplicate, detach & ownership
- Regions & booleans
- Cleanup
- Weld & seams
- Style palettes & Re-ink
Annotation
Layers
Modeling Menus
- File
- Edit
- View
-
Draw
- Select
- Point
- Segment
- Line
- Ray
- Circle: Center Point
- Circle: Center Radius
- Circle: Through 3 Points
- Arc: Center, Start, End
- Straightedge
- Compass
- Compass: Radius
- Ellipse: Center + Axes
- Elliptical Arc
- Rectangle: XY-Aligned
- Rectangle: Directed
- Square
- Regular Polygon: Edge
- Regular Polygon: Center, Vertex
- Regular Polygon: Center, Edge Midpoint
- Dimension: Linear
- Dimension: Angle
- Dimension: Radial
- Label
- Construct
- Combine
- Transform
- Select
- Nodes
The Nodes Window
- Basics of visual programming
- How the node graph works
- Sockets & wires
- Adding & connecting nodes
- Sliders & number inputs
- Keeping the node graph tidy
- View menu (Nodes)
- Lists & collections
- Constants & unit conversions
Node Library
- Overview
- Input
-
Primitives
- Point
- Point: Polar
- Segment
- Line
- Ray
- Circle: Center Point
- Circle: Center Radius
- Circle: Apollonius
- Circle Tangent to...
- Circle: 3 Points
- Arc
- Ellipse
- Elliptical Arc
- Rectangle: XY-Aligned
- Rectangle: Directed
- Square
- Regular Polygon: Edge
- Regular Polygon: Center
- Rectangular Grid
- Oblique Grid
- Triangular Grid
- Construct
- Transform
- Image & Fields
- Combine
-
Data
- Measure
- Numbers
- Lists
- Select
- Clean up
- Display
Clusters
Bridging Modeling & Nodes
Patterns & Symmetry
Image-Driven Fields
Saving, Exporting & Files
Preferences & Language
CLI
Reference



