Sign in to follow this  
Luaacro

The Babylon.js Materials Library

Recommended Posts

Hey hello the community ! :)

 

It's time to present the materials library of Babylon.js !

Deltakosh created a tool that allows us to create and test our own materials !

 

The materials library can be found in the Github repository here: https://github.com/BabylonJS/Babylon.js/tree/master/materialsLibrary

It explains the build process and provides a template of code for your materials.

 

The goal is to provide extra materials that you can include in your projects, only by including the related JS file. Indeed, the JS file also contains the shader's code  :)

 

The library already contains 2 materials:

- Fire material

- Water material

 

The water material playground : http://www.babylonjs-playground.com/#1SLLOJ#6

The fire material playground : http://www.babylonjs-playground.com/#21IIM9

 

By hoping some of the community will fill the library with awesome materials, have fun !

 

Luaacro

post-11802-0-39939800-1446487154_thumb.p

post-11802-0-37122000-1446487215_thumb.p

Share this post


Link to post
Share on other sites

That's crazy cool! Both the flame and the water (even with waves!!) look awesome. have to make something to try that out myself... not sure what yet, but the ideas are already coming :D So, good job as usual! Can't wait to see what other materials might be created soon.

Share this post


Link to post
Share on other sites

Sooo... if I want to make a star gate like portal using the water material... I tried something like this: http://www.babylonjs-playground.com/#1SLLOJ#13

 

Thats pretty cool and it is pretty much what I want... but is it now possible to set the specular color of the water material instead of having to set it for the light? I tried setting specularColor but it didn't seem to have any effect on the material.

Share this post


Link to post
Share on other sites

Specular color was added to the water material :)

 

david028, you should name your objects in your Blender scene and write in your code :

// Lava material for examplevar lavaMaterial = new BABYLON.LavaMaterial("lava", scene);// For examplevar ground = scene.getMeshByName("groundLava");ground.material = lavaMaterial;

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.