NasimiAsl Posted March 23, 2016 Share Posted March 23, 2016 hi everybody https://github.com/BabylonJS/Extensions/tree/master/ShaderBuilder finally i create ( thanks @Deltakosh a lot and @Temechon) BJS Shader Builder And Now i complete Documentation it is easy but in Alpha version we have Solid http://www.babylonjs-playground.com/#FT2RY#1 Back http://www.babylonjs-playground.com/#FT2RY#5 Transparency Front Wired Light Map http://www.babylonjs-playground.com/#FT2RY#0 Reflect ReflectMap Multi http://www.babylonjs-playground.com/#FT2RY#0 Reference http://www.babylonjs-playground.com/#FT2RY#5 Replace Red Yellow Green Blue Cyan Pink White Black http://www.babylonjs-playground.com/#FT2RY#5 Effect http://www.babylonjs-playground.com/#FT2RY#2 Event http://www.babylonjs-playground.com/#FT2RY#0 http://www.babylonjs-playground.com/#FT2RY#1 Inline Range http://www.babylonjs-playground.com/#FT2RY#3 http://www.babylonjs-playground.com/#FT2RY#4 NormalMap SpecularMap Vertex in Beta version Shadow PostProcess ImportLight Filters request all you have problem in material and challenge ShaderBuilder for make that JCPalmer, dbawel, Temechon and 6 others 9 Quote Link to comment Share on other sites More sharing options...
jerome Posted March 23, 2016 Share Posted March 23, 2016 excellent ! Quote Link to comment Share on other sites More sharing options...
julien-moreau Posted March 23, 2016 Share Posted March 23, 2016 Awesome ! Quote Link to comment Share on other sites More sharing options...
RaananW Posted March 23, 2016 Share Posted March 23, 2016 Hi Nasimi, I noticed that you sometimes need to press run again to wait for the builder to load. This is (for example() the map example working async (so no need to press run again). Would that be helpful? Quote Link to comment Share on other sites More sharing options...
NasimiAsl Posted March 23, 2016 Author Share Posted March 23, 2016 by default i learn to click run after load for PG it is in PG Only and not in real example for use that just add babylon.ShaderBuilder.js link after bjs link in your sample ( maybe some one make that for PG ) Quote Link to comment Share on other sites More sharing options...
NasimiAsl Posted March 23, 2016 Author Share Posted March 23, 2016 http://www.babylonjs-playground.com/#FT2RY#9 i cant stop Myself jerome and simon_bg 2 Quote Link to comment Share on other sites More sharing options...
NasimiAsl Posted March 25, 2016 Author Share Posted March 25, 2016 Glass Material http://www.babylonjs-playground.com/#FT2RY#14 Flat http://www.babylonjs-playground.com/#FT2RY#13 jerome 1 Quote Link to comment Share on other sites More sharing options...
RaananW Posted March 25, 2016 Share Posted March 25, 2016 looks like I forgot to paste my playground example . I think the only thing that forces you to press run again is the registerBeforeRender call. simply put it inside the onload, and it will actually work the first time - like this - http://www.babylonjs-playground.com/#FT2RY#16 adam and NasimiAsl 2 Quote Link to comment Share on other sites More sharing options...
NasimiAsl Posted March 25, 2016 Author Share Posted March 25, 2016 thanks @raananW thanks again and next request : how can i put this pic , i need for make animation Material and this pic for IndexedTexture , But i cant use this in PG after Upload that in other server Quote Link to comment Share on other sites More sharing options...
GameMonetize Posted March 25, 2016 Share Posted March 25, 2016 You can save them on imgur. There is no CORS restrictions there Quote Link to comment Share on other sites More sharing options...
NasimiAsl Posted March 25, 2016 Author Share Posted March 25, 2016 wait 15 min for me i wanna make animation befor i sleep Quote Link to comment Share on other sites More sharing options...
NasimiAsl Posted March 25, 2016 Author Share Posted March 25, 2016 3 minutes ago, Deltakosh said: You can save them on imgur. There is no CORS restrictions there this is forbiden for my country ( filtering ) and i havent vpn now can you share it for me and get me a url plz Quote Link to comment Share on other sites More sharing options...
GameMonetize Posted March 25, 2016 Share Posted March 25, 2016 done http://www.babylonjs-playground.com/#24QLBU#0 Wingnut and NasimiAsl 2 Quote Link to comment Share on other sites More sharing options...
NasimiAsl Posted March 25, 2016 Author Share Posted March 25, 2016 http://www.babylonjs-playground.com/#FT2RY#17 http://www.babylonjs-playground.com/#FT2RY#18 thanks @Deltakosh MarianG, RaananW, adam and 1 other 4 Quote Link to comment Share on other sites More sharing options...
NasimiAsl Posted March 26, 2016 Author Share Posted March 26, 2016 I Get your Like @RaananW Thanks for that Quote Link to comment Share on other sites More sharing options...
NasimiAsl Posted March 26, 2016 Author Share Posted March 26, 2016 NormalMap + HeightMap : http://www.babylonjs-playground.com/#8GYTC#0 Only Normal Map : http://www.babylonjs-playground.com/#8GYTC#1 Wingnut, MarianG and jerome 3 Quote Link to comment Share on other sites More sharing options...
NasimiAsl Posted March 26, 2016 Author Share Posted March 26, 2016 Earth with ShaderBuilder http://www.babylonjs-playground.com/#8GYTC#5 iiceman, jerome and Wingnut 3 Quote Link to comment Share on other sites More sharing options...
Wingnut Posted March 26, 2016 Share Posted March 26, 2016 AWESOME! So nice! When I grow up, I want to be just like you, Naz! NasimiAsl 1 Quote Link to comment Share on other sites More sharing options...
NasimiAsl Posted March 26, 2016 Author Share Posted March 26, 2016 I think this is like PBR http://www.babylonjs-playground.com/#12282I#0 Quote Link to comment Share on other sites More sharing options...
adam Posted April 1, 2016 Share Posted April 1, 2016 Is it possible to create a material with shaderbuilder that will only render faces that are in a certain area (like a mask)? @NasimiAsl Quote Link to comment Share on other sites More sharing options...
NasimiAsl Posted April 4, 2016 Author Share Posted April 4, 2016 we have mask in shader Builder but need more detail about that any detail you imagining can be help Quote Link to comment Share on other sites More sharing options...
adam Posted April 4, 2016 Share Posted April 4, 2016 I'd like to only display the faces on these icospheres when they are above their world y position. http://www.babylonjs-playground.com/#1PYHGP#2 I added the ground meshes just to show the border between rendered faces and non-rendered faces. Quote Link to comment Share on other sites More sharing options...
NasimiAsl Posted April 4, 2016 Author Share Posted April 4, 2016 http://www.babylonjs-playground.com/#FT2RY#38 http://www.babylonjs-playground.com/#FT2RY#39 with alpha http://www.babylonjs-playground.com/#FT2RY#40 with back is that your request? new BABYLON.ShaderBuilder() .Range( BABYLON.Helper().InLine('discard;').Build(), // material 1 : discard : hide all faces BABYLON.Helper().Solid({ r: 1. }).Build(), // material 2 Color { start: 0., end: 0., direction: ' vec3(world * vec4(pos,1.)).y ' }); // direction sb.Setting.FragmentWorld = true; // for make Fragment World Matris ico.material = sb.Light({direction:'camera',normal:BABYLON.Normals.Flat,phonge:0.3,specular:3.}).BuildMaterial(scene); jerome, iiceman, Wingnut and 2 others 5 Quote Link to comment Share on other sites More sharing options...
adam Posted April 4, 2016 Share Posted April 4, 2016 This is awesome! Thanks NasimiAsl 1 Quote Link to comment Share on other sites More sharing options...
jerome Posted April 4, 2016 Share Posted April 4, 2016 fast and impressive 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.