Горячее
Лучшее
Свежее
Подписки
Сообщества
Блоги
Эксперты
Войти
Забыли пароль?
или продолжите с
Создать аккаунт
Я хочу получать рассылки с лучшими постами за неделю
или
Восстановление пароля
Восстановление пароля
Получить код в Telegram
Войти с Яндекс ID Войти через VK ID
Создавая аккаунт, я соглашаюсь с правилами Пикабу и даю согласие на обработку персональных данных.
ПромокодыРаботаКурсыРекламаИгрыПополнение Steam
Пикабу Игры +1000 бесплатных онлайн игр Классическая игра в аркадном стиле для любителей ретро-игр. Защитите космический корабль с Печенькой (и не только) на борту, проходя уровни.

Космический арканоид

Арканоид, Аркады, Веселая

Играть

Топ прошлой недели

  • AlexKud AlexKud 38 постов
  • Animalrescueed Animalrescueed 36 постов
  • Oskanov Oskanov 7 постов
Посмотреть весь топ

Лучшие посты недели

Рассылка Пикабу: отправляем самые рейтинговые материалы за 7 дней 🔥

Нажимая кнопку «Подписаться на рассылку», я соглашаюсь с Правилами Пикабу и даю согласие на обработку персональных данных.

Спасибо, что подписались!
Пожалуйста, проверьте почту 😊

Помощь Кодекс Пикабу Команда Пикабу Моб. приложение
Правила соцсети О рекомендациях О компании
Промокоды Биг Гик Промокоды Lamoda Промокоды МВидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня
0 просмотренных постов скрыто
DELETED
2 года назад
Серия Поддержка, удалите эти посты пожалуйста

Пишем элемент для сайта с появлением другого элемента при наведении на чистом CSS без использования JS⁠⁠

Всем пикабушникам и пикабушницам big hi!


Если вы начиннающ(ий,ая) разработчи(к,ца) сайтов, то это вам может пригодиться)

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


И так-а, начинаем...


1. Создаем файл на ПК и называем его (index.html) - можно пользоваться обычным Виндоус блокнотом.


2. Наполняем его самыми базовыми тегами, чтобы небыло никаких акуна-мататных иероглфиов:

<!doctype html>
<html lang="ru">
<head>
<title>название страницы</title>
<meta charset="utf-8"/>
</head>
<body>
<!---- контент ---->
</body>
</html>
<style>
*{margin:0;padding:0;}
</style>

Далее убираем <!---- контент ----> и заменяем его на ето:

