Support Center

Getting started

• Open the app and you’ll see a MeshGradient preview and an editable grid of Bezier points.

Editing the mesh

• Select and move points: Click a point to select; drag to reposition. Drag handles to shape curves.
• Add rows/columns: Use the toolbar tools to insert rows or columns where needed.
• Colors: Select one or more points, then pick colors from the palette; use Favorites for quick reuse.
• Randomize: Use the Randomize panel to quickly generate new color distributions.

Selection modes:

• Selection Tool: Click to select, Shift-click to multi-select, drag selected points to move them together.
• Direct Selection Tool: Edit a single point’s Bezier handles precisely; handles are visible for the active point.

Modifier keys while editing control points:

• Shift: Constrain movement to the dominant axis (horizontal or vertical) for straighter curves.
• Option (Alt): Symmetric handle mode – move one handle and mirror magnitude/direction on the opposite handle.
• Control: Aligned handle mode – keep handles colinear while allowing different lengths (smooth C1 continuity).
• No modifier: Free handle editing – move handles independently.

Tips:

• Use Selection Tool for layout and multi-point moves; switch to Direct Selection for curvature finesse.
• Combine Shift with Option/Control for constrained symmetrical edits.

Exporting

• Image (PNG):
  • Open Export, choose Image.
  • Set width/height. Preview updates to match aspect ratio.
  • Click Export Image to save a PNG.
• Swift Code:
  • Open Export, choose Swift Code.
  • Toggle Inline/View as needed.
  • Click Copy or Export File to use directly in iOS/macOS projects.
• WebGL (HTML):
  • Open Export, choose WebGL.
  • Pick color interpolation (Bilinear/Bicubic) and quality (steps).
  • Click Generate Preview to see it in the embedded browser.
  • Copy: Use Copy to put a complete, ready‑to‑paste HTML snippet on the clipboard.
  • Export WebGL to save a standalone HTML file.

Tips

• Keep grids modest (e.g., 3–6 per side) for easier control; raise tessellation steps in WebGL for smoother curves.
• For production Swift, start with Inline off (View mode) for cleaner code reuse.
• PNG size scales with pixels; use preview info to pick a reasonable export size.