@babylonjs/gui 5.0.0-alpha.8 → 5.0.0-beta.10

package/3D/materials/handle/handleMaterial.js

@@ -0,0 +1,127 @@
+import { __extends } from "tslib";
+import { ShaderMaterial } from "@babylonjs/core/Materials/shaderMaterial.js";
+import { Color3, TmpColors } from "@babylonjs/core/Maths/math.color.js";
+import { Vector3 } from "@babylonjs/core/Maths/math.vector.js";
+import "./shaders/handle.vertex.js";
+import "./shaders/handle.fragment.js";
+/**
+ * Class used to render gizmo handles with fluent design
+ */
+var HandleMaterial = /** @class */ (function (_super) {
+    __extends(HandleMaterial, _super);
+    /**
+     * Creates a handle material
+     * @param name Name of the material
+     * @param scene Scene
+     */
+    function HandleMaterial(name, scene) {
+        var _this = _super.call(this, name, scene, "handle", {
+            attributes: ["position"],
+            uniforms: ["worldViewProjection", "color", "scale", "positionOffset"],
+            needAlphaBlending: false,
+            needAlphaTesting: false,
+        }) || this;
+        _this._hover = false;
+        _this._drag = false;
+        _this._color = new Color3();
+        _this._scale = 1;
+        _this._lastTick = -1;
+        /**
+         * Length of animation
+         */
+        _this.animationLength = 100;
+        /**
+         * Color of the handle when hovered
+         */
+        _this.hoverColor = new Color3(0, 0.467, 0.84);
+        /**
+         * Color of the handle when idle
+         */
+        _this.baseColor = new Color3(1, 1, 1);
+        /**
+         * Scale of the handle when hovered
+         */
+        _this.hoverScale = 0.75;
+        /**
+         * Scale of the handle when idle
+         */
+        _this.baseScale = 0.35;
+        /**
+         * Scale of the handle when dragged
+         */
+        _this.dragScale = 0.55;
+        /**
+         * @hidden
+         */
+        _this._positionOffset = Vector3.Zero();
+        _this._updateInterpolationTarget();
+        // Register callback for scene after render
+        _this._lastTick = Date.now();
+        _this._onBeforeRender = _this.getScene().onBeforeRenderObservable.add(function () {
+            var tick = Date.now();
+            var delta = tick - _this._lastTick;
+            var scaleDiff = _this._targetScale - _this._scale;
+            var colorDiff = TmpColors.Color3[0].copyFrom(_this._targetColor).subtractToRef(_this._color, TmpColors.Color3[0]);
+            _this._scale = _this._scale + (scaleDiff * delta) / _this.animationLength;
+            colorDiff.scaleToRef(delta / _this.animationLength, colorDiff);
+            _this._color.addToRef(colorDiff, _this._color);
+            _this.setColor3("color", _this._color);
+            _this.setFloat("scale", _this._scale);
+            _this.setVector3("positionOffset", _this._positionOffset);
+            _this._lastTick = tick;
+        });
+        return _this;
+    }
+    Object.defineProperty(HandleMaterial.prototype, "hover", {
+        /**
+         * Is the material indicating hovering state
+         */
+        get: function () {
+            return this._hover;
+        },
+        set: function (b) {
+            this._hover = b;
+            this._updateInterpolationTarget();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(HandleMaterial.prototype, "drag", {
+        /**
+         * Is the material indicating drag state
+         */
+        get: function () {
+            return this._drag;
+        },
+        set: function (b) {
+            this._drag = b;
+            this._updateInterpolationTarget();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    HandleMaterial.prototype._updateInterpolationTarget = function () {
+        if (this.drag) {
+            this._targetColor = this.hoverColor;
+            this._targetScale = this.dragScale;
+        }
+        else if (this.hover) {
+            this._targetColor = this.hoverColor;
+            this._targetScale = this.hoverScale;
+        }
+        else {
+            this._targetColor = this.baseColor;
+            this._targetScale = this.baseScale;
+        }
+    };
+    /**
+     * Disposes the handle material
+     */
+    HandleMaterial.prototype.dispose = function () {
+        _super.prototype.dispose.call(this);
+        this.getScene().onBeforeRenderObservable.remove(this._onBeforeRender);
+    };
+    return HandleMaterial;
+}(ShaderMaterial));
+export { HandleMaterial };
+//# sourceMappingURL=handleMaterial.js.map

package/3D/materials/handle/handleMaterial.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handleMaterial.js","sourceRoot":"","sources":["../../../../../sourceES6/gui/src/3D/materials/handle/handleMaterial.ts"],"names":[],"mappings":"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","sourcesContent":["import { ShaderMaterial } from \"@babylonjs/core/Materials/shaderMaterial\";\r\nimport { Scene } from \"@babylonjs/core/scene\";\r\nimport { Nullable } from \"@babylonjs/core/types\";\r\nimport { Observer } from \"@babylonjs/core/Misc/observable\";\r\nimport { Color3, TmpColors } from \"@babylonjs/core/Maths/math.color\";\r\nimport { Vector3 } from \"@babylonjs/core/Maths/math.vector\";\r\n\r\nimport \"./shaders/handle.vertex\";\r\nimport \"./shaders/handle.fragment\";\r\n\r\n/**\r\n * Class used to render gizmo handles with fluent design\r\n */\r\nexport class HandleMaterial extends ShaderMaterial {\r\n    private _hover: boolean = false;\r\n    private _drag: boolean = false;\r\n    private _onBeforeRender: Nullable<Observer<Scene>>;\r\n    private _color: Color3 = new Color3();\r\n    private _scale: number = 1;\r\n    private _targetColor: Color3;\r\n    private _targetScale: number;\r\n    private _lastTick = -1;\r\n\r\n    /**\r\n     * Is the material indicating hovering state\r\n     */\r\n    public get hover(): boolean {\r\n        return this._hover;\r\n    }\r\n\r\n    public set hover(b: boolean) {\r\n        this._hover = b;\r\n\r\n        this._updateInterpolationTarget();\r\n    }\r\n\r\n    /**\r\n     * Is the material indicating drag state\r\n     */\r\n    public get drag(): boolean {\r\n        return this._drag;\r\n    }\r\n\r\n    public set drag(b: boolean) {\r\n        this._drag = b;\r\n\r\n        this._updateInterpolationTarget();\r\n    }\r\n\r\n    /**\r\n     * Length of animation\r\n     */\r\n    public animationLength: number = 100;\r\n\r\n    /**\r\n     * Color of the handle when hovered\r\n     */\r\n    public hoverColor: Color3 = new Color3(0, 0.467, 0.84);\r\n\r\n    /**\r\n     * Color of the handle when idle\r\n     */\r\n    public baseColor: Color3 = new Color3(1, 1, 1);\r\n\r\n    /**\r\n     * Scale of the handle when hovered\r\n     */\r\n    public hoverScale: number = 0.75;\r\n\r\n    /**\r\n     * Scale of the handle when idle\r\n     */\r\n    public baseScale: number = 0.35;\r\n\r\n    /**\r\n     * Scale of the handle when dragged\r\n     */\r\n    public dragScale: number = 0.55;\r\n\r\n    /**\r\n     * @hidden\r\n     */\r\n    public _positionOffset: Vector3 = Vector3.Zero();\r\n\r\n    /**\r\n     * Creates a handle material\r\n     * @param name Name of the material\r\n     * @param scene Scene\r\n     */\r\n    constructor(name: string, scene: Scene) {\r\n        super(name, scene, \"handle\", {\r\n            attributes: [\"position\"],\r\n            uniforms: [\"worldViewProjection\", \"color\", \"scale\", \"positionOffset\"],\r\n            needAlphaBlending: false,\r\n            needAlphaTesting: false,\r\n        });\r\n\r\n        this._updateInterpolationTarget();\r\n\r\n        // Register callback for scene after render\r\n        this._lastTick = Date.now();\r\n        this._onBeforeRender = this.getScene().onBeforeRenderObservable.add(() => {\r\n            const tick = Date.now();\r\n            const delta = tick - this._lastTick;\r\n\r\n            const scaleDiff = this._targetScale - this._scale;\r\n            const colorDiff = TmpColors.Color3[0].copyFrom(this._targetColor).subtractToRef(this._color, TmpColors.Color3[0]);\r\n\r\n            this._scale = this._scale + (scaleDiff * delta) / this.animationLength;\r\n            colorDiff.scaleToRef(delta / this.animationLength, colorDiff);\r\n            this._color.addToRef(colorDiff, this._color);\r\n\r\n            this.setColor3(\"color\", this._color);\r\n            this.setFloat(\"scale\", this._scale);\r\n            this.setVector3(\"positionOffset\", this._positionOffset);\r\n\r\n            this._lastTick = tick;\r\n        });\r\n    }\r\n\r\n    private _updateInterpolationTarget() {\r\n        if (this.drag) {\r\n            this._targetColor = this.hoverColor;\r\n            this._targetScale = this.dragScale;\r\n        } else if (this.hover) {\r\n            this._targetColor = this.hoverColor;\r\n            this._targetScale = this.hoverScale;\r\n        } else {\r\n            this._targetColor = this.baseColor;\r\n            this._targetScale = this.baseScale;\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Disposes the handle material\r\n     */\r\n    public dispose() {\r\n        super.dispose();\r\n        this.getScene().onBeforeRenderObservable.remove(this._onBeforeRender);\r\n    }\r\n}\r\n"]}

package/3D/materials/handle/index.d.ts

@@ -0,0 +1 @@
+export * from "./handleMaterial";

package/3D/materials/handle/index.js

@@ -0,0 +1,2 @@
+export * from "./handleMaterial.js";
+//# sourceMappingURL=index.js.map

package/3D/materials/handle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../sourceES6/gui/src/3D/materials/handle/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC","sourcesContent":["export * from \"./handleMaterial\";"]}

package/3D/materials/handle/shaders/handle.fragment.d.ts

@@ -0,0 +1,5 @@
+/** @hidden */
+export declare var handlePixelShader: {
+    name: string;
+    shader: string;
+};

package/3D/materials/handle/shaders/handle.fragment.js

@@ -0,0 +1,7 @@
+import { ShaderStore } from "@babylonjs/core/Engines/shaderStore.js";
+var name = 'handlePixelShader';
+var shader = "uniform vec3 color;\nvoid main(void) {\ngl_FragColor=vec4(color,1.0);\n}";
+ShaderStore.ShadersStore[name] = shader;
+/** @hidden */
+export var handlePixelShader = { name: name, shader: shader };
+//# sourceMappingURL=handle.fragment.js.map

package/3D/materials/handle/shaders/handle.fragment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handle.fragment.js","sourceRoot":"","sources":["../../../../../../sourceES6/gui/src/3D/materials/handle/shaders/handle.fragment.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAElE,IAAI,IAAI,GAAG,mBAAmB,CAAC;AAC/B,IAAI,MAAM,GAAG,0EAGX,CAAC;AAEH,WAAW,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC;AACxC,cAAc;AACd,MAAM,CAAC,IAAI,iBAAiB,GAAG,EAAE,IAAI,MAAA,EAAE,MAAM,QAAA,EAAE,CAAC","sourcesContent":["import { ShaderStore } from \"@babylonjs/core/Engines/shaderStore\";\n\nlet name = 'handlePixelShader';\nlet shader = `uniform vec3 color;\nvoid main(void) {\ngl_FragColor=vec4(color,1.0);\n}`;\n\nShaderStore.ShadersStore[name] = shader;\n/** @hidden */\nexport var handlePixelShader = { name, shader };\n"]}

