Blog

Creating Blend4Web Materials. Complicated Materials

2018-01-23

The time has finally come to learn about creating some of the most complex materials that you can find in the Blend4Web Material Library. These materials use not only sophisticated node setups, but also postprocessing effects and even dedicated geometry structures! This article concludes an entire cycle of tutorials on creating Blend4Web materials.

Water material from Blend4Web Material Library

When you design water for using with Cycles renderer, you can make a procedural Displacement map that applies waves of various shapes to the surface of the water by influencing its geometry. Unfortunately, something like this cannot be done in Blend4Web at the moment, so you have to either use built-in features such as dynamic water, or make custom geometry and shaders. Let’s start with examining water material.

Node structure of the core of the Water material

The water material is relatively simple and consists of two main groups of nodes. The first one includes two normal maps (1) that add small ripples to the surface. Animation is used to make the water look more lifelike. The second group contains a mask with Fresnel effect (2), created from moving normal maps. Reflection are produced using a cubemap (3) that is mixed with a Refraction node that handles transparency and distorts the images of any objects in the body of water.

Settings for baking waves on the surface of the water

Bigger waves are implemented using vertex animation (Wave (1) and Displace (2) modifiers) baked using Blend4Web tools (3).

Depth and caustics imitation

This brings us to one clever trick that will help us to add depth and caustic effect to any scene that includes water material. What we have to do is create a copy of a cube with normals flipped inside, so we can observe its inner surface. The shader itself is colored with a vertical gradient of colors ranging from deep to light blue. The material also includes two animated textures for caustics (1); they help to create an illusion of sun beams and flares at the bottom.

Ice material

The material for ice is done in the same way. Bubble objects with normals flipped inside are added to the geometry in order to create an illusion of multiple light refractions inside the ice.

The inner geometry of the ice cubes with the material applied

The material itself isn’t very complicated. It consists of one Matcap texture (1) that is colored light blue and connected directly to the Output. This is how reflected light is recreated.

Gemstone material from Blend4Web material library

Gemstone material works in the same manner, only its node setup is a bit more complicated.

Gemstone geometry

The image above shows objects with two “layers” of geometry. The material applied to the surface includes Refraction node, so it distorts the image of the inner part. Let’s take a look at the structure of the material.

Material for surface geometry of a gemstone

1. The main part of the material is a Refraction node that is used to distort the inner surface of the gemstone, thus imitating multi-layered structure of a crystal. There is also a normal map with multiple facets. To add some depth to the material, this map is offset along normals using a Mapping node.

2. Cubemap for creating reflections on the glass surface.

3. Another cubemap to implement light dispersion effect. It is connected to a Glow node that produces bright sparkles.

Material for the inner geometry of a gemstone

The structure of the material used for inner parts of a gemstone is similar to the one used for ice material. Its base is a black and white cubemap (2) colored using another cubemap (1) – this approach allows for producing a wide range of highlights. Dispersion effect is implemented using a texture with color spots, just as it is in the material for outer surface.

Fur Cap material from Blend4Web library

And finally, let’s examine the fur material.

Node setup for fur

The core of the material contains a diffuse map (1) and a normal map (2). There is also an alpha map that consists of two textures mixed together with a little offset. Anisotropic highlights are added using a Matcap texture (4), with a SmoothStep node for adjusting roughness.

Using a Matcap texture to imitate anisotropic highlights

The main effect, however, is implemented not with a material, but with multi-layered geometry.

Layers of the cap geometry

If you cut the geometry of the cap in two or more pieces, you’ll see that it consists of several layers. The lowest of them is opaque, it acts as a background. Other layers produce a parallax-like effect, that looks a lot like real fur.

Closing Words

And this completes our examination of materials from our Library. We hope that little tricks you’ve learned will help you to make you own materials just as complex and attractive – or maybe even more so. Feel free to comment, share your thoughts and suggestions, and, of course, any ideas about expanding our Material Library.

