Babylon.js/sandbox/src/tools/environmentTools.ts

import { HDRCubeTexture } from 'babylonjs/Materials/Textures/hdrCubeTexture';
import { CubeTexture } from 'babylonjs/Materials/Textures/cubeTexture';
import { Scene } from 'babylonjs/scene';
import { LocalStorageHelper } from './localStorageHelper';
import { GlobalState } from '../globalState';
import { Engine } from 'babylonjs/Engines/engine';
import { StandardMaterial } from 'babylonjs/Materials/standardMaterial';
import { PBRMaterial } from 'babylonjs/Materials/PBR/pbrMaterial';
import { Texture } from 'babylonjs/Materials/Textures/texture';

export class EnvironmentTools {
    public static SkyboxPath = "";
    public static Skyboxes = [
        "https://assets.babylonjs.com/environments/environmentSpecular.env",
        "https://assets.babylonjs.com/environments/studio.env",
    ];
    
    public static SkyboxesNames = [
        "Default",
        "Studio",
    ];    

    public static LoadSkyboxPathTexture(scene: Scene) {                
        var defaultSkyboxIndex = LocalStorageHelper.ReadLocalStorageValue("defaultSkyboxId", 0);
        let path = this.SkyboxPath || this.Skyboxes[defaultSkyboxIndex];
        if (path.indexOf(".hdr") === (path.length - 4)) {
            return new HDRCubeTexture(path, scene, 256, false, true, false, true);
        }
        return CubeTexture.CreateFromPrefilteredData(path, scene);
    }

    public static HookWithEnvironmentChange(globalState: GlobalState) {
        globalState.onEnvironmentChanged.add(option => {
            this.SkyboxPath = "";
            let index = EnvironmentTools.SkyboxesNames.indexOf(option);

            if (typeof (Storage) !== "undefined") {
                localStorage.setItem("defaultSkyboxId", index.toString());
            }

            var currentScene = Engine.LastCreatedScene!;
            currentScene.environmentTexture = this.LoadSkyboxPathTexture(currentScene);
            for (var i = 0; i < currentScene.materials.length; i++) {
                var material = currentScene.materials[i] as (StandardMaterial | PBRMaterial);
                if (material.name === "skyBox") {
                    var reflectionTexture = material.reflectionTexture;
                    if (reflectionTexture && reflectionTexture.coordinatesMode === Texture.SKYBOX_MODE) {
                        material.reflectionTexture = currentScene.environmentTexture.clone();
                        if (material.reflectionTexture) {
                            material.reflectionTexture.coordinatesMode = Texture.SKYBOX_MODE;
                        }
                    }
                }
            }
        });        
    }
}