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
10 feb. 2018 23:54
А как сделать стеклянный материал с водой внутри?
13 apr. 2020 21:02
indian generic Trileptal in USA from a usa pharmacy without a prescription

<b> GO TO PHARMACY >>> </b> http://bit.ly/us-meds

<a href=http://totalworldstore.com/shop/go.php?sid=5&search=Trileptal> <u><b>>>> FAST WORLDWIDE SHIPPING! CHEAPEST PRICES! CLICK HERE <<<</b></u> </a>


TAGS:

get cheap generic Trileptal in Canada
low price online Trileptal overnight delivery no r x
do you know how i can buy Trileptal online saturday delivery
do you know how i can buy Trileptal cheap cod no rx
Trileptal USA no prescription
buy easy legally Trileptal cash on delivery USA
Trileptal without credit card or check
licensed pharmacy to buy Trileptal overnight shipping USA
Trileptal overnight without a prescription
legal buy Trileptal medication without rx
Trileptal overnight delivery without a rx
RELATED SEARCHES:
<a href=http://forum.muhanoixua.com.vn/showthread.php?120317-ordering-safety-Doxepin-shipped-with-no-prescription-Purchase-Doxepin-in-UK&p=121472#post121472>ordering safety Doxepin shipped with no prescription | Purchase Doxepin in UK</a> <a href=https://www.equiplib.com/forums/topic/i-want-to-order-cefixime-without-rxnext-day-delivery-buy-cefixime-in-usa/>i want to order Cefixime without rx,next day delivery | Buy Cefixime in USA</a> <a href=http://49.231.238.163/board/viewtopic.php?f=3&t=881529>ordering Viagra Jelly no prescriptions needed | Buy Viagra Jelly in UK</a> <a href=https://tmlu.org/forums/topic/low-prices-selegiline-c-o-d-without-rx-purchase-selegiline-in-canada/>low prices Selegiline c.o.d. without rx | Purchase Selegiline in CANADA</a> <a href=https://dassfuneralhome.com/index.php/forum/suggestion-box/11807-comprare-il-atomoxetine-ora-il-atomoxetine-lo-stesso-giorno-consegna-acquistare-il-atomoxetine-economico-online-in-italia?start=24#24728>quiqly delivery Bimat + Applicators pharmacy no prescription | Purchase Bimat + Applicators in USA</a> <a href=http://descendantsgame.com/forum/index.php/topic/129-myrfsdfydanindbtjclilmr/page-1229#entry36871>buy discount Losartan / Hydrochlorothiazide no script needed | Order Losartan / Hydrochlorothiazide in AUSTRALIA</a> <a href=http://www.koapa.org/forum/viewtopic.php?f=4&t=240160>i want to buy Atenolol shipped overnight without a prescription | Purchase Atenolol in UK</a> <a href=http://forum.muhanoixua.com.vn/showthread.php?120418-discount-prices-Rizatriptan-with-no-prescriptions-Buy-Rizatriptan-in-ENGLAND&p=121573#post121573>discount prices Rizatriptan with no prescriptions | Buy Rizatriptan in ENGLAND</a> <a href=https://erocebu.com/forums/topic/cheapest-price-to-order-methotrexate-shipped-by-cash-on-delivery-order-methotrexate-in-england>cheapest price to order Methotrexate shipped by cash on delivery | Order Methotrexate in ENGLAND</a> <a href=http://mwa.undip.ac.id/berita/forum-majelis-wali-amanat-11-ptnbh/>order cheap Trileptal no script needed | Buy Trileptal in UK</a> <a href=https://stakeadvisor.com/boards/topic/cheap-price-minocin-no-prescription-overnight-buy-minocin-in-uk/>cheap price Minocin no prescription overnight | Buy Minocin in UK</a> <a href=https://stakeadvisor.com/boards/topic/ordering-safety-cialis-light-pack-60-next-day-no-prescription-needed-buy-cialis-light-pack-60-in-usa/>ordering safety Cialis Light Pack-60 next day no prescription needed | Buy Cialis Light Pack-60 in USA</a> <a href=https://husgatan.se/viewtopic.php?f=9&t=742901>where can i purchase Ceclor without a prescription | Order Ceclor in USA</a> <a href=https://blackinfluencersnetwork.com/groups/authors/forum/topic/buying-at-lowest-price-tentex-forte-same-day-delivery-no-prescription-buy-tentex-forte-in-australia/#post-232968>buying at lowest price Tentex Forte same day delivery no prescription | Buy Tentex Forte in AUSTRALIA</a> <a href=https://mesjabar.org/forums/topic/order-online-cheap-brand-levitra-tablet-without-script-purchase-brand-levitra-in-usa/>order online cheap Brand Levitra tablet without script | Purchase Brand Levitra in USA</a> <a href=https://www.equiplib.com/forums/topic/brand-or-generic-levitra-fast-shipping-no-prescription-order-levitra-in-uk/>brand or generic Levitra fast shipping no prescription | Order Levitra in UK</a> <a href=https://kikforums.com/threads/im-horny-to-trade-for-free-not-to-sell-hmu-on-kik-xleslie19.10605/page-5#post-632318>lowest price of generic Grifulvin fast shipping no prescription | Buy Grifulvin in UK</a> <a href=http://www.bernuneirologi.lv/forums/topic/buy-safety-imitrex-no-prescription-needed-buy-imitrex-in-uk/>buy safety Imitrex no prescription needed | Buy Imitrex in UK</a> <a href=http://www.koapa.org/forum/viewtopic.php?f=4&t=240249>purchase cheapest Megalis no prior prescription | Purchase Megalis in AUSTRALIA</a> <a href=http://odyesports.com/showthread.php?tid=29560&pid=119339#pid119339>fast delivery Famotidine shipped with no prescription | Order Famotidine in UK</a> <a href=https://urisen.net/forums/topic/fda-approved-singulair-overnight-without-prescription-buy-singulair-in-england/>fda approved Singulair overnight without prescription | Buy Singulair in ENGLAND</a> <a href=http://www.yushanzhan.com/forum.php?mod=viewthread&tid=1203521&extra=>purchase cheapest Tadora no prescription no fees | Buy Tadora in USA</a>
14 apr. 2020 14:31
best prices Kamagra Oral Jelly Vol-1 in USA prescriptions online

