Wondering what’s next for npm?Check out our public roadmap! »

    com.adlucem.ui.roundedimage

    1.0.7 • Public • Published

    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",
      ...
      }
    

    Install

    npm i com.adlucem.ui.roundedimage

    DownloadsWeekly Downloads

    7

    Version

    1.0.7

    License

    MIT

    Unpacked Size

    57.7 kB

    Total Files

    26

    Last publish

    Collaborators

    • avatar