Если вы использовали спрайты с Image Type Sliced:
То, скорее всего, сталкивались с проблемой пикселизированных (нечётких или размытых) закруглённых углов, как на заглавном скриншоте из моего iOS приложения
Sliced (порезанный) спрайт - это изображение, которое поделено на девять прямоугольных/квадратных областей (как в игре крестики-нолики): четыре угла, четыре стороны (между углами) и центральный прямоугольник. Затем Unity использует это деление на области, чтобы правильно растягивать такой спрайт. Если такой спрайт нужно растянуть, то четыре угла останутся нетронутыми - не деформированными и не растянутыми. А тянуться будут только четыре области между углами и центральная часть. Таким образом можно нарисовать красивую кнопку с завитушками по углах, которые не будут искажаться, если попытаться из квадратной кнопки сделать длиннющую кнопку. Кстати, если снять галочку Fill Center, то центральная часть не будет заполнена, а останется пустой - дыркой.
Решить эту проблему нельзя просто увеличив размер спрайта в пикселях или увеличив радиус закругления углов на спрайте:
Ведь тогда и сама кнопка будет иметь больший радиус закругления углов. А если кнопка при этом ещё и низкая, но длинная, то вы вообще получите эллипс на выходе.
Решение.
Здесь поможет поле Pixels Per Unit (плотность пикселей) в настройках спрайта:
По умолчанию там стоит такое же значение, как в поле Reference Pixels Per Unit в компоненте Canvas Scaler:
И это значит, что одному пикселю на спрайте соответствует одна единица пользовательского интерфейса. Поэтому, чтобы исправить наши размытые скруглённые края, нужно в настройках спрайта увеличить значение поля Pixels Per Unit.
В моём случае я увеличил размер спрайта с 32 пикселей до 64 (в два раза) и во столько же раз увеличил плотность пикселей - с 100 до 200.
Всё, нечёткие закруглённые края пропали.
Читайте также другие хитрости и секреты из рубрики Маленькие 3D подсказки.
P.S. 3D - это настолько обширная область, что здесь вам пригодится весь ваш опыт, даже если вы когда-то проходили курсы веб дизайна, то и это пойдёт в прок.
Подпишитесь на обновление блога (вот 3 причины для этого).
Вам понравилась статья? Хотите отблагодарить автора? Расскажите о ней друзьям.
Или подпишитесь на обновление блога по E-Mail.
Последние обсуждения
#6. 3ds Max полезности: как лечить многие глюки
Renor: Помогите пожалуйста, у меня в сцене в одном месте стекло окна почему-то зеркалит, но только один кусок, на...
Решение ошибки OpenGL при открытии Houdini по RDP
Alex: Через RDP не только эти глюки бывают. Поставил Тимвьювер, все работает без проблем.
Основы маппинга в 3ds Max (UVW Unwrap) и в других 3D редакторах
Вася: Спасибо!
Уровень зарплат для опытных 3D-художников
Стася: Оксана, а чем вас привлек Zbrush и с какой перспективой хотите его изучить, для дальнейшей работы в дизайне? Я...
Уровень зарплат для опытных 3D-художников
Оксана: Такая же ситуация. Я с архитектурным образованием, занимаюсь дизайном интерьеров как фриланс уже 7 лет. При...
Для чего в 3D программах нужны быстрые ядра, много памяти, две видеокарты и т.д.
yuriki: Смотря для каких задач. Вот чем отличаются эти процессоры в синтетике...
Для чего в 3D программах нужны быстрые ядра, много памяти, две видеокарты и т.д.
тимур: Как вы думаете Какая конфигурация лучше HP 8300 i5-3470/16GB/GTX 1050 или...
#6. 3ds Max полезности: как лечить многие глюки
Юрий: при удалении папки ENU удаляются настройки короны, вирея, (если они есть), но самое главное!! Это Скелеты...
Уровень зарплат для опытных 3D-художников
Zed: 2020 год. Работаю в сфере игроиндустрии (аутсорс), сперва 3д-моделлер, сейчас преимущественно художник по текстурам,...
Где брать мотивацию и вдохновение для обучения 3D, когда ничего не получается и опускаются руки
Yoshino: А можно ещё?:)