@babylonjs/materials 5.0.0-rc.1 → 5.0.0-rc.10

package/water/waterMaterial.js

@@ -1,706 +1,737 @@
-import { __decorate, __extends } from "tslib";
-import { serializeAsVector2, serializeAsTexture, serialize, expandToProperty, serializeAsColor3, SerializationHelper } from "@babylonjs/core/Misc/decorators.js";
-import { Matrix, Vector2, Vector3 } from "@babylonjs/core/Maths/math.vector.js";
-import { Color3 } from "@babylonjs/core/Maths/math.color.js";
-import { Plane } from '@babylonjs/core/Maths/math.plane.js';
-import { Constants } from "@babylonjs/core/Engines/constants.js";
-import { SmartArray } from "@babylonjs/core/Misc/smartArray.js";
-import { RenderTargetTexture } from "@babylonjs/core/Materials/Textures/renderTargetTexture.js";
-import { MaterialDefines } from "@babylonjs/core/Materials/materialDefines.js";
-import { ImageProcessingConfiguration } from "@babylonjs/core/Materials/imageProcessingConfiguration.js";
-import { MaterialHelper } from "@babylonjs/core/Materials/materialHelper.js";
-import { PushMaterial } from "@babylonjs/core/Materials/pushMaterial.js";
-import { MaterialFlags } from "@babylonjs/core/Materials/materialFlags.js";
-import { VertexBuffer } from "@babylonjs/core/Buffers/buffer.js";
-import { Scene } from "@babylonjs/core/scene.js";
-import { RegisterClass } from '@babylonjs/core/Misc/typeStore.js';
-import "./water.fragment.js";
-import "./water.vertex.js";
-import { EffectFallbacks } from '@babylonjs/core/Materials/effectFallbacks.js';
-import { CreateGround } from "@babylonjs/core/Meshes/Builders/groundBuilder.js";
-var WaterMaterialDefines = /** @class */ (function (_super) {
-    __extends(WaterMaterialDefines, _super);
-    function WaterMaterialDefines() {
-        var _this = _super.call(this) || this;
-        _this.BUMP = false;
-        _this.REFLECTION = false;
-        _this.CLIPPLANE = false;
-        _this.CLIPPLANE2 = false;
-        _this.CLIPPLANE3 = false;
-        _this.CLIPPLANE4 = false;
-        _this.CLIPPLANE5 = false;
-        _this.CLIPPLANE6 = false;
-        _this.ALPHATEST = false;
-        _this.DEPTHPREPASS = false;
-        _this.POINTSIZE = false;
-        _this.FOG = false;
-        _this.NORMAL = false;
-        _this.UV1 = false;
-        _this.UV2 = false;
-        _this.VERTEXCOLOR = false;
-        _this.VERTEXALPHA = false;
-        _this.NUM_BONE_INFLUENCERS = 0;
-        _this.BonesPerMesh = 0;
-        _this.INSTANCES = false;
-        _this.INSTANCESCOLOR = false;
-        _this.SPECULARTERM = false;
-        _this.LOGARITHMICDEPTH = false;
-        _this.USE_REVERSE_DEPTHBUFFER = false;
-        _this.FRESNELSEPARATE = false;
-        _this.BUMPSUPERIMPOSE = false;
-        _this.BUMPAFFECTSREFLECTION = false;
-        _this.IMAGEPROCESSING = false;
-        _this.VIGNETTE = false;
-        _this.VIGNETTEBLENDMODEMULTIPLY = false;
-        _this.VIGNETTEBLENDMODEOPAQUE = false;
-        _this.TONEMAPPING = false;
-        _this.TONEMAPPING_ACES = false;
-        _this.CONTRAST = false;
-        _this.EXPOSURE = false;
-        _this.COLORCURVES = false;
-        _this.COLORGRADING = false;
-        _this.COLORGRADING3D = false;
-        _this.SAMPLER3DGREENDEPTH = false;
-        _this.SAMPLER3DBGRMAP = false;
-        _this.IMAGEPROCESSINGPOSTPROCESS = false;
-        _this.SKIPFINALCOLORCLAMP = false;
-        _this.rebuild();
-        return _this;
-    }
-    return WaterMaterialDefines;
-}(MaterialDefines));
-var WaterMaterial = /** @class */ (function (_super) {
-    __extends(WaterMaterial, _super);
-    /**
-    * Constructor
-    */
-    function WaterMaterial(name, scene, renderTargetSize) {
-        if (renderTargetSize === void 0) { renderTargetSize = new Vector2(512, 512); }
-        var _this = _super.call(this, name, scene) || this;
-        _this.renderTargetSize = renderTargetSize;
-        _this.diffuseColor = new Color3(1, 1, 1);
-        _this.specularColor = new Color3(0, 0, 0);
-        _this.specularPower = 64;
-        _this._disableLighting = false;
-        _this._maxSimultaneousLights = 4;
-        /**
-         * Defines the wind force.
-         */
-        _this.windForce = 6;
-        /**
-         * Defines the direction of the wind in the plane (X, Z).
-         */
-        _this.windDirection = new Vector2(0, 1);
-        /**
-         * Defines the height of the waves.
-         */
-        _this.waveHeight = 0.4;
-        /**
-         * Defines the bump height related to the bump map.
-         */
-        _this.bumpHeight = 0.4;
-        /**
-         * Defines wether or not: to add a smaller moving bump to less steady waves.
-         */
-        _this._bumpSuperimpose = false;
-        /**
-         * Defines wether or not color refraction and reflection differently with .waterColor2 and .colorBlendFactor2. Non-linear (physically correct) fresnel.
-         */
-        _this._fresnelSeparate = false;
-        /**
-         * Defines wether or not bump Wwves modify the reflection.
-         */
-        _this._bumpAffectsReflection = false;
-        /**
-         * Defines the water color blended with the refraction (near).
-         */
-        _this.waterColor = new Color3(0.1, 0.1, 0.6);
-        /**
-         * Defines the blend factor related to the water color.
-         */
-        _this.colorBlendFactor = 0.2;
-        /**
-         * Defines the water color blended with the reflection (far).
-         */
-        _this.waterColor2 = new Color3(0.1, 0.1, 0.6);
-        /**
-         * Defines the blend factor related to the water color (reflection, far).
-         */
-        _this.colorBlendFactor2 = 0.2;
-        /**
-         * Defines the maximum length of a wave.
-         */
-        _this.waveLength = 0.1;
-        /**
-         * Defines the waves speed.
-         */
-        _this.waveSpeed = 1.0;
-        /**
-         * Defines the number of times waves are repeated. This is typically used to adjust waves count according to the ground's size where the material is applied on.
-         */
-        _this.waveCount = 20;
-        /**
-         * Sets or gets whether or not automatic clipping should be enabled or not. Setting to true will save performances and
-         * will avoid calculating useless pixels in the pixel shader of the water material.
-         */
-        _this.disableClipPlane = false;
-        _this._renderTargets = new SmartArray(16);
-        /*
-        * Private members
-        */
-        _this._mesh = null;
-        _this._reflectionTransform = Matrix.Zero();
-        _this._lastTime = 0;
-        _this._lastDeltaTime = 0;
-        _this._createRenderTargets(_this.getScene(), renderTargetSize);
-        // Create render targets
-        _this.getRenderTargetTextures = function () {
-            _this._renderTargets.reset();
-            _this._renderTargets.push(_this._reflectionRTT);
-            _this._renderTargets.push(_this._refractionRTT);
-            return _this._renderTargets;
-        };
-        _this._imageProcessingConfiguration = _this.getScene().imageProcessingConfiguration;
-        if (_this._imageProcessingConfiguration) {
-            _this._imageProcessingObserver = _this._imageProcessingConfiguration.onUpdateParameters.add(function () {
-                _this._markAllSubMeshesAsImageProcessingDirty();
-            });
-        }
-        return _this;
-    }
-    Object.defineProperty(WaterMaterial.prototype, "hasRenderTargetTextures", {
-        /**
-         * Gets a boolean indicating that current material needs to register RTT
-         */
-        get: function () {
-            return true;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(WaterMaterial.prototype, "useLogarithmicDepth", {
-        get: function () {
-            return this._useLogarithmicDepth;
-        },
-        set: function (value) {
-            this._useLogarithmicDepth = value && this.getScene().getEngine().getCaps().fragmentDepthSupported;
-            this._markAllSubMeshesAsMiscDirty();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(WaterMaterial.prototype, "refractionTexture", {
-        // Get / Set
-        get: function () {
-            return this._refractionRTT;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(WaterMaterial.prototype, "reflectionTexture", {
-        get: function () {
-            return this._reflectionRTT;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    // Methods
-    WaterMaterial.prototype.addToRenderList = function (node) {
-        if (this._refractionRTT && this._refractionRTT.renderList) {
-            this._refractionRTT.renderList.push(node);
-        }
-        if (this._reflectionRTT && this._reflectionRTT.renderList) {
-            this._reflectionRTT.renderList.push(node);
-        }
-    };
-    WaterMaterial.prototype.enableRenderTargets = function (enable) {
-        var refreshRate = enable ? 1 : 0;
-        if (this._refractionRTT) {
-            this._refractionRTT.refreshRate = refreshRate;
-        }
-        if (this._reflectionRTT) {
-            this._reflectionRTT.refreshRate = refreshRate;
-        }
-    };
-    WaterMaterial.prototype.getRenderList = function () {
-        return this._refractionRTT ? this._refractionRTT.renderList : [];
-    };
-    Object.defineProperty(WaterMaterial.prototype, "renderTargetsEnabled", {
-        get: function () {
-            return !(this._refractionRTT && this._refractionRTT.refreshRate === 0);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    WaterMaterial.prototype.needAlphaBlending = function () {
-        return (this.alpha < 1.0);
-    };
-    WaterMaterial.prototype.needAlphaTesting = function () {
-        return false;
-    };
-    WaterMaterial.prototype.getAlphaTestTexture = function () {
-        return null;
-    };
-    WaterMaterial.prototype.isReadyForSubMesh = function (mesh, subMesh, useInstances) {
-        if (this.isFrozen) {
-            if (subMesh.effect && subMesh.effect._wasPreviouslyReady) {
-                return true;
-            }
-        }
-        if (!subMesh.materialDefines) {
-            subMesh.materialDefines = new WaterMaterialDefines();
-        }
-        var defines = subMesh.materialDefines;
-        var scene = this.getScene();
-        if (this._isReadyForSubMesh(subMesh)) {
-            return true;
-        }
-        var engine = scene.getEngine();
-        // Textures
-        if (defines._areTexturesDirty) {
-            defines._needUVs = false;
-            if (scene.texturesEnabled) {
-                if (this.bumpTexture && MaterialFlags.BumpTextureEnabled) {
-                    if (!this.bumpTexture.isReady()) {
-                        return false;
-                    }
-                    else {
-                        defines._needUVs = true;
-                        defines.BUMP = true;
-                    }
-                }
-                if (MaterialFlags.ReflectionTextureEnabled) {
-                    defines.REFLECTION = true;
-                }
-            }
-        }
-        MaterialHelper.PrepareDefinesForFrameBoundValues(scene, engine, defines, useInstances ? true : false);
-        MaterialHelper.PrepareDefinesForMisc(mesh, scene, this._useLogarithmicDepth, this.pointsCloud, this.fogEnabled, this._shouldTurnAlphaTestOn(mesh), defines);
-        if (defines._areMiscDirty) {
-            if (this._fresnelSeparate) {
-                defines.FRESNELSEPARATE = true;
-            }
-            if (this._bumpSuperimpose) {
-                defines.BUMPSUPERIMPOSE = true;
-            }
-            if (this._bumpAffectsReflection) {
-                defines.BUMPAFFECTSREFLECTION = true;
-            }
-        }
-        // Lights
-        defines._needNormals = MaterialHelper.PrepareDefinesForLights(scene, mesh, defines, true, this._maxSimultaneousLights, this._disableLighting);
-        // Image processing
-        if (defines._areImageProcessingDirty && this._imageProcessingConfiguration) {
-            if (!this._imageProcessingConfiguration.isReady()) {
-                return false;
-            }
-            this._imageProcessingConfiguration.prepareDefines(defines);
-            defines.IS_REFLECTION_LINEAR = (this.reflectionTexture != null && !this.reflectionTexture.gammaSpace);
-            defines.IS_REFRACTION_LINEAR = (this.refractionTexture != null && !this.refractionTexture.gammaSpace);
-        }
-        // Attribs
-        MaterialHelper.PrepareDefinesForAttributes(mesh, defines, true, true);
-        // Configure this
-        this._mesh = mesh;
-        if (this._waitingRenderList) {
-            for (var i = 0; i < this._waitingRenderList.length; i++) {
-                this.addToRenderList(scene.getNodeById(this._waitingRenderList[i]));
-            }
-            this._waitingRenderList = null;
-        }
-        // Get correct effect
-        if (defines.isDirty) {
-            defines.markAsProcessed();
-            scene.resetCachedMaterial();
-            // Fallbacks
-            var fallbacks = new EffectFallbacks();
-            if (defines.FOG) {
-                fallbacks.addFallback(1, "FOG");
-            }
-            if (defines.LOGARITHMICDEPTH) {
-                fallbacks.addFallback(0, "LOGARITHMICDEPTH");
-            }
-            MaterialHelper.HandleFallbacksForShadows(defines, fallbacks, this.maxSimultaneousLights);
-            if (defines.NUM_BONE_INFLUENCERS > 0) {
-                fallbacks.addCPUSkinningFallback(0, mesh);
-            }
-            //Attributes
-            var attribs = [VertexBuffer.PositionKind];
-            if (defines.NORMAL) {
-                attribs.push(VertexBuffer.NormalKind);
-            }
-            if (defines.UV1) {
-                attribs.push(VertexBuffer.UVKind);
-            }
-            if (defines.UV2) {
-                attribs.push(VertexBuffer.UV2Kind);
-            }
-            if (defines.VERTEXCOLOR) {
-                attribs.push(VertexBuffer.ColorKind);
-            }
-            MaterialHelper.PrepareAttributesForBones(attribs, mesh, defines, fallbacks);
-            MaterialHelper.PrepareAttributesForInstances(attribs, defines);
-            // Legacy browser patch
-            var shaderName = "water";
-            var join = defines.toString();
-            var uniforms = ["world", "view", "viewProjection", "vEyePosition", "vLightsType", "vDiffuseColor", "vSpecularColor",
-                "vFogInfos", "vFogColor", "pointSize",
-                "vNormalInfos",
-                "mBones",
-                "vClipPlane", "vClipPlane2", "vClipPlane3", "vClipPlane4", "vClipPlane5", "vClipPlane6", "normalMatrix",
-                "logarithmicDepthConstant",
-                // Water
-                "worldReflectionViewProjection", "windDirection", "waveLength", "time", "windForce",
-                "cameraPosition", "bumpHeight", "waveHeight", "waterColor", "waterColor2", "colorBlendFactor", "colorBlendFactor2", "waveSpeed",
-                "waveCount"
-            ];
-            var samplers = ["normalSampler",
-                // Water
-                "refractionSampler", "reflectionSampler"
-            ];
-            var uniformBuffers = new Array();
-            if (ImageProcessingConfiguration) {
-                ImageProcessingConfiguration.PrepareUniforms(uniforms, defines);
-                ImageProcessingConfiguration.PrepareSamplers(samplers, defines);
-            }
-            MaterialHelper.PrepareUniformsAndSamplersList({
-                uniformsNames: uniforms,
-                uniformBuffersNames: uniformBuffers,
-                samplers: samplers,
-                defines: defines,
-                maxSimultaneousLights: this.maxSimultaneousLights
-            });
-            subMesh.setEffect(scene.getEngine().createEffect(shaderName, {
-                attributes: attribs,
-                uniformsNames: uniforms,
-                uniformBuffersNames: uniformBuffers,
-                samplers: samplers,
-                defines: join,
-                fallbacks: fallbacks,
-                onCompiled: this.onCompiled,
-                onError: this.onError,
-                indexParameters: { maxSimultaneousLights: this._maxSimultaneousLights }
-            }, engine), defines, this._materialContext);
-        }
-        if (!subMesh.effect || !subMesh.effect.isReady()) {
-            return false;
-        }
-        defines._renderId = scene.getRenderId();
-        subMesh.effect._wasPreviouslyReady = true;
-        return true;
-    };
-    WaterMaterial.prototype.bindForSubMesh = function (world, mesh, subMesh) {
-        var scene = this.getScene();
-        var defines = subMesh.materialDefines;
-        if (!defines) {
-            return;
-        }
-        var effect = subMesh.effect;
-        if (!effect || !this._mesh) {
-            return;
-        }
-        this._activeEffect = effect;
-        // Matrices
-        this.bindOnlyWorldMatrix(world);
-        this._activeEffect.setMatrix("viewProjection", scene.getTransformMatrix());
-        // Bones
-        MaterialHelper.BindBonesParameters(mesh, this._activeEffect);
-        if (this._mustRebind(scene, effect)) {
-            // Textures
-            if (this.bumpTexture && MaterialFlags.BumpTextureEnabled) {
-                this._activeEffect.setTexture("normalSampler", this.bumpTexture);
-                this._activeEffect.setFloat2("vNormalInfos", this.bumpTexture.coordinatesIndex, this.bumpTexture.level);
-                this._activeEffect.setMatrix("normalMatrix", this.bumpTexture.getTextureMatrix());
-            }
-            // Clip plane
-            MaterialHelper.BindClipPlane(this._activeEffect, scene);
-            // Point size
-            if (this.pointsCloud) {
-                this._activeEffect.setFloat("pointSize", this.pointSize);
-            }
-            scene.bindEyePosition(effect);
-        }
-        this._activeEffect.setColor4("vDiffuseColor", this.diffuseColor, this.alpha * mesh.visibility);
-        if (defines.SPECULARTERM) {
-            this._activeEffect.setColor4("vSpecularColor", this.specularColor, this.specularPower);
-        }
-        if (scene.lightsEnabled && !this.disableLighting) {
-            MaterialHelper.BindLights(scene, mesh, this._activeEffect, defines, this.maxSimultaneousLights);
-        }
-        // View
-        if (scene.fogEnabled && mesh.applyFog && scene.fogMode !== Scene.FOGMODE_NONE) {
-            this._activeEffect.setMatrix("view", scene.getViewMatrix());
-        }
-        // Fog
-        MaterialHelper.BindFogParameters(scene, mesh, this._activeEffect);
-        // Log. depth
-        MaterialHelper.BindLogDepth(defines, this._activeEffect, scene);
-        // Water
-        if (MaterialFlags.ReflectionTextureEnabled) {
-            this._activeEffect.setTexture("refractionSampler", this._refractionRTT);
-            this._activeEffect.setTexture("reflectionSampler", this._reflectionRTT);
-        }
-        var wrvp = this._mesh.getWorldMatrix().multiply(this._reflectionTransform).multiply(scene.getProjectionMatrix());
-        // Add delta time. Prevent adding delta time if it hasn't changed.
-        var deltaTime = scene.getEngine().getDeltaTime();
-        if (deltaTime !== this._lastDeltaTime) {
-            this._lastDeltaTime = deltaTime;
-            this._lastTime += this._lastDeltaTime;
-        }
-        this._activeEffect.setMatrix("worldReflectionViewProjection", wrvp);
-        this._activeEffect.setVector2("windDirection", this.windDirection);
-        this._activeEffect.setFloat("waveLength", this.waveLength);
-        this._activeEffect.setFloat("time", this._lastTime / 100000);
-        this._activeEffect.setFloat("windForce", this.windForce);
-        this._activeEffect.setFloat("waveHeight", this.waveHeight);
-        this._activeEffect.setFloat("bumpHeight", this.bumpHeight);
-        this._activeEffect.setColor4("waterColor", this.waterColor, 1.0);
-        this._activeEffect.setFloat("colorBlendFactor", this.colorBlendFactor);
-        this._activeEffect.setColor4("waterColor2", this.waterColor2, 1.0);
-        this._activeEffect.setFloat("colorBlendFactor2", this.colorBlendFactor2);
-        this._activeEffect.setFloat("waveSpeed", this.waveSpeed);
-        this._activeEffect.setFloat("waveCount", this.waveCount);
-        // image processing
-        if (this._imageProcessingConfiguration && !this._imageProcessingConfiguration.applyByPostProcess) {
-            this._imageProcessingConfiguration.bind(this._activeEffect);
-        }
-        this._afterBind(mesh, this._activeEffect);
-    };
-    WaterMaterial.prototype._createRenderTargets = function (scene, renderTargetSize) {
-        var _this = this;
-        // Render targets
-        this._refractionRTT = new RenderTargetTexture(name + "_refraction", { width: renderTargetSize.x, height: renderTargetSize.y }, scene, false, true);
-        this._refractionRTT.wrapU = Constants.TEXTURE_MIRROR_ADDRESSMODE;
-        this._refractionRTT.wrapV = Constants.TEXTURE_MIRROR_ADDRESSMODE;
-        this._refractionRTT.ignoreCameraViewport = true;
-        this._reflectionRTT = new RenderTargetTexture(name + "_reflection", { width: renderTargetSize.x, height: renderTargetSize.y }, scene, false, true);
-        this._reflectionRTT.wrapU = Constants.TEXTURE_MIRROR_ADDRESSMODE;
-        this._reflectionRTT.wrapV = Constants.TEXTURE_MIRROR_ADDRESSMODE;
-        this._reflectionRTT.ignoreCameraViewport = true;
-        var isVisible;
-        var clipPlane = null;
-        var savedViewMatrix;
-        var mirrorMatrix = Matrix.Zero();
-        this._refractionRTT.onBeforeRender = function () {
-            if (_this._mesh) {
-                isVisible = _this._mesh.isVisible;
-                _this._mesh.isVisible = false;
-            }
-            // Clip plane
-            if (!_this.disableClipPlane) {
-                clipPlane = scene.clipPlane;
-                var positiony = _this._mesh ? _this._mesh.position.y : 0.0;
-                scene.clipPlane = Plane.FromPositionAndNormal(new Vector3(0, positiony + 0.05, 0), new Vector3(0, 1, 0));
-            }
-        };
-        this._refractionRTT.onAfterRender = function () {
-            if (_this._mesh) {
-                _this._mesh.isVisible = isVisible;
-            }
-            // Clip plane
-            if (!_this.disableClipPlane) {
-                scene.clipPlane = clipPlane;
-            }
-        };
-        this._reflectionRTT.onBeforeRender = function () {
-            if (_this._mesh) {
-                isVisible = _this._mesh.isVisible;
-                _this._mesh.isVisible = false;
-            }
-            // Clip plane
-            if (!_this.disableClipPlane) {
-                clipPlane = scene.clipPlane;
-                var positiony = _this._mesh ? _this._mesh.position.y : 0.0;
-                scene.clipPlane = Plane.FromPositionAndNormal(new Vector3(0, positiony - 0.05, 0), new Vector3(0, -1, 0));
-                Matrix.ReflectionToRef(scene.clipPlane, mirrorMatrix);
-            }
-            // Transform
-            savedViewMatrix = scene.getViewMatrix();
-            mirrorMatrix.multiplyToRef(savedViewMatrix, _this._reflectionTransform);
-            scene.setTransformMatrix(_this._reflectionTransform, scene.getProjectionMatrix());
-            scene.getEngine().cullBackFaces = false;
-            scene._mirroredCameraPosition = Vector3.TransformCoordinates(scene.activeCamera.position, mirrorMatrix);
-        };
-        this._reflectionRTT.onAfterRender = function () {
-            if (_this._mesh) {
-                _this._mesh.isVisible = isVisible;
-            }
-            // Clip plane
-            scene.clipPlane = clipPlane;
-            // Transform
-            scene.setTransformMatrix(savedViewMatrix, scene.getProjectionMatrix());
-            scene.getEngine().cullBackFaces = null;
-            scene._mirroredCameraPosition = null;
-        };
-    };
-    WaterMaterial.prototype.getAnimatables = function () {
-        var results = [];
-        if (this.bumpTexture && this.bumpTexture.animations && this.bumpTexture.animations.length > 0) {
-            results.push(this.bumpTexture);
-        }
-        if (this._reflectionRTT && this._reflectionRTT.animations && this._reflectionRTT.animations.length > 0) {
-            results.push(this._reflectionRTT);
-        }
-        if (this._refractionRTT && this._refractionRTT.animations && this._refractionRTT.animations.length > 0) {
-            results.push(this._refractionRTT);
-        }
-        return results;
-    };
-    WaterMaterial.prototype.getActiveTextures = function () {
-        var activeTextures = _super.prototype.getActiveTextures.call(this);
-        if (this._bumpTexture) {
-            activeTextures.push(this._bumpTexture);
-        }
-        return activeTextures;
-    };
-    WaterMaterial.prototype.hasTexture = function (texture) {
-        if (_super.prototype.hasTexture.call(this, texture)) {
-            return true;
-        }
-        if (this._bumpTexture === texture) {
-            return true;
-        }
-        return false;
-    };
-    WaterMaterial.prototype.dispose = function (forceDisposeEffect) {
-        if (this.bumpTexture) {
-            this.bumpTexture.dispose();
-        }
-        var index = this.getScene().customRenderTargets.indexOf(this._refractionRTT);
-        if (index != -1) {
-            this.getScene().customRenderTargets.splice(index, 1);
-        }
-        index = -1;
-        index = this.getScene().customRenderTargets.indexOf(this._reflectionRTT);
-        if (index != -1) {
-            this.getScene().customRenderTargets.splice(index, 1);
-        }
-        if (this._reflectionRTT) {
-            this._reflectionRTT.dispose();
-        }
-        if (this._refractionRTT) {
-            this._refractionRTT.dispose();
-        }
-        // Remove image-processing observer
-        if (this._imageProcessingConfiguration && this._imageProcessingObserver) {
-            this._imageProcessingConfiguration.onUpdateParameters.remove(this._imageProcessingObserver);
-        }
-        _super.prototype.dispose.call(this, forceDisposeEffect);
-    };
-    WaterMaterial.prototype.clone = function (name) {
-        var _this = this;
-        return SerializationHelper.Clone(function () { return new WaterMaterial(name, _this.getScene()); }, this);
-    };
-    WaterMaterial.prototype.serialize = function () {
-        var serializationObject = _super.prototype.serialize.call(this);
-        serializationObject.customType = "BABYLON.WaterMaterial";
-        serializationObject.renderList = [];
-        if (this._refractionRTT && this._refractionRTT.renderList) {
-            for (var i = 0; i < this._refractionRTT.renderList.length; i++) {
-                serializationObject.renderList.push(this._refractionRTT.renderList[i].id);
-            }
-        }
-        return serializationObject;
-    };
-    WaterMaterial.prototype.getClassName = function () {
-        return "WaterMaterial";
-    };
-    // Statics
-    WaterMaterial.Parse = function (source, scene, rootUrl) {
-        var mat = SerializationHelper.Parse(function () { return new WaterMaterial(source.name, scene); }, source, scene, rootUrl);
-        mat._waitingRenderList = source.renderList;
-        return mat;
-    };
-    WaterMaterial.CreateDefaultMesh = function (name, scene) {
-        var mesh = CreateGround(name, { width: 512, height: 512, subdivisions: 32, updatable: false }, scene);
-        return mesh;
-    };
-    __decorate([
-        serializeAsTexture("bumpTexture")
-    ], WaterMaterial.prototype, "_bumpTexture", void 0);
-    __decorate([
-        expandToProperty("_markAllSubMeshesAsTexturesDirty")
-    ], WaterMaterial.prototype, "bumpTexture", void 0);
-    __decorate([
-        serializeAsColor3()
-    ], WaterMaterial.prototype, "diffuseColor", void 0);
-    __decorate([
-        serializeAsColor3()
-    ], WaterMaterial.prototype, "specularColor", void 0);
-    __decorate([
-        serialize()
-    ], WaterMaterial.prototype, "specularPower", void 0);
-    __decorate([
-        serialize("disableLighting")
-    ], WaterMaterial.prototype, "_disableLighting", void 0);
-    __decorate([
-        expandToProperty("_markAllSubMeshesAsLightsDirty")
-    ], WaterMaterial.prototype, "disableLighting", void 0);
-    __decorate([
-        serialize("maxSimultaneousLights")
-    ], WaterMaterial.prototype, "_maxSimultaneousLights", void 0);
-    __decorate([
-        expandToProperty("_markAllSubMeshesAsLightsDirty")
-    ], WaterMaterial.prototype, "maxSimultaneousLights", void 0);
-    __decorate([
-        serialize()
-    ], WaterMaterial.prototype, "windForce", void 0);
-    __decorate([
-        serializeAsVector2()
-    ], WaterMaterial.prototype, "windDirection", void 0);
-    __decorate([
-        serialize()
-    ], WaterMaterial.prototype, "waveHeight", void 0);
-    __decorate([
-        serialize()
-    ], WaterMaterial.prototype, "bumpHeight", void 0);
-    __decorate([
-        serialize("bumpSuperimpose")
-    ], WaterMaterial.prototype, "_bumpSuperimpose", void 0);
-    __decorate([
-        expandToProperty("_markAllSubMeshesAsMiscDirty")
-    ], WaterMaterial.prototype, "bumpSuperimpose", void 0);
-    __decorate([
-        serialize("fresnelSeparate")
-    ], WaterMaterial.prototype, "_fresnelSeparate", void 0);
-    __decorate([
-        expandToProperty("_markAllSubMeshesAsMiscDirty")
-    ], WaterMaterial.prototype, "fresnelSeparate", void 0);
-    __decorate([
-        serialize("bumpAffectsReflection")
-    ], WaterMaterial.prototype, "_bumpAffectsReflection", void 0);
-    __decorate([
-        expandToProperty("_markAllSubMeshesAsMiscDirty")
-    ], WaterMaterial.prototype, "bumpAffectsReflection", void 0);
-    __decorate([
-        serializeAsColor3()
-    ], WaterMaterial.prototype, "waterColor", void 0);
-    __decorate([
-        serialize()
-    ], WaterMaterial.prototype, "colorBlendFactor", void 0);
-    __decorate([
-        serializeAsColor3()
-    ], WaterMaterial.prototype, "waterColor2", void 0);
-    __decorate([
-        serialize()
-    ], WaterMaterial.prototype, "colorBlendFactor2", void 0);
-    __decorate([
-        serialize()
-    ], WaterMaterial.prototype, "waveLength", void 0);
-    __decorate([
-        serialize()
-    ], WaterMaterial.prototype, "waveSpeed", void 0);
-    __decorate([
-        serialize()
-    ], WaterMaterial.prototype, "waveCount", void 0);
-    __decorate([
-        serialize()
-    ], WaterMaterial.prototype, "disableClipPlane", void 0);
-    __decorate([
-        serialize()
-    ], WaterMaterial.prototype, "useLogarithmicDepth", null);
-    return WaterMaterial;
-}(PushMaterial));
-export { WaterMaterial };
-RegisterClass("BABYLON.WaterMaterial", WaterMaterial);
+import { __decorate, __extends } from "tslib";
+import { serializeAsVector2, serializeAsTexture, serialize, expandToProperty, serializeAsColor3, SerializationHelper } from "@babylonjs/core/Misc/decorators.js";
+import { Matrix, Vector2, Vector3 } from "@babylonjs/core/Maths/math.vector.js";
+import { Color3 } from "@babylonjs/core/Maths/math.color.js";
+import { Plane } from "@babylonjs/core/Maths/math.plane.js";
+import { Constants } from "@babylonjs/core/Engines/constants.js";
+import { SmartArray } from "@babylonjs/core/Misc/smartArray.js";
+import { RenderTargetTexture } from "@babylonjs/core/Materials/Textures/renderTargetTexture.js";
+import { MaterialDefines } from "@babylonjs/core/Materials/materialDefines.js";
+import { ImageProcessingConfiguration } from "@babylonjs/core/Materials/imageProcessingConfiguration.js";
+import { MaterialHelper } from "@babylonjs/core/Materials/materialHelper.js";
+import { PushMaterial } from "@babylonjs/core/Materials/pushMaterial.js";
+import { MaterialFlags } from "@babylonjs/core/Materials/materialFlags.js";
+import { VertexBuffer } from "@babylonjs/core/Buffers/buffer.js";
+import { Scene } from "@babylonjs/core/scene.js";
+import { RegisterClass } from "@babylonjs/core/Misc/typeStore.js";
+import "./water.fragment";
+import "./water.vertex";
+import { EffectFallbacks } from "@babylonjs/core/Materials/effectFallbacks.js";
+import { CreateGround } from "@babylonjs/core/Meshes/Builders/groundBuilder.js";
+var WaterMaterialDefines = /** @class */ (function (_super) {
+    __extends(WaterMaterialDefines, _super);
+    function WaterMaterialDefines() {
+        var _this = _super.call(this) || this;
+        _this.BUMP = false;
+        _this.REFLECTION = false;
+        _this.CLIPPLANE = false;
+        _this.CLIPPLANE2 = false;
+        _this.CLIPPLANE3 = false;
+        _this.CLIPPLANE4 = false;
+        _this.CLIPPLANE5 = false;
+        _this.CLIPPLANE6 = false;
+        _this.ALPHATEST = false;
+        _this.DEPTHPREPASS = false;
+        _this.POINTSIZE = false;
+        _this.FOG = false;
+        _this.NORMAL = false;
+        _this.UV1 = false;
+        _this.UV2 = false;
+        _this.VERTEXCOLOR = false;
+        _this.VERTEXALPHA = false;
+        _this.NUM_BONE_INFLUENCERS = 0;
+        _this.BonesPerMesh = 0;
+        _this.INSTANCES = false;
+        _this.INSTANCESCOLOR = false;
+        _this.SPECULARTERM = false;
+        _this.LOGARITHMICDEPTH = false;
+        _this.USE_REVERSE_DEPTHBUFFER = false;
+        _this.FRESNELSEPARATE = false;
+        _this.BUMPSUPERIMPOSE = false;
+        _this.BUMPAFFECTSREFLECTION = false;
+        _this.IMAGEPROCESSING = false;
+        _this.VIGNETTE = false;
+        _this.VIGNETTEBLENDMODEMULTIPLY = false;
+        _this.VIGNETTEBLENDMODEOPAQUE = false;
+        _this.TONEMAPPING = false;
+        _this.TONEMAPPING_ACES = false;
+        _this.CONTRAST = false;
+        _this.EXPOSURE = false;
+        _this.COLORCURVES = false;
+        _this.COLORGRADING = false;
+        _this.COLORGRADING3D = false;
+        _this.SAMPLER3DGREENDEPTH = false;
+        _this.SAMPLER3DBGRMAP = false;
+        _this.IMAGEPROCESSINGPOSTPROCESS = false;
+        _this.SKIPFINALCOLORCLAMP = false;
+        _this.rebuild();
+        return _this;
+    }
+    return WaterMaterialDefines;
+}(MaterialDefines));
+var WaterMaterial = /** @class */ (function (_super) {
+    __extends(WaterMaterial, _super);
+    /**
+     * Constructor
+     * @param name
+     * @param scene
+     * @param renderTargetSize
+     */
+    function WaterMaterial(name, scene, renderTargetSize) {
+        if (renderTargetSize === void 0) { renderTargetSize = new Vector2(512, 512); }
+        var _this = _super.call(this, name, scene) || this;
+        _this.renderTargetSize = renderTargetSize;
+        _this.diffuseColor = new Color3(1, 1, 1);
+        _this.specularColor = new Color3(0, 0, 0);
+        _this.specularPower = 64;
+        _this._disableLighting = false;
+        _this._maxSimultaneousLights = 4;
+        /**
+         * Defines the wind force.
+         */
+        _this.windForce = 6;
+        /**
+         * Defines the direction of the wind in the plane (X, Z).
+         */
+        _this.windDirection = new Vector2(0, 1);
+        /**
+         * Defines the height of the waves.
+         */
+        _this.waveHeight = 0.4;
+        /**
+         * Defines the bump height related to the bump map.
+         */
+        _this.bumpHeight = 0.4;
+        /**
+         * Defines wether or not: to add a smaller moving bump to less steady waves.
+         */
+        _this._bumpSuperimpose = false;
+        /**
+         * Defines wether or not color refraction and reflection differently with .waterColor2 and .colorBlendFactor2. Non-linear (physically correct) fresnel.
+         */
+        _this._fresnelSeparate = false;
+        /**
+         * Defines wether or not bump Wwves modify the reflection.
+         */
+        _this._bumpAffectsReflection = false;
+        /**
+         * Defines the water color blended with the refraction (near).
+         */
+        _this.waterColor = new Color3(0.1, 0.1, 0.6);
+        /**
+         * Defines the blend factor related to the water color.
+         */
+        _this.colorBlendFactor = 0.2;
+        /**
+         * Defines the water color blended with the reflection (far).
+         */
+        _this.waterColor2 = new Color3(0.1, 0.1, 0.6);
+        /**
+         * Defines the blend factor related to the water color (reflection, far).
+         */
+        _this.colorBlendFactor2 = 0.2;
+        /**
+         * Defines the maximum length of a wave.
+         */
+        _this.waveLength = 0.1;
+        /**
+         * Defines the waves speed.
+         */
+        _this.waveSpeed = 1.0;
+        /**
+         * Defines the number of times waves are repeated. This is typically used to adjust waves count according to the ground's size where the material is applied on.
+         */
+        _this.waveCount = 20;
+        /**
+         * Sets or gets whether or not automatic clipping should be enabled or not. Setting to true will save performances and
+         * will avoid calculating useless pixels in the pixel shader of the water material.
+         */
+        _this.disableClipPlane = false;
+        _this._renderTargets = new SmartArray(16);
+        /*
+         * Private members
+         */
+        _this._mesh = null;
+        _this._reflectionTransform = Matrix.Zero();
+        _this._lastTime = 0;
+        _this._lastDeltaTime = 0;
+        _this._createRenderTargets(_this.getScene(), renderTargetSize);
+        // Create render targets
+        _this.getRenderTargetTextures = function () {
+            _this._renderTargets.reset();
+            _this._renderTargets.push(_this._reflectionRTT);
+            _this._renderTargets.push(_this._refractionRTT);
+            return _this._renderTargets;
+        };
+        _this._imageProcessingConfiguration = _this.getScene().imageProcessingConfiguration;
+        if (_this._imageProcessingConfiguration) {
+            _this._imageProcessingObserver = _this._imageProcessingConfiguration.onUpdateParameters.add(function () {
+                _this._markAllSubMeshesAsImageProcessingDirty();
+            });
+        }
+        return _this;
+    }
+    Object.defineProperty(WaterMaterial.prototype, "hasRenderTargetTextures", {
+        /**
+         * Gets a boolean indicating that current material needs to register RTT
+         */
+        get: function () {
+            return true;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(WaterMaterial.prototype, "useLogarithmicDepth", {
+        get: function () {
+            return this._useLogarithmicDepth;
+        },
+        set: function (value) {
+            this._useLogarithmicDepth = value && this.getScene().getEngine().getCaps().fragmentDepthSupported;
+            this._markAllSubMeshesAsMiscDirty();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(WaterMaterial.prototype, "refractionTexture", {
+        // Get / Set
+        get: function () {
+            return this._refractionRTT;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(WaterMaterial.prototype, "reflectionTexture", {
+        get: function () {
+            return this._reflectionRTT;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    // Methods
+    WaterMaterial.prototype.addToRenderList = function (node) {
+        if (this._refractionRTT && this._refractionRTT.renderList) {
+            this._refractionRTT.renderList.push(node);
+        }
+        if (this._reflectionRTT && this._reflectionRTT.renderList) {
+            this._reflectionRTT.renderList.push(node);
+        }
+    };
+    WaterMaterial.prototype.enableRenderTargets = function (enable) {
+        var refreshRate = enable ? 1 : 0;
+        if (this._refractionRTT) {
+            this._refractionRTT.refreshRate = refreshRate;
+        }
+        if (this._reflectionRTT) {
+            this._reflectionRTT.refreshRate = refreshRate;
+        }
+    };
+    WaterMaterial.prototype.getRenderList = function () {
+        return this._refractionRTT ? this._refractionRTT.renderList : [];
+    };
+    Object.defineProperty(WaterMaterial.prototype, "renderTargetsEnabled", {
+        get: function () {
+            return !(this._refractionRTT && this._refractionRTT.refreshRate === 0);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    WaterMaterial.prototype.needAlphaBlending = function () {
+        return this.alpha < 1.0;
+    };
+    WaterMaterial.prototype.needAlphaTesting = function () {
+        return false;
+    };
+    WaterMaterial.prototype.getAlphaTestTexture = function () {
+        return null;
+    };
+    WaterMaterial.prototype.isReadyForSubMesh = function (mesh, subMesh, useInstances) {
+        if (this.isFrozen) {
+            if (subMesh.effect && subMesh.effect._wasPreviouslyReady) {
+                return true;
+            }
+        }
+        if (!subMesh.materialDefines) {
+            subMesh.materialDefines = new WaterMaterialDefines();
+        }
+        var defines = subMesh.materialDefines;
+        var scene = this.getScene();
+        if (this._isReadyForSubMesh(subMesh)) {
+            return true;
+        }
+        var engine = scene.getEngine();
+        // Textures
+        if (defines._areTexturesDirty) {
+            defines._needUVs = false;
+            if (scene.texturesEnabled) {
+                if (this.bumpTexture && MaterialFlags.BumpTextureEnabled) {
+                    if (!this.bumpTexture.isReady()) {
+                        return false;
+                    }
+                    else {
+                        defines._needUVs = true;
+                        defines.BUMP = true;
+                    }
+                }
+                if (MaterialFlags.ReflectionTextureEnabled) {
+                    defines.REFLECTION = true;
+                }
+            }
+        }
+        MaterialHelper.PrepareDefinesForFrameBoundValues(scene, engine, defines, useInstances ? true : false);
+        MaterialHelper.PrepareDefinesForMisc(mesh, scene, this._useLogarithmicDepth, this.pointsCloud, this.fogEnabled, this._shouldTurnAlphaTestOn(mesh), defines);
+        if (defines._areMiscDirty) {
+            if (this._fresnelSeparate) {
+                defines.FRESNELSEPARATE = true;
+            }
+            if (this._bumpSuperimpose) {
+                defines.BUMPSUPERIMPOSE = true;
+            }
+            if (this._bumpAffectsReflection) {
+                defines.BUMPAFFECTSREFLECTION = true;
+            }
+        }
+        // Lights
+        defines._needNormals = MaterialHelper.PrepareDefinesForLights(scene, mesh, defines, true, this._maxSimultaneousLights, this._disableLighting);
+        // Image processing
+        if (defines._areImageProcessingDirty && this._imageProcessingConfiguration) {
+            if (!this._imageProcessingConfiguration.isReady()) {
+                return false;
+            }
+            this._imageProcessingConfiguration.prepareDefines(defines);
+            defines.IS_REFLECTION_LINEAR = this.reflectionTexture != null && !this.reflectionTexture.gammaSpace;
+            defines.IS_REFRACTION_LINEAR = this.refractionTexture != null && !this.refractionTexture.gammaSpace;
+        }
+        // Attribs
+        MaterialHelper.PrepareDefinesForAttributes(mesh, defines, true, true);
+        // Configure this
+        this._mesh = mesh;
+        if (this._waitingRenderList) {
+            for (var i = 0; i < this._waitingRenderList.length; i++) {
+                this.addToRenderList(scene.getNodeById(this._waitingRenderList[i]));
+            }
+            this._waitingRenderList = null;
+        }
+        // Get correct effect
+        if (defines.isDirty) {
+            defines.markAsProcessed();
+            scene.resetCachedMaterial();
+            // Fallbacks
+            var fallbacks = new EffectFallbacks();
+            if (defines.FOG) {
+                fallbacks.addFallback(1, "FOG");
+            }
+            if (defines.LOGARITHMICDEPTH) {
+                fallbacks.addFallback(0, "LOGARITHMICDEPTH");
+            }
+            MaterialHelper.HandleFallbacksForShadows(defines, fallbacks, this.maxSimultaneousLights);
+            if (defines.NUM_BONE_INFLUENCERS > 0) {
+                fallbacks.addCPUSkinningFallback(0, mesh);
+            }
+            //Attributes
+            var attribs = [VertexBuffer.PositionKind];
+            if (defines.NORMAL) {
+                attribs.push(VertexBuffer.NormalKind);
+            }
+            if (defines.UV1) {
+                attribs.push(VertexBuffer.UVKind);
+            }
+            if (defines.UV2) {
+                attribs.push(VertexBuffer.UV2Kind);
+            }
+            if (defines.VERTEXCOLOR) {
+                attribs.push(VertexBuffer.ColorKind);
+            }
+            MaterialHelper.PrepareAttributesForBones(attribs, mesh, defines, fallbacks);
+            MaterialHelper.PrepareAttributesForInstances(attribs, defines);
+            // Legacy browser patch
+            var shaderName = "water";
+            var join = defines.toString();
+            var uniforms = [
+                "world",
+                "view",
+                "viewProjection",
+                "vEyePosition",
+                "vLightsType",
+                "vDiffuseColor",
+                "vSpecularColor",
+                "vFogInfos",
+                "vFogColor",
+                "pointSize",
+                "vNormalInfos",
+                "mBones",
+                "vClipPlane",
+                "vClipPlane2",
+                "vClipPlane3",
+                "vClipPlane4",
+                "vClipPlane5",
+                "vClipPlane6",
+                "normalMatrix",
+                "logarithmicDepthConstant",
+                // Water
+                "worldReflectionViewProjection",
+                "windDirection",
+                "waveLength",
+                "time",
+                "windForce",
+                "cameraPosition",
+                "bumpHeight",
+                "waveHeight",
+                "waterColor",
+                "waterColor2",
+                "colorBlendFactor",
+                "colorBlendFactor2",
+                "waveSpeed",
+                "waveCount",
+            ];
+            var samplers = [
+                "normalSampler",
+                // Water
+                "refractionSampler",
+                "reflectionSampler",
+            ];
+            var uniformBuffers = new Array();
+            if (ImageProcessingConfiguration) {
+                ImageProcessingConfiguration.PrepareUniforms(uniforms, defines);
+                ImageProcessingConfiguration.PrepareSamplers(samplers, defines);
+            }
+            MaterialHelper.PrepareUniformsAndSamplersList({
+                uniformsNames: uniforms,
+                uniformBuffersNames: uniformBuffers,
+                samplers: samplers,
+                defines: defines,
+                maxSimultaneousLights: this.maxSimultaneousLights,
+            });
+            subMesh.setEffect(scene.getEngine().createEffect(shaderName, {
+                attributes: attribs,
+                uniformsNames: uniforms,
+                uniformBuffersNames: uniformBuffers,
+                samplers: samplers,
+                defines: join,
+                fallbacks: fallbacks,
+                onCompiled: this.onCompiled,
+                onError: this.onError,
+                indexParameters: { maxSimultaneousLights: this._maxSimultaneousLights },
+            }, engine), defines, this._materialContext);
+        }
+        if (!subMesh.effect || !subMesh.effect.isReady()) {
+            return false;
+        }
+        defines._renderId = scene.getRenderId();
+        subMesh.effect._wasPreviouslyReady = true;
+        return true;
+    };
+    WaterMaterial.prototype.bindForSubMesh = function (world, mesh, subMesh) {
+        var scene = this.getScene();
+        var defines = subMesh.materialDefines;
+        if (!defines) {
+            return;
+        }
+        var effect = subMesh.effect;
+        if (!effect || !this._mesh) {
+            return;
+        }
+        this._activeEffect = effect;
+        // Matrices
+        this.bindOnlyWorldMatrix(world);
+        this._activeEffect.setMatrix("viewProjection", scene.getTransformMatrix());
+        // Bones
+        MaterialHelper.BindBonesParameters(mesh, this._activeEffect);
+        if (this._mustRebind(scene, effect)) {
+            // Textures
+            if (this.bumpTexture && MaterialFlags.BumpTextureEnabled) {
+                this._activeEffect.setTexture("normalSampler", this.bumpTexture);
+                this._activeEffect.setFloat2("vNormalInfos", this.bumpTexture.coordinatesIndex, this.bumpTexture.level);
+                this._activeEffect.setMatrix("normalMatrix", this.bumpTexture.getTextureMatrix());
+            }
+            // Clip plane
+            MaterialHelper.BindClipPlane(this._activeEffect, scene);
+            // Point size
+            if (this.pointsCloud) {
+                this._activeEffect.setFloat("pointSize", this.pointSize);
+            }
+            scene.bindEyePosition(effect);
+        }
+        this._activeEffect.setColor4("vDiffuseColor", this.diffuseColor, this.alpha * mesh.visibility);
+        if (defines.SPECULARTERM) {
+            this._activeEffect.setColor4("vSpecularColor", this.specularColor, this.specularPower);
+        }
+        if (scene.lightsEnabled && !this.disableLighting) {
+            MaterialHelper.BindLights(scene, mesh, this._activeEffect, defines, this.maxSimultaneousLights);
+        }
+        // View
+        if (scene.fogEnabled && mesh.applyFog && scene.fogMode !== Scene.FOGMODE_NONE) {
+            this._activeEffect.setMatrix("view", scene.getViewMatrix());
+        }
+        // Fog
+        MaterialHelper.BindFogParameters(scene, mesh, this._activeEffect);
+        // Log. depth
+        MaterialHelper.BindLogDepth(defines, this._activeEffect, scene);
+        // Water
+        if (MaterialFlags.ReflectionTextureEnabled) {
+            this._activeEffect.setTexture("refractionSampler", this._refractionRTT);
+            this._activeEffect.setTexture("reflectionSampler", this._reflectionRTT);
+        }
+        var wrvp = this._mesh.getWorldMatrix().multiply(this._reflectionTransform).multiply(scene.getProjectionMatrix());
+        // Add delta time. Prevent adding delta time if it hasn't changed.
+        var deltaTime = scene.getEngine().getDeltaTime();
+        if (deltaTime !== this._lastDeltaTime) {
+            this._lastDeltaTime = deltaTime;
+            this._lastTime += this._lastDeltaTime;
+        }
+        this._activeEffect.setMatrix("worldReflectionViewProjection", wrvp);
+        this._activeEffect.setVector2("windDirection", this.windDirection);
+        this._activeEffect.setFloat("waveLength", this.waveLength);
+        this._activeEffect.setFloat("time", this._lastTime / 100000);
+        this._activeEffect.setFloat("windForce", this.windForce);
+        this._activeEffect.setFloat("waveHeight", this.waveHeight);
+        this._activeEffect.setFloat("bumpHeight", this.bumpHeight);
+        this._activeEffect.setColor4("waterColor", this.waterColor, 1.0);
+        this._activeEffect.setFloat("colorBlendFactor", this.colorBlendFactor);
+        this._activeEffect.setColor4("waterColor2", this.waterColor2, 1.0);
+        this._activeEffect.setFloat("colorBlendFactor2", this.colorBlendFactor2);
+        this._activeEffect.setFloat("waveSpeed", this.waveSpeed);
+        this._activeEffect.setFloat("waveCount", this.waveCount);
+        // image processing
+        if (this._imageProcessingConfiguration && !this._imageProcessingConfiguration.applyByPostProcess) {
+            this._imageProcessingConfiguration.bind(this._activeEffect);
+        }
+        this._afterBind(mesh, this._activeEffect);
+    };
+    WaterMaterial.prototype._createRenderTargets = function (scene, renderTargetSize) {
+        var _this = this;
+        // Render targets
+        this._refractionRTT = new RenderTargetTexture(name + "_refraction", { width: renderTargetSize.x, height: renderTargetSize.y }, scene, false, true);
+        this._refractionRTT.wrapU = Constants.TEXTURE_MIRROR_ADDRESSMODE;
+        this._refractionRTT.wrapV = Constants.TEXTURE_MIRROR_ADDRESSMODE;
+        this._refractionRTT.ignoreCameraViewport = true;
+        this._reflectionRTT = new RenderTargetTexture(name + "_reflection", { width: renderTargetSize.x, height: renderTargetSize.y }, scene, false, true);
+        this._reflectionRTT.wrapU = Constants.TEXTURE_MIRROR_ADDRESSMODE;
+        this._reflectionRTT.wrapV = Constants.TEXTURE_MIRROR_ADDRESSMODE;
+        this._reflectionRTT.ignoreCameraViewport = true;
+        var isVisible;
+        var clipPlane = null;
+        var savedViewMatrix;
+        var mirrorMatrix = Matrix.Zero();
+        this._refractionRTT.onBeforeRender = function () {
+            if (_this._mesh) {
+                isVisible = _this._mesh.isVisible;
+                _this._mesh.isVisible = false;
+            }
+            // Clip plane
+            if (!_this.disableClipPlane) {
+                clipPlane = scene.clipPlane;
+                var positiony = _this._mesh ? _this._mesh.position.y : 0.0;
+                scene.clipPlane = Plane.FromPositionAndNormal(new Vector3(0, positiony + 0.05, 0), new Vector3(0, 1, 0));
+            }
+        };
+        this._refractionRTT.onAfterRender = function () {
+            if (_this._mesh) {
+                _this._mesh.isVisible = isVisible;
+            }
+            // Clip plane
+            if (!_this.disableClipPlane) {
+                scene.clipPlane = clipPlane;
+            }
+        };
+        this._reflectionRTT.onBeforeRender = function () {
+            if (_this._mesh) {
+                isVisible = _this._mesh.isVisible;
+                _this._mesh.isVisible = false;
+            }
+            // Clip plane
+            if (!_this.disableClipPlane) {
+                clipPlane = scene.clipPlane;
+                var positiony = _this._mesh ? _this._mesh.position.y : 0.0;
+                scene.clipPlane = Plane.FromPositionAndNormal(new Vector3(0, positiony - 0.05, 0), new Vector3(0, -1, 0));
+                Matrix.ReflectionToRef(scene.clipPlane, mirrorMatrix);
+            }
+            // Transform
+            savedViewMatrix = scene.getViewMatrix();
+            mirrorMatrix.multiplyToRef(savedViewMatrix, _this._reflectionTransform);
+            scene.setTransformMatrix(_this._reflectionTransform, scene.getProjectionMatrix());
+            scene.getEngine().cullBackFaces = false;
+            scene._mirroredCameraPosition = Vector3.TransformCoordinates(scene.activeCamera.position, mirrorMatrix);
+        };
+        this._reflectionRTT.onAfterRender = function () {
+            if (_this._mesh) {
+                _this._mesh.isVisible = isVisible;
+            }
+            // Clip plane
+            scene.clipPlane = clipPlane;
+            // Transform
+            scene.setTransformMatrix(savedViewMatrix, scene.getProjectionMatrix());
+            scene.getEngine().cullBackFaces = null;
+            scene._mirroredCameraPosition = null;
+        };
+    };
+    WaterMaterial.prototype.getAnimatables = function () {
+        var results = [];
+        if (this.bumpTexture && this.bumpTexture.animations && this.bumpTexture.animations.length > 0) {
+            results.push(this.bumpTexture);
+        }
+        if (this._reflectionRTT && this._reflectionRTT.animations && this._reflectionRTT.animations.length > 0) {
+            results.push(this._reflectionRTT);
+        }
+        if (this._refractionRTT && this._refractionRTT.animations && this._refractionRTT.animations.length > 0) {
+            results.push(this._refractionRTT);
+        }
+        return results;
+    };
+    WaterMaterial.prototype.getActiveTextures = function () {
+        var activeTextures = _super.prototype.getActiveTextures.call(this);
+        if (this._bumpTexture) {
+            activeTextures.push(this._bumpTexture);
+        }
+        return activeTextures;
+    };
+    WaterMaterial.prototype.hasTexture = function (texture) {
+        if (_super.prototype.hasTexture.call(this, texture)) {
+            return true;
+        }
+        if (this._bumpTexture === texture) {
+            return true;
+        }
+        return false;
+    };
+    WaterMaterial.prototype.dispose = function (forceDisposeEffect) {
+        if (this.bumpTexture) {
+            this.bumpTexture.dispose();
+        }
+        var index = this.getScene().customRenderTargets.indexOf(this._refractionRTT);
+        if (index != -1) {
+            this.getScene().customRenderTargets.splice(index, 1);
+        }
+        index = -1;
+        index = this.getScene().customRenderTargets.indexOf(this._reflectionRTT);
+        if (index != -1) {
+            this.getScene().customRenderTargets.splice(index, 1);
+        }
+        if (this._reflectionRTT) {
+            this._reflectionRTT.dispose();
+        }
+        if (this._refractionRTT) {
+            this._refractionRTT.dispose();
+        }
+        // Remove image-processing observer
+        if (this._imageProcessingConfiguration && this._imageProcessingObserver) {
+            this._imageProcessingConfiguration.onUpdateParameters.remove(this._imageProcessingObserver);
+        }
+        _super.prototype.dispose.call(this, forceDisposeEffect);
+    };
+    WaterMaterial.prototype.clone = function (name) {
+        var _this = this;
+        return SerializationHelper.Clone(function () { return new WaterMaterial(name, _this.getScene()); }, this);
+    };
+    WaterMaterial.prototype.serialize = function () {
+        var serializationObject = _super.prototype.serialize.call(this);
+        serializationObject.customType = "BABYLON.WaterMaterial";
+        serializationObject.renderList = [];
+        if (this._refractionRTT && this._refractionRTT.renderList) {
+            for (var i = 0; i < this._refractionRTT.renderList.length; i++) {
+                serializationObject.renderList.push(this._refractionRTT.renderList[i].id);
+            }
+        }
+        return serializationObject;
+    };
+    WaterMaterial.prototype.getClassName = function () {
+        return "WaterMaterial";
+    };
+    // Statics
+    WaterMaterial.Parse = function (source, scene, rootUrl) {
+        var mat = SerializationHelper.Parse(function () { return new WaterMaterial(source.name, scene); }, source, scene, rootUrl);
+        mat._waitingRenderList = source.renderList;
+        return mat;
+    };
+    WaterMaterial.CreateDefaultMesh = function (name, scene) {
+        var mesh = CreateGround(name, { width: 512, height: 512, subdivisions: 32, updatable: false }, scene);
+        return mesh;
+    };
+    __decorate([
+        serializeAsTexture("bumpTexture")
+    ], WaterMaterial.prototype, "_bumpTexture", void 0);
+    __decorate([
+        expandToProperty("_markAllSubMeshesAsTexturesDirty")
+    ], WaterMaterial.prototype, "bumpTexture", void 0);
+    __decorate([
+        serializeAsColor3()
+    ], WaterMaterial.prototype, "diffuseColor", void 0);
+    __decorate([
+        serializeAsColor3()
+    ], WaterMaterial.prototype, "specularColor", void 0);
+    __decorate([
+        serialize()
+    ], WaterMaterial.prototype, "specularPower", void 0);
+    __decorate([
+        serialize("disableLighting")
+    ], WaterMaterial.prototype, "_disableLighting", void 0);
+    __decorate([
+        expandToProperty("_markAllSubMeshesAsLightsDirty")
+    ], WaterMaterial.prototype, "disableLighting", void 0);
+    __decorate([
+        serialize("maxSimultaneousLights")
+    ], WaterMaterial.prototype, "_maxSimultaneousLights", void 0);
+    __decorate([
+        expandToProperty("_markAllSubMeshesAsLightsDirty")
+    ], WaterMaterial.prototype, "maxSimultaneousLights", void 0);
+    __decorate([
+        serialize()
+    ], WaterMaterial.prototype, "windForce", void 0);
+    __decorate([
+        serializeAsVector2()
+    ], WaterMaterial.prototype, "windDirection", void 0);
+    __decorate([
+        serialize()
+    ], WaterMaterial.prototype, "waveHeight", void 0);
+    __decorate([
+        serialize()
+    ], WaterMaterial.prototype, "bumpHeight", void 0);
+    __decorate([
+        serialize("bumpSuperimpose")
+    ], WaterMaterial.prototype, "_bumpSuperimpose", void 0);
+    __decorate([
+        expandToProperty("_markAllSubMeshesAsMiscDirty")
+    ], WaterMaterial.prototype, "bumpSuperimpose", void 0);
+    __decorate([
+        serialize("fresnelSeparate")
+    ], WaterMaterial.prototype, "_fresnelSeparate", void 0);
+    __decorate([
+        expandToProperty("_markAllSubMeshesAsMiscDirty")
+    ], WaterMaterial.prototype, "fresnelSeparate", void 0);
+    __decorate([
+        serialize("bumpAffectsReflection")
+    ], WaterMaterial.prototype, "_bumpAffectsReflection", void 0);
+    __decorate([
+        expandToProperty("_markAllSubMeshesAsMiscDirty")
+    ], WaterMaterial.prototype, "bumpAffectsReflection", void 0);
+    __decorate([
+        serializeAsColor3()
+    ], WaterMaterial.prototype, "waterColor", void 0);
+    __decorate([
+        serialize()
+    ], WaterMaterial.prototype, "colorBlendFactor", void 0);
+    __decorate([
+        serializeAsColor3()
+    ], WaterMaterial.prototype, "waterColor2", void 0);
+    __decorate([
+        serialize()
+    ], WaterMaterial.prototype, "colorBlendFactor2", void 0);
+    __decorate([
+        serialize()
+    ], WaterMaterial.prototype, "waveLength", void 0);
+    __decorate([
+        serialize()
+    ], WaterMaterial.prototype, "waveSpeed", void 0);
+    __decorate([
+        serialize()
+    ], WaterMaterial.prototype, "waveCount", void 0);
+    __decorate([
+        serialize()
+    ], WaterMaterial.prototype, "disableClipPlane", void 0);
+    __decorate([
+        serialize()
+    ], WaterMaterial.prototype, "useLogarithmicDepth", null);
+    return WaterMaterial;
+}(PushMaterial));
+export { WaterMaterial };
+RegisterClass("BABYLON.WaterMaterial", WaterMaterial);
 //# sourceMappingURL=waterMaterial.js.map