<div class="akuna">
<p>Текст 1</p>
</div>
<div class="matata">
<p>Текст 2, появляющийся при наведении (работает на мобильных корректно тоже)</p>
</div>
<style>
*{margin:0;padding:0;color:#000;text-align:center;font-size:32px;}
.akuna{width:cover;padding:+8px;display:block;background:#ccc;}
.matata{width:cover;padding:+8px;display:none;margin-top:+0/-0/0 cover!important;background:#eee;}
.akuna:hover ~ .matata{display:block;width:!important cover;padding:!important cover;}
</style>

В итоге получаем такой код:

<!doctype html>
<html lang="ru"> 
<head>
<title>название страницы</title>
<meta charset="utf-8"/>
</head>
<body>
<div class="akuna">
<p>Текст 1</p>
</div>
<div class="matata">
<p>Текст 2, появляющийся лишь при наведении</p>
</div>
</body>
</html>
<style>*{margin:0;padding:0;color:#000;text-align:center;font-size:32px;}
.akuna{width:cover;padding:+8px;display:block;background:#ccc;}
.matata{width:cover;padding:+8px;display:none;margin-top:+0/-0/0 cover!important;background:#eee;}
.akuna:hover ~ .matata{display:block;width:!important cover;padding:!important cover;}
</style>

Коротко, без JS и работает на мобилках)

Вот скриншоты получившегося (показано отображение при навдении курсора):

Пишем элемент для сайта с появлением другого элемента при наведении на чистом CSS без использования JS Windows, Сайт, Создание сайта, Помощь, CSS, Javascript, HTML, Java, Компьютерная помощь, Урок, Длиннопост, Эффект
Пишем элемент для сайта с появлением другого элемента при наведении на чистом CSS без использования JS Windows, Сайт, Создание сайта, Помощь, CSS, Javascript, HTML, Java, Компьютерная помощь, Урок, Длиннопост, Эффект
Показать полностью 2
[моё] Windows Сайт Создание сайта Помощь CSS Javascript HTML Java Компьютерная помощь Урок Длиннопост Эффект
9
4
Agmioli
Agmioli
3 года назад
Векторная графика
Серия Компьютерная графика

Как вручную установить расширение "Bodymovin for telegram" для Adobe After Effects, не используя ZXP Installer, и избежать ошибки?⁠⁠

Как вручную установить расширение "Bodymovin for telegram" для Adobe After Effects, не используя ZXP Installer, и избежать ошибки? Telegram, Плагин, Расширение, Adobe, Corel Draw, Рисунок, Анимация, Вектор, Графика, TGS, Стикеры, Длиннопост, Adobe After Effects

Важное примечание ( раскрывает причину ,по которой расширение Bodymovin иногда вообще не работает и не отображается):


Скачанная версия расширения Bodymovin for telegram (bodymovin-tg) должна соответствовать версии программы Adobe After Effects, которая используется на вашем компьютере.


Различные версии плагина Bodymovin for telegram, есть на сайте GitHub, где к каждой версии плагина, подписано, для какой версии программы Adobe After Effects (2020 или 2021), он подходит!


Если поставить несовместимое расширение в программу-оно не будет работать ,и вообще отображаться в меню программы!


Достаточно в интернет поисковике набрать фразу -  "скачать bodymovin-tg github",и выдастся ссылка на страницу GitHub, где доступно скачивание разных версий расширения.



А теперь к самому вопросу.


Как вручную установить расширение "Bodymovin for telegram" для Adobe After Effects,  если при автоматической  установке через ZXP Installer,  выдается ошибка?


Остается ручная установка расширения bodymovin-tg.


1. Откройте скачанный файл bodymovin-tg.zxp при помощи архиватора типа WinRar,


2. Распакуйте содержимое архива в папку bodymovin-tg


3. Саму папку bodymovin-tg поместите в каталог:

C:\Program Files\Adobe\Adobe After Effects 2021\Support Files\


В итоге содержимое архива должно расположиться в каталоге:

C:\Program Files\Adobe\Adobe After Effects 2021\Support Files\bodymovin-tg


4. Активируем плагин Bodymovin-TG.

Запустите Adobe After Effects , зайдите в меню Правка, далее в раздел:

Настройки — «Сценарии и выражения».


Далее ставьте галочку напротив «Разрешить сценариям выполнять запись файлов и осуществлять доступ к сети».


5. Проверяем ,установилось ли расширение Bodymovin-TG в программе Adobe After Effects.


Запускаем Adobe After Effects , выбираем в верхнем меню :

Окно - Расширения - Bodymovin for telegram Stickers


Если в подменю Расширение, отображается пункт  Bodymovin for telegram Stickers , а по нажатию на него, открывается окно с кнопкой Render, значит установка прошла успешно.



СПРАВКА:


Расширение Bodymovin for telegram Stickers для Adobe After Effects,нужно для того, чтобы экспортировать сделанную анимацию из программы After Effects в формат файла TGS (анимированного стикера для Telegram).


Далее ,этот файл загружается в состав набора анимированных стикеров (Анимированный стикерпак) в Telegram.


О том, как правильно делать и загружать анимированные стикеры для ,писалось в другой моей статье:

https://pikabu.ru/story/kak_sdelat_animirovannyie_stikeryi_dlya_telegram_risuem_vcoreldraw__i_animiruem_vadobe_after_effects_9307631

Как вручную установить расширение "Bodymovin for telegram" для Adobe After Effects, не используя ZXP Installer, и избежать ошибки? Telegram, Плагин, Расширение, Adobe, Corel Draw, Рисунок, Анимация, Вектор, Графика, TGS, Стикеры, Длиннопост, Adobe After Effects

Распакуйте содержимое архива bodymovin-tg.zxp  в каталог:

C:\Program Files\Adobe\Adobe After Effects 2021\Support Files\

Как вручную установить расширение "Bodymovin for telegram" для Adobe After Effects, не используя ZXP Installer, и избежать ошибки? Telegram, Плагин, Расширение, Adobe, Corel Draw, Рисунок, Анимация, Вектор, Графика, TGS, Стикеры, Длиннопост, Adobe After Effects

Запустите Adobe After Effects , зайдите в меню Правка, далее в раздел:

Настройки — «Сценарии и выражения»


Как вручную установить расширение "Bodymovin for telegram" для Adobe After Effects, не используя ZXP Installer, и избежать ошибки? Telegram, Плагин, Расширение, Adobe, Corel Draw, Рисунок, Анимация, Вектор, Графика, TGS, Стикеры, Длиннопост, Adobe After Effects

Нажимаем галочку Разрешить сценариям выполнять запись файлов и осуществлять доступ в интернет.

Как вручную установить расширение "Bodymovin for telegram" для Adobe After Effects, не используя ZXP Installer, и избежать ошибки? Telegram, Плагин, Расширение, Adobe, Corel Draw, Рисунок, Анимация, Вектор, Графика, TGS, Стикеры, Длиннопост, Adobe After Effects

Запускаем Adobe After Effects , выбираем в верхнем меню :

Окно - Расширения - Bodymovin for telegram Stickers

Как вручную установить расширение "Bodymovin for telegram" для Adobe After Effects, не используя ZXP Installer, и избежать ошибки? Telegram, Плагин, Расширение, Adobe, Corel Draw, Рисунок, Анимация, Вектор, Графика, TGS, Стикеры, Длиннопост, Adobe After Effects

Окно расширения Bodymovin for telegram Stickers

Показать полностью 5
[моё] Telegram Плагин Расширение Adobe Corel Draw Рисунок Анимация Вектор Графика TGS Стикеры Длиннопост Adobe After Effects
4
16
Agmioli
Agmioli
3 года назад
Векторная графика
Серия Компьютерная графика

Как сделать анимированные стикеры для Телеграм? Рисуем в CorelDRAW , и анимируем в Adobe After Effects⁠⁠

Как создать анимированные TGS-стикеры для Telegram?


Как конвертировать нарисованный объект из CorelDRAW в Adobe After Effects , и создать на его основе анимированный стикер (TGS файл) для мессенджера Telegram?


Как сделать набор анимированных стикеров для Телеграм?


Самое главное-если вы хотите объект из CorelDraw использовать для создания анимированного стикера в Telegram, то весь объект должен иметь только сплошную, а не градиентную заливку ,и никаких эффектов.


Иначе при экспорте в Adobe After Effects, программа будет тормозить, а при попытке конвертировать в итоговый TGS файл, будут проблемы.


Выполняем следующие шаги.


1. Откройте в CorelDraw файл содержимого которого, вы хотите перенести в Adobe After Effects.


2. Выделите нужный объект(или его часть), и копируйте его в буфер обмена, нажав в верхнем меню - ПРАВКА - КОПИРОВАТЬ или нажав сочетание клавиш Ctrl+C .


Если в вашей композиции CorelDraw, есть текст, то сначала надо его "Преобразовать в кривую". Для этого нажмите правой кнопкой мыши по тексту, и найдите там этот пункт.

Как сделать анимированные стикеры для Телеграм? Рисуем в CorelDRAW , и анимируем в Adobe After Effects Анимация, Стикеры, Telegram, Бот, Набор, TGS, Adobe, Corel Draw, Вектор, Слои, Иллюстратор, Длиннопост, Adobe After Effects

3. Откройте Adobe illustrator, и выполните команду Правка-Вставить, или нажмите сочетание клавиш Ctrl+V, чтобы вставился ваш объект из CorelDraw.


4. Сохраните файл в формате Ai. Нажав в меню - Файл - Сохранить как, и выбрав формат Ai.

Как сделать анимированные стикеры для Телеграм? Рисуем в CorelDRAW , и анимируем в Adobe After Effects Анимация, Стикеры, Telegram, Бот, Набор, TGS, Adobe, Corel Draw, Вектор, Слои, Иллюстратор, Длиннопост, Adobe After Effects

5. Скачайте и установите плагин Bodymovin for telegram для Adobe After Effects, используя ZXP Installer.


Если автоматическая установка при помощи ZXP Installer не получается, то откройте скачанный файл bodymovin-tg.zxp при помощи архиватора типа WinRar, и распакуйте содержимое архива в папку bodymovin-tg


А саму папку bodymovin-tg поместите в каталог:

C:\Program Files\Adobe\Adobe After Effects 2021\Support Files\


В итоге содержимое архива должно расположиться в каталоге:

C:\Program Files\Adobe\Adobe After Effects 2021\Support Files\bodymovin-tg

Как сделать анимированные стикеры для Телеграм? Рисуем в CorelDRAW , и анимируем в Adobe After Effects Анимация, Стикеры, Telegram, Бот, Набор, TGS, Adobe, Corel Draw, Вектор, Слои, Иллюстратор, Длиннопост, Adobe After Effects

Далее активируем плагин Bodymovin-TG.


Запустите Adobe After Effects , зайдите в меню Правка, далее в раздел:

Настройки — «Сценарии и выражения».


Далее ставьте галочку напротив «Разрешить сценариям выполнять запись файлов и осуществлять доступ к сети».

Как сделать анимированные стикеры для Телеграм? Рисуем в CorelDRAW , и анимируем в Adobe After Effects Анимация, Стикеры, Telegram, Бот, Набор, TGS, Adobe, Corel Draw, Вектор, Слои, Иллюстратор, Длиннопост, Adobe After Effects

6. Открываем Adobe After Effects, выбираем "Создать композицию", выбрав ширину и высоту 512x512 пикселей и Длительность 0:00:03:00 , т.е длительность в 3 секунды, Частота кадров — 30 или 60 кадров в секунду.

Как сделать анимированные стикеры для Телеграм? Рисуем в CorelDRAW , и анимируем в Adobe After Effects Анимация, Стикеры, Telegram, Бот, Набор, TGS, Adobe, Corel Draw, Вектор, Слои, Иллюстратор, Длиннопост, Adobe After Effects

7. Переносим из Проводника в окно Adobe After Effects , ваш Ai файл.

Как сделать анимированные стикеры для Телеграм? Рисуем в CorelDRAW , и анимируем в Adobe After Effects Анимация, Стикеры, Telegram, Бот, Набор, TGS, Adobe, Corel Draw, Вектор, Слои, Иллюстратор, Длиннопост, Adobe After Effects

Затем кликаете правой кнопкой мыши( в панели Композиция1, под заголовком Имя источника) по вашему файлу ,и в всплывшем меню выбираете:

Создать-Создать фигуры из векторного слоя.


Появится новый элемент с тем же названием файла, но в его названии добавится слово - Кривые.


Элемент в панели Композиция 1, с расширением ai, можете удалить, чтобы он вас не путал, т.к он больше тут не нужен.

Как сделать анимированные стикеры для Телеграм? Рисуем в CorelDRAW , и анимируем в Adobe After Effects Анимация, Стикеры, Telegram, Бот, Набор, TGS, Adobe, Corel Draw, Вектор, Слои, Иллюстратор, Длиннопост, Adobe After Effects

8. Выберите элемент Кривые в панели Композиция 1.


Раскройте слой Кривые (нажав на значок стрелка вправо),и далее нажмите на меню Преобразовать.


Сначала на первом, а потом на последнем кадре, нажмите на значок круга, следующих параметров- Опорная точка, Положение, Масштаб, Поворот.


Если значок стал подсвеченным/выделенным, а СЛЕВА появились ромбики, то значит все получилось.

Если ромбик не подсветился-на него надо щелкнуть левой кнопкой мыши.


Это нужно для закрепления текущего положения объекта на первом и последнем кадре, чтобы анимация получилась цикличной, и объект сам возвращался под конец анимации, в исходное положение.

Как сделать анимированные стикеры для Телеграм? Рисуем в CorelDRAW , и анимируем в Adobe After Effects Анимация, Стикеры, Telegram, Бот, Набор, TGS, Adobe, Corel Draw, Вектор, Слои, Иллюстратор, Длиннопост, Adobe After Effects

9. Теперь можете между первым и последним кадром, выбирать любой отрезок на шкале "Таймлайн композиция", и используя инструменты Выделение (для перемещения объекта) и Поворот (для вращения-поворота объекта), анимируйте свой объект.

Как сделать анимированные стикеры для Телеграм? Рисуем в CorelDRAW , и анимируем в Adobe After Effects Анимация, Стикеры, Telegram, Бот, Набор, TGS, Adobe, Corel Draw, Вектор, Слои, Иллюстратор, Длиннопост, Adobe After Effects

Но не забывайте про шаг 7, т.е после изменения положения и вращения объекта, нажимать на значки всех кругов, чтобы закрепить изменения(иначе они не внесутся в анимацию).


Если НА ШКАЛЕ , при выделении объекта, появились СЕРЫЕ ромбики, то значит изменения в анимации закрепились.

Как сделать анимированные стикеры для Телеграм? Рисуем в CorelDRAW , и анимируем в Adobe After Effects Анимация, Стикеры, Telegram, Бот, Набор, TGS, Adobe, Corel Draw, Вектор, Слои, Иллюстратор, Длиннопост, Adobe After Effects

10. В панели предпросмотр, нажмите на значок треугольника, чтобы проиграть созданную анимацию.

Как сделать анимированные стикеры для Телеграм? Рисуем в CorelDRAW , и анимируем в Adobe After Effects Анимация, Стикеры, Telegram, Бот, Набор, TGS, Adobe, Corel Draw, Вектор, Слои, Иллюстратор, Длиннопост, Adobe After Effects

11. Для экспорта в формат файла TGS для Telegram, выбираем меню :

Окно-Расширения- Bodymovin for telegram.

Как сделать анимированные стикеры для Телеграм? Рисуем в CorelDRAW , и анимируем в Adobe After Effects Анимация, Стикеры, Telegram, Бот, Набор, TGS, Adobe, Corel Draw, Вектор, Слои, Иллюстратор, Длиннопост, Adobe After Effects

Под надписью Selected, нажмите на кружок-галочку, чтобы она стала активна.


Под надписью Destination Folder ,щелкните на многоточие ,чтобы выбрать, куда вы сохраните свой TGS файл. Далее- нажимаете на кнопку RENDER.

Как сделать анимированные стикеры для Телеграм? Рисуем в CorelDRAW , и анимируем в Adobe After Effects Анимация, Стикеры, Telegram, Бот, Набор, TGS, Adobe, Corel Draw, Вектор, Слои, Иллюстратор, Длиннопост, Adobe After Effects

12. Запускаем компьютерную версию Telegram, и в строке поиска набираем: @stickers ,и первым в итогах поиска выпадет проверенный бот @stickers ,для создания набора стикеров.


Затем, в самом боте, ищем строку ввода команд(Снизу) и вводим команду:

/newanimated ,или слева нажимаем кнопку МЕНЮ , и в выпадающем списке нажимаем на: /newanimated


Далее следуйте простым инструкциям от бота, который вам он выдаст в диалоге.

Как сделать анимированные стикеры для Телеграм? Рисуем в CorelDRAW , и анимируем в Adobe After Effects Анимация, Стикеры, Telegram, Бот, Набор, TGS, Adobe, Corel Draw, Вектор, Слои, Иллюстратор, Длиннопост, Adobe After Effects
Показать полностью 14
[моё] Анимация Стикеры Telegram Бот Набор TGS Adobe Corel Draw Вектор Слои Иллюстратор Длиннопост Adobe After Effects
1
1
Agmioli
Agmioli
3 года назад
Векторная графика
Серия Компьютерная графика

Как экспортировать нарисованный объект из CorelDRAW в Adobe After Effects?⁠⁠

Данная инструкция расскажет, как полноценно, без потери качества и глюков, изображение нарисованное в  CorelDRAW, отправить в Adobe After Effects,чтобы в дальнейшем его анимировать. Т.к попытки напрямую из CorelDRAW, экспортировать в Adobe After Effects, минуя Adobe illustrator, проваливаются.


1. Откройте в CorelDraw файл содержимого которого, вы хотите перенести в Adobe After Effects.


2. Выделите нужный объект(или его часть), и копируйте его в буфер обмена, нажав в верхнем меню - ПРАВКА - КОПИРОВАТЬ или нажав сочетание клавиш Ctrl+C .


Если в вашей композиции CorelDraw, есть текст, то сначала надо его Преобразовать в кривую. Для этого нажмите правой кнопкой мыши по тексту, и найдите там этот пункт.


3. Откройте Adobe illustrator, и выполните команду Правка-Вставить, или нажмите сочетание клавиш Ctrl+V,чтобы вставился ваш объект из CorelDraw.


4. Сохраните файл в формате Ai. Нажав в меню - Файл -Сохранить как, и выбрав формат Ai.


5. Переносим из Проводника в окно Adobe After Effects , ваш Ai файл.


Кликаете правой кнопкой мыши( в панели Композиция1,под заголовком Имя источника) по вашему файлу ,и в всплывшем меню выбираете Создать-Создать фигуры из векторного слоя.


Появится новый элемент с тем же названием файла, но в его названии добавится слово -Кривые.

Элемент в панели Композиция 1, с расширением ai,можете удалить, чтобы он вас не путал, т.к он больше тут не нужен.

Как экспортировать нарисованный объект из CorelDRAW в Adobe After Effects? Вектор, Графика, Corel Draw, Adobe, Экспорт, Искусственный интеллект, Иллюстратор, Windows, Конвертация, Преобразование, Картинки, Анимация, Длиннопост, Adobe After Effects
Как экспортировать нарисованный объект из CorelDRAW в Adobe After Effects? Вектор, Графика, Corel Draw, Adobe, Экспорт, Искусственный интеллект, Иллюстратор, Windows, Конвертация, Преобразование, Картинки, Анимация, Длиннопост, Adobe After Effects
Как экспортировать нарисованный объект из CorelDRAW в Adobe After Effects? Вектор, Графика, Corel Draw, Adobe, Экспорт, Искусственный интеллект, Иллюстратор, Windows, Конвертация, Преобразование, Картинки, Анимация, Длиннопост, Adobe After Effects
Как экспортировать нарисованный объект из CorelDRAW в Adobe After Effects? Вектор, Графика, Corel Draw, Adobe, Экспорт, Искусственный интеллект, Иллюстратор, Windows, Конвертация, Преобразование, Картинки, Анимация, Длиннопост, Adobe After Effects
Показать полностью 4
[моё] Вектор Графика Corel Draw Adobe Экспорт Искусственный интеллект Иллюстратор Windows Конвертация Преобразование Картинки Анимация Длиннопост Adobe After Effects
3
Swagin
Swagin
4 года назад

Еду я в аэропорт и вдруг...⁠⁠

[моё] Adobe After Effects Арт ArtStation Эффект Visual effects Art effects Cgi VFX Cg-warrior Cinema 4d Cinematic Maxon Cinema 4D 3D графика 3ds Max 3D Видео
6
Swagin
Swagin
5 лет назад

GTA VI потрясающая графика!)⁠⁠

https://www.youtube.com/watch?v=RDSOmKh1clU&feature=youtu.be

[моё] GTA 6 Adobe After Effects Visual effects Art effects Видеомонтаж Видео
3
NamiarD
5 лет назад

Experiment: Giant Balloon of Coca Cola vs Mentos and Baking Soda⁠⁠

Experiment: Giant Balloon of Coca-Cola vs Mentos and Baking Soda! Super EFFECT!

I hope you enjoyed my video!  Thank you for watching.

[моё] Coca-Cola Супер Сода Видео Воздушные шарики
11
27
ttopkeker
ttopkeker
6 лет назад
Лига Разработчиков Видеоигр

Немного неочевидных вещей в партикловой системе Cascade на UE4⁠⁠

Новая партикловая система Niagara выдает потрясающие штуки в early access, но, к сожалению, весь продакшен до сих пор сидит на Cascade и будет сидеть ближайшее время и дальше, расширяя его возможности блюпринтами. Поэтому давайте глянем на некоторые неочевидные вещи текущей партикловой системы, с которыми вы можете столкнуться и потратить N-ое количество времени на поиск решений, которых может и вовсе не быть.

GPU-частицы нельзя сделать изначально разноцветными

Немного неочевидных вещей в партикловой системе Cascade на UE4 VFX, Unreal Engine 4, Gamedev, Совет, Гифка, Длиннопост

Да, GPU-шные частицы позволяют пользоваться вектор филдами и спавнить тысячи частиц без особых проблем, но взамен этого имеют свои ограничения и не могут использовать некоторые модули. Однако то, что даже модуль Initial Color с GPU-частицами работает не полностью — довольно неочевидно (ведь цвет GPU-частиц вполне себе меняется со временем). Где-то в доках вроде как была маленькая строчка, которая поясняла это, но кто ж её упомнит. В общем, сделать так, чтобы GPU-частицы изначально рождались с разными цветами мы не сможем. Но, конечно, есть варианты с некоторыми костыльными решениями, которые иногда могут подойти.

Модуль Orbit не меняет пивот и не анимируется

Немного неочевидных вещей в партикловой системе Cascade на UE4 VFX, Unreal Engine 4, Gamedev, Совет, Гифка, Длиннопост

Когда вы сталкиваетесь с модулем Orbit, вы думаете: «Воу, с этой штукой можно будет сделать красивые вещи! Например, если совместить её с трейлами, которые можно сделать Ribbon-частицами или же просто спавнить хвост частицами через Emitter Initial Location». Но это не так. Модуль на самом деле не смещает центр координат частицы и он остается без закручивания. Что приводит нас к тому, что все выше перечисленные модули вообще не видят движения от модуля Orbit, и поэтому прицепить что-то за частицами с Orbit'ом не получится =(


А ещё вы не сможете его нормально анимировать, так как для ввода значений Curves берется время эмиттера и by life анимации для каждой частички не получится. И с GPU-частицами немного иначе работает. Такие дела.

В ветке 4.20 сломан Beam-эмиттер

Немного неочевидных вещей в партикловой системе Cascade на UE4 VFX, Unreal Engine 4, Gamedev, Совет, Гифка, Длиннопост

Если вы работаете с проектом на версии движка 4.20 и создаете частицы типа Beam Data, то заметите, что он не работает, как нужно. А именно: не обращает внимание на Lifetime частиц и эмиттера, на количество его повторений Loops, не меняет во времени параметры луча типа цвета или альфы.


Какой выход? Делать такие частицы на 4.21 — там вроде как все починили уже. Либо делать такой тип эмиттера на ранних версиях типа 4.19 или 4.18 и мигрейтить в двадцатую — у некоторых такой способ работал.

Ввод Uniform параметров для Particle Systems в блюпринтах

В чатицах есть метод ввода параметров Uniform — он рандомит вводные числа от одной границы до другой.

Немного неочевидных вещей в партикловой системе Cascade на UE4 VFX, Unreal Engine 4, Gamedev, Совет, Гифка, Длиннопост

И есть метод ввода Particle Parameter — с помощью него вы можете вводить данные извне партикловой системы. Либо просто из левел-эдитора, либо из блюпринта.

Немного неочевидных вещей в партикловой системе Cascade на UE4 VFX, Unreal Engine 4, Gamedev, Совет, Гифка, Длиннопост

Неочевидность здесь заключается в вводе Uniform значения через Parameter. То есть по дефолту выставляемое значение константное и не имеет границ — это поле Constant. И, если на уровне мы можем вручную поменять ввод параметров на рандом:

Немного неочевидных вещей в партикловой системе Cascade на UE4 VFX, Unreal Engine 4, Gamedev, Совет, Гифка, Длиннопост

То, когда мы обычно вводим параметры в блюпринте, там ничего подобного нет:

Немного неочевидных вещей в партикловой системе Cascade на UE4 VFX, Unreal Engine 4, Gamedev, Совет, Гифка, Длиннопост

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

Немного неочевидных вещей в партикловой системе Cascade на UE4 VFX, Unreal Engine 4, Gamedev, Совет, Гифка, Длиннопост

Поэтому решением для ввода такого рода параметров будет конструкция с Make ParticleSysParam, в которой такого рода введние параметров учитывается, хотя конструкция и выглядит сложнее обычного ввода. Если вы и так вводили параметры через такую конструкцию и не знали горя — вы молодец.

Немного неочевидных вещей в партикловой системе Cascade на UE4 VFX, Unreal Engine 4, Gamedev, Совет, Гифка, Длиннопост

Фиксированные баунд боксы у GPU-частиц

Немного неочевидных вещей в партикловой системе Cascade на UE4 VFX, Unreal Engine 4, Gamedev, Совет, Гифка, Длиннопост

Не забывайте фиксировать и выставлять вручную Bounding Box у GPU-частиц, иначе они пропадают как только центр эмиттера исчезает из поля зрения.

Коллизия меш-частиц

Немного неочевидных вещей в партикловой системе Cascade на UE4 VFX, Unreal Engine 4, Gamedev, Совет, Гифка, Длиннопост

Несмотря на присутствие в модулях, метод коллизии Scene Depth с частицами типа Mesh Data не работает.

Меш партиклы ≠ статик меш

По структуре меш-партикли, которые используются в Mesh Data частицах, оказывается несколько отличаются от обычного Static Mesh, даже если вы используете один и тот же меш-ассет. Поэтому, если вы в материале используете ноды вроде LocalPosition, например, для какого-нибудь дисолва, то в частицах такой материал вполне может работать неправильно.

Перезапуск анрила

Ну и топ типс :) Если по вашей логике в частицах всё должно работать так, а работает иначе — попробуйте перезапустить движок. К сожалению, зачастую это помогает.

Статья подготовленна специально для UE4Daily.com
Если знаете еще какие-нибудь неочевидности в партикловой системе или заметили ошибку - обязательно напишите в комментариях.

Показать полностью 10
[моё] VFX Unreal Engine 4 Gamedev Совет Гифка Длиннопост
2
Посты не найдены
О нас
О Пикабу Контакты Реклама Сообщить об ошибке Сообщить о нарушении законодательства Отзывы и предложения Новости Пикабу Мобильное приложение RSS
Информация
Помощь Кодекс Пикабу Команда Пикабу Конфиденциальность Правила соцсети О рекомендациях О компании
Наши проекты
Блоги Работа Промокоды Игры Курсы
Партнёры
Промокоды Биг Гик Промокоды Lamoda Промокоды Мвидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня
На информационном ресурсе Pikabu.ru применяются рекомендательные технологии