<b>BUY CHEAP HERE! >>> </b> https://bit.ly/cheapmedsonline

<a href=http://totalworldstore.com/shop/go.php?sid=5&search=Kamagra> <u><b>>>> BUY CHEAP HERE! <<<</b></u> </a>


TAGS:

indian Kamagra Oral Jelly Vol-1 in Australia
buying cheap Kamagra Oral Jelly Vol-1 with overnight delivery USA
discount pharmacy Kamagra Oral Jelly Vol-1 online lowest prices USA
fda approved Kamagra Oral Jelly Vol-1 cod cash delivery USA
Kamagra Oral Jelly Vol-1 pills no rx
cheap generic Kamagra Oral Jelly Vol-1 without perscription or membership
Kamagra Oral Jelly Vol-1 overnight delivery
order Kamagra Oral Jelly Vol-1 no prescription overnight shipping
Kamagra Oral Jelly Vol-1 overnight cheap USA
need Kamagra Oral Jelly Vol-1 online pharmacies saturday delivery
Kamagra Oral Jelly Vol-1 and no prescription
RELATED SEARCHES:
<a href=http://goodsnchattels.com.au/viewtopic.php?f=9&t=225746>fast delivery Grisactin no prescription fast delivery | Purchase Grisactin in USA</a> <a href=http://www.multiple-avenues.com/forums/showthread.php?10553-%D0%A0%D0%8E%D0%A1%E2%80%9A%D0%A0%C2%B0%D0%A0%D0%86%D0%A0%D1%94%D0%A0%D1%91-%D0%A0%D0%85%D0%A0%C2%B0-%D0%A1%D0%83%D0%A0%D1%97%D0%A0%D1%95%D0%A1%D0%82%D0%A1%E2%80%9A-%D0%A0%D1%94%D0%A0%C2%B0%D0%A0%D1%94%D0%A0%D1%91%D0%A0%C2%B5-%D0%A0%D1%94%D0%A0%D1%95%D0%A1%D0%8C%D0%A1%E2%80%9E%D0%A1%E2%80%9E%D0%A0%D1%91%D0%A1%E2%80%A0%D0%A0%D1%91%D0%A0%C2%B5%D0%A0%D0%85%D0%A1%E2%80%9A%D0%A1%E2%80%B9&p=497813#post497813>where can i order Prograf tablet without script | Purchase Prograf in UK</a> <a href=http://www.dramatikhikayelerim.com/showthread.php?tid=5915&pid=83268#pid83268>buy cheapest Cartia Xt non prescription needed | Buy Cartia Xt in UK</a> <a href=http://forum.mulevel.net/index.php?/topic/589-evento-regras-mu-level/page-162#entry337926>brand or generic Lopressor fast shipping no prescription | Order Lopressor in ENGLAND</a> <a href=http://www.splendosbsd.net/forums/showthread.php?tid=827941>buy cheap Tofranil with overnight delivery | Purchase Tofranil in ENGLAND</a> <a href=http://www.iheartelkgrove.com/forums/topic/how-to-buy-proventil-no-prescription-needed-purchase-proventil-in-canada>how to buy Proventil no prescription needed | Purchase Proventil in CANADA</a> <a href=http://aftonranch.net/myBB/showthread.php?tid=983159&pid=1316668#pid1316668>cheap Tadalafil overnight without dr approval | Purchase Tadalafil in USA</a>
19 dec. 2020 11:38
traitement fongicide pharmacie leclerc basse goulaine , pharmacie yerville therapie de couple angers . pharmacie auchan telephone medicaments urticaire , internat pharmacie amiens pharmacie bailly david villeurbanne pharmacie marivaux amiens pharmacie en ligne jailys . therapie de couple grenoble therapie comportementale et cognitive brest , pharmacie en ligne bourgoin jallieu pharmacie escudier boulogne billancourt horaires , pharmacie ouverte firminy pharmacie a proximite . pharmacie dans beauvais therapie de couple uptobox pharmacie ouverte samedi bourges , generique fucidine comprime pharmacie fouassier bourges horaires , pharmacie leclerc mozac . pharmacie plaquin amiens pharmacie leclerc istres , medicaments urologie therapie yverdon , pharmacie annecy novel. pharmacie billancourt boulogne-billancourt pharmacie beauvais zup argentine Achat Clarithromycin en pharmacie, pharmacie ouverte maintenant autour de moi pharmacie ch annecy metz-tessy .
therapie jeu de sable pharmacie semnoz annecy , therapy couples kaiser pharmacie argenteuil maurice utrillo pharmacie lafayette internet pharmacie lafayette france Acheter Furosemide. pharmacie en ligne union europeenne pharmacie beaulieu sur loire , therapies cognitivo-comportementales psychologues king's college therapies Acheter Zofran en Suisse, Ondansetron 8 mg sans ordonnance, therapie comportementale et cognitive sommeil pharmacie rostand beauvais . pharmacie de garde fresnes pharmacie de garde versailles pharmacie beaulieu , pharmacie brest quatre moulins pharmacie chu angers numero , therapies ciblees . walmart pharmacie en ligne therapie cognitivo comportementale remboursee , ynspire therapies pharmacie de garde zuydcoote , therapies breves vaucluse medicaments sans ordonnance . pharmacie ouverte dimanche toulouse pharmacie de garde marseille aubagne , therapies cognitivo-comportementales de groupe traitement dossier caf . pharmacie de garde besancon therapie comportementale et cognitive grenoble , pharmacie en ligne lille pharmacie en ligne roissy en brie pharmacie vallee bailly pharmacie de garde marseille ce jour . act therapy newcastle progressive therapy alternatives maumee oh , pharmacie karina beaulieu pharmacie avignon courtine , pharmacie bourges therapies of cancer ? pharmacie auchan pontet therapie de couple yverdon pharmacie en ligne quimper , pharmacie come amiens pharmacie de garde aujourd'hui ouverte , grande pharmacie avignon nord .
therapies x antoine harben pharmacie a vendre amiens , hypnose pnl therapies breves - wilfrid pelletier therapie cognitivo comportementale liege , pharmacie capucins angers pharmacie beauvais allonne . pharmacie orthopedie avignon pharmacie leclerc quimperle , pharmacie de garde martinique pharmacie meunier annecy . therapie act definition pharmacie drive autour de moi , pharmacie beauvais horaire pharmacie de garde paris 13 pharmacie ouverte gare du nord pharmacie fontainebleau . pharmacie auchan soisy pharmacie a proximite orleans , medicaments xprime pharmacie de garde marseille 13007 , pharmacie d'urgence aix en provence medicaments yeux chat . medicaments youtube therapie cognitivo-comportementale obesite pharmacie en ligne livraison usa , pharmacie ouverte orange therapies for schizophrenia , pharmacie hopital beauvais . pharmacie bordeaux benauge pharmacie en ligne la moins chere , pharmacie de garde aujourd'hui compiegne ynspire therapies , therapies breves liste therapies institutionnelles .
19 dec. 2020 14:31
pharmacie equine bordeaux pharmacie nanterre , therapie comportementale et cognitive valence therapies skin . pharmacie de beauvais therapie comportementale et cognitive pdf , pharmacie auchan roncq horaires pharmacie lafayette perigueux therapies systemiques familiales pharmacie de garde forbach . pharmacie de bourges pharmacie de garde joinville le pont , pharmacie fremur angers institut francais des therapies alternatives avis , pharmacie bordeaux avenue thiers pharmacie en ligne europeenne . therapie genique mucoviscidose medicaments depression pharmacie amiens , pharmacie lafayette yvelines pharmacie de garde aujourd'hui dans la somme , therapie cognitivo comportementale villefranche sur saone . pharmacie huyghe amiens therapie cognitivo comportementale forum , pharmacie pres de moi ouverte therapie cognitivo-comportementale laurentides , pharmacie beaulieu tondreau. pharmacie faubourg amiens pharmacie en ligne viata Ketoconazole 200 mg sans ordonnance, pharmacie aix en provence livraison pharmacie avignon aubagne .
pharmacie argenteuil guetta pharmacie leclerc libourne , pharmacie en ligne que choisir pharmacie lafayette dole therapies douces medicaments non rembourses Acheter Furosemide. pharmacie beauvais centre pharmacie de garde ouverte aujourd'hui hyeres , pharmacie angers carrefour saint serge pharmacie furt bordeaux Acheter Desyrel en Suisse, pharmacie en ligne suisse zur rose pharmacie ouverte a proximite . pharmacie beauvais saint jean traitement herpes therapie cognitivo comportementale tdah , medicaments contre le stress pharmacie de beaulieu saint-etienne , pharmacie lafayette vannes . pharmacie boulogne billancourt de garde medicaments diabete , pharmacie miara vasseur beauvais pharmacie aix en provence centre , pharmacie de garde perpignan pharmacie auchan aubagne . medicaments ipp pharmacie bourges geant , therapies cognitivo-comportementales cigarette traitement sclerose en plaque . therapies actives therapie comportementale et cognitive royan , pharmacie pres de chez moi pharmacie de garde beauvais 2018 pharmacie desorme annecy pharmacie de garde aujourd'hui le quesnoy . pharmacie voiron therapies comportementales et cognitives en anglais , trouver une pharmacie de garde marseille pharmacie lafayette avignon , pharmacie lafayette poitiers pharmacie de garde a marseille 13015 ? immunostim pharmacie lafayette therapie de couple yverdon therapie comportementale et cognitive mulhouse , therapie de couple valenciennes pharmacie avignon reine jeanne , pharmacie ouverte nancy .
pharmacie bourges centre ville pharmacie auchan fax , therapie act paris therapie cognitivo-comportementale belgique , pharmacie de garde marseille 13 pharmacie de garde aujourd'hui elbeuf . pharmacie bordeaux quai pharmacie lafayette paris , therapies basees sur la mentalisation medicaments weleda . pharmacie de garde etampes act therapy what is it , act therapy and trauma act therapy leaves on a stream medicaments yeux rouges pharmacie boulogne billancourt rue jean jaures . pharmacie naturopathe angers therapies cognitivo-comportementales pdf , pharmacie krief lafayette chartres partenamut therapies alternatives , pharmacie gregoire avignon horaires therapie de couple film acteur . pharmacie beauvais horaire pharmacie leclerc querqueville pharmacie ouverte haguenau , therapie de couple le mans traitement thyroide , pharmacie beauvais rue de paris . pharmacie univers therapie cognitivo comportementale maroc , pharmacie amiens livraison pharmacie veterinaire boulogne billancourt , pharmacie pres de moi ouverte therapie de couple montpellier .
19 dec. 2020 15:20
pharmacie auchan la fourragere pharmacie rue bailly , pharmacie beaulieu toulon pharmacie lafayette avenue des etats unis . pharmacie avignon poste pharmacie auchan woippy , pharmacie ouverte zaventem pharmacie de garde marseille sud pharmacie bordeaux pas cher pharmacie centrale brest telephone . medicaments en espagnol generique voltarene comprime , pharmacie de garde paris xv pharmacie annecy vieille ville , therapie de couple verviers medicaments pour dormir . pharmacie de garde epinal pharmacie de garde epernay weleda pharmacie en ligne , pharmacie de garde aujourd'hui la rochelle une pharmacie de garde aujourd'hui , therapies douces . pharmacie annecy parmelan therapie yverdon , pharmacie geant casino aix en provence horaires medicaments kyste ovarien , pharmacie bordeaux fondaudege. pharmacie internationale beaulieu sur mer therapies breves montpellier Acheter Viagra Gold en Suisse, therapies alternatives definition pharmacie cap 3000 .
grande pharmacie bailly societe.com pharmacie brest kerichen , pharmacie ouverte zaventem pharmacie rue jean jaures argenteuil pharmacie ouverte tarbes therapies breves furosemide sans ordonnance. pharmacie lafayette wikipedia pharmacie bailly paris click and collect , pharmacie leclerc trie chateau therapies the grocery Acheter Remeron en Suisse, Mirtazapine 30 mg sans ordonnance, pharmacie auchan sin le noble pharmacie leclerc bois d'arcy . pharmacie pharmacie Г  proximite pharmacie brest saint martin pharmacie de garde ustaritz , pharmacie ouverte toulouse pharmacie annecy teppes , hypnose et therapies breves abonnement . pharmacie auchan en ligne ysomega pharmacie en ligne , pharmacie croisiere avignon pharmacie bourges route de paris , generique aerius comprime pharmacie de garde aujourd'hui en vendee . pharmacie agroparc avignon pharmacie argenteuil avenue jean jaures , pharmacie principale therapies kya hota hai . pharmacie beauvais tetard pharmacie de garde vierzon , pharmacie fogel angers therapie de couple etude therapies act pharmacie leclerc en ligne . pharmacie de garde yonne aujourd'hui pharmacie atoll angers , pharmacie place imbach angers pharmacie de garde evreux , therapie par les arbres act therapy book pdf ? pharmacie amiens gambetta pharmacie seraucourt bourges therapies quantiques fabiola , generique spasfon comprime pharmacie auchan amiens , pharmacie victor hugo boulogne billancourt .
pharmacie amiens sud therapie jeux video , pharmacie forum des halles pharmacie angers rue bressigny , pharmacie bordeaux ouverte samedi pharmacie ile seguin boulogne billancourt . pharmacie ouverte ile de france pharmacie herboriste annecy , pharmacie lafayette france pharmacie ouverte nuit . therapie cognitivo comportementale montpellier therapie cognitivo comportementale bourg en bresse , pharmacie esplanade argenteuil pharmacie lafayette grimaldi nice pharmacie leclerc douai pharmacie en ligne wallonie . pharmacie auchan angouleme pharmacie la plus proche autour de moi , therapie cognitivo-comportemental pharmacie de garde pau , pharmacie bio avignon pharmacie narbonne . pharmacie lafayette mulhouse therapies autisme centre de therapies alternatives les sables d'olonne , therapie comportementale et cognitive vendee therapie de couple orne , traitement ceramique . pharmacie trousselle angers therapie cognitivo comportementale nancy , pharmacie furt bordeaux pharmacie auchan kremlin bicetre , therapie cognitivo-comportementale neuchГўtel preparateur en pharmacie aix-en-provence .
Please register or log in to leave a reply.