123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444 |
- import { Observable } from "../Misc/observable.js";
- import { ArcRotateCamera } from "../Cameras/arcRotateCamera.js";
- import { Vector3 } from "../Maths/math.vector.js";
- import { Color3, Color4 } from "../Maths/math.color.js";
- import { Mesh } from "../Meshes/mesh.js";
- import { BaseTexture } from "../Materials/Textures/baseTexture.js";
- import { Texture } from "../Materials/Textures/texture.js";
- import { MirrorTexture } from "../Materials/Textures/mirrorTexture.js";
- import { CubeTexture } from "../Materials/Textures/cubeTexture.js";
- import { BackgroundMaterial } from "../Materials/Background/backgroundMaterial.js";
- import { CreatePlane } from "../Meshes/Builders/planeBuilder.js";
- import { CreateBox } from "../Meshes/Builders/boxBuilder.js";
- import { Plane } from "../Maths/math.plane.js";
- /**
- * The EnvironmentHelper class can be used to add a fully featured non-expensive background to your scene.
- * It includes by default a skybox and a ground relying on the BackgroundMaterial.
- * It also helps with the default setup of your ImageProcessingConfiguration.
- */
- export class EnvironmentHelper {
- /**
- * Creates the default options for the helper.
- * @param scene The scene the environment helper belongs to.
- * @returns default options for the helper.
- */
- static _GetDefaultOptions(scene) {
- return {
- createGround: true,
- groundSize: 15,
- groundTexture: this._GroundTextureCDNUrl,
- groundColor: new Color3(0.2, 0.2, 0.3).toLinearSpace(scene.getEngine().useExactSrgbConversions).scale(3),
- groundOpacity: 0.9,
- enableGroundShadow: true,
- groundShadowLevel: 0.5,
- enableGroundMirror: false,
- groundMirrorSizeRatio: 0.3,
- groundMirrorBlurKernel: 64,
- groundMirrorAmount: 1,
- groundMirrorFresnelWeight: 1,
- groundMirrorFallOffDistance: 0,
- groundMirrorTextureType: 0,
- groundYBias: 0.00001,
- createSkybox: true,
- skyboxSize: 20,
- skyboxTexture: this._SkyboxTextureCDNUrl,
- skyboxColor: new Color3(0.2, 0.2, 0.3).toLinearSpace(scene.getEngine().useExactSrgbConversions).scale(3),
- backgroundYRotation: 0,
- sizeAuto: true,
- rootPosition: Vector3.Zero(),
- setupImageProcessing: true,
- environmentTexture: this._EnvironmentTextureCDNUrl,
- cameraExposure: 0.8,
- cameraContrast: 1.2,
- toneMappingEnabled: true,
- };
- }
- /**
- * Gets the root mesh created by the helper.
- */
- get rootMesh() {
- return this._rootMesh;
- }
- /**
- * Gets the skybox created by the helper.
- */
- get skybox() {
- return this._skybox;
- }
- /**
- * Gets the skybox texture created by the helper.
- */
- get skyboxTexture() {
- return this._skyboxTexture;
- }
- /**
- * Gets the skybox material created by the helper.
- */
- get skyboxMaterial() {
- return this._skyboxMaterial;
- }
- /**
- * Gets the ground mesh created by the helper.
- */
- get ground() {
- return this._ground;
- }
- /**
- * Gets the ground texture created by the helper.
- */
- get groundTexture() {
- return this._groundTexture;
- }
- /**
- * Gets the ground mirror created by the helper.
- */
- get groundMirror() {
- return this._groundMirror;
- }
- /**
- * Gets the ground mirror render list to helps pushing the meshes
- * you wish in the ground reflection.
- */
- get groundMirrorRenderList() {
- if (this._groundMirror) {
- return this._groundMirror.renderList;
- }
- return null;
- }
- /**
- * Gets the ground material created by the helper.
- */
- get groundMaterial() {
- return this._groundMaterial;
- }
- /**
- * constructor
- * @param options Defines the options we want to customize the helper
- * @param scene The scene to add the material to
- */
- constructor(options, scene) {
- this._errorHandler = (message, exception) => {
- this.onErrorObservable.notifyObservers({ message: message, exception: exception });
- };
- this._options = {
- ...EnvironmentHelper._GetDefaultOptions(scene),
- ...options,
- };
- this._scene = scene;
- this.onErrorObservable = new Observable();
- this._setupBackground();
- this._setupImageProcessing();
- }
- /**
- * Updates the environment according to the new options
- * @param options options to configure the helper (IEnvironmentHelperOptions)
- */
- updateOptions(options) {
- const newOptions = {
- ...this._options,
- ...options,
- };
- if (this._ground && !newOptions.createGround) {
- this._ground.dispose();
- this._ground = null;
- }
- if (this._groundMaterial && !newOptions.createGround) {
- this._groundMaterial.dispose();
- this._groundMaterial = null;
- }
- if (this._groundTexture) {
- if (this._options.groundTexture != newOptions.groundTexture) {
- this._groundTexture.dispose();
- this._groundTexture = null;
- }
- }
- if (this._skybox && !newOptions.createSkybox) {
- this._skybox.dispose();
- this._skybox = null;
- }
- if (this._skyboxMaterial && !newOptions.createSkybox) {
- this._skyboxMaterial.dispose();
- this._skyboxMaterial = null;
- }
- if (this._skyboxTexture) {
- if (this._options.skyboxTexture != newOptions.skyboxTexture) {
- this._skyboxTexture.dispose();
- this._skyboxTexture = null;
- }
- }
- if (this._groundMirror && !newOptions.enableGroundMirror) {
- this._groundMirror.dispose();
- this._groundMirror = null;
- }
- if (this._scene.environmentTexture) {
- if (this._options.environmentTexture != newOptions.environmentTexture) {
- this._scene.environmentTexture.dispose();
- }
- }
- this._options = newOptions;
- this._setupBackground();
- this._setupImageProcessing();
- }
- /**
- * Sets the primary color of all the available elements.
- * @param color the main color to affect to the ground and the background
- */
- setMainColor(color) {
- if (this.groundMaterial) {
- this.groundMaterial.primaryColor = color;
- }
- if (this.skyboxMaterial) {
- this.skyboxMaterial.primaryColor = color;
- }
- if (this.groundMirror) {
- this.groundMirror.clearColor = new Color4(color.r, color.g, color.b, 1.0);
- }
- }
- /**
- * Setup the image processing according to the specified options.
- */
- _setupImageProcessing() {
- if (this._options.setupImageProcessing) {
- this._scene.imageProcessingConfiguration.contrast = this._options.cameraContrast;
- this._scene.imageProcessingConfiguration.exposure = this._options.cameraExposure;
- this._scene.imageProcessingConfiguration.toneMappingEnabled = this._options.toneMappingEnabled;
- this._setupEnvironmentTexture();
- }
- }
- /**
- * Setup the environment texture according to the specified options.
- */
- _setupEnvironmentTexture() {
- if (this._scene.environmentTexture) {
- return;
- }
- if (this._options.environmentTexture instanceof BaseTexture) {
- this._scene.environmentTexture = this._options.environmentTexture;
- return;
- }
- const environmentTexture = CubeTexture.CreateFromPrefilteredData(this._options.environmentTexture, this._scene);
- this._scene.environmentTexture = environmentTexture;
- }
- /**
- * Setup the background according to the specified options.
- */
- _setupBackground() {
- if (!this._rootMesh) {
- this._rootMesh = new Mesh("BackgroundHelper", this._scene);
- }
- this._rootMesh.rotation.y = this._options.backgroundYRotation;
- const sceneSize = this._getSceneSize();
- if (this._options.createGround) {
- this._setupGround(sceneSize);
- this._setupGroundMaterial();
- this._setupGroundDiffuseTexture();
- if (this._options.enableGroundMirror) {
- this._setupGroundMirrorTexture(sceneSize);
- }
- this._setupMirrorInGroundMaterial();
- }
- if (this._options.createSkybox) {
- this._setupSkybox(sceneSize);
- this._setupSkyboxMaterial();
- this._setupSkyboxReflectionTexture();
- }
- this._rootMesh.position.x = sceneSize.rootPosition.x;
- this._rootMesh.position.z = sceneSize.rootPosition.z;
- this._rootMesh.position.y = sceneSize.rootPosition.y;
- }
- /**
- * Get the scene sizes according to the setup.
- * @returns the different ground and skybox sizes.
- */
- _getSceneSize() {
- let groundSize = this._options.groundSize;
- let skyboxSize = this._options.skyboxSize;
- let rootPosition = this._options.rootPosition;
- if (!this._scene.meshes || this._scene.meshes.length === 1) {
- // 1 only means the root of the helper.
- return { groundSize, skyboxSize, rootPosition };
- }
- const sceneExtends = this._scene.getWorldExtends((mesh) => {
- return mesh !== this._ground && mesh !== this._rootMesh && mesh !== this._skybox;
- });
- const sceneDiagonal = sceneExtends.max.subtract(sceneExtends.min);
- if (this._options.sizeAuto) {
- if (this._scene.activeCamera instanceof ArcRotateCamera && this._scene.activeCamera.upperRadiusLimit) {
- groundSize = this._scene.activeCamera.upperRadiusLimit * 2;
- skyboxSize = groundSize;
- }
- const sceneDiagonalLenght = sceneDiagonal.length();
- if (sceneDiagonalLenght > groundSize) {
- groundSize = sceneDiagonalLenght * 2;
- skyboxSize = groundSize;
- }
- // 10 % bigger.
- groundSize *= 1.1;
- skyboxSize *= 1.5;
- rootPosition = sceneExtends.min.add(sceneDiagonal.scale(0.5));
- rootPosition.y = sceneExtends.min.y - this._options.groundYBias;
- }
- return { groundSize, skyboxSize, rootPosition };
- }
- /**
- * Setup the ground according to the specified options.
- * @param sceneSize
- */
- _setupGround(sceneSize) {
- if (!this._ground || this._ground.isDisposed()) {
- this._ground = CreatePlane("BackgroundPlane", { size: sceneSize.groundSize }, this._scene);
- this._ground.rotation.x = Math.PI / 2; // Face up by default.
- this._ground.parent = this._rootMesh;
- this._ground.onDisposeObservable.add(() => {
- this._ground = null;
- });
- }
- this._ground.receiveShadows = this._options.enableGroundShadow;
- }
- /**
- * Setup the ground material according to the specified options.
- */
- _setupGroundMaterial() {
- if (!this._groundMaterial) {
- this._groundMaterial = new BackgroundMaterial("BackgroundPlaneMaterial", this._scene);
- }
- this._groundMaterial.alpha = this._options.groundOpacity;
- this._groundMaterial.alphaMode = 8;
- this._groundMaterial.shadowLevel = this._options.groundShadowLevel;
- this._groundMaterial.primaryColor = this._options.groundColor;
- this._groundMaterial.useRGBColor = false;
- this._groundMaterial.enableNoise = true;
- if (this._ground) {
- this._ground.material = this._groundMaterial;
- }
- }
- /**
- * Setup the ground diffuse texture according to the specified options.
- */
- _setupGroundDiffuseTexture() {
- if (!this._groundMaterial) {
- return;
- }
- if (this._groundTexture) {
- return;
- }
- if (this._options.groundTexture instanceof BaseTexture) {
- this._groundMaterial.diffuseTexture = this._options.groundTexture;
- return;
- }
- this._groundTexture = new Texture(this._options.groundTexture, this._scene, undefined, undefined, undefined, undefined, this._errorHandler);
- this._groundTexture.gammaSpace = false;
- this._groundTexture.hasAlpha = true;
- this._groundMaterial.diffuseTexture = this._groundTexture;
- }
- /**
- * Setup the ground mirror texture according to the specified options.
- * @param sceneSize
- */
- _setupGroundMirrorTexture(sceneSize) {
- const wrapping = Texture.CLAMP_ADDRESSMODE;
- if (!this._groundMirror) {
- this._groundMirror = new MirrorTexture("BackgroundPlaneMirrorTexture", { ratio: this._options.groundMirrorSizeRatio }, this._scene, false, this._options.groundMirrorTextureType, Texture.BILINEAR_SAMPLINGMODE, true);
- this._groundMirror.mirrorPlane = new Plane(0, -1, 0, sceneSize.rootPosition.y);
- this._groundMirror.anisotropicFilteringLevel = 1;
- this._groundMirror.wrapU = wrapping;
- this._groundMirror.wrapV = wrapping;
- if (this._groundMirror.renderList) {
- for (let i = 0; i < this._scene.meshes.length; i++) {
- const mesh = this._scene.meshes[i];
- if (mesh !== this._ground && mesh !== this._skybox && mesh !== this._rootMesh) {
- this._groundMirror.renderList.push(mesh);
- }
- }
- }
- }
- const gammaGround = this._options.groundColor.toGammaSpace(this._scene.getEngine().useExactSrgbConversions);
- this._groundMirror.clearColor = new Color4(gammaGround.r, gammaGround.g, gammaGround.b, 1);
- this._groundMirror.adaptiveBlurKernel = this._options.groundMirrorBlurKernel;
- }
- /**
- * Setup the ground to receive the mirror texture.
- */
- _setupMirrorInGroundMaterial() {
- if (this._groundMaterial) {
- this._groundMaterial.reflectionTexture = this._groundMirror;
- this._groundMaterial.reflectionFresnel = true;
- this._groundMaterial.reflectionAmount = this._options.groundMirrorAmount;
- this._groundMaterial.reflectionStandardFresnelWeight = this._options.groundMirrorFresnelWeight;
- this._groundMaterial.reflectionFalloffDistance = this._options.groundMirrorFallOffDistance;
- }
- }
- /**
- * Setup the skybox according to the specified options.
- * @param sceneSize
- */
- _setupSkybox(sceneSize) {
- if (!this._skybox || this._skybox.isDisposed()) {
- this._skybox = CreateBox("BackgroundSkybox", { size: sceneSize.skyboxSize, sideOrientation: Mesh.BACKSIDE }, this._scene);
- this._skybox.onDisposeObservable.add(() => {
- this._skybox = null;
- });
- }
- this._skybox.parent = this._rootMesh;
- }
- /**
- * Setup the skybox material according to the specified options.
- */
- _setupSkyboxMaterial() {
- if (!this._skybox) {
- return;
- }
- if (!this._skyboxMaterial) {
- this._skyboxMaterial = new BackgroundMaterial("BackgroundSkyboxMaterial", this._scene);
- }
- this._skyboxMaterial.useRGBColor = false;
- this._skyboxMaterial.primaryColor = this._options.skyboxColor;
- this._skyboxMaterial.enableNoise = true;
- this._skybox.material = this._skyboxMaterial;
- }
- /**
- * Setup the skybox reflection texture according to the specified options.
- */
- _setupSkyboxReflectionTexture() {
- if (!this._skyboxMaterial) {
- return;
- }
- if (this._skyboxTexture) {
- return;
- }
- if (this._options.skyboxTexture instanceof BaseTexture) {
- this._skyboxMaterial.reflectionTexture = this._options.skyboxTexture;
- return;
- }
- this._skyboxTexture = new CubeTexture(this._options.skyboxTexture, this._scene, undefined, undefined, undefined, undefined, this._errorHandler);
- this._skyboxTexture.coordinatesMode = Texture.SKYBOX_MODE;
- this._skyboxTexture.gammaSpace = false;
- this._skyboxMaterial.reflectionTexture = this._skyboxTexture;
- }
- /**
- * Dispose all the elements created by the Helper.
- */
- dispose() {
- if (this._groundMaterial) {
- this._groundMaterial.dispose(true, true);
- }
- if (this._skyboxMaterial) {
- this._skyboxMaterial.dispose(true, true);
- }
- this._rootMesh.dispose(false);
- }
- }
- /**
- * Default ground texture URL.
- */
- EnvironmentHelper._GroundTextureCDNUrl = "https://assets.babylonjs.com/environments/backgroundGround.png";
- /**
- * Default skybox texture URL.
- */
- EnvironmentHelper._SkyboxTextureCDNUrl = "https://assets.babylonjs.com/environments/backgroundSkybox.dds";
- /**
- * Default environment texture URL.
- */
- EnvironmentHelper._EnvironmentTextureCDNUrl = "https://assets.babylonjs.com/environments/environmentSpecular.env";
- //# sourceMappingURL=environmentHelper.js.map
|