Web Support for MaterialX

[bernardkwok]

This is an outline of work that would constitute adding in "web" support for MaterialX. Any work done will have it's work status listed.

Main work has been performed in the Autodesk fork and is now part of LucasFilm (ASWF) main as part of 1.38.3.

The ADSK remaining work is the OCIO/MTLX initiative and and what this means for Web support. First has non-Web in ADSK branch and will need to be reviewed. Web would follow: Note that currently the JS shader generation wrappers do not expose access to the colorspace system (It's hard-coded fore the viewer).

Infrastructure

• github workflow setup (CI). Status: _inmain
  • linux completed. (_adsk_complete__, _inmain)
  • macos and windows (_todo)
• misc. cleanup. Status: done

Core Javascript Bindings

• update to 1.38. Status: _adskcomplete
• JsMaterialXCore: bindings for MaterialXCore module _adsk_complete, _in_main
• JsMaterialXFormat: bindings for MaterialXFormat module _adskcomplete , _in_main__

Code Generator

• EsslShaderGenerator: OpenGL ES code generation (WebGL 2.0 support only *) complete, for 1.38.2 release
  • Note: Automatically included as part of MaterixlGenGlsl module
  • *Note: as Safari intends to support 2.0, there is no 1.0 generator planned)
• GLES base syntax validation via glslangValidator complete, for 1.38.2 release

Code Generation Javascript Bindings

• JsMaterialXGenShader: wrappers for MaterialXGenShader module _adsk_complete, _in_main
• JsMaterialXGenEssl: expose bindings for EsslShaderGenerator.

Sample app integration

• JsMaterialXView : simple sample usage of GLES. Chrome and three.js _inmain
• To check support of materials dependent on additional libraries (Part of future work by community)
• Note: Does not match features found in MaterialXView sample viewer
• Final hosting location in main (_inmain)

Colour Management Support

• Current default CM transforms and test pass (ACESCg 1.2 subset) (_inmain)
• Usage of OCIO and ESSL support. (tentative target is 1.38.4.

[bhouston]

This is amazing work!

Q: Does this import into the existing Three.js node graph system? Or does it just directly generate GLSL code from the MaterialX definitions - sort of skipping the Three.js material system mostly?

[ashwinbhat]

This is amazing work!

Q: Does this import into the existing Three.js node graph system? Or does it just directly generate GLSL code from the MaterialX definitions - sort of skipping the Three.js material system mostly?

It generates GLSL code and is not tied to any framework.

[bernardkwok]

There may be some requirement to branch a option on the generator to handle some declaration specifics (such as for three.js). TBD the interface. Also I've updated the progress to the current dat of this posting :).