Skybox Image

[begumbeyza]

Hi,I added skybox-image(hdr) but model and environment rotate simultaneously.I only want one of them to move and
I don't want it to show the bottom of the model.

Thanks for answer.

[samaneh-kazemi]

HI @begumbeyza, can you please share a link to your code/use case so we have more context?

[samaneh-kazemi]

Also setting max camera orbit for phi to 90 degree is exactly horizontal and you can work with that.
max-camera-orbit="auto 90deg auto"
Checkout our documentations for more details on max-camera-orbit. Hope this helps.

[samaneh-kazemi]

And I recommend looking at our examples for skybox. e.g. Turn Skybox

[begumbeyza]

<model-viewer bounds="tight" src="assets/model.glb" skybox-image="assets/back.hdr" ar ar-modes="webxr scene-viewer quick-look" auto-rotate="" ar="" exposure="1" camera-controls touch-action="none" shadow-intensity="4.0" data-js-focus-visible="" ar-status="not-presenting">
I use this code.

[begumbeyza]

Hi,I added max-camera-orbit="auto 90deg auto" and now don't show the bottom of the model.Thank you.But another problem is still going on.I read and try document.not a smooth image because model and skybox-image are moving.
only skybox-image will move but I want to see the back and front of the model.Is that possible?
Thank you.

[elalish]

That's not how it works by default, but turntableRotation controls the relative angle between the model and the skybox/lighting, so you can use that to adjust things. Look at the example linked above for inspiration.