Documentation
Chevron Builder
Design rear warning chevron livery patterns and export a flat PNG, in-browser.
Chevron Builder generates rear warning chevron and hazard-stripe patterns for FiveM emergency-vehicle liveries entirely in your browser. Pick two stripe colors, dial in angle, width, rotation, and ratio, then layer optional honeycomb or 3M-983-style reflective effects and a draggable text overlay. The canvas redraws in real time as you tune it, and one click exports a flat PNG at whatever resolution you set.
Workflow
- 1Optionally start from one of six presets — Fire Standard, EMS White, DOT Highway, Police Vis, Tow Warning, or Rescue Red. Each one overwrites the current settings.
- 2Set Primary and Secondary stripe colors from the six swatches or the custom color picker.
- 3Tune the geometry: Stripe Width (2–16 in), Angle (20–75°), Rotation (0–360°), and Ratio (0.3–3.0).
- 4Layer effects: Mirror Over Seam, Show Seam Line, Honeycomb Overlay, and 3M 983 Reflective Conspicuity — each with its own opacity slider.
- 5Add a text overlay from a preset (KEEP BACK, STAY BACK 500 FT, EMERGENCY…) or type your own up to 40 characters, then drag it into place on the canvas.
- 6Set the output Size (min 200×100) and use Zoom or Fit to inspect — zoom is view-only and does not change the export.
- 7Click Export PNG to download chevrons_<angle>deg.png, or Reset to return to the Fire Standard default.
Starter presets
- Fire Standard — red and yellow, 45°, mirrored
- EMS White — orange and white, mirrored
- DOT Highway — black and yellow hazard
- Police Vis — blue and silver, mirrored, ratio 1.2
- Tow Warning — amber and black, full rear
- Rescue Red — red and white, mirrored, angle 50, ratio 0.8
Export format
Chevron Builder covers the rear warning panel — pair it with the other vehicle tools for full-livery work. Use UV Studio to work against the vehicle UV layout, and Paint Booth Studio for the broader paint and livery pipeline.
Frequently asked questions
How many tokens does it cost to use?
None. Chevron Builder is fully client-side — the pattern is drawn on an HTML5 canvas and exported in the browser, so there is no AI call, no server action, and no token or credit deduction. The only requirement is a plan that includes it.
What format does it export, and at what resolution?
A single flat PNG at exactly the canvas Size you set (Width min 200, Height min 100, default 800×500). There is no SVG, layers, or transparency control — it is a flat raster. Zoom is view-only and does not change the exported size.
Is the Stripe Width a real measurement in inches?
No. Width is expressed in inches relative to a fixed 96-inch-wide virtual canvas, so the same inch value produces different pixel widths at different canvas widths. Treat it as a proportional control, not a true physical dimension.
What ends up in the exported PNG?
The stripes, overlays, seam line (if shown), text overlay, and the dark vehicle-body background. The faint UV reference grid, corner alignment marks, and the canvas-edge indicator are editor guides only and are not included.
Can I save a design or share a link to it?
Not as an editable design. There is no save/load and no link that reconstructs your settings — reloading the page resets everything to the Fire Standard default. The Share button captures the current canvas as an image and posts it to the community Showcase, but it does not store your control values. Export your PNG before you leave.
How is the text overlay limited?
Text is always uppercase with a fixed white fill and black stroke (no font or color choice), capped at 40 characters, and stays upright even when you rotate the pattern. You position it by dragging on the canvas — there are no numeric X/Y fields.
Discussion