Comments
02 may. 2022 08:36
best generic viagra <a href="https://viagrahom.com/">buying viagra online legal</a> viagra sex
03 may. 2022 15:41
Looking for <a href=" https://testbanks22.com/ ">Test Banks Online</a> just browse test banks 22 and purchase the current updated version of test banks you need at great discount prices now.
05 may. 2022 04:56
☎ +27604045173 Most Powerful Magic Ring For Miracles Pastors, Prophecy, Money. South Africa Magic Ring For Pastors To Perform Miracles a) Magic Ring to bring back lost lover, even if lost for a long period of time b) Magic Ring to remove Bad spells from homes, business & customer attraction etc. d) Magic Ring to help you get promotion you have desired for a long period of time at work or in your personal career. e)Magic Ring to remove the black spot that keeps on taking your money away bringing about poverty in your life. f) Magic Ring to help you find out why you are not progressing in life and giving you the right solution. g) Magic Ring to eliminate family fights h) Magic Ring to ensure excellent school grades even for children with mental disabilities. i) Magic Ring to stop your marriage or relationship from breaking apart Spiritual Magic Rings:Magical rings focus energy & spiritual power to improve luck or prosperity, for protection & to cure diseases. A magic ring has a specific ability to aid a person in focusing and amplifying power by aiding a person in achieving the future you desire. Magic rings are a natural amplifier of spiritual power By bringing in your ability to join with the power and energy of the Universal Life Force and the Life Force of this planet a magic rings will enhance your effort. Magic rings have focused energy to defend & protect the wearer of the magic ring from interference from dark forces to achieve a specific goal Focus your magical intentions with magic rings & attract positive energies that will help you achieve magical intentions for love, luck, prosperity, fertility, protection and more. Destroy unwelcome forces and providing protection from accidents with a powerful magic ring for protection. WE DELIVER WORLD WIDE. Call / Whats App On +27604045173 .MMAMA ZENNA Email:mmamazenna@gmail.com https://web.facebook.com/Stronglovesangoma https://web.facebook.com/PowerfulSangomahealer Web: https://www.safemagiclovespells.com
27 jun. 2022 18:29
pokoje w Augustowie https://www.pokojew-augustowie.pl
suntago noclegi cennik https://www.pokojew-augustowie.pl/podlaskie-noclegi-augustow
11 aug. 2022 01:33
Проектирование малоэтажных домов – одно из ключевых направлений деятельности дизайн-студии Geometria. В рамках этой услуги мы создаем проекты дачных и жилых домов.

• оперативность. Мы всегда выполняем работы быстро, точно соблюдая оговоренные сроки;

• качество. Мы знаем и строго следуем существующим строительным стандартам, нормам и требованиям. Наши проекты не вызывают нареканий у контролирующих организаций и позволяют получить разрешение на строительство быстро и без проволочек;

• привлекательность, оригинальность индивидуальность.

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

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

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

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

Все это, а также профессионализм, квалификация и опыт проектировщиков студии позволяют нам успешно выполнять взятые на себя обязательства, создавая привлекательные и комфортные для проживания проекты домов.

Источник: http://remontkvartir63.tk/
24 aug. 2022 20:19
Дизайн интерьера должен создавать три чувства - спокойствие, наслаждение и энергию на следующий день.

Мы проектируем дизайн помещений не для Вас, а совместно с Вами. Задумайтесь, интерьер помещения - это будет именно Ваш! оригинальный мир.

Сайт AcornDesign находится в процессе переезда на новый движок. Поэтому в данный момент он работает в тестовом режиме и не наполнен контентом. Предполагаем, что процесс наполнения портфолио и остальных разделов будет происходить еще неделю или две, примерно до середины июня.

Спасибо за терпение и сорри за временный хаос.

1. дизайн бывает элементарный и неэлементарный (остальной). Из чего он состоит? Реализации построенные по законам элементарного дизайна состоят из трех элементов. Элементы могут быть одного или разных типов. Элементы могут быть непрерывными или разделенными. Разделенные элементы могут быть разделены в пространстве или времени. Разделенные элементы соединены невидимыми пространственными или временными линиями.

2. как живет элементарный дизайн? Жизнь элементарного дизайна состоит из трех этапов (элементов). Этап 1: элементарный дизайн начинает жизнь в виде мысли человека-дизайнера, однако не все мысли человека-дизайнера начинают жить в виде элементарного дизайна. Этап 2: далее э-дизайн конвертируется в материальный объект. Этап 3: далее элементарный дизайн конвертируется в мысли/эмоции человека-наблюдателя. ps: если у человека-наблюдателя не появилось мыслей/эмоций значит это не элементарный дизайн. В этом случае наблюдатель произносит фразы типа "отлично, давайте попробуем еще один вариант".

3. элементарный дизайн - основа компонентов из которых можно составлять более сложные комплексы. Эти комплексы составляются по правилам элементарного дизайна. Такой дизайн называется составной элементарный дизайн.

Источник: http://remontkvartir63.tk/
12 sep. 2022 13:41
Good
14 sep. 2022 13:47
We are top rated services provider in the field of IT management assignment help where you will find best and experts writer who help you to get done your assignment on time.
05 oct. 2022 12:58
A lot of people have trouble with complicated materials. They think it's hard, but they just don't know how to solve the complexities properly. You need to check these ethics essay examples and get more new tips for essay examples. Let me show you how it's possible! We've all been to build sites with complicated materials, but we don't understand why it is so confusing.
20 oct. 2022 09:18
You took in the intricate moves toward make your own Coinbase Pro Log in account followed by the Steps to get into one. Trust us, crypto exchanging is all around as smooth as spread after that.
Coinbase App
Coinbase Pro
Coinbase Login
Metamask Wallet Extension
Metamask Sign in
Robinhood Login
Gemini Credit Card
Uphold App
Please register or log in to leave a reply.