#mopsicus: заметки с тегом графика

Герои Гильдгаарда

Игорь Лопатин — Sun, 24 Sep 2023 13:25:31 +0300

Запустили в софтлонч нашу первую игру с 3D, логическая онлайн стратегия на 2 или 4 игрока. Для любителей шашек, нард, шахмат, го и прочих настольных игр такого типа, будет интересно. Тут нет рандома, есть несколько стратегий, партии довольно короткие. Написал чуть подробнее на Пикабу.

Делали на Unity. Доступно в AppStore, Google Play и AppGallery.

Статистика по рассылке

Игорь Лопатин — Tue, 05 Jan 2021 18:26:00 +0300

Небольшая статистика за год рассылки.

Понятно, что первые выпуски прочитали больше, соответственно, больше голосов. Поэтому такой тренд на уменьшение количества голосов.

Статистика по голосам за каждый выпуск

В среднем, рассылку открывают 40-50% подписчиков, но надеюсь, что веб-версию прочитало больше людей :) Несколько раз ссылки на выпуски попадали в телеграм канал по Unity, там было много просмотров, но ссылку давали сразу на Mailchimp, поэтому в статистике это не видно :(

Статистика по переходам с коротких ссылок

Вообще, оказалось, что это не так уж и просто делать рассылку ? Но интересно. Постараюсь в этом году сделать её интересней и полезней.

? Все выпуски: 1 2 3 4 5 6 7 8 9 10 11 12

Топ-10 ошибок в оптимизации Unity

Игорь Лопатин — Fri, 09 Oct 2020 13:45:58 +0300

Хороший вебинар от юнитеков, рассмотрены частые ошибки совершаемые при оптимизиции, обзор инструментов по оптимизации, примеры с пояснениями. Рекомендую.

Unreal Engine 5

Игорь Лопатин — Thu, 14 May 2020 10:37:02 +0300

Уже везде написали про анонс UE5, не буду копипастить. Это конечно очень круто! Оставлю только основное:

полностью динамическое глобальное освещение: без запекания, лайтмапов и т. п. (Lumen)
виртуализированная геометрия: миллиарды треугольников, 8K текстуры и прочее (Nanite)
новая аудиосистема: можно записывать и воспроизводить пространственные аудио
обратная совместимость с UE 4.25
лимит в миллион долларов, до получения роялити
всё это для ПК и консолей, UE и мобильные платформы не очень контактируют
размеры игр явно вырастут ещё больше
скоро игры нельзя будет отличить от кино и реальности
наслаждайтесь картинкой

Анимации в UX

Игорь Лопатин — Wed, 02 Oct 2019 11:06:56 +0300

Отличная статья про использование анимаций в UX. Просто и понятно. Примеры того, как делать не надо. В общем, однозначно в закладки.

В догонку, есть старый сайтик с примерами функций плавности (easing).

Crop и scale текстур в Unity

Игорь Лопатин — Tue, 09 Jul 2019 12:25:17 +0300

Понадобилось делать простой кроп и ресайз картинки в Unity, но пространство имен System.Drawing.Imaging недоступно. Поэтому, чтобы изменить размер или вырезать часть из исходного изображения, все операции пришлось делать через Texture2D.

Демка и исходники на Github.

Ссылка на Github

Favicon generator

Игорь Лопатин — Mon, 11 Mar 2019 12:40:44 +0300

Если вам когда-нибудь придётся делать favicon для сайта, рекомендую воспользоваться Favicon generator. Собственно он и гуглится первым :) Количество «настроек» впечатляет.

Версии для iOS Web Clip, Android Chrome, Windows Metro (orly?), различные режимы сжатия, прозрачности и прочее. Всё это скачивается одним архивом и работает во всех браузерах.

Unity blur effect и 2 камеры

Игорь Лопатин — Mon, 29 Jan 2018 10:26:23 +0300

В этом примере, я собрал сразу два интересных момента:

как сделать размытый фон
как использовать сразу 2 камеры

Для чего это может понадобиться? Например, чтобы одна камера была для игры, с настроенными пост эффектами, другая для интерфейса. Или чтобы сделать вот такой эффект размытия. В общем-то, можно и 3 камеры использовать. Зависит от потребностей и фантазии...

Фокус в том, чтобы настроить камеру на рендер только нужного слоя.
Как было сделано в этом примере:

Объекты или контейнер которые должны быть размыты, находятся в слое Blur
Blur camera рендерит только слой Blur (Culling Mask)
Для Main camera этот слой отключён, стоит флаг Depth only и глубина больше, чем у Blur camera
Ну и на Blur camera висит собственно скрипт размытия

По такому же принципу можно одновременно и 3 камеры сделать. Если потребуется.

Исходник на Github

О Texture2D и памяти

Игорь Лопатин — Thu, 11 May 2017 10:56:00 +0300

Если погуглить на тему Unity Texture2D, memory leak, www.texture — то можно обнаружить кучу постов с вопросами о том, почему не освобождается память. И это на на самом деле так, если ничего не предпринимать.

Намучившись со всем этим, составил небольшой список мыслей/советов:

Создавайте, как можно меньше Texture2D, в идеале использовать пул. И обязательно делать Destroy, когда объект уже не будет использоваться, иначе память не освободится.
При использовании класса WWW, также нужно удалять www.texture и делать www.Dispose.
Сжатие «на лету» не работает, т. е. если вы например загружаете изображение из интеренетов и потом вставляете в Image, способом ниже, то на мобильном устройстве, картинка полностью развернется в память, без сжатия. И это печально.

