How to change the default HDR env inside the Viewer

[digityze2023]

Hello, I'm going to create a custom viewer in order to validate my GLB models. I want to create a new one with my custom HDR - I don't need to change it or other things. I started to modify the space-opera.js file but I don't know how to change the default HDR as I told you, could you please help me?

[elalish]

By viewer, I'm guessing you mean our editor? You can just drag and drop your HDR there. For <model-viewer>, just set environment-image to your HDR.

[digityze2023]

Hello, thank you for the answer. I'm customizing the Editor for my needs. Editor is based on space-opera.js library and I am working on it.

My question is: is it possible to create a custom viewer with my preferred HDR? So there will be an empty page where I can drag and drop my GLB and see it. Without having the actual one Editor setting on the right and so on.

[elalish]

Yes, as I said, just set environment-image in model-viewer. If you search that string in space-opera, you'll see where it's currently set and you can change it.