rive-app/rive-ios

Gradient blending is not working well with transparent background

Opened this issue · 0 comments

shvul commented

Description

We tried creating a glow effect using Rive. In web editor it looks fine, but on the iOS client it renders black color in places where shape should have clear color.

Steps to reproduce

  1. Create circle shape
  2. Set radial gradient as fill color
  3. Set multiple zero alpha steps in gradient to create a glowing border

Source

loading_animation.riv.zip

Screenshots

Editor:

img_v2_abebe806-4c9d-4933-b872-da53600a595h

Device:
image

Device & Versions

  • Device: iPhone 11 Pro
  • iOS 17.0.3