Градиенты интерфейса: радиальные, конические и с масштабом

В бете Studio обновили UIGradient — тот самый объект, которым красят кнопки, панели и рамки в интерфейсе. До сих пор он умел ровно одно: линейную заливку под заданным углом. Всё остальное авторы делали картинками.

Что нового#

• радиальный градиент — заливка от центра к краям, привычный «блик» на кнопке;
• конический градиент — заливка по кругу, из неё делают индикаторы прогресса и «радужные» рамки;
• режимы повтора — градиент можно замостить, а не растягивать на весь элемент;
• масштаб — управление тем, какую часть элемента занимает переход.

Как включить#

Beta Features → Upgraded UIGradients. Это бета: включается вручную и может меняться до полного релиза, так что закладываться на неё в проекте, который выходит завтра, рановато.

Почему это заметное изменение#

Каждая картинка в интерфейсе — это отдельный ассет: его надо загрузить, промодерировать, скачать игроку и держать в памяти. На телефоне, где и так тесно, десяток декоративных подложек превращается в лишние мегабайты и лишние секунды загрузки.

Градиент рисуется движком и не весит ничего. Чем больше вариантов заливки он умеет, тем меньше поводов заменять его картинкой. Для мобильных игр — а это большая часть Roblox — такие мелочи складываются в заметную разницу.