RaananW Posted November 4, 2015 Share Posted November 4, 2015 Hi guys,A new challenge for cold November. better late than never!This month's challenge is meant to celebrate Babylon's new material library. A wonderful edition to the framework, which you ALL should know by now :-) If you don't - https://github.com/BabylonJS/Babylon.js/tree/master/materialsLibraryNovember's challenge is simple - we create shaders. Better yet, we create new materials. I cannot promise they will be integrated in the library, but if they are good, they probably will!!For those who are afraid of shaders (AHH!!!!!!!!!!) - fear no more! Or do, but it won't help you... There are many ways of learning them, I found this one to be wonderful - https://www.npmjs.com/package/shader-schoolTo see what's possible with shaders, try this website - https://www.shadertoy.com/ . They are truly a wonderful toy. The challenge's rules:Shader must be original!Shader must be used as a library (thus forcing your poor souls to actually use the material library). If anyone need help with that, write here!Must be more than 2D image manipulation. It must have a 3D effect.(late edition) must be cross platform, including mobile!That's it.Party on!Once again, honor, glory, and beer to the winner ! GameMonetize, c75 and Jaskar 3 Quote Link to comment Share on other sites More sharing options...
davrous Posted November 4, 2015 Share Posted November 4, 2015 Very cool challenge! May I add something? Making it compatible with mobile devices is a big plus! which also means: don't forget the performance shadertoys got awesome shaders but some of them only works in Chrome and sometime can't almost be displayed even on my desktop machine. Vousk-prod. and RaananW 2 Quote Link to comment Share on other sites More sharing options...
gryff Posted November 4, 2015 Share Posted November 4, 2015 For those who are afraid of shaders (AHH!!!!!!!!!!) And that would be me Raanaw . However, that candle flame that Luaacro demoed has me interested. So I look forward to the efforts of the excellent coders on this forum. and the growth of the material library And if I maybe so bold as to suggest something - an electricity/lightning shader. Think Faraday. cheers, gryff Quote Link to comment Share on other sites More sharing options...
RaananW Posted November 4, 2015 Author Share Posted November 4, 2015 Making it compatible with mobile devices is a big plus! which also means: don't forget the performance shadertoys got awesome shaders but some of them only works in Chrome and sometime can't almost be displayed even on my desktop machine.Totally right! Rule was added :-) Quote Link to comment Share on other sites More sharing options...
iiceman Posted November 4, 2015 Share Posted November 4, 2015 Somebody ppllleeaaasse make something like that: https://www.clicktorelease.com/blog/vertex-displacement-noise-3d-webgl-glsl-three-js We could make totally awesome explosions with that! I don't think I can pull it off, but I am pretty sure you guys can do it! I trust in you, don't disappoint me! Quote Link to comment Share on other sites More sharing options...
Temechon Posted November 4, 2015 Share Posted November 4, 2015 http://www.babylonjs.com/cyos/#1GAROQ#1 OMG I created a monster !! Edit : The monster is slowing down... http://www.babylonjs.com/cyos/#1GAROQ#2Edit 2 : Best with a sphere of course. Please don't try it on other mesh, it might eat up your soouuuul iiceman, Vousk-prod., RaananW and 2 others 5 Quote Link to comment Share on other sites More sharing options...
iiceman Posted November 4, 2015 Share Posted November 4, 2015 That's so cool! But if I look at that shader code... I have no idea what's going on Quote Link to comment Share on other sites More sharing options...
MasterSplinter Posted November 5, 2015 Share Posted November 5, 2015 This I can complete... http://codepen.io/wpdildine/pen/gpGvBw Quote Link to comment Share on other sites More sharing options...
MasterSplinter Posted November 5, 2015 Share Posted November 5, 2015 Somebody ppllleeaaasse make something like that: https://www.clicktorelease.com/blog/vertex-displacement-noise-3d-webgl-glsl-three-js We could make totally awesome explosions with that! I don't think I can pull it off, but I am pretty sure you guys can do it! I trust in you, don't disappoint me! Lol I just noticed that shader above was based on that. Quote Link to comment Share on other sites More sharing options...
GameMonetize Posted November 5, 2015 Share Posted November 5, 2015 I'm DEFINITELY supportive of this specific challenge. Please ask questions guys. Some links to help you:How to create a material for the materials library: http://doc.babylonjs.com/tutorials/How_to_create_a_material_for_materialsLibraryWhat do you mean by shaders? http://blogs.msdn.com/b/eternalcoding/archive/2014/04/17/learning-shaders-create-your-own-shaders-with-babylon-js.aspxCYOS: http://www.babylonjs.com/cyos Good luck guys!! As Raanan mentioned, all great shaders will be integrated officially in the material library and you will become famous for ages (At least!) davrous 1 Quote Link to comment Share on other sites More sharing options...
RaananW Posted November 5, 2015 Author Share Posted November 5, 2015 At least for ages. If not for eternity! Quote Link to comment Share on other sites More sharing options...
jerome Posted November 5, 2015 Share Posted November 5, 2015 Eternity is long, especially near the end Quote Link to comment Share on other sites More sharing options...
Temechon Posted November 5, 2015 Share Posted November 5, 2015 I will give a try to the lava material if nobody minds iiceman 1 Quote Link to comment Share on other sites More sharing options...
JohnK Posted November 5, 2015 Share Posted November 5, 2015 Don't really know what I am doing and made this by accident. If I did know what I was doing I would make the UFO shiny. If anyone makes it shiny and can do the materials library thing perhaps we can submit a joint entry? RaananW 1 Quote Link to comment Share on other sites More sharing options...
Vousk-prod. Posted November 5, 2015 Share Posted November 5, 2015 Edit : The monster is slowing down... http://www.babylonjs.com/cyos/#1GAROQ#2 I clearly prefer the fast one ! Much more "real life" in it. Quote Link to comment Share on other sites More sharing options...
RaananW Posted November 5, 2015 Author Share Posted November 5, 2015 Oh, I like this challenge already :-) Quote Link to comment Share on other sites More sharing options...
GameMonetize Posted November 5, 2015 Share Posted November 5, 2015 Me too! Quote Link to comment Share on other sites More sharing options...
Temechon Posted November 5, 2015 Share Posted November 5, 2015 Is it allowed to post our progress? Ladies and gentlemen, may I introduce you the lava ball, and his big bro', the lava ground ! http://gfycat.com/CooperativeUnitedClam(It's not perfect yet, but the effect is nice ) (I'll remove it if it's against the rules ofc) Vousk-prod., jerome, adam and 2 others 5 Quote Link to comment Share on other sites More sharing options...
Vousk-prod. Posted November 5, 2015 Share Posted November 5, 2015 Woaww Temechon that's so cool!!!! Can't resist to dive in it... ...oh, well, or maybe not, in fact... Temechon 1 Quote Link to comment Share on other sites More sharing options...
RaananW Posted November 5, 2015 Author Share Posted November 5, 2015 Is it allowed to post our progress? Ladies and gentlemen, may I introduce you the lava ball, and his big bro', the lava ground ! http://gfycat.com/CooperativeUnitedClam(It's not perfect yet, but the effect is nice ) (I'll remove it if it's against the rules ofc) There are no rules.. Only guidelines :-)Do whatever you want, but please do send me the final result per PM so I can post them all on december 1st. Oh, and... LAVA!!! Quote Link to comment Share on other sites More sharing options...
GameMonetize Posted November 5, 2015 Share Posted November 5, 2015 The LAVA one is HUGE!!!do you support shadows, bones and all the basics features? Quote Link to comment Share on other sites More sharing options...
Vousk-prod. Posted November 5, 2015 Share Posted November 5, 2015 Bones ?!! with lava ?!... that is really too dangerous, bones won't resist such extreme temperature :lol: Quote Link to comment Share on other sites More sharing options...
jerome Posted November 5, 2015 Share Posted November 5, 2015 Quote Link to comment Share on other sites More sharing options...
Temechon Posted November 5, 2015 Share Posted November 5, 2015 @DK, I think so. I started from the simple material, used diffuse sampler and added a noise texture, so i only updated the base color and kept the same workflow as the simple material. It works on the Rabbit though (so it support bones, right ?), and it creates a sort of Fire elemental... Very fun actually JohnK, RaananW, iiceman and 2 others 5 Quote Link to comment Share on other sites More sharing options...
GameMonetize Posted November 5, 2015 Share Posted November 5, 2015 huge!!! exactly how it should work! 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.