Studio: How to use a custom shader?

🧑‍💻 Technical Support
1

Hello,

Using the Cloud Editor was easy to use a custom shader, but I haven’t figured out how to do it in Studio.

In the Cloud Editor, it looked like this:

AFRAME.registerShader('noise', {
  ...
});

<a-sphere
  radius="2.5"
  material="shader: noise; ..."></a-sphere>

Any help

2

Check out this sample project for our Project Library:

If you want it to apply to a custom model like a GLTF it requires you to first wait until the model is loaded using this event, and then traverse the children on the object3d until you find a material and replace that material with this new one.