{
    "version": "https:\/\/jsonfeed.org\/version\/1",
    "title": "#mopsicus: заметки с тегом интерфейс",
    "_rss_description": "об играх, разработке на Unity и личном опыте",
    "_rss_language": "ru",
    "_itunes_email": "",
    "_itunes_categories_xml": "",
    "_itunes_image": "",
    "_itunes_explicit": "",
    "home_page_url": "https:\/\/mopsicus.ru\/tags\/interface\/",
    "feed_url": "https:\/\/mopsicus.ru\/tags\/interface\/json\/",
    "icon": "https:\/\/mopsicus.ru\/user\/userpic@2x.jpg?1707898340",
    "author": {
        "name": "Игорь Лопатин",
        "url": "https:\/\/mopsicus.ru\/",
        "avatar": "https:\/\/mopsicus.ru\/user\/userpic@2x.jpg?1707898340"
    },
    "items": [
        {
            "id": "205",
            "url": "https:\/\/mopsicus.ru\/all\/full-text-gradient-tmp-unity\/",
            "title": "Градиентный текст в Unity",
            "content_html": "<p>В пакете TextMeshPro уже есть встроенная градиентная заливка, но для моей задачи она не совсем подходила, потому что работает для каждого символа отдельно. Выглядит это так:<\/p>\n<div class=\"e2-text-picture\">\n<h3 style=\"display: none;\" itemprop=\"name\">Градиент для каждой буквы<\/h3><h4 style=\"display: none;\" itemprop=\"description\">Градиент для каждой буквы<\/h4><img itemprop=\"contentUrl\" src=\"https:\/\/mopsicus.ru\/pictures\/gradient-before-character.png\" width=\"512\" height=\"128\" alt=\"Градиент для каждой буквы\" \/>\n<\/div>\n<p>Пришлось написать небольшой скрипт, который вешается на текстовый компонент, берёт цвета градиента из свойств и применяет его для всего текста. Стало выглядеть так:<\/p>\n<div class=\"e2-text-picture\">\n<h3 style=\"display: none;\" itemprop=\"name\">Градиент для всего текста<\/h3><h4 style=\"display: none;\" itemprop=\"description\">Градиент для всего текста<\/h4><img itemprop=\"contentUrl\" src=\"https:\/\/mopsicus.ru\/pictures\/gradient-after-full.png\" width=\"512\" height=\"128\" alt=\"Градиент для всего текста\" \/>\n<\/div>\n<p>Принцип простой: разбиваем градиент для количество букв и потом по порядку применяем для каждой буквы свой диапазон.<\/p>\n<p><a href=\"https:\/\/gist.github.com\/mopsicus\/9d344451ca614d7e9937bc0c6da2b21d\">Исходник<\/a><\/p>\n<p class=\"foot\">Теперь будет гуглится по <i>full text gradient unity<\/i> :)<\/p>\n",
            "date_published": "2020-05-12T15:48:53+03:00",
            "date_modified": "2020-05-12T15:48:50+03:00",
            "image": "https:\/\/mopsicus.ru\/pictures\/gradient-before-character.png",
            "_date_published_rfc2822": "Tue, 12 May 2020 15:48:53 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "205",
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/mopsicus.ru\/pictures\/gradient-before-character.png",
                    "https:\/\/mopsicus.ru\/pictures\/gradient-after-full.png"
                ]
            }
        },
        {
            "id": "180",
            "url": "https:\/\/mopsicus.ru\/all\/animation-ux-guide\/",
            "title": "Анимации в UX",
            "content_html": "<div class=\"e2-text-picture\">\n<h3 style=\"display: none;\" itemprop=\"name\"><\/h3><h4 style=\"display: none;\" itemprop=\"description\"><\/h4><img itemprop=\"contentUrl\" src=\"https:\/\/mopsicus.ru\/pictures\/animation-in-app-guide.gif\" width=\"1920\" height=\"960\" alt=\"\" \/>\n<\/div>\n<p>Отличная статья про <a href=\"https:\/\/ux.pub\/polnoe-rukovodstvo-po-pravilnomu-ispolzovaniyu-animatsii-v-ux\">использование анимаций в UX<\/a>. Просто и понятно. Примеры того, как делать не надо. В общем, однозначно в закладки.<\/p>\n<p>В догонку, есть старый <a href=\"https:\/\/easings.net\/ru\">сайтик с примерами функций плавности (easing)<\/a>.<\/p>\n",
            "date_published": "2019-10-02T11:06:56+03:00",
            "date_modified": "2019-10-02T11:07:10+03:00",
            "image": "https:\/\/mopsicus.ru\/pictures\/animation-in-app-guide.gif",
            "_date_published_rfc2822": "Wed, 02 Oct 2019 11:06:56 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "180",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/mopsicus.ru\/pictures\/animation-in-app-guide.gif"
                ]
            }
        },
        {
            "id": "148",
            "url": "https:\/\/mopsicus.ru\/all\/assets-list-4\/",
            "title": "Полезные ассеты и расширения #4",
            "content_html": "<h2><a href=\"https:\/\/github.com\/mminer\/hierarchy-icons\">Hierarchy Icons<\/a><\/h2>\n<div class=\"e2-text-picture\">\n<h3 style=\"display: none;\" itemprop=\"name\"><\/h3><h4 style=\"display: none;\" itemprop=\"description\"><\/h4><img itemprop=\"contentUrl\" src=\"https:\/\/mopsicus.ru\/pictures\/heirarchy-icons-asset.png\" width=\"660\" height=\"466\" alt=\"\" \/>\n<\/div>\n<p>Позволяет быстро оценить и увидеть какие типы объектов находятся у вас на сцене и как они расположены в иерархии. Не нужно каждый раз смотреть в инспектор.<\/p>\n<h2><a href=\"https:\/\/github.com\/mminer\/selection-history-navigator\">Selection History Navigator<\/a><\/h2>\n<div class=\"e2-text-picture\">\n<h3 style=\"display: none;\" itemprop=\"name\"><\/h3><h4 style=\"display: none;\" itemprop=\"description\"><\/h4><img itemprop=\"contentUrl\" src=\"https:\/\/mopsicus.ru\/pictures\/selection-history-asset.png\" width=\"2048\" height=\"1280\" alt=\"\" \/>\n<\/div>\n<p>Интересный ассет от автора предыдущего — позволяет быстро перемещаться по истории выделенных объектов. Есть хоткеи для Mac и Windows.<\/p>\n<h2><a href=\"https:\/\/github.com\/mob-sakai\/SoftMaskForUGUI\">SoftMaskForUGUI<\/a><\/h2>\n<div class=\"e2-text-picture\">\n<h3 style=\"display: none;\" itemprop=\"name\"><\/h3><h4 style=\"display: none;\" itemprop=\"description\"><\/h4><img itemprop=\"contentUrl\" src=\"https:\/\/mopsicus.ru\/pictures\/soft-mask-asset.png\" width=\"866\" height=\"289\" alt=\"\" \/>\n<\/div>\n<p>Да, снова «мягкая» альфа маска для UI :) Но этот бесплатный ассет примечателен тем, что <a href=\"https:\/\/mopsicus.ru\/all\/soft-alpha-mask-for-ui\/\">работает внутри стандартной маски<\/a> и поддерживает TextMeshPro.<\/p>\n<h2><a href=\"https:\/\/github.com\/Unity-Technologies\/ZombieObjectDetector\">ZombieObjectDetector<\/a><\/h2>\n<div class=\"e2-text-picture\">\n<h3 style=\"display: none;\" itemprop=\"name\"><\/h3><h4 style=\"display: none;\" itemprop=\"description\"><\/h4><img itemprop=\"contentUrl\" src=\"https:\/\/mopsicus.ru\/pictures\/zombie-detector.png\" width=\"548\" height=\"277\" alt=\"\" \/>\n<\/div>\n<p>Ассет от Unity, позволяет диагностировать сцену и находить «зомби-объекты», которые где-то не очистились, зависли и не используются. Лог пишется в отдельный файл, который потом можно изучить.<\/p>\n<h2><a href=\"https:\/\/assetstore.unity.com\/packages\/tools\/gui\/lunar-mobile-console-free-82881\">Luna console free<\/a><\/h2>\n<div class=\"e2-text-picture\">\n<h3 style=\"display: none;\" itemprop=\"name\"><\/h3><h4 style=\"display: none;\" itemprop=\"description\"><\/h4><img itemprop=\"contentUrl\" src=\"https:\/\/mopsicus.ru\/pictures\/luna-console-asset.jpg\" width=\"270\" height=\"480\" alt=\"\" \/>\n<\/div>\n<p>Неплохой ассет мобильной консоли для дебага непосредственно на устройстве. Есть поиск, фильтры, копирование в буфер и отправка на почту, <a href=\"https:\/\/github.com\/SpaceMadness\/lunar-unity-console\">исходный код<\/a> открыт.<\/p>\n",
            "date_published": "2019-02-27T10:51:48+03:00",
            "date_modified": "2019-02-27T10:50:58+03:00",
            "image": "https:\/\/mopsicus.ru\/pictures\/heirarchy-icons-asset.png",
            "_date_published_rfc2822": "Wed, 27 Feb 2019 10:51:48 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "148",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/mopsicus.ru\/pictures\/heirarchy-icons-asset.png",
                    "https:\/\/mopsicus.ru\/pictures\/selection-history-asset.png",
                    "https:\/\/mopsicus.ru\/pictures\/soft-mask-asset.png",
                    "https:\/\/mopsicus.ru\/pictures\/zombie-detector.png",
                    "https:\/\/mopsicus.ru\/pictures\/luna-console-asset.jpg"
                ]
            }
        },
        {
            "id": "128",
            "url": "https:\/\/mopsicus.ru\/all\/update-infinite-scroll\/",
            "title": "Обновил Infinite Scroll",
            "content_html": "<p>Был у меня старый скрипт для <a href=\"https:\/\/mopsicus.ru\/all\/infinity-scroll-unity\/\">бесконечных списков в Unity<\/a>. Но там было одно ограничение — ячейки должны были быть одной высоты. Но сейчас это стало необходимо, поэтому пришлось переписать скрипт.<\/p>\n<div class=\"lazy\" data-expose=\"true\" data-effect=\"relax\"><div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/cUkDoX_AR2U\" frameborder=\"0\" allowfullscreen><\/iframe><\/div><\/div>\n<p>Теперь все ячейки могут быть любой высоты! Работает также быстро и с помощью одного скрипта.<\/p>\n<p><a href=\"https:\/\/github.com\/mopsicus\/infinite-scroll-unity\">Ссылка на Github<\/a><\/p>\n",
            "date_published": "2018-09-07T15:00:47+03:00",
            "date_modified": "2018-09-07T14:59:55+03:00",
            "image": "https:\/\/mopsicus.ru\/pictures\/remote\/youtube-cUkDoX_AR2U-cover.jpg",
            "_date_published_rfc2822": "Fri, 07 Sep 2018 15:00:47 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "128",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/mopsicus.ru\/pictures\/remote\/youtube-cUkDoX_AR2U-cover.jpg"
                ]
            }
        },
        {
            "id": "123",
            "url": "https:\/\/mopsicus.ru\/all\/unity-twin-dual-slider\/",
            "title": "Двойной слайдер на Unity",
            "content_html": "<p>Понадобилось тут сделать двойной слайдер... И я не придумал ничего проще, чем использовать уже имеющиеся слайдеры, просто объединив два в один :)<\/p>\n<p>Получилось как-то так:<\/p>\n<div class=\"lazy\" data-expose=\"true\" data-effect=\"relax\"><div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/bz4ts58xugg\" frameborder=\"0\" allowfullscreen><\/iframe><\/div><\/div>\n<p>Можно настраивать как и обычные слайдеры, также есть опция ограничения между ползунками, ну и выбор цвета, картинки для заполнителя между ними.<\/p>\n<div class=\"e2-text-picture\">\n<h3 style=\"display: none;\" itemprop=\"name\"><\/h3><h4 style=\"display: none;\" itemprop=\"description\"><\/h4><img itemprop=\"contentUrl\" src=\"https:\/\/mopsicus.ru\/pictures\/twinslider-script.png\" width=\"561\" height=\"180\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Скрипт<\/div>\n<\/div>\n<div class=\"e2-text-picture\">\n<h3 style=\"display: none;\" itemprop=\"name\"><\/h3><h4 style=\"display: none;\" itemprop=\"description\"><\/h4><img itemprop=\"contentUrl\" src=\"https:\/\/mopsicus.ru\/pictures\/twinslider-structure.png\" width=\"305\" height=\"144\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Структура префаба<\/div>\n<\/div>\n<p><a href=\"https:\/\/github.com\/mopsicus\/unity-twin-slider\">Исходники на Github<\/a><\/p>\n",
            "date_published": "2018-08-07T14:25:59+03:00",
            "date_modified": "2018-08-07T13:56:35+03:00",
            "image": "https:\/\/mopsicus.ru\/pictures\/remote\/youtube-bz4ts58xugg-cover.jpg",
            "_date_published_rfc2822": "Tue, 07 Aug 2018 14:25:59 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "123",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/mopsicus.ru\/pictures\/remote\/youtube-bz4ts58xugg-cover.jpg",
                    "https:\/\/mopsicus.ru\/pictures\/twinslider-script.png",
                    "https:\/\/mopsicus.ru\/pictures\/twinslider-structure.png"
                ]
            }
        },
        {
            "id": "113",
            "url": "https:\/\/mopsicus.ru\/all\/unity-mobile-input-plugin\/",
            "title": "Unity Mobile Input",
            "content_html": "<p>Выложил на Github плагин нативного ввода для мобильных устройств. Это небольшая надстройка над стандартным Unity InputField UI. Работает на iOS и Android.<\/p>\n<p>Зачем он нужен:<\/p>\n<ol start=\"1\">\n<li>Нативное поле ввода и клавиатура<\/li>\n<li>Отсутствует раздражающее дополнительное поле над клавиатурой в Android<\/li>\n<li>Для iOS можно добавить кнопку «Готово»<\/li>\n<li>Настройка кнопки Return для клавиатуры: стандартная, далее, готово, поиск<\/li>\n<li>Для работы нужно просто повестить скрипт <b>MobileInput<\/b> на родной InputField UI<\/li>\n<\/ol>\n<div class=\"lazy\" data-expose=\"true\" data-effect=\"relax\"><div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/181jrTj2Upg\" frameborder=\"0\" allowfullscreen><\/iframe><\/div><\/div>\n<p>До этого, было <a href=\"https:\/\/mopsicus.ru\/all\/hide-mobile-input-android-unity\/\">временное решение<\/a>, которое не обладало необходимыми опциями, да и ошибки были. Собственно, на то оно и временное :) Но в Unity до сих пор нет таких возможностей для ввода, поэтому пришлось сделать такой плагин.<\/p>\n<p class=\"foot\">В моей версии исправлены ошибки и отрефакторен почти весь код от старого и неподдерживаемого плагина <a href=\"https:\/\/github.com\/kmbang\/UnityNativeEdit\">UnityNativeEdit<\/a>.<\/p>\n<p><a href=\"https:\/\/github.com\/mopsicus\/UnityMobileInput\">Исходники на Github<\/a><\/p>\n",
            "date_published": "2018-04-10T11:31:43+03:00",
            "date_modified": "2018-04-13T11:11:28+03:00",
            "image": "https:\/\/mopsicus.ru\/pictures\/remote\/youtube-181jrTj2Upg-cover.jpg",
            "_date_published_rfc2822": "Tue, 10 Apr 2018 11:31:43 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "113",
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/mopsicus.ru\/pictures\/remote\/youtube-181jrTj2Upg-cover.jpg"
                ]
            }
        },
        {
            "id": "75",
            "url": "https:\/\/mopsicus.ru\/all\/unity-ui-autoreferencer\/",
            "title": "Автоподстановка полей в UI",
            "content_html": "<p>Нашёл интересное решение, которое сохранит дорогое время разработки, взяв на себя рутинные операции по присвоению объектов со сцены полям класса. Как-то так.<\/p>\n<p class=\"lead\">Например: вы сделали новый объект интерфейса, создали для него класс, добавили соответствующие поля и потом ручками в инспекторе Unity присвоили текстовое поле к <i>Text<\/i> и кнопку к <i>Button<\/i>.<\/p>\n<p>А если таких полей 10-15? И окошек столько же... Я думаю мысль понятна.<\/p>\n<p>.lead Вот как раз для таких дел этот скрипт и есть. Только делает он всё сам.  Работает это так:<\/p>\n<pre class=\"e2-text-code\"><code class=\"\">using UnityEngine;\r\nusing UnityEngine.UI;\r\n\r\npublic class DialogWindow : AutoReferencer&lt;DialogWindow&gt; {\r\n   public Text DialogLabel;\r\n   public Button ConfirmButton;\r\n}<\/code><\/pre><div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"676\" data-ratio=\"5.044776119403\">\n<img src=\"https:\/\/mopsicus.ru\/pictures\/unity-ui-autoref-1.png\" width=\"676\" height=\"134\" alt=\"\" \/>\n<img src=\"https:\/\/mopsicus.ru\/pictures\/unity-ui-autoref-2.png\" width=\"772\" height=\"202\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Главное, чтобы названия полей и имена объектов совпадали. И типы соответственно.<\/div>\n<\/div>\n<p>Ну и сам скрипт. Конечно, вряд ли есть возможность использовать его везде — всё-таки архитектура приложения у всех отличается, однако, полезность какая-то в нём есть.<\/p>\n<pre class=\"e2-text-code\"><code class=\"\">using System.Linq;\r\nusing UnityEngine;\r\n\r\npublic class AutoReferencer&lt;T&gt; : MonoBehaviour where T : AutoReferencer&lt;T&gt; {\r\n\r\n   #if UNITY_EDITOR\r\n   \/\/ Этот метод вызывается один раз, когда мы добавляем компонент на объект\r\n   protected new virtual void Reset()\r\n   {\r\n       \/\/ Магия рефлексии\r\n       \/\/ Для каждого поля в классе\/компоненте, мы ищем только пустые или null\r\n       foreach (var field in typeof(T).GetFields().Where(field =&gt; field.GetValue(this) == null))\r\n       {\r\n           \/\/ Теперь ищем объект с таким же именем\r\n           Transform obj;\r\n           if (transform.name == field.Name)\r\n           {\r\n               obj = transform;\r\n           }\r\n           else\r\n           {\r\n               obj = transform.Find(field.Name); \/\/ Или нужно сделать рекурсию, чтобы пойти глубже по иерархии\r\n           }\r\n\r\n           \/\/ Если находим объект с таким же именем как и поле - пытаемся присвоить его к этому полю\r\n           if (obj!=null)\r\n           {\r\n               field.SetValue(this, obj.GetComponent(field.FieldType));\r\n           }\r\n       }\r\n   }\r\n   #endif\r\n}<\/code><\/pre><p><a href=\"http:\/\/blog.theknightsofunity.com\/optimize-part-1\/\">Подглядел<\/a> на The Knights of Unity ;)<\/p>\n",
            "date_published": "2017-10-20T00:26:36+03:00",
            "date_modified": "2017-10-20T00:26:24+03:00",
            "image": "https:\/\/mopsicus.ru\/pictures\/unity-ui-autoref-1.png",
            "_date_published_rfc2822": "Fri, 20 Oct 2017 00:26:36 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "75",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css",
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css",
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css",
                    "system\/library\/jquery\/jquery.js",
                    "system\/library\/fotorama\/fotorama.css",
                    "system\/library\/fotorama\/fotorama.js",
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css"
                ],
                "og_images": [
                    "https:\/\/mopsicus.ru\/pictures\/unity-ui-autoref-1.png",
                    "https:\/\/mopsicus.ru\/pictures\/unity-ui-autoref-2.png"
                ]
            }
        },
        {
            "id": "42",
            "url": "https:\/\/mopsicus.ru\/all\/emoji-in-unity\/",
            "title": "Emoji в Unity",
            "content_html": "<p><i>Обновлено 09.11.2021<\/i><br \/>\n<i>Можно использовать <a href=\"https:\/\/forum.unity.com\/threads\/full-emoji-support-api-emoji-sequen.660310\/#post-4420162\">готовый пакет для работы с эмоджи<\/a>. Отличие в том, что не нужно создавать шрифт, спрайты будут браться из атласа.<\/i><\/p>\n<p>Как добавить поддержку эмоджи в Unity? К сожалению, решения из коробки нет. Но есть самый лучший ассет для работы с текстом <a href=\"http:\/\/u3d.as\/7CF\">Text Mesh Pro<\/a>. <s>Да, он не дешевый, но он этого стоит. Может когда-нибудь Unity его купит, и это будет стандартным решением, как они сделали с <a href=\"http:\/\/u3d.as\/GGE\">Anima2D<\/a><\/s>.<\/p>\n<p>В версии TMP, которая скоро должна пойти в релиз, разработчик добавил поддержку <b>Emoji<\/b>. Точнее, можно делать свои атласы, юникод эмоджи будет автоматически заменяться на картинку. Чтобы были доступны все эмоджи, нужен большой атлас. Я использовал <a href=\"http:\/\/emojione.com\">EmojiOne<\/a>. Также понадобится одна отличная программа — <a href=\"https:\/\/www.codeandweb.com\/texturepacker\">TexturePacker<\/a> и расширение для Unity <a href=\"http:\/\/u3d.as\/7d2\">TexturePacker Importer<\/a>.<\/p>\n<div class=\"e2-text-picture\">\n<h3 style=\"display: none;\" itemprop=\"name\"><\/h3><h4 style=\"display: none;\" itemprop=\"description\"><\/h4><img itemprop=\"contentUrl\" src=\"https:\/\/mopsicus.ru\/pictures\/texture-packer-emoji.png\" width=\"2557\" height=\"1369\" alt=\"\" \/>\n<\/div>\n<ol start=\"1\">\n<li>Загружаем все эмоджи в программу и экспортируем в формат <b>Unity — Texture2D sprite sheet<\/b>.<\/li>\n<li>После этого меняем <i>Data format<\/i> на <b>JSON (Array)<\/b> и делаем экспорт еще раз.<\/li>\n<li>Теперь полученные три файла: Emoji.png, Emoji.json и Emoji.tpsheet загружаем в Unity.<\/li>\n<\/ol>\n<div class=\"e2-text-picture\">\n<h3 style=\"display: none;\" itemprop=\"name\"><\/h3><h4 style=\"display: none;\" itemprop=\"description\"><\/h4><img itemprop=\"contentUrl\" src=\"https:\/\/mopsicus.ru\/pictures\/tmp-sprite-importer.png\" width=\"653\" height=\"297\" alt=\"\" \/>\n<\/div>\n<p>Осталось с помощью TMP Sprite Importer сгенерировать атлас для Text Mesh Pro. В результате, на iOS и Android можно использовать эмоджи.<\/p>\n<div class=\"e2-text-picture\">\n<h3 style=\"display: none;\" itemprop=\"name\"><\/h3><h4 style=\"display: none;\" itemprop=\"description\"><\/h4><img itemprop=\"contentUrl\" src=\"https:\/\/mopsicus.ru\/pictures\/unity-screen-emoji.png\" width=\"1490\" height=\"1368\" alt=\"\" \/>\n<\/div>\n",
            "date_published": "2017-02-07T11:35:17+03:00",
            "date_modified": "2022-01-28T13:40:51+03:00",
            "image": "https:\/\/mopsicus.ru\/pictures\/texture-packer-emoji.png",
            "_date_published_rfc2822": "Tue, 07 Feb 2017 11:35:17 +0300",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/mopsicus.ru\/all\/emoji-in-unity\/",
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/mopsicus.ru\/pictures\/texture-packer-emoji.png",
                    "https:\/\/mopsicus.ru\/pictures\/tmp-sprite-importer.png",
                    "https:\/\/mopsicus.ru\/pictures\/unity-screen-emoji.png"
                ]
            }
        },
        {
            "id": "39",
            "url": "https:\/\/mopsicus.ru\/all\/hide-mobile-input-android-unity\/",
            "title": "Как убрать InputBox в Android над клавиатурой",
            "content_html": "<p><i>Обновлено 04.10.2018<\/i><br \/>\n<i>Моя <a href=\"https:\/\/mopsicus.ru\/all\/unity-mobile-input-plugin\/\">версия «unity mobile input»<\/a> для iOS и Android.<\/i><\/p>\n<p>Если вы не знаете, о чем речь, то эта заметка не для вас :)<\/p>\n<p>Другие же, наверняка гуглили «unity hide mobile input». И не находили стандартного решения — потому что его нет. Все написано <a href=\"https:\/\/docs.unity3d.com\/ScriptReference\/TouchScreenKeyboard-hideInput.html\">в документации<\/a>:<\/p>\n<blockquote>\n<p>Note: Android: only TouchScreenKeyboard.visible input field is supported, hence this value is always false.<\/p>\n<\/blockquote>\n<div class=\"e2-text-picture\">\n<h3 style=\"display: none;\" itemprop=\"name\"><\/h3><h4 style=\"display: none;\" itemprop=\"description\"><\/h4><img itemprop=\"contentUrl\" src=\"https:\/\/mopsicus.ru\/pictures\/inputfield-unity.png\" width=\"540\" height=\"960\" alt=\"\" \/>\n<\/div>\n<p>Конечно, пользовательский ввод в играх нужно сводить к нулю, но бывают исключения. Ради такого исключения, чтобы избавиться от панели над клавиатурой, я сделал этот плагин.<\/p>\n<p>Идея в том, что на экран добавляется нативное невидимое поле ввода откуда потом забирается текст. Все просто. Да, это не изящное решение, а грязный хак, но он работает — верхнего поля ввода нет и появляется стандартная клавиатура Android или iOS. Если к этому добавить ассет <b>Text Mesh Pro<\/b>, то будут еще и эмоджи. Да, еще не видно курсора. Я думаю над этим... :)<\/p>\n<div class=\"lazy\" data-expose=\"true\" data-effect=\"relax\"><div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/g2YR_NDA7i8\" frameborder=\"0\" allowfullscreen><\/iframe><\/div><\/div>\n<p>Если есть более красивое решение — киньте ссылку :)<\/p>\n<p><a href=\"https:\/\/github.com\/mopsicus\/unity-keyboard-hack\">Ссылка на Github<\/a><\/p>\n",
            "date_published": "2016-12-30T16:30:05+03:00",
            "date_modified": "2018-10-04T13:18:42+03:00",
            "image": "https:\/\/mopsicus.ru\/pictures\/inputfield-unity.png",
            "_date_published_rfc2822": "Fri, 30 Dec 2016 16:30:05 +0300",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/mopsicus.ru\/all\/hide-mobile-input-android-unity\/",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/mopsicus.ru\/pictures\/inputfield-unity.png",
                    "https:\/\/mopsicus.ru\/pictures\/remote\/youtube-g2YR_NDA7i8-cover.jpg"
                ]
            }
        },
        {
            "id": "38",
            "url": "https:\/\/mopsicus.ru\/all\/unity-ui-data-binding\/",
            "title": "Unity UI data binding",
            "content_html": "<p>Как отделить логику от интерфейса в Unity, чтобы не получилась каша?<\/p>\n<p>Есть давно устоявшиеся паттерны и «best practices». Хотя для Unity последних не так уж и много, как например для node.js. Можно использовать эвенты, делегаты, обсерверы, вот это все, если говорить об использовании C# в Unity. Есть и <a href=\"http:\/\/u3d.as\/baL\">готовые ассеты<\/a> в Asset Store.<\/p>\n<p>В общем, это то, что я начал писать сам, но вовремя нашел почти готовое решение, которое меня устраивает. После небольшого допиливания будет вообще супер — библиотека для простого биндинга в Unity.<\/p>\n<p>Работает все очень просто:<\/p>\n<ol start=\"1\">\n<li>Импортируете <i>DataBind.unitypackage<\/i> в Unity<\/li>\n<li>Добавляете скрипт <i>DataBindContext<\/i> к родительскому объекту<\/li>\n<li>Добавляете скрипт <i>Bind[нужный тип]<\/i> к основным объектам<\/li>\n<li>Вызываете <i>dataBindContext[key] = value<\/i> для биндинга<\/li>\n<li>Все. Присвоили значение переменной — оно поменялось в UI Text, например.<\/li>\n<\/ol>\n<div class=\"e2-text-picture\">\n<h3 style=\"display: none;\" itemprop=\"name\"><\/h3><h4 style=\"display: none;\" itemprop=\"description\"><\/h4><img itemprop=\"contentUrl\" src=\"https:\/\/mopsicus.ru\/pictures\/bind-property.png\" width=\"481\" height=\"147\" alt=\"\" \/>\n<\/div>\n<p>Можно связывать любые параметры, использовать готовые биндинги которые идут в пакете, можно написать свой. И все достаточно просто и не ресурсоемко.<\/p>\n<p><a href=\"https:\/\/github.com\/paidgeek\/DataBind\">Ссылка на Github<\/a><\/p>\n<p><i>Обновление 25.01.2017<\/i><br \/>\nУ Leopotam «прокачанная» версия биндинга <a href=\"https:\/\/github.com\/Leopotam\/LeopotamGroupLibraryUnity\/tree\/master\/SystemUi\/DataBinding\">https:\/\/github.com\/Leopotam\/LeopotamGroupLibraryUnity\/tree\/master\/SystemUi\/DataBinding<\/a><\/p>\n",
            "date_published": "2016-12-21T10:47:19+03:00",
            "date_modified": "2017-01-30T10:53:28+03:00",
            "image": "https:\/\/mopsicus.ru\/pictures\/bind-property.png",
            "_date_published_rfc2822": "Wed, 21 Dec 2016 10:47:19 +0300",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/mopsicus.ru\/all\/unity-ui-data-binding\/",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/mopsicus.ru\/pictures\/bind-property.png"
                ]
            }
        },
        {
            "id": "25",
            "url": "https:\/\/mopsicus.ru\/all\/soft-alpha-mask-for-ui\/",
            "title": "Использование альфа маски",
            "content_html": "<p><i>Обновлено 19.10.2018<\/i><br \/>\n<i>Эта маска не работает внутри стандартной маски и RectMask2D :(<\/i><\/p>\n<p>В Unity стандартная маска (компонент Mask) работает без альфа канала, т. е. красивые «мягкие» края сделать не получится. Особенно это актуально, если у вас маска сложной формы.<\/p>\n<p>Но тут нас спасет очень хорошая библиотека скриптов от Simon Jackson — <a href=\"https:\/\/bitbucket.org\/UnityUIExtensions\/unity-ui-extensions\">Unity UI Extensions<\/a>. И один из скриптов из этой библиотеки как раз и позволяет делать «soft smooth ui alpha mask».<\/p>\n<p>Нужно скопировать в свой проект скрипт <b>SoftMaskScript.cs<\/b> и шейдер с таким же именем. И кинуть скрипт на UI Image.<\/p>\n<div class=\"e2-text-picture\">\n<h3 style=\"display: none;\" itemprop=\"name\"><\/h3><h4 style=\"display: none;\" itemprop=\"description\"><\/h4><img itemprop=\"contentUrl\" src=\"https:\/\/mopsicus.ru\/pictures\/ui-soft-mask-script.png\" width=\"551\" height=\"289\" alt=\"\" \/>\n<\/div>\n<p>Получим такой результат. Намного лучше чем стандартная маска.<\/p>\n<div class=\"e2-text-picture\">\n<h3 style=\"display: none;\" itemprop=\"name\"><\/h3><h4 style=\"display: none;\" itemprop=\"description\"><\/h4><img itemprop=\"contentUrl\" src=\"https:\/\/mopsicus.ru\/pictures\/ui-soft-mask-result.png\" width=\"579\" height=\"384\" alt=\"\" \/>\n<\/div>\n<p>Да и вообще, в этой либе много других интересных и полезных вещей, рекомендую.<\/p>\n",
            "date_published": "2016-11-21T15:47:44+03:00",
            "date_modified": "2018-10-19T10:23:15+03:00",
            "image": "https:\/\/mopsicus.ru\/pictures\/ui-soft-mask-script.png",
            "_date_published_rfc2822": "Mon, 21 Nov 2016 15:47:44 +0300",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/mopsicus.ru\/all\/soft-alpha-mask-for-ui\/",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/mopsicus.ru\/pictures\/ui-soft-mask-script.png",
                    "https:\/\/mopsicus.ru\/pictures\/ui-soft-mask-result.png"
                ]
            }
        },
        {
            "id": "34",
            "url": "https:\/\/mopsicus.ru\/all\/unity-rainbow-folders\/",
            "title": "Раскрашиваем папки в Unity",
            "content_html": "<div class=\"e2-text-picture\">\n<h3 style=\"display: none;\" itemprop=\"name\"><\/h3><h4 style=\"display: none;\" itemprop=\"description\"><\/h4><img itemprop=\"contentUrl\" src=\"https:\/\/mopsicus.ru\/pictures\/unity-rainbow-folders.png\" width=\"813\" height=\"401\" alt=\"\" \/>\n<\/div>\n<p>Просто супер расширение для редактора Unity. Позволяет назначать папкам различные цвета. Очень удобно. Рекомендую!<\/p>\n<p><a href=\"https:\/\/github.com\/PhannGor\/unity3d-rainbow-folders\">https:\/\/github.com\/PhannGor\/unity3d-rainbow-folders<\/a><\/p>\n",
            "date_published": "2016-11-11T14:39:30+03:00",
            "date_modified": "2016-11-09T13:55:30+03:00",
            "image": "https:\/\/mopsicus.ru\/pictures\/unity-rainbow-folders.png",
            "_date_published_rfc2822": "Fri, 11 Nov 2016 14:39:30 +0300",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/mopsicus.ru\/all\/unity-rainbow-folders\/",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/mopsicus.ru\/pictures\/unity-rainbow-folders.png"
                ]
            }
        },
        {
            "id": "14",
            "url": "https:\/\/mopsicus.ru\/all\/infinity-scroll-unity\/",
            "title": "Бесконечный скроллинг в Unity",
            "content_html": "<p><i>Обновлено 07.09.2018<\/i><br \/>\n<i>Теперь можно использовать ячейки разной высоты!<\/i><br \/>\n<i>Добавил новые демки<\/i><\/p>\n<p>Когда делаешь игру под мобильную платформу, пусть Android или iOS, иногда хочется использовать стандартные для этой платформы компоненты, потому что они проверены, оптимизированы и быстро работают. Например, списки. Кто делал в Unity интерфейс с большим количеством прокручивающихся элементов в Scrollrect, наверняка замечали, что после определенного количества, вся эта конструкция начинает притормаживать. Наиболее оптимально использовать т. н. <i>data driving<\/i> подход, когда количество видимых элементов не меняется, а данные подгружаются динамически в нужную ячейку.<\/p>\n<p>Для одного проекта понадобилось сделать списки друзей и лидеров. Количество пользователей сотни тысяч. Естественно, создавать такое количество ячеек было бы неверно. Быстрый поиск показал несколько <a href=\"https:\/\/www.assetstore.unity3d.com\/en\/#!\/content\/27615\">рабочих вариантов<\/a>, но после тестов на реальных устройствах, при быстрых прокрутках лаги все равно были заметны и еще по ряду причин не подошли. Последний найденый вариант лег в основу и после доработок, отлично функционирует.<\/p>\n<div class=\"lazy\" data-expose=\"true\" data-effect=\"relax\"><div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/NQQWdAd2i9c\" frameborder=\"0\" allowfullscreen><\/iframe><\/div><\/div>\n<p>Была сделана такая знакомая мобильным разработчикам функция, как <b>pull-to-refresh<\/b>, также, ячейки можно настраивать как угодно под ваш проект, нужное количество создается автоматически в зависимости от высоты экрана. <s>Единственное ограничение — высота ячейки не динамическая.<\/s><\/p>\n<p>Использовать очень легко — все делает один скрипт, вещаем его на Scrollview настраиваем параметры и коллбеки и все. Демо есть. Если будут какие-то вопросы и пожелания, не стесняйтесь писать. Удачи!<\/p>\n<p><a href=\"https:\/\/github.com\/mopsicus\/infinite-scroll-unity\">Ссылка на Github<\/a><\/p>\n",
            "date_published": "2016-08-29T11:30:29+03:00",
            "date_modified": "2018-09-07T14:05:41+03:00",
            "image": "https:\/\/mopsicus.ru\/pictures\/remote\/youtube-NQQWdAd2i9c-cover.jpg",
            "_date_published_rfc2822": "Mon, 29 Aug 2016 11:30:29 +0300",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/mopsicus.ru\/all\/infinity-scroll-unity\/",
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/mopsicus.ru\/pictures\/remote\/youtube-NQQWdAd2i9c-cover.jpg"
                ]
            }
        },
        {
            "id": "27",
            "url": "https:\/\/mopsicus.ru\/all\/apply-material-multiple-objects-unity\/",
            "title": "Применение материала к нескольким объектам",
            "content_html": "<p>На самом деле, заголовок не полностью отображает возможности этого скрипта — изменять можно не только материал, а вообще производить над объектами какие-либо манипуляции: изменение параметров, добавление компонентов, и т. д. Нужно лишь немного изменить код.<\/p>\n<p>Суть в том, что когда сцена построена, а вам необходимо применить изменения к 30 объектам (или больше), то это может занять время. Конечно, нужно обязательно все делать через префабы, чтобы такие случаи свести к минимуму, но все же, ситуации бывают разные.<\/p>\n<pre class=\"e2-text-code\"><code class=\"\">using UnityEngine;\r\nusing System;\r\nusing UnityEditor;\r\nusing UnityEngine.UI;\r\n \r\npublic class AssignMaterial : ScriptableWizard {\r\n    public bool isRecursively =  true;\r\n    public Material material;\r\n    string label = &quot;Select Game Objects&quot;;\r\n    GameObject[] objects;\r\n   \r\n    void OnWizardUpdate () {\r\n        helpString = label;\r\n        isValid = (material != null);\r\n    }\r\n   \r\n    void OnWizardCreate () {\r\n        objects = Selection.gameObjects;\r\n        foreach (GameObject go in objects){\r\n            changeMaterial(go);\r\n        }\r\n    }\r\n \r\n    void changeMaterial (GameObject go) {\r\n        if (go.GetComponent&lt;YOUR_COMPONENT&gt; ()) {\r\n            go.GetComponent&lt; YOUR_COMPONENT&gt; ().material = material;\r\n        }\r\n        if (isRecursively) {\r\n            for (int i = 0; i &lt; go.transform.childCount; i++) {\r\n                changeMaterial(go.transform.GetChild(i).gameObject);\r\n            }\r\n        }\r\n    }\r\n \r\n    [MenuItem (&quot;Custom\/Assign Material&quot;, false, 4)]\r\n    static void assignMaterial () {\r\n        ScriptableWizard.DisplayWizard (&quot;Assign Material&quot;, typeof(AssignMaterial), &quot;Assign&quot;);\r\n    }\r\n}<\/code><\/pre><p>Создав такой скрипт и положив его в папку <b>Editor<\/b> вы создадите свой пункт в главном меню Unity. Выбираете <b>Custom → Assign Material<\/b> и появляется окно применения материала. Выбираете нужный материал, а на сцене объекты к которым его применить и жмете <b>Assign<\/b>. Готово.<\/p>\n<p>В данном примере, я применял новый материал к компоненту <b>Image<\/b>.<\/p>\n",
            "date_published": "2016-08-15T12:48:11+03:00",
            "date_modified": "2019-12-03T13:40:42+03:00",
            "_date_published_rfc2822": "Mon, 15 Aug 2016 12:48:11 +0300",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/mopsicus.ru\/all\/apply-material-multiple-objects-unity\/",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css",
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css"
                ],
                "og_images": []
            }
        }
    ],
    "_e2_version": 3572,
    "_e2_ua_string": "E2 (v3572; Aegea)"
}