Gradient blending is not working well with transparent background
Nobody has claimed this yet.
Assessment
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Newbie friendliness
- 42/100
- Issue type
- Bug
- Clarity
- Mostly clear
- Activity status
- Stale
- Tech stack
- ios, swift
- Domain
- computer-graphics, mobile-dev
Research direction
Start by reproducing the attached loading_animation.riv.zip on the iOS client using the listed iPhone 11 Pro and iOS 17.0.3 environment, then trace the gradient rendering path. Done means radial gradients with multiple zero-alpha stops render transparent areas correctly instead of black and match the web editor result.
Written by the indexing model from the issue text.
Description
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
- Create circle shape
- Set radial gradient as fill color
- Set multiple zero alpha steps in gradient to create a glowing border
Source
Screenshots
Editor:
Device:
Device & Versions
- Device: iPhone 11 Pro
- iOS 17.0.3
- Dominant language
- Swift
- Stars
- 822
- Forks
- 104
- PR merge metrics
- No merged PRs in 30d
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from rive-app/rive-ios
-
Difficulty 2/5 1-3 hours Newbie friendliness 76/100
-
Difficulty 4/5 3-5 days Newbie friendliness 48/100
-
Difficulty 3/5 1-2 days Newbie friendliness 74/100
-
Difficulty 4/5 3-5 days Newbie friendliness 30/100
-
Difficulty 4/5 3-5 days Newbie friendliness 38/100
All issues in rive-app/rive-ios
Similar issues
-
tvOS
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
-
Difficulty 2/5 1-3 hours Newbie friendliness 82/100
skiptools/skip-fuse-ui#147 ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 84/100
-
Difficulty 2/5 1-3 hours Newbie friendliness 90/100
-
Difficulty 2/5 1-3 hours Newbie friendliness 88/100
OneBusAway/onebusaway-ios#1438 · 1 reaction ·