Такая красота часто встречается в банковских и финтех-приложениях. По краю карты пробегает тонкий луч света, очень похжий на отблеск на металлическом торце (получается эдакая подсветка рамки).
📖 Хотя подобный эффект можно реализовать с помощью градиента и нативной анимации, чаще всего это выглядит не очень здорово.
Но можно использовать алгоритм немного посложнее:
1. Сначала с помощью шейдера вырезаем из карты её контур (саму крточку оставляем нетронутой).
2. Потом по карте под углом 45° бежит луч света (хоть это и обычная проекция, но все равно получится настоящий блик)
3. В итоге добавляем эффект вспышки света только там, где проходит рамка, и чуть-чуть мягкий ореол по краю.
В итоге +- 60 строчек метала, и у нас кайфовый и приятный эффект.
✅Исходный код уже доступен: ⭐️ здесь или 💰 тут.
😃 iOS Dev