• Туториал: Редактор Материалов - Water Indoor
• Автор:Hourences
• Орегнал:MATERIAL EDITOR - IN DEPTH - WATER - INTDOOR
• Перевод:UX.Loki

Введение

Материалы жидкостей – одни из самых сложных материалов. Если вы хотите создать материал воды, вы должны иметь ясное представление о том как это должно быть сделано. Какие особенности должны быть у материала, чтобы достичь желательного результата?

Материал должен быть не освещенным поскольку это может повредить эффекты создаваемые нормалмапом. Нужно создать все эффекты: отражение неба, волны, преломление.

Мы будем использовать только Diffuse/Emissive

Итак ,что нам необходимо сделать, чтобы создать материал воды:

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

Вода  не отражающая небо (малый водоем)

Для того чтобы создать воду по данному уроку, вам необходимо загрузить набор текстур , нажмите на рисуноке ниже с надписью Click to Download  (<-туда жать) чтобы скачать текстурки.

 

 

"Waternormal" и "Waves" будут и использоваться, для искажения и имитации волн.

"Dots" - будут использоваться для того, чтобы фальсифицировать specularity,

"Skyreflection" будет служить основным отражением (это отражение неба, для другого туториала).

 reflec.tga – для создания малых водоёмов.

Помимо этого, Архив также включает SimplePlaneMesh.ase. Вы можете импортировать его как Staticmesh, если Вы желаете использовать его как водную поверхность, это удобно, так как, вам не придётся настраивать текстурные координаты, а если использовать плоскость BSP, дальнейшние настройки могут вызвать проблемы с освещением и поэтому не желателена.

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

Вам необходимо создать следующую установку:

 

Не пугайтесь при виде такого большого количества групп, на самом деле если рассматривать каждую группу в отдельности , то всё не так сложно как кажется.

Этот материал составлен из четырех важных групп.

A.) Создает основное искажение, смешивая несколько текстур "Waternormal" на вершинах друг друга.
B.) Точно так же B. также создает искажение, смешивая текстуры, чтобы далее исказить и рандомизировать результат.
C.) Создает искажение для того, что ниже поверхности.
D.) Просто объединения A и B на вершине изображения отражения.

Группа A




 Эта группа использует Waternormal.tga дважды, каждый раз с различной скоростью и масштабом, и затем смешивает их оба вместе чтобы рандомизировать результат. В конце Multiply, используется, чтобы увеличить или уменьшить силу искажения, в этом случае нетронутого (1.00000 =нет изменений)

Группа B

 B, делает в основном то же самое что и A. Смешивает waternormal.tga дважды, каждый раз с различным масштабом и скоростью, и затем смешивает это снова с третим waternormal.tga. Наконец Группа B также заканчивается Multiply, чтобы изменить его силу.

Обратите внимание, что используется только один цветной канал waternormal.tga. Действительно не имеет значения, какой канал используется, пока Вы не используете полный вывод RGB. Информация будет использоваться как ввод Высоты, который может только обработать один бит информации, поэтому, ввод-вывод только один канал.

Группа C




Группа C искажает объекты ниже поверхности. Она почти идентична группе A, но использует выражение Add вместо Multiply. Далее соединятся с Multiply выражение отвечающее за силу искажения.

Группа D




Эта конечная группа смешивает A и B . Добавьте два BumpOffset's и TextureCoordinate. Подключите TextureCoordinate с Координатным вводом BumpOffset 1, и подключите конечному выражению Multiply.
Подключите BumpOffset 1 с Координатным вводом BumpOffset 2, и подключите конечное выражение Multiply Группы B к вводу Высоты BumpOffset 2, далее, подключите BumpOffset 2 с вводом UVs текстуры reflec.tga , и увеличьте контраст и интенсивность через выражение Power и Multiply.

Теперь, в настроках самого материала установите BLEND_Translucent, MLM_Unlit и TwoSided.

Выражения Power и Multiply в конец управляют интенсивностью и контрастом отражения. Понижение контраста (здесь равно 2.75) заставит отражение стать более явным и менее реалистическим. Сильное уменьшение контраста приведёт к чрезмерно яркому эффекту. Ниже, первый скриншот использует уменьшенную силу контраста. 

