Procedural UI – Unity
Procedural UI lets you easily create a professional UI using procedural rounding and gradients effects, without having to use any sprites.
Procedural UI lets you easily create a professional UI using procedural rounding and gradient effects, without having to use any sprites. This asset offers rich features for any UI workflow, is 100% (unit) tested, and includes the complete and extensively commented source code.
Benefits:
Full flexibility in creating UI by allowing rounding, borders, outlines, glow, shadows, fall-off, and more.
Quickly create a professional UI with the easy-to-use editor and/or code
Configure color schemes by using gradients on your UI, with or without sprites.
Ensure consistency throughout your UI
Reduce the size of your game by not requiring the use of additional sprites for UI
Sprites are supported but not required, all Image features are compatible
Masking support, easily combine image together to create fancy shapes
High performance (identical to Image)
Features:
Gradients: Change the colors of your UI using gradient effects, comes with a wide variety of types, transparency support, and presets. The gradients support both Unity’s Image component and Rounded Image.
Procedural UI rounding: dynamically round the corners of your UI objects, with or without sprites. Within the editor, or during runtime
Accurate hitboxes: dynamic hitboxes ensure accurate click or tap detection for your UI, including an option to take the rounding effects into account for hit detection
Editor tools: includes a clear and easy-to-use editor
Masking: Complete masking support of dynamic shapes, use masking to create fancy shapes or decorate your UI. (Support for both Mask and RectMask2D components.)
Code available: all code is included in the package and is extensively commented, allowing you to understand, modify and extend it
UI effects: use edge falloff for glow, shadow, and anti-aliasing effects
Borders and outlines: dynamically create borders and adjust the width of the border to create outlines
Sprite atlases: sprites from sprite atlases or spritesheets are fully supported
Compatibility: as an extension to the Image component, all Image features remain compatible, including aspect ratio and fill options.
Tested and optimized for mobile platforms (iOS and Android) and web (WebGL).
Known limitations:
* Fill options can prevent the rounding or fall-off effect from showing.
**Sprite sheet/atlas requires Unity 2020.2 or newer.
Technical details:
Quality:
All code is extensively and clearly commented
Optimised for mobile development
Runtime code is 100% unit tested
Compatibility:
Tested and verified from Unity 2020.3 onwards on:
iOS
Android
Android TV
Windows
MacOS
Linux
WebGL
Supports the legacy and new Input System.
Recent Comments