AdLucem RoundedImage
Implement rounded corners on UI images in Unity through a BaseMeshEffect shader solution. Configure your canvas with additional shader channels (TexCoord1 and TexCoord2), attach the RoundedCornerEffect component to your image, and adjust the corner radius to achieve polished UI designs without external dependencies.
com.adlucem.ui.roundedimage 
Install via UPM
Add to Unity Package Manager using this URL
https://www.pkglnk.dev/roundedimage.git README Markdown
Copy this to your project's README.md
Style
Preview 
## Installation
Add **AdLucem RoundedImage** to your Unity project via Package Manager:
1. Open **Window > Package Manager**
2. Click **+** > **Add package from git URL**
3. Enter:
```
https://www.pkglnk.dev/roundedimage.git
```
[](https://www.pkglnk.dev/pkg/roundedimage)README
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",
...
}
No comments yet. Be the first!