Displaying the Content of HDR Files in Equirectangular Mode

I don’t want to display it in six pictures.


I would like to use an Equirectangular diagram to demonstrate, for example:

Display it on the texture in this way so that canvas can see it.

How can I operate it?

Hello :slight_smile:

What you need is

const skyTexture = new BABYLON.EquiRectangularCubeTexture(textureURL, scene, 1024);
skyboxMaterial.reflectionTexture = skyTexture
skyboxMaterial.reflectionTexture.coordinatesMode = BABYLON.Texture.SKYBOX_MODE;

Here is a Playground using URL of your image on previous post


This is an. hdr file, not a. jpg image, I want to use HDR to display on the canvas page, such as: