julien-moreau Posted November 2, 2015 Share Posted November 2, 2015 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/materialsLibraryIt 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#6The 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 Jaskar, Boz, Vousk-prod. and 6 others 9 Quote Link to comment Share on other sites More sharing options...
davrous Posted November 2, 2015 Share Posted November 2, 2015 Awesome work little Padawan. We're proud of you. Quote Link to comment Share on other sites More sharing options...
gryff Posted November 2, 2015 Share Posted November 2, 2015 Love that fire/flame material cheers, gryff Quote Link to comment Share on other sites More sharing options...
iiceman Posted November 2, 2015 Share Posted November 2, 2015 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 So, good job as usual! Can't wait to see what other materials might be created soon. Quote Link to comment Share on other sites More sharing options...
jerome Posted November 2, 2015 Share Posted November 2, 2015 Überkiff (c'est la semaine !) Fantastic feature... still in the motto : simple and powerful. 2 LOC and you've got some flowing water... just amazing ! Quote Link to comment Share on other sites More sharing options...
JohnK Posted November 2, 2015 Share Posted November 2, 2015 Wow terrific. Will carry on having a play around with shaders and see what happens. Quote Link to comment Share on other sites More sharing options...
julien-moreau Posted November 2, 2015 Author Share Posted November 2, 2015 We are really happy that you like it !!! Can't wait to see the future materials ! Another water demo more realistic : http://www.babylonjs-playground.com/#1SLLOJ#10 Wingnut and jerome 2 Quote Link to comment Share on other sites More sharing options...
iiceman Posted November 2, 2015 Share Posted November 2, 2015 Is there a way to set the speed with which the waves move? Quote Link to comment Share on other sites More sharing options...
davrous Posted November 2, 2015 Share Posted November 2, 2015 Great you're loving it guys! I hope it will bring you some ideas of new effects I'm convinced this new toy has a lot of potential! julien-moreau and Wingnut 2 Quote Link to comment Share on other sites More sharing options...
julien-moreau Posted November 2, 2015 Author Share Posted November 2, 2015 @iiceman, just added the feature. Thanks a lot for the feedback !Waves are now influenced by the windForce and the WindDirection iiceman, jerome and Vousk-prod. 3 Quote Link to comment Share on other sites More sharing options...
EJanuszewski Posted November 3, 2015 Share Posted November 3, 2015 That water is so realistic it makes me seasick Wingnut and davrous 2 Quote Link to comment Share on other sites More sharing options...
iiceman Posted November 4, 2015 Share Posted November 4, 2015 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. Wingnut 1 Quote Link to comment Share on other sites More sharing options...
jerome Posted November 4, 2015 Share Posted November 4, 2015 do you know CreateDisc() instead of CreateSphere() scaled at y = 0.01 Quote Link to comment Share on other sites More sharing options...
iiceman Posted November 4, 2015 Share Posted November 4, 2015 Yeah, I remember that... learnt that not too long ago tho... but I want the surface to be a bit curved I think (good excuse, eh? ) Quote Link to comment Share on other sites More sharing options...
jerome Posted November 5, 2015 Share Posted November 5, 2015 arffI think the uvs won't fit your need with the Disc anyway Quote Link to comment Share on other sites More sharing options...
julien-moreau Posted November 6, 2015 Author Share Posted November 6, 2015 Hey @iiceman, Going to add specular color to the material iiceman 1 Quote Link to comment Share on other sites More sharing options...
david028 Posted November 6, 2015 Share Posted November 6, 2015 What would be the best way to use materials like this with a Blender scene export workflow? Quote Link to comment Share on other sites More sharing options...
julien-moreau Posted November 10, 2015 Author Share Posted November 10, 2015 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; Quote Link to comment Share on other sites More sharing options...
iiceman Posted November 10, 2015 Share Posted November 10, 2015 How come the lava material is not available in the playground? Am I doing something wrong here: http://www.babylonjs-playground.com/#MY1SZ ? Quote Link to comment Share on other sites More sharing options...
Temechon Posted November 10, 2015 Share Posted November 10, 2015 Only fire and water material are currently embedded in the playground. We will have to wait for DK next update to access lava and normal material. Quote Link to comment Share on other sites More sharing options...
iiceman Posted November 10, 2015 Share Posted November 10, 2015 okily dokily Quote Link to comment Share on other sites More sharing options...
GameMonetize Posted November 10, 2015 Share Posted November 10, 2015 Nope:) there were an issue with your playground:http://www.babylonjs-playground.com/#MY1SZ#1 all materials from library are available in the PG Quote Link to comment Share on other sites More sharing options...
GameMonetize Posted November 10, 2015 Share Posted November 10, 2015 But we need doc for new materials (@temechon ) Quote Link to comment Share on other sites More sharing options...
Temechon Posted November 10, 2015 Share Posted November 10, 2015 The doc is ready, I just need to push it jerome 1 Quote Link to comment Share on other sites More sharing options...
GameMonetize Posted November 10, 2015 Share Posted November 10, 2015 Sounds like a good news Quote Link to comment Share on other sites More sharing options...
Recommended Posts
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.