Work

Independent product / Unity

Rounded Rectangle: Procedural Shape System for UI & 3D

A Unity tool that grew from direct shape editing into a broader UI and 3D scene system.

Rounded Rectangle in Unity: UI and 3D rendering, direct Scene editing, appearance controls, and runtime workflows. Watch on YouTube

The project

Overview

I began the project in 2025 with a procedural rounded rectangle that could be sized and adjusted directly in Unity's Scene view. The initial aim was practical: make a shape quick to build, tune, and reuse without preparing a separate sprite for every size or corner setting.

Using the tool kept exposing the next set of problems. The same shape needed to work in a Canvas and in a 3D scene, remain editable without losing authored values, respond to scripts and animation, and stay understandable as more appearance and workflow controls were added. The project developed by building those paths, testing them in working scenes, and revising the editor around what became difficult to use.

From editable shape to product

Development

  1. 01Direct Scene editing

    The first versions focused on procedural geometry and handles for size, corner radius, individual corners, and border width.

  2. 02Different rendering contexts

    The shape expanded into world mesh, Canvas mesh, and Canvas SDF paths, with work to keep editing behavior and authored appearance consistent between them.

  3. 03Production behavior

    Runtime control, animation helpers, layout and button use, caching, and image export were added as working examples exposed needs beyond a static shape.

  4. 04Release preparation

    The current phase covers Inspector UX, Undo and resource ownership, example scenes, documentation, clean-package testing, and qualification across target Unity versions and render pipelines.

My contribution

Work

Geometry and rendering

Procedural mesh generation, Canvas SDF rendering, shaders, corner profiles, borders, fills, gradients, textures, transparency, and rendering-path behavior.

Editor interaction

Scene handles, custom Inspectors, size and corner editing, conversion between rendering paths, material ownership, multi-edit behavior, and Undo/Redo workflows.

Runtime and output

Script and animation control, buttons and layout helpers, runtime handles, cache workflows, generated collision, and bounded PNG or PSD output tools.

Product preparation

Example and stress-test scenes, user-facing documentation, visual capture workflows, compatibility testing, package cleanup, and Asset Store release preparation.

Three interface modules using circular, squircle, and bevel corner treatments with different borders and surfaces.
One layout expressed through different corner profiles, borders, and surface treatments.
A control shown in normal, focused, pressed, and disabled interaction states.
Consistent geometry and styling across normal, focused, pressed, and disabled states.
Context
Independent Unity tool being prepared for release under FormWren
Started
2025
Built with
Unity, C#, procedural mesh generation, ShaderLab/HLSL, and custom editor tooling
Status
Coming Soon to Unity Asset Store

Cotex / Kalbim Duracak