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.
程序化 UI 可让您使用程序化舍入和渐变效果轻松创建专业 UI,而无需使用任何精灵。此资产为任何 UI 工作流程提供了丰富的功能,经过 100%(单元)测试,并包含完整且经过大量注释的源代码。
优点
通过允许舍入、边框、轮廓、发光、阴影、衰减等,完全灵活地创建 UI。
使用易于使用的编辑器和/或代码快速创建专业 UI
通过在 UI 上使用渐变来配置配色方案,带或不带精灵。
确保整个 UI 的一致性
通过不需要为 UI 使用额外的精灵来减小游戏的大小
支持精灵但不是必需的,所有图像功能都兼容
遮罩支持,可轻松将图像组合在一起以创建奇特的形状
高性能(与图像相同)
功能
渐变:使用渐变效果更改 UI 的颜色,具有多种类型、透明度支持和预设。渐变支持 Unity 的图像组件和圆角图像。
程序化 UI 圆角:动态圆化 UI 对象的角,无论是否使用精灵。在编辑器内或运行时
准确的命中框:动态命中框可确保准确检测您的 UI 的点击或轻触,包括将圆角效果考虑在命中检测中的选项
编辑器工具:包括一个清晰且易于使用的编辑器
蒙版:完全支持动态形状的蒙版,使用蒙版创建奇特的形状或装饰您的 UI。 (支持 Mask 和 RectMask2D 组件。)
可用代码:所有代码都包含在包中,并经过大量注释,方便您理解、修改和扩展
UI 效果:使用边缘衰减实现发光、阴影和抗锯齿效果
边框和轮廓:动态创建边框并调整边框宽度以创建轮廓
精灵图集:完全支持精灵图集或精灵表中的精灵
兼容性:作为图像组件的扩展,所有图像功能都保持兼容,包括宽高比和填充选项。
针对移动平台(iOS 和 Android)和 Web(WebGL)进行了测试和优化。
已知限制:
* 填充选项可以防止显示舍入或衰减效果。
**精灵表/图集需要 Unity 2020.2 或更新版本。
|