com.adlucem.ui.roundedimage
Version:
This package is an implementation of a UI rounded image as BaseMeshEffect. It uses additionnal channels of UI Canvas (TexCoord1 and TexCoord2) to pass rounded informations to the shader.
35 lines (28 loc) • 929 B
Markdown
# Rounded corner image implementation for Unity UI
This package is an implementation of a UI rounded image as BaseMeshEffect.
It uses additionnal channels of UI Canvas (TexCoord1 and TexCoord2) to pass rounded informations to the shader.
# How to use
- Set your canvas Additional Shader Channels using TexCoord1 and TexCoord2
- Add image RoundedCornerEffect Monobehaviour next to your image to round
- Add a rounded image material to your image material
- Adjust corner radius
# Sample
- Look at the sample scene in Tests folder if you have any doubt
# Registry
npmjs regisry : **com.adlucem.ui.roundedimage**
Add these lines in *Packages/manifest.json* of your project.
```
"scopedRegistries": [
{
"name": "adlucem",
"url": "https://registry.npmjs.com",
"scopes": [
"com.adlucem"
]
}
],
"dependencies": {
"com.adlucem.ui.roundedimage": "X.X.X",
...
}
```