package/3D/materials/handle/shaders/handle.vertex.d.ts

@@ -0,0 +1,5 @@
+/** @hidden */
+export declare var handleVertexShader: {
+    name: string;
+    shader: string;
+};

package/3D/materials/handle/shaders/handle.vertex.js

@@ -0,0 +1,7 @@
+import { ShaderStore } from "@babylonjs/core/Engines/shaderStore.js";
+var name = 'handleVertexShader';
+var shader = "precision highp float;\n\nattribute vec3 position;\n\nuniform vec3 positionOffset;\nuniform mat4 worldViewProjection;\nuniform float scale;\nvoid main(void) {\nvec4 vPos=vec4((vec3(position)+positionOffset)*scale,1.0);\ngl_Position=worldViewProjection*vPos;\n}";
+ShaderStore.ShadersStore[name] = shader;
+/** @hidden */
+export var handleVertexShader = { name: name, shader: shader };
+//# sourceMappingURL=handle.vertex.js.map

package/3D/materials/handle/shaders/handle.vertex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handle.vertex.js","sourceRoot":"","sources":["../../../../../../sourceES6/gui/src/3D/materials/handle/shaders/handle.vertex.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAElE,IAAI,IAAI,GAAG,oBAAoB,CAAC;AAChC,IAAI,MAAM,GAAG,sQAUX,CAAC;AAEH,WAAW,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC;AACxC,cAAc;AACd,MAAM,CAAC,IAAI,kBAAkB,GAAG,EAAE,IAAI,MAAA,EAAE,MAAM,QAAA,EAAE,CAAC","sourcesContent":["import { ShaderStore } from \"@babylonjs/core/Engines/shaderStore\";\n\nlet name = 'handleVertexShader';\nlet shader = `precision highp float;\n\nattribute vec3 position;\n\nuniform vec3 positionOffset;\nuniform mat4 worldViewProjection;\nuniform float scale;\nvoid main(void) {\nvec4 vPos=vec4((vec3(position)+positionOffset)*scale,1.0);\ngl_Position=worldViewProjection*vPos;\n}`;\n\nShaderStore.ShadersStore[name] = shader;\n/** @hidden */\nexport var handleVertexShader = { name, shader };\n"]}

