Как я могу создать «пылающий» эффект, например, в экранах названия Ocarina of Time?

Я хотел бы воссоздать пылающий эффект, подобный тому, который изображен на эмблеме на титульном экране игры N64 «Легенда о Зельде: Окарина времени», показанная ниже:

 введите описание изображения здесь>> </a> </p>

<p> Быстрый просмотр текстур, используемых в ПЗУ, обеспечивает единую текстуру 32x32, которая похожа на эффект, но я не знаю, как это изображение (при условии, что это правильно) преобразуется в эффект, наблюдаемый на логотипе. </p>

<p> Как я могу реализовать нечто подобное? </p></body></html>

103 голоса | спросил nathanburns 25 +03002017-10-25T18:40:42+03:00312017bEurope/MoscowWed, 25 Oct 2017 18:40:42 +0300 2017, 18:40:42

3 ответа


248

Сначала создайте маску с белым на черном вашего логотипа /текста и смажьте его.

 размытая форма логотипа

Затем создайте повторяющуюся (чередующуюся) текстуру сплошного шума (здесь используется GIMP)

 текстура шума

Используйте фильтр Map-> Tile ..., чтобы создать трехмерный шаблон 3x3 (в этом примере 128x128 x 3 = 384x384) для следующего шага, чтобы наша текстура все еще повторялась - мы будем держать только центр часть.

 предыдущее изображение с черепицей 3 на 3

Используйте Blur-> Motion Blur ..., чтобы размыть текстуру вверх и сохранить только центр 1 /3rd (назад до 128x128)

 маска в сочетании с шумом

Затем анимируйте его, перемещая текстуру рисунка вверх по текстуре маски:

 маска в сочетании с движущимся шумом

Готово для части анимации.

Затем вы можете применить карту градиента (черный -> красный -> желтый -> белый), чтобы придать ей цвета огня:

Можно использовать другие цвета, создавая жуткий синий огонь, светло-желтое поле ауры, более дымный эффект и т. д.

Теперь, если вы объедините это как additive над своим логотипом и 3D-рендерингом, вы получите желаемый эффект:

 background +  logo + fire =  пламенный логотип поверх фона

Эффект может затемнить путем регулировки маски и /или яркости рисунка, и /или цвета вершин, и /или градиентной цветовой карты до заданного уровня.

Вы можете даже использовать два текстурированных паттерна вместе (Маска * Пожар Pattern * Fire Pattern) на разных скоростях и направлениях, чтобы создать более сложный эффект огня.


Технически на N64 они могли создать аппроксимацию маски с использованием треугольной сетки и цвета вершин вместо текстуры маски из-за аппаратного ограничения N64 в отношении текстур, но конечный результат одинаков (текстура вершинного цвета * ) vs (текстура маски * текстура рисунка)).

 Макет вершинного макета

Мы можем по-прежнему использовать цвет вершин, но через 20 лет мы можем упростить нашу жизнь и просто использовать 2 текстуры и более, даже сегодняшние мобильные графические процессоры могут справиться с дополнительной серой текстурой 256x128 без проблем.

ответил Stephane Hockenhull 25 +03002017-10-25T21:05:25+03:00312017bEurope/MoscowWed, 25 Oct 2017 21:05:25 +0300 2017, 21:05:25
3

Есть несколько способов сделать это, но с головы,

1) Пусть пламя + логотип все в одном изображении и, по существу, спрайт-лист оживляют его.

2) Сделайте логотип в слое пользовательского интерфейса и поместите вокруг него некоторые эффекты частиц слоя UI.

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

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

ответил unknownSPY 25 +03002017-10-25T20:21:12+03:00312017bEurope/MoscowWed, 25 Oct 2017 20:21:12 +0300 2017, 20:21:12
0

Если ПЗУ содержат небольшую текстуру пламени, я бы предположил, что это делается с каким-то эффектом частицы.

Это можно сделать, предварительно наложив спрайт на экран для названия и логотипа. Затем поместите ряд излучателей частиц, которые создают эффект пламени за титульным спрайтом. То есть их глубина Z /экрана такова, что они отображают за заголовком.

Вот пример использования эффектов частиц GameMaker для создания пламени, которые могут дать вам некоторые мысли о потенциале этого подхода ...

http://martincrownover.com/gamemaker-examples-tutorials/particles- огонь /

ответил Tim Holt 25 +03002017-10-25T19:51:28+03:00312017bEurope/MoscowWed, 25 Oct 2017 19:51:28 +0300 2017, 19:51:28

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132