Результат

 

 

 

Вы должны создать следующую установку:



A.) Создает основное искажение, смешивая несколько текстур "Waternormal" на вершине друг друга.
B.) Точно так же B. также создает искажение, смешивая больше структур на вершине, чтобы далее исказить результат.
C.) Так же как A и B. C создает еще больше искажения, смешивая больше текстур на вершине результата, создавая эффект волн.
D.) Создает отражение солнца на watersurface.
E.) Создает specularity используя текстуру "Dots".
F.) Простая группа это ответственная за искажение того, что ниже поверхности.
G.) Заключительная группа, которая держит фактическую структуру неба. Это - центральное место, где все другие группы объединены вместе.

Группа A




 Эта группа использует Waternormal.tga дважды, каждый раз с различной скоростью и масштабом, и затем смешивает их оба вместе. Резултат, это раномность. Обратите внимание на два выражения ComponentMask, которые отсеивают синий канал от обеих установок искажения. Это должно быть сделано, потому что эта вся установка будет использовать UV координаты. UE3 не принял бы полный вход RGB, поскольку у RGB есть три канала, R  (красный), G (зеленый), И B (синий).  (U и V = R и G).
Also of note is the Texture Coordinate at the end of the group, without this expression the sky texture would render entirely wrong.(???)

Группа B



Группа B в основном делает то же самое что и A. Смешивает Waves.tga дважды, у каждого есть различный масштаб и скорость. Выражение Группы A используется как Координационный вход на обоих выражений BumpOffset.

Обратите внимание, что используется всего 1 канал waternormal.tga. На обоих выражениях TextureSample используется только синий канал. Действительно не имеет значения, какой канал используется, пока Вы не используете полную палитру RGB. Это ограничение подобно Группе A. Посредствам этой грумы создаётся высота волн.

Группа C



Выражение Группы B используется как Координационный вход BumpOffset в Группе C.. Эта последняя группа искажения ответственна за большие волны.

Группа D



Эта группа создаст отражение солнца о воде. Это - самый сложный и самый трудный набор выражений в материале, поскольку это полагается на хорошее знание математики. Два Constant3Vectors, в начале группы, в основном действуют как координаты для положения солнца. Когда они объединены с ракурсом и вступают в Dot product, ответственную за фактическую "точку" солнца. 

Внимание: Вместо Coordinate Transform используйте Vector Transform

Группа E



Группа E довольно проста и необходима для создания незначительных эффектов, которые Вы часто видите на воде. В основном все, что она делает, это смешивает 2-ю тексту с точками, чтобы рандомизировать результат. В конце результат соединен с текстурой неба.

Группа F



Группа F очень проста. Сдублируйте (Ctrl W) подобную установку от Группы A, B, или C и немного измените параметры, или переделайте это на пустом месте. Группа F просто смешивает текстуры, тем самым увеличивая искжение.

 G группа





 G Группа комбинирует все вместе,отвечает за Непрозрачность и исчезновение у краёв (берегов) воды. Первое выражение этой группы - Texture Sample, с назначенной текстурой "Skyreflection". Его UV's совмещен с BumpOffset в конце Группы C. Texture Sample посредством Add смешивается с Constant3Vector, чтобы смягчить воду немного, и дать дополнительный синий цвет.
Результат прибавлен к Pover для дополнительного контраста, и умножен с Константой, чтобы увеличить яркость и силу. Этот результат в свою очередь прибавляется к Add выражению, у которого есть выражение Mulitply как его второй вход Mulitply объединен с Add выражением, держащим небо до того как контраст был изменён, в конце Mulitply объединённый с группой Д (солнце) далее происходит смешивание с группой Е (точки(блики)) , после этого вся установка добавляется на Эмиссионн.

Всё. Вам теперь осталось добавить DepthBiasedAlpha на Opacity ,эта установка ответственна за постепенное исчезновение воды у «берегов».

Теперь, Вы в настроках самого материала установите BLEND_Translucent, MLM_Unlit и TwoSided.

Результат