Масштабирование элементов без искажений в Unity UI?

Question

[ArXen42]

Проблема довольно банальная: если в панель слева добавить информации, получим то, что справа.

Про user-resizable панели уж не говорю. Вроде вопросов подобных много, а общеиспользуемых решений пока найти не удалось. Боль:

$ ls
PanelRectangle_322x242.png
PanelRectangle_500x860.png
PanelRectangle_512x256.png
PanelRectangle_802x102.png
...

К сожалению, приобрести плагины вроде SVGAssets или SVGImporter пока не имею возможности (кроме того, не уверен в беспроблемности их использования в открытом проекте).

Вижу следующие варианты решения:

• Составная панель из пяти элементов (четыре стороны обводки и заливка). Жуткий костыль.
  
• Автогенерация указанных выше файлов из svg. Т.е. организовать автоматизацию изменения размера и экспорта панели каким-нибудь inkscape. Не решает проблему динамического масштабирования в любом случае.
  
• Создавать UI элементы как модели в blender и каким-либо образом протащить их в Unity UI. Не уверен на тему хоть какой-нибудь пригодности blender для этой задачи и возможности сделать элемент по типу Sprite, отрисовывающий эти элементы.
  

Все эти варианты кажутся мне очень кривыми. Нравится, как сделан UI в EVE Online (пример), но пока не очень представляю, как создать подобное в unity.

Comments

[Denis Gaydak]

и к слову про пример из EVE online. может вам нравятся тонкие линии и таблички, но мне как пользователю , игроку и тд и тп - ваш пример кажется кошмаром. с точки зрения интерфеиса.
столько инфы на экране, табы, таблички, менюшки..
знаю что у Eve Online специфика такая, но все же..пример ужасен.

[ArXen42]

Denis Gaydak: я еще исхожу из того, что вещи, которые я рисую, еще страшнее кода, который я пишу) Поэтому вдохновляюсь максимально простыми и информативными интерфейсами (вот еще пример из Orbiter), но пытаюсь все же не дойти до уровня тайлинговых wm. Вот и получаю подобную жуть, но для прототипа, наверное, терпимо.

Вообще, лучший интерфейс, который я когда-либо видел (на мой взгляд), в Elite: Dangerous. Распределенные по кокпиту панели очень органично вписываются в игру, к тому же могут очень быстро вызываться и управляться только с клавиатуры, без мыши. Впрочем, такой вариант подходит для космосима, но невозможен в какой-нибудь стратегии.

Answer 1

[Denis Gaydak]

воу. а для кого сделали 9SliceSprites

"Составная панель из пяти элементов (четыре стороны обводки и заливка). Жуткий костыль."
тот самый жуткий костыль, только не жуткий, а общепринятый.

Comments

[ArXen42]

Однако, спасибо большое за ссылку, эвристическая оценка метода без непосредственной реализации и проверки оказалась неверна)
Метод показался слишком трудоемким (нарезать спрайты, заставить их неразрывно масштабироваться), совершенно не подумал о том, что он уже в самом движке организован.

И все же жаль, что в unity нет возможности работать с векторной графикой (хотя для этого возможно стоит смотреть в сторону альтернативных UI фреймворков вроде Noises GUI или Coherent).

[Denis Gaydak]

да, с вектором проблемка конечно в Unity. но если для полдожек(центра залики) не нужно какого-либо особо высокого разрешения, просто цвет или узор. то текстурами большого разрешения - все вполне годно решается.

[Denis Gaydak]

и если вдруг не попадалось на глаза(то почитайте и посмотрите), там еще и спраит пакер встроенный и супер удобный. по сути ничего от вас не требующий, кроме как пометить что из графики хотите склеить, и склеить)
И работаешь дальше просто как с отдельными картинками (как и раньше), просто получив оптимальную отрисовку canvas-ов))

[ArXen42]

Denis Gaydak: Спасибо, слышал о нем, но еще не раскапывал.