// data is downloaded byte[]
...
Texture2D texture = null;
#if UNITY_ANDROID
	texture = new Texture2D(2, 2, TextureFormat.ETC2_RGBA8, false);
#elif UNITY_IOS
	texture = new Texture2D(2, 2, TextureFormat.PVRTC_RGBA4, false);
#endif
texture.LoadImage(data); 
Sprite sprite = Sprite.Create(texture, new Rect(0, 0, texture.width, texture.height), new Vector2(.5f, .5f)));
MyImage.sprite = sprite;

Используйте сжатие предназначенное под конкретную платформу. Для iOS — это PVRTC4, для новых моделей подойдёт ASTC, начиная с iPhone 6. Для Android — ETC. Подробнее про это можно прочитать в мануале Unity.
Кроме того, сжатие не будет работать в некоторых случаях, если размеры спрайтов и атласов не равны степени 2. Т. е. размеры должны быть 128x128, 2048x2048 и т. д.

Использование альфа маски

Игорь Лопатин — Mon, 21 Nov 2016 15:47:44 +0300

Обновлено 19.10.2018
Эта маска не работает внутри стандартной маски и RectMask2D :(

В Unity стандартная маска (компонент Mask) работает без альфа канала, т. е. красивые «мягкие» края сделать не получится. Особенно это актуально, если у вас маска сложной формы.

Но тут нас спасет очень хорошая библиотека скриптов от Simon Jackson — Unity UI Extensions. И один из скриптов из этой библиотеки как раз и позволяет делать «soft smooth ui alpha mask».

Нужно скопировать в свой проект скрипт SoftMaskScript.cs и шейдер с таким же именем. И кинуть скрипт на UI Image.

Получим такой результат. Намного лучше чем стандартная маска.

Да и вообще, в этой либе много других интересных и полезных вещей, рекомендую.

Рисование кривых в Unity

Игорь Лопатин — Mon, 17 Oct 2016 12:26:28 +0300

Как нарисовать линию в Unity? А как кривую Безье? Очень просто! В Unity уже есть достаточно продвинутый компонент LineRenderer, его то я и использовал в одном из своих проектов. После упаковки в один скрипт, я бы даже сказал — в одну функцию, получилось вот что:

Можно настраивать количество сегментов в линии (качество), начальный и конечный цвет, и конечно ширину.

Исходник на Github

2D графика для игр

Игорь Лопатин — Mon, 30 May 2016 10:11:37 +0300

Суперский блог про создание 2D графики для игр. Отличные видео и пошаговые уроки про то, как создать персонажа и подготовить его для анимации, как нарисовать камни и горы, фон и все остальное для вашей игры.

Если вы из тех, кто хочет сделать (и делает) игру полностью сам, то это то, что вам надо.

Загрузка спрайтов в iOS

Игорь Лопатин — Tue, 10 May 2016 17:27:58 +0300

Бывает нужно дозагрузить какие-нибудь картинки с сервера и показать их в игре, например, чтобы сделать размер установочного файла меньше.

Для загрузки спрайта из внешнего файла, я использовал такую функцию:

public static Sprite LoadSprite (string folder, string image) {
	string path = string.Format ("{0}/{1}/{2}.png", Application.temporaryCachePath, folder, image);
	if (!System.IO.File.Exists (path))
		return null;
	else {
		byte[] data = System.IO.File.ReadAllBytes (path);
		Texture2D texture = new Texture2D(2, 2);
		texture.LoadImage(data); 
		return Sprite.Create(texture, new Rect(0, 0, texture.width, texture.height), new Vector2(.5f, .5f));
	}
}
...
MyIcon.sprite = LoadSprite ("loaded_images", "new_icon");

Ничего необычного — читаем файл в текстуру, из текстуры делаем спрайт и применяем его к картинке. Если запустить этот код в редакторе или на android устройстве, то все будет в порядке. Но запустив его на iPhone или iPad — спрайт загрузится некорректно. Это происходит потому iOS не поддерживает формат сжатия DXT. Нужно использовать PVRTC_RGBA4.

Поэтому, немного изменяем функцию и теперь все картинку будут показываться правильно:

public static Sprite LoadSprite (string folder, string image) {
	string path = string.Format ("{0}/{1}/{2}.png", Application.temporaryCachePath, folder, image);
	if (!System.IO.File.Exists (path))
		return null;
	else {
		byte[] data = System.IO.File.ReadAllBytes (path);
		Texture2D texture;
		#if UNITY_ANDROID 
			texture = new Texture2D(2, 2);
		#elif UNITY_IOS
			texture = new Texture2D(2, 2, TextureFormat.PVRTC_RGBA4, false);
		#endif
		texture.LoadImage(data); 
		return Sprite.Create(texture, new Rect(0, 0, texture.width, texture.height), new Vector2(.5f, .5f));
	}
}

#mopsicus: заметки с тегом графика

Герои Гильдгаарда

Герои Гильдгаарда

Герои Гильдгаарда

Статистика по рассылке

Статистика рассылки за год

Статистика рассылки за год

Переходы по коротким ссылкам

Переходы по коротким ссылкам

Топ-10 ошибок в оптимизации Unity

Unreal Engine 5

Анимации в UX

Crop и scale текстур в Unity

Favicon generator

Unity blur effect и 2 камеры

О Texture2D и памяти

Использование альфа маски

Рисование кривых в Unity

2D графика для игр

Загрузка спрайтов в iOS