SDF Image - Quality UI Outlines and Shadow

nickeltin

(0)
$14
Publisher nickeltin
File size 17.55MB
Number of files 433
Latest version 1.2.0
Latest release date 2024-05-16 02:48:13
First release date 2023-08-25 03:36:14
Supported Unity versions 2018.4.2 or higher

Adds additional import settings for textures for SDF (Signed Distance Field) import which used in custom UI shader to render surface-correct outline/shadow/underlay around an Image. To render Image with outline/shadow use component SDFImage (SDFRawImage is avaliable too), provide it with sprite and SDF material to adjust outline properties.


WebGL Demo is available

🚀Play WebGL Demo🚀


Tutorials on YouTube

▶️Watch tutorials playlist▶️


Samples is available

Samples can be found in Package Manager when you downloaded the asset


Requires Unity 2021/2022 or higher. After installation will automatically install dependency https://www.npmjs.com/package/com.nickeltin.core. Unity 2020 support will be considered in future.


🟩Features🟩

  • Perfomant - all data to generate outline is cached and sotred as nested texture in original texture asset, avoiding runtime calculation.
  • Crisp - due to SDF rendering nature no matter how zoomed otuline, it will always remain crips, not pixelated.
  • All image modes supported - Simple, Sliced, Tiled, Filled, all modes are supported.
  • Multiple sprites support - sprites with 'Multiple' mode is supported, to function properly requires some gaps between them on texture.
  • Seamless integration - its just a few clicks to setup your initial Outline/Shadow. User experience integrates nativly to unity.

🛣️Roadmap🛣️

  • Improving multiple sprites workflow
  • Improving image modes support (Tiled, Sliced, Filled), right now there are certain nuances
  • Adding Pixel art support
  • Possibly adding Sprite Renderer support

Top Publisher Assets