package/3D/materials/index.d.ts

@@ -1 +1,5 @@
-export * from "./fluentMaterial";
+export * from "./fluent/index";
+export * from "./fluentButton/index";
+export * from "./fluentBackplate/index";
+export * from "./handle/index";
+export * from "./mrdl/index";

package/3D/materials/index.js

@@ -1,2 +1,6 @@
-export * from "./fluentMaterial";
+export * from "./fluent/index.js";
+export * from "./fluentButton/index.js";
+export * from "./fluentBackplate/index.js";
+export * from "./handle/index.js";
+export * from "./mrdl/index.js";
 //# sourceMappingURL=index.js.map

package/3D/materials/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../sourceES6/gui/src/3D/materials/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC","sourcesContent":["export * from \"./fluentMaterial\";"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../sourceES6/gui/src/3D/materials/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC","sourcesContent":["export * from \"./fluent/index\";\nexport * from \"./fluentButton/index\";\nexport * from \"./fluentBackplate/index\";\nexport * from \"./handle/index\";\nexport * from \"./mrdl/index\";"]}

package/3D/materials/mrdl/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./mrdlSliderBarMaterial";
+export * from "./mrdlSliderThumbMaterial";
+export * from "./mrdlBackplateMaterial";

package/3D/materials/mrdl/index.js

