Custom Vertex Shader + Legacy Material ?

[jerome]

Hi,

This is a naive question because I didn't try so far to code any shader, but I read the docs, in particular the one about the ShaderMaterial : https://www.eternalcoding.com/?p=113

Well, I'm wondering if there's  a way to define a custom vertex shader and still use, say, the BJS StandardMaterial.

Something like : 

var mesh = BABYLON.Mesh.CreateXXX();

mesh.material = new BABYLON.StandardMaterial('sm', scene);

(???) => mesh.vertexShader = new BABYLON.VertexShader("vs", scene, {attibute, uniform} );

 

Or do we have to use the ShaderMaterial, then code our custom vertex shader within and finally copy or reference (from where ?) the current standard material (or PBR) shader code ?

[NasimiAsl]

i think need overwirte standard material a little 

but without that you can change BABYLON.Effect.ShaderStore["defaultVertexShader"] = " " ;

it change all standard mesh defaults you can use new Uniform for control that for special mesh  but it is not recomended way

[GameMonetize]

@NasimiAsl is correct. The first option would be to override the  BABYLON.Effect.ShaderStore["defaultVertexShader"]

Other option: Create a ShaderMaterial and define the fragment shader to use to "default"

[jerome]

ok, the second option seems cleaner then

"default" is the name to set in the place of the DOM element or file in the ShaderMaterial constructor call ?

not sure I understand well how to reference a custom vertex shader (say, in a DOM element) and the default fragment shader in the same time ...

[NasimiAsl]

i agree second is  clear 

but you need fill all uniforms you need in shaderMaterial same standard material 

[GameMonetize]

Here is an example of ShaderMaterial: http://www.babylonjs-playground.com/#12AWCR#4

Here is to change it:

var shaderMaterial = new BABYLON.ShaderMaterial("shader", scene, {
        vertex: "custom",
        fragment: "default",
    },
    {
        ...
		});

 

[jerome]

capice !

thank you

[Norbz]

Hello there.

 

Following this old thread instruction, I tried to apply a custom vertex shader on top of the PBR material.
 

Here is what I tried using the "wave" shader from CYOS, and reusing the PBR shader from the Shader Store :
https://playground.babylonjs.com/#QRD69S

I get the following error on my conole :
babylon.js:1 Uncaught (in promise) TypeError: Cannot read property 'maxSimultaneousLights' of undefined

I get the same thing if I try the standard material.

Im pretty new to babylonJS so maybe this is a dumb question, but I would appreciate if someone can help me find my mistake.

Thanks folks.

[NasimiAsl]

you cant use different shader name for one shaderMaterial

shaderFragment and shaderVertex depend in varying and uniforms

[Norbz]

Hello there,

 

Thanks for answering me.

OK I lurked into the pbr vertex shader and I understand what you are saying. I'm not exposing all the varying needed
What would be the right way to apply a material on a mesh with a custom vertex shader to morph the shape on GPU ?

Sorry if this seems dumb, I'm pretty new to this thing

Thanks again

[NasimiAsl]

i try make it

[NasimiAsl]

with some hack 

 https://www.babylonjs-playground.com/#LCA0Q4#1

@Norbz

[Norbz]

Wow, thanks !
I'm digging into it this afternoon.

Thank you so much for putting some efforts into it !

 

[NasimiAsl]

i try find a way to set uniform (need some time)