Squircle Options

Dialog selections are discussed below the image. To navigate to an item, select it in the Squircle Options image . If NOT selecting any item and wanting to return to the prior page: swipe right-to-left; use the browser’s ‘back’ arrow; or use the Wiki’s Backlink icon on the right sidebar (mobile: drop-down dialog at the top of the page).

Squircle Options dialog. Make selection above.

In the above image, tap these elements to navigate in this demo:

• Cancel - Discards any modifications made to the curvature settings and returns to the previous menu without saving changes.
• OK - Confirms the selected curvature settings and saves the customized squircle resource to the shape palette.

Other elements in this dialog screen (which are interactive in the app, but not this demo) show options for:

• Curvature - Displays the label for the corner smoothing parameter that controls the transitional curve between a square and a circle.
  • Lower Values (toward 1 or minimum slider position): Flattens the perimeter edges and tightens the corners toward a sharp 90-degree angle, yielding a profile nearly identical to a standard square.
  • Mid-Range Values (e.g., 3 to 4): Produces a balanced superellipse (classic squircle), characterized by continuous, organic corner curves that blend smoothly into the flat sides without visible seam points.
  • Higher Values (toward the right of the slider): Progressively pushes the corner radius inward until the straight edges diminish entirely, resolving the geometry into an oval or full circle.
  • See examples here
• Curvature Value (3) - Shows the currently assigned curvature index. Selecting this badge opens a numeric entry dialog to input an exact value directly.
• Decrease (-) Button - Decrements the curvature value by single-unit increments to sharpen the shape corners closer to a square profile.
• Curvature Slider - Adjusts the curvature dynamically across its range by dragging the indicator handle left or right.
• Increase (+) Button - Increments the curvature value by single-unit increments to increase corner roundness toward a circular profile.

===== Hidden Index Anchors ===== ui-resources-shape-selection-squircle