@@ -0,0 +1,4 @@
+export * from "./mrdlSliderBarMaterial.js";
+export * from "./mrdlSliderThumbMaterial.js";
+export * from "./mrdlBackplateMaterial.js";
+//# sourceMappingURL=index.js.map

package/3D/materials/mrdl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../sourceES6/gui/src/3D/materials/mrdl/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC","sourcesContent":["export * from \"./mrdlSliderBarMaterial\";\r\nexport * from \"./mrdlSliderThumbMaterial\";\r\nexport * from \"./mrdlBackplateMaterial\";"]}

package/3D/materials/mrdl/mrdlBackplateMaterial.d.ts

@@ -0,0 +1,147 @@
+import { Nullable } from "@babylonjs/core/types";
+import { Matrix, Vector4 } from "@babylonjs/core/Maths/math.vector";
+import { IAnimatable } from "@babylonjs/core/Animations/animatable.interface";
+import { BaseTexture } from "@babylonjs/core/Materials/Textures/baseTexture";
+import { PushMaterial } from "@babylonjs/core/Materials/pushMaterial";
+import { AbstractMesh } from "@babylonjs/core/Meshes/abstractMesh";
+import { SubMesh } from "@babylonjs/core/Meshes/subMesh";
+import { Mesh } from "@babylonjs/core/Meshes/mesh";
+import { Scene } from "@babylonjs/core/scene";
+import { Color4 } from "@babylonjs/core/Maths/math.color";
+import "./shaders/mrdlBackplate.fragment";
+import "./shaders/mrdlBackplate.vertex";
+/**
+ * Class used to render backplate material with MRDL
+ */
+export declare class MRDLBackplateMaterial extends PushMaterial {
+    /**
+     * URL pointing to the texture used to define the coloring for the Iridescent Map effect.
+     */
+    static IRIDESCENT_MAP_TEXTURE_URL: string;
+    private _iridescentMapTexture;
+    /**
+    * Gets or sets the corner radius on the backplate. If this value is changed, update the lineWidth to match.
+    */
+    radius: number;
+    /**
+     * Gets or sets the line width of the backplate.
+     */
+    lineWidth: number;
+    /**
+     * Gets or sets whether to use absolute sizes when calculating effects on the backplate.
+     * Since desktop and VR/AR have different relative sizes, it's usually best to keep this false.
+     */
+    absoluteSizes: boolean;
+    /** @hidden */
+    _filterWidth: number;
+    /**
+     * Gets or sets the base color of the backplate.
+     */
+    baseColor: Color4;
+    /**
+     * Gets or sets the line color of the backplate.
+     */
+    lineColor: Color4;
+    /**
+     * Gets or sets the top left Radii Multiplier.
+     */
+    radiusTopLeft: number;
+    /**
+     * Gets or sets the top left Radii Multiplier.
+     */
+    radiusTopRight: number;
+    /**
+    * Gets or sets the top left Radii Multiplier.
+    */
+    radiusBottomLeft: number;
+    /**
+     * Gets or sets the top left Radii Multiplier.
+     */
+    radiusBottomRight: number;
+    /** @hidden */
+    _rate: number;
+    /**
+     * Gets or sets the color of the highlights on the backplate line.
+     */
+    highlightColor: Color4;
+    /**
+     * Gets or sets the width of the highlights on the backplate line.
+     */
+    highlightWidth: number;
+    /** @hidden */
+    _highlightTransform: Vector4;
+    /** @hidden */
+    _highlight: number;
+    /**
+     * Gets or sets the intensity of the iridescence effect.
+     */
+    iridescenceIntensity: number;
+    /**
+     * Gets or sets the intensity of the iridescence effect on the backplate edges.
+     */
+    iridescenceEdgeIntensity: number;
+    /**
+     * Gets or sets the Tint of the iridescence effect on the backplate.
+     */
+    iridescenceTint: Color4;
+    /** @hidden */
+    _angle: number;
+    /**
+     * Gets or sets the opacity of the backplate (0.0 - 1.0).
+     */
+    fadeOut: number;
+    /** @hidden */
+    _reflected: boolean;
+    /** @hidden */
+    _frequency: number;
+    /** @hidden */
+    _verticalOffset: number;
+    /**
+     * Gets or sets the gradient color effect on the backplate.
+     */
+    gradientColor: Color4;
+    /**
+     * Gets or sets the top left gradient color effect on the backplate.
+     */
+    topLeftGradientColor: Color4;
+    /**
+     * Gets or sets the top right gradient color effect on the backplate.
+     */
+    topRightGradientColor: Color4;
+    /**
+     * Gets or sets the bottom left gradient color effect on the backplate.
+     */
+    bottomLeftGradientColor: Color4;
+    /**
+     * Gets or sets the bottom right gradient color effect on the backplate.
+     */
+    bottomRightGradientColor: Color4;
+    /**
+     * Gets or sets the edge width of the backplate.
+     */
+    edgeWidth: number;
+    /**
+     * Gets or sets the edge width of the backplate.
+     */
+    edgePower: number;
+    /**
+     * Gets or sets the edge width of the backplate.
+     */
+    edgeLineGradientBlend: number;
+    constructor(name: string, scene?: Scene);
+    needAlphaBlending(): boolean;
+    needAlphaTesting(): boolean;
+    getAlphaTestTexture(): Nullable<BaseTexture>;
+    isReadyForSubMesh(mesh: AbstractMesh, subMesh: SubMesh, useInstances?: boolean): boolean;
+    bindForSubMesh(world: Matrix, mesh: Mesh, subMesh: SubMesh): void;
+    /**
+     * Get the list of animatables in the material.
+     * @returns the list of animatables object used in the material
+     */
+    getAnimatables(): IAnimatable[];
+    dispose(forceDisposeEffect?: boolean): void;
+    clone(name: string): MRDLBackplateMaterial;
+    serialize(): any;
+    getClassName(): string;
+    static Parse(source: any, scene: Scene, rootUrl: string): MRDLBackplateMaterial;
+}