search

rive-app / rive-ios

iOS runtime for Rive
MIT License
496 stars 57 forks source link

Gradient blending is not working well with transparent background #281

Open shvul opened 11 months ago

shvul commented 11 months ago

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