Experimenting with Babylon JS Node Shader Editor

Posted on Aug 3, 2022

Pleasantly surprised by how easy it is to pickup the node shader tool from Babylon JS

bioluminescent shader waves shader

The Node Material Editor from Babylon JS team is a intuitive Node based Shader editor that works in the browser! It also has nifty organizational features to create custom frames and nodes! I created two shaders to get a feel of the workflow - one uses Simplex Noise to create a lively blob, while the other uses clever vertex displacement to generate waves along the surface. Try them in the browser, make sure to select the Sphere in the shape dropdown on the right to see the intended effect!

Ayaskant Panigrahi

Hopelessly in love with clean code and unobtrusive design!

XR Developer & Researcher