nittrus Posted October 14, 2016 Share Posted October 14, 2016 Would anyone like to convert this http://shaderfrog.com/app/view/904 to a BabylonJS useable format, I know nothing about shaders at this time and would like to use this one since it is freely available to use. It exports to Three.js format which appears to be allot similar to BabylonJS, if it is simple could someone explain what is needed, if it is not so simple would you care to help out. If there is a fee, please let me know! Also, it would be AWESOME to see someone make an exporter for BabylonJS for ShaderFrog, just an idea! In the meantime I think it's time to learn a bit about shaders.. looks very mathy.. Quote Link to comment Share on other sites More sharing options...
NasimiAsl Posted October 14, 2016 Share Posted October 14, 2016 http://www.babylonjs.com/cyos/#2ACSTF#1 you can make the zip version and get this shader in babylonjs i remove the resolation uniform and set it vec2(1.,1.) like your sample and this is work BitOfGold, gryff and adam 3 Quote Link to comment Share on other sites More sharing options...
nittrus Posted October 14, 2016 Author Share Posted October 14, 2016 2 minutes ago, NasimiAsl said: http://www.babylonjs.com/cyos/#2ACSTF#1 well that was quick! Guessing that was a very simple task, I just need the time to dedicate to get to learning this! You're awesome, cheers! Quote Link to comment Share on other sites More sharing options...
NasimiAsl Posted October 14, 2016 Share Posted October 14, 2016 http://www.babylonjs.com/cyos/#2ACSTF#2 http://www.babylonjs.com/cyos/#2ACSTF#3 http://www.babylonjs.com/cyos/#2ACSTF#4 http://www.babylonjs.com/cyos/#2ACSTF#5 this is other noise maybe that help Nabroski and jerome 2 Quote Link to comment Share on other sites More sharing options...
nittrus Posted October 14, 2016 Author Share Posted October 14, 2016 1 hour ago, NasimiAsl said: http://www.babylonjs.com/cyos/#2ACSTF#2 http://www.babylonjs.com/cyos/#2ACSTF#3 http://www.babylonjs.com/cyos/#2ACSTF#4 http://www.babylonjs.com/cyos/#2ACSTF#5 this is other noise maybe that help Cool, I'm trying to figure out how to make the background colour match my sky or become transparent only having the white bits, other than that the first one you showed me is working great. It seems to me the background colour is also multiple mixed shades of blue, darker around the edges or maybe a light source near the center is uneven over the whole area? Quote Link to comment Share on other sites More sharing options...
Temechon Posted October 14, 2016 Share Posted October 14, 2016 This Nasimi is really awesome gryff and NasimiAsl 2 Quote Link to comment Share on other sites More sharing options...
NasimiAsl Posted October 14, 2016 Share Posted October 14, 2016 float ns1 = noise(vPosition.xyz*0.1 /* scale of big cloud noise */+vec3(vUv.x,vUv.y,0.) + vec3(time*0.08 /* speed of big cloud move */ ) ); float ns2 = noise(vPosition.xyz*1. /* scale of small cloud noise */+vec3(vUv.x,vUv.y,0.) + vec3(time*0.13 /* speed of small cloud noise */) )*0.5+0.5 ; float ns3 = min(1.,max(0.,pow( ns1*ns2 ,1.5)*3.)) ; gl_FragColor = vec4(vec3(0.2,0.4,.8 /* background color */)*(1.-ns3)+vec3(1.,1.,1./* cloud color */) *ns3 , 1.0); http://www.babylonjs.com/cyos/#2ACSTF#6 make your sample in PG and your sky mesh for make edge Quote Link to comment Share on other sites More sharing options...
GameMonetize Posted October 14, 2016 Share Posted October 14, 2016 You rock!!! gryff 1 Quote Link to comment Share on other sites More sharing options...
NasimiAsl Posted October 14, 2016 Share Posted October 14, 2016 1 hour ago, Deltakosh said: You rock!!! you r my teacher GameMonetize 1 Quote Link to comment Share on other sites More sharing options...
nittrus Posted October 14, 2016 Author Share Posted October 14, 2016 11 hours ago, NasimiAsl said: float ns1 = noise(vPosition.xyz*0.1 /* scale of big cloud noise */+vec3(vUv.x,vUv.y,0.) + vec3(time*0.08 /* speed of big cloud move */ ) ); float ns2 = noise(vPosition.xyz*1. /* scale of small cloud noise */+vec3(vUv.x,vUv.y,0.) + vec3(time*0.13 /* speed of small cloud noise */) )*0.5+0.5 ; float ns3 = min(1.,max(0.,pow( ns1*ns2 ,1.5)*3.)) ; gl_FragColor = vec4(vec3(0.2,0.4,.8 /* background color */)*(1.-ns3)+vec3(1.,1.,1./* cloud color */) *ns3 , 1.0); http://www.babylonjs.com/cyos/#2ACSTF#6 make your sample in PG and your sky mesh for make edge Thanks, you're very helpful. Side note, when I change the scale of the big cloud from 0.1 to 0.01 it makes it bigger but there is straight edges that float through the material, I wounder if I must change the time with it or something.. Edit: nope it does that before I made changes, guess that is normal for that shader and I just didn't notice it, but I can live with that! Quote Link to comment Share on other sites More sharing options...
NasimiAsl Posted October 14, 2016 Share Posted October 14, 2016 @nittrus thanks. so ask anything you want about shader i try to make that with my less knowledge hope to start another good friendship between in BJS froum's member Quote Link to comment Share on other sites More sharing options...
gryff Posted October 14, 2016 Share Posted October 14, 2016 @NasimiAsl : very very impressive - actually mind-boggling to me cheers, gryff NasimiAsl 1 Quote Link to comment Share on other sites More sharing options...
nittrus Posted October 14, 2016 Author Share Posted October 14, 2016 And it's better now! What ya think? Thanks so much for the help! NasimiAsl and GameMonetize 2 Quote Link to comment Share on other sites More sharing options...
Vousk-prod. Posted October 21, 2016 Share Posted October 21, 2016 Nice!! NasimiAsl, our forever shader God ! GameMonetize 1 Quote Link to comment Share on other sites More sharing options...
NasimiAsl Posted October 21, 2016 Share Posted October 21, 2016 thanks @Vousk-prod. 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.