Using exported script from Node material editor for Threejs and WebGL experiences

[Evgeni_Popov]

Welcome aboard!

The exported shader code could be used in Three.js in theory but you should definitely need to be able to code, as you will at the very least need to bind the attributes/uniforms with their right values.

See this post on how it can be done in Babylon (which is not straightforward when you want to handle lights):

#include directives in shader code output from Node Material Editor

The shader code generated by the NME can’t be used “as is”, you must at the very least bind the uniform and sampler variables with the right values. In your example, u_world, u_viewProjection, u_Diffusecolor, etc must be bound with a value, else they are empty by default. Even the standard matrices must be, because, for eg, u_world is not the standard name used by Babylon, it is world instead. All those things (and much others) are done for you by the NodeMaterial class so you don’t have to wor…