@babylonjs/gui 5.0.0-alpha.9 → 5.0.0-beta.1

package/3D/controls/touchButton3D.js

@@ -1,20 +1,9 @@
 // Assumptions: absolute position of button mesh is inside the mesh
 import { __extends } from "tslib";
-import { Vector3, Quaternion } from "@babylonjs/core/Maths/math.vector";
-import { Ray } from "@babylonjs/core/Culling/ray";
-import { Button3D } from "./button3D";
-/**
- * Enum for Button States
- */
-var ButtonState;
-(function (ButtonState) {
-    /** None */
-    ButtonState[ButtonState["None"] = 0] = "None";
-    /** Pointer Entered */
-    ButtonState[ButtonState["Hover"] = 1] = "Hover";
-    /** Pointer Down */
-    ButtonState[ButtonState["Press"] = 2] = "Press";
-})(ButtonState || (ButtonState = {}));
+import { Vector3 } from "@babylonjs/core/Maths/math.vector.js";
+import { PointerEventTypes } from "@babylonjs/core/Events/pointerEvents.js";
+import { TmpVectors } from "@babylonjs/core/Maths/math.vector.js";
+import { Button3D } from "./button3D.js";
 /**
  * Class used to create a touchable button in 3D
  */
@@ -27,14 +16,8 @@ var TouchButton3D = /** @class */ (function (_super) {
      */
     function TouchButton3D(name, collisionMesh) {
         var _this = _super.call(this, name) || this;
-        _this._collidableInitialized = false;
-        _this._frontOffset = 0;
-        _this._backOffset = 0;
-        _this._hoverOffset = 0;
-        _this._pushThroughBackOffset = 0;
-        _this._activeInteractions = new Map();
-        _this._previousHeight = new Map();
-        _this._tempButtonForwardRay = new Ray(Vector3.Zero(), Vector3.Zero());
+        _this._isNearPressed = false;
+        _this.collidableFrontDirection = Vector3.Zero();
         if (collisionMesh) {
             _this.collisionMesh = collisionMesh;
         }
@@ -42,25 +25,34 @@ var TouchButton3D = /** @class */ (function (_super) {
     }
     Object.defineProperty(TouchButton3D.prototype, "collidableFrontDirection", {
         /**
-         * Sets the front-facing direction of the button
+         * Returns the front-facing direction of the button, or Vector3.Zero if there is no 'front'
+         */
+        get: function () {
+            if (this._collisionMesh) {
+                // Update the front direction to reflect any rotations of the collision mesh
+                var transformedDirection = TmpVectors.Vector3[0];
+                Vector3.TransformNormalToRef(this._collidableFrontDirection, this._collisionMesh.getWorldMatrix(), transformedDirection);
+                return transformedDirection.normalize();
+            }
+            return this._collidableFrontDirection;
+        },
+        /**
+         * Sets the front-facing direction of the button. Pass in Vector3.Zero to allow interactions from any direction
          * @param frontDir the forward direction of the button
          */
         set: function (frontWorldDir) {
             this._collidableFrontDirection = frontWorldDir.normalize();
-            // Zero out the scale to force it to be proplerly updated in _updateDistanceOffsets
-            this._lastKnownCollidableScale = Vector3.Zero();
-            this._updateDistanceOffsets();
+            if (this._collisionMesh) {
+                var invert = TmpVectors.Matrix[0];
+                invert.copyFrom(this._collisionMesh.getWorldMatrix());
+                invert.invert();
+                Vector3.TransformNormalToRef(this._collidableFrontDirection, invert, this._collidableFrontDirection);
+                this._collidableFrontDirection.normalize();
+            }
         },
         enumerable: false,
         configurable: true
     });
-    TouchButton3D.prototype._getWorldMatrixData = function (mesh) {
-        var translation = Vector3.Zero();
-        var rotation = Quaternion.Identity();
-        var scale = Vector3.Zero();
-        mesh.getWorldMatrix().decompose(scale, rotation, translation);
-        return { translation: translation, rotation: rotation, scale: scale };
-    };
     Object.defineProperty(TouchButton3D.prototype, "collisionMesh", {
         /**
          * Sets the mesh used for testing input collision
@@ -75,213 +67,49 @@ var TouchButton3D = /** @class */ (function (_super) {
                 collisionMesh.setParent(this.mesh);
             }
             this._collisionMesh = collisionMesh;
-            this._collisionMesh.metadata = this;
+            this._injectGUI3DReservedDataStore(this._collisionMesh).control = this;
+            this._collisionMesh.isNearPickable = true;
             this.collidableFrontDirection = collisionMesh.forward;
-            this._collidableInitialized = true;
         },
         enumerable: false,
         configurable: true
     });
-    /*
-     * Given a point, and two points on a line, this returns the distance between
-     * the point and the closest point on the line. The closest point on the line
-     * does not have to be between the two given points.
-     *
-     * Based off the 3D point-line distance equation
-     *
-     * Assumes lineDirection is normalized
-     */
-    TouchButton3D.prototype._getShortestDistancePointToLine = function (point, linePoint, lineDirection) {
-        var pointToLine = linePoint.subtract(point);
-        var cross = lineDirection.cross(pointToLine);
-        return cross.length();
-    };
-    /*
-     * Checks to see if collidable is in a position to interact with the button
-     *   - check if collidable has a plane height off the button that is within range
-     *   - check that collidable + normal ray intersect the bounding sphere
-     */
-    TouchButton3D.prototype._isPrimedForInteraction = function (collidable) {
-        // Check if the collidable has an appropriate planar height
-        var heightFromCenter = this._getHeightFromButtonCenter(collidable);
-        if (heightFromCenter > this._hoverOffset || heightFromCenter < this._pushThroughBackOffset) {
-            return false;
-        }
-        // Check if the collidable or its hover ray lands within the bounding sphere of the button
-        var distanceFromCenter = this._getShortestDistancePointToLine(this._collisionMesh.getAbsolutePosition(), collidable, this._collidableFrontDirection);
-        return distanceFromCenter <= this._collisionMesh.getBoundingInfo().boundingSphere.radiusWorld;
-    };
-    /*
-     * Returns a Vector3 of the collidable's projected position on the button
-     * Returns the collidable's position if it is inside the button
-     */
-    TouchButton3D.prototype._getPointOnButton = function (collidable) {
-        var heightFromCenter = this._getHeightFromButtonCenter(collidable);
-        if (heightFromCenter <= this._frontOffset && heightFromCenter >= this._backOffset) {
-            // The collidable is in the button, return its position
-            return collidable;
-        }
-        else if (heightFromCenter > this._frontOffset) {
-            // The collidable is in front of the button, project it to the surface
-            var collidableDistanceToFront = (this._frontOffset - heightFromCenter);
-            return collidable.add(this._collidableFrontDirection.scale(collidableDistanceToFront));
-        }
-        else {
-            // The collidable is behind the button, project it to its back
-            var collidableDistanceToBack = (this._backOffset - heightFromCenter);
-            return collidable.add(this._collidableFrontDirection.scale(collidableDistanceToBack));
-        }
+    // Returns true if the collidable is in front of the button, or if the button has no front direction
+    TouchButton3D.prototype._isInteractionInFrontOfButton = function (collidablePos) {
+        return this._getInteractionHeight(collidablePos, this._collisionMesh.getAbsolutePosition()) > 0;
     };
-    /*
-     * Updates the distance values.
-     * Should be called when the front direction changes, or the mesh size changes
-     *
-     * Sets the following values:
-     *    _frontOffset
-     *    _backOffset
-     *    _hoverOffset
-     *    _pushThroughBackOffset
-     *
-     * Requires population of:
-     *    _collisionMesh
-     *    _collidableFrontDirection
-     */
-    TouchButton3D.prototype._updateDistanceOffsets = function () {
-        var worldMatrixData = this._getWorldMatrixData(this._collisionMesh);
-        if (!worldMatrixData.scale.equalsWithEpsilon(this._lastKnownCollidableScale)) {
-            var collisionMeshPos = this._collisionMesh.getAbsolutePosition();
-            this._tempButtonForwardRay.origin = collisionMeshPos;
-            this._tempButtonForwardRay.direction = this._collidableFrontDirection;
-            var frontPickingInfo = this._tempButtonForwardRay.intersectsMesh(this._collisionMesh);
-            this._tempButtonForwardRay.direction = this._tempButtonForwardRay.direction.negate();
-            var backPickingInfo = this._tempButtonForwardRay.intersectsMesh(this._collisionMesh);
-            this._frontOffset = 0;
-            this._backOffset = 0;
-            if (frontPickingInfo.hit && backPickingInfo.hit) {
-                this._frontOffset = this._getDistanceOffPlane(frontPickingInfo.pickedPoint, this._collidableFrontDirection, collisionMeshPos);
-                this._backOffset = this._getDistanceOffPlane(backPickingInfo.pickedPoint, this._collidableFrontDirection, collisionMeshPos);
-            }
-            // For now, set the hover height equal to the thickness of the button
-            var buttonThickness = this._frontOffset - this._backOffset;
-            this._hoverOffset = this._frontOffset + (buttonThickness * 1.25);
-            this._pushThroughBackOffset = this._backOffset - (buttonThickness * 1.5);
-            this._lastKnownCollidableScale = this._getWorldMatrixData(this._collisionMesh).scale;
+    // Returns true if the collidable is in front of the button, or if the button has no front direction
+    TouchButton3D.prototype._getInteractionHeight = function (interactionPos, basePos) {
+        var frontDir = this.collidableFrontDirection;
+        if (frontDir.length() === 0) {
+            // The button has no front, just return the distance to the base
+            return Vector3.Distance(interactionPos, basePos);
         }
-    };
-    // Returns the distance in front of the center of the button
-    // Returned value is negative when collidable is past the center
-    TouchButton3D.prototype._getHeightFromButtonCenter = function (collidablePos) {
-        return this._getDistanceOffPlane(collidablePos, this._collidableFrontDirection, this._collisionMesh.getAbsolutePosition());
-    };
-    // Returns the distance from pointOnPlane to point along planeNormal
-    TouchButton3D.prototype._getDistanceOffPlane = function (point, planeNormal, pointOnPlane) {
-        var d = Vector3.Dot(pointOnPlane, planeNormal);
-        var abc = Vector3.Dot(point, planeNormal);
+        var d = Vector3.Dot(basePos, frontDir);
+        var abc = Vector3.Dot(interactionPos, frontDir);
         return abc - d;
     };
-    // Updates the stored state of the button, and fire pointer events
-    TouchButton3D.prototype._updateButtonState = function (id, newState, pointOnButton) {
-        var dummyPointerId = 0;
-        var buttonIndex = 0; // Left click
-        var buttonStateForId = this._activeInteractions.get(id) || ButtonState.None;
-        // Take into account all inputs interacting with the button to avoid state flickering
-        var previousPushDepth = 0;
-        this._activeInteractions.forEach(function (value, key) {
-            previousPushDepth = Math.max(previousPushDepth, value);
-        });
-        if (buttonStateForId != newState) {
-            if (newState == ButtonState.None) {
-                this._activeInteractions.delete(id);
+    /** @hidden */
+    TouchButton3D.prototype._generatePointerEventType = function (providedType, nearMeshPosition, activeInteractionCount) {
+        if (providedType === PointerEventTypes.POINTERDOWN) {
+            if (!this._isInteractionInFrontOfButton(nearMeshPosition)) {
+                // Near interaction mesh is behind the button, don't send a pointer down
+                return PointerEventTypes.POINTERMOVE;
             }
             else {
-                this._activeInteractions.set(id, newState);
-            }
-        }
-        var newPushDepth = 0;
-        this._activeInteractions.forEach(function (value, key) {
-            newPushDepth = Math.max(newPushDepth, value);
-        });
-        if (newPushDepth == ButtonState.Press) {
-            if (previousPushDepth == ButtonState.Hover) {
-                this._onPointerDown(this, pointOnButton, dummyPointerId, buttonIndex);
-            }
-            else if (previousPushDepth == ButtonState.Press) {
-                this._onPointerMove(this, pointOnButton);
+                this._isNearPressed = true;
             }
         }
-        else if (newPushDepth == ButtonState.Hover) {
-            if (previousPushDepth == ButtonState.None) {
-                this._onPointerEnter(this);
-            }
-            else if (previousPushDepth == ButtonState.Press) {
-                this._onPointerUp(this, pointOnButton, dummyPointerId, buttonIndex, false);
+        if (providedType === PointerEventTypes.POINTERUP) {
+            if (activeInteractionCount == 0) {
+                // We get the release for the down we swallowed earlier, swallow as well
+                return PointerEventTypes.POINTERMOVE;
             }
             else {
-                this._onPointerMove(this, pointOnButton);
-            }
-        }
-        else if (newPushDepth == ButtonState.None) {
-            if (previousPushDepth == ButtonState.Hover) {
-                this._onPointerOut(this);
-            }
-            else if (previousPushDepth == ButtonState.Press) {
-                this._onPointerUp(this, pointOnButton, dummyPointerId, buttonIndex, false);
-                this._onPointerOut(this);
-            }
-        }
-    };
-    // Decides whether to change button state based on the planar depth of the input source
-    /** @hidden */
-    TouchButton3D.prototype._collisionCheckForStateChange = function (mesh) {
-        if (this._collidableInitialized) {
-            this._updateDistanceOffsets();
-            var collidablePosition = mesh.getAbsolutePosition();
-            var inRange = this._isPrimedForInteraction(collidablePosition);
-            var uniqueId = mesh.uniqueId;
-            var activeInteraction = this._activeInteractions.get(uniqueId);
-            if (inRange) {
-                var pointOnButton = this._getPointOnButton(collidablePosition);
-                var heightFromCenter_1 = this._getHeightFromButtonCenter(collidablePosition);
-                var flickerDelta_1 = 0.003;
-                this._lastTouchPoint = pointOnButton;
-                var isGreater = function (compareHeight) {
-                    return heightFromCenter_1 >= (compareHeight + flickerDelta_1);
-                };
-                var isLower = function (compareHeight) {
-                    return heightFromCenter_1 <= (compareHeight - flickerDelta_1);
-                };
-                // Update button state and fire events
-                switch (activeInteraction || ButtonState.None) {
-                    case ButtonState.None:
-                        if (isGreater(this._frontOffset) &&
-                            isLower(this._hoverOffset)) {
-                            this._updateButtonState(uniqueId, ButtonState.Hover, pointOnButton);
-                        }
-                        break;
-                    case ButtonState.Hover:
-                        if (isGreater(this._hoverOffset)) {
-                            this._updateButtonState(uniqueId, ButtonState.None, pointOnButton);
-                        }
-                        else if (isLower(this._frontOffset)) {
-                            this._updateButtonState(uniqueId, ButtonState.Press, pointOnButton);
-                        }
-                        break;
-                    case ButtonState.Press:
-                        if (isGreater(this._frontOffset)) {
-                            this._updateButtonState(uniqueId, ButtonState.Hover, pointOnButton);
-                        }
-                        else if (isLower(this._pushThroughBackOffset)) {
-                            this._updateButtonState(uniqueId, ButtonState.None, pointOnButton);
-                        }
-                        break;
-                }
-                this._previousHeight.set(uniqueId, heightFromCenter_1);
-            }
-            else if ((activeInteraction != undefined) && (activeInteraction != ButtonState.None)) {
-                this._updateButtonState(uniqueId, ButtonState.None, this._lastTouchPoint);
-                this._previousHeight.delete(uniqueId);
+                this._isNearPressed = false;
             }
         }
+        return providedType;
     };
     TouchButton3D.prototype._getTypeName = function () {
         return "TouchButton3D";

package/3D/controls/touchButton3D.js.map

@@ -1 +1 @@
-{"version":3,"file":"touchButton3D.js","sourceRoot":"","sources":["../../../../sourceES6/gui/src/3D/controls/touchButton3D.ts"],"names":[],"mappings":"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","sourcesContent":["// Assumptions: absolute position of button mesh is inside the mesh\r\n\r\nimport { DeepImmutableObject } from \"@babylonjs/core/types\";\r\nimport { Vector3, Quaternion } from \"@babylonjs/core/Maths/math.vector\";\r\nimport { Mesh } from \"@babylonjs/core/Meshes/mesh\";\r\nimport { AbstractMesh } from \"@babylonjs/core/Meshes/abstractMesh\";\r\nimport { TransformNode } from \"@babylonjs/core/Meshes/transformNode\";\r\nimport { Scene } from \"@babylonjs/core/scene\";\r\nimport { Ray } from \"@babylonjs/core/Culling/ray\";\r\n\r\nimport { Button3D } from \"./button3D\";\r\n\r\n/**\r\n * Enum for Button States\r\n */\r\nenum ButtonState {\r\n    /** None */\r\n    None = 0,\r\n    /** Pointer Entered */\r\n    Hover = 1,\r\n    /** Pointer Down */\r\n    Press = 2\r\n}\r\n\r\n/**\r\n * Class used to create a touchable button in 3D\r\n */\r\nexport class TouchButton3D extends Button3D {\r\n    private _collisionMesh: Mesh;\r\n    private _collidableFrontDirection: Vector3;\r\n    private _lastTouchPoint: Vector3;\r\n    private _tempButtonForwardRay: Ray;\r\n    private _lastKnownCollidableScale: Vector3;\r\n\r\n    private _collidableInitialized = false;\r\n\r\n    private _frontOffset = 0;\r\n    private _backOffset = 0;\r\n    private _hoverOffset = 0;\r\n    private _pushThroughBackOffset = 0;\r\n\r\n    private _activeInteractions = new Map<number, ButtonState>();\r\n    private _previousHeight = new Map<number, number>();\r\n\r\n    /**\r\n     * Creates a new touchable button\r\n     * @param name defines the control name\r\n     * @param collisionMesh mesh to track collisions with\r\n     */\r\n    constructor(name?: string, collisionMesh?: Mesh) {\r\n        super(name);\r\n\r\n        this._tempButtonForwardRay = new Ray(Vector3.Zero(), Vector3.Zero());\r\n\r\n        if (collisionMesh) {\r\n            this.collisionMesh = collisionMesh;\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Sets the front-facing direction of the button\r\n     * @param frontDir the forward direction of the button\r\n     */\r\n    public set collidableFrontDirection(frontWorldDir: Vector3) {\r\n        this._collidableFrontDirection = frontWorldDir.normalize();\r\n\r\n        // Zero out the scale to force it to be proplerly updated in _updateDistanceOffsets\r\n        this._lastKnownCollidableScale = Vector3.Zero();\r\n\r\n        this._updateDistanceOffsets();\r\n    }\r\n\r\n    private _getWorldMatrixData(mesh: Mesh) {\r\n        let translation = Vector3.Zero();\r\n        let rotation = Quaternion.Identity();\r\n        let scale = Vector3.Zero();\r\n\r\n        mesh.getWorldMatrix().decompose(scale, rotation, translation);\r\n\r\n        return {translation: translation, rotation: rotation, scale: scale};\r\n    }\r\n\r\n    /**\r\n     * Sets the mesh used for testing input collision\r\n     * @param collisionMesh the new collision mesh for the button\r\n     */\r\n    public set collisionMesh(collisionMesh: Mesh) {\r\n        if (this._collisionMesh) {\r\n            this._collisionMesh.dispose();\r\n        }\r\n\r\n        // parent the mesh to sync transforms\r\n        if (!collisionMesh.parent && this.mesh) {\r\n            collisionMesh.setParent(this.mesh);\r\n        }\r\n\r\n        this._collisionMesh = collisionMesh;\r\n        this._collisionMesh.metadata = this;\r\n\r\n        this.collidableFrontDirection = collisionMesh.forward;\r\n\r\n        this._collidableInitialized = true;\r\n    }\r\n\r\n    /*\r\n     * Given a point, and two points on a line, this returns the distance between\r\n     * the point and the closest point on the line. The closest point on the line\r\n     * does not have to be between the two given points.\r\n     *\r\n     * Based off the 3D point-line distance equation\r\n     *\r\n     * Assumes lineDirection is normalized\r\n     */\r\n    private _getShortestDistancePointToLine(point: Vector3, linePoint: Vector3, lineDirection: Vector3) {\r\n        const pointToLine = linePoint.subtract(point);\r\n        const cross = lineDirection.cross(pointToLine);\r\n\r\n        return cross.length();\r\n    }\r\n\r\n    /*\r\n     * Checks to see if collidable is in a position to interact with the button\r\n     *   - check if collidable has a plane height off the button that is within range\r\n     *   - check that collidable + normal ray intersect the bounding sphere\r\n     */\r\n    private _isPrimedForInteraction(collidable: Vector3): boolean {\r\n        // Check if the collidable has an appropriate planar height\r\n        const heightFromCenter = this._getHeightFromButtonCenter(collidable);\r\n\r\n        if (heightFromCenter > this._hoverOffset || heightFromCenter < this._pushThroughBackOffset) {\r\n            return false;\r\n        }\r\n\r\n        // Check if the collidable or its hover ray lands within the bounding sphere of the button\r\n        const distanceFromCenter = this._getShortestDistancePointToLine(this._collisionMesh.getAbsolutePosition(),\r\n                                                                        collidable,\r\n                                                                        this._collidableFrontDirection);\r\n        return distanceFromCenter <= this._collisionMesh.getBoundingInfo().boundingSphere.radiusWorld;\r\n    }\r\n\r\n    /*\r\n     * Returns a Vector3 of the collidable's projected position on the button\r\n     * Returns the collidable's position if it is inside the button\r\n     */\r\n    private _getPointOnButton(collidable: Vector3): Vector3 {\r\n        const heightFromCenter = this._getHeightFromButtonCenter(collidable);\r\n\r\n        if (heightFromCenter <= this._frontOffset && heightFromCenter >= this._backOffset) {\r\n            // The collidable is in the button, return its position\r\n            return collidable;\r\n        }\r\n        else if (heightFromCenter > this._frontOffset) {\r\n            // The collidable is in front of the button, project it to the surface\r\n            const collidableDistanceToFront = (this._frontOffset - heightFromCenter);\r\n            return collidable.add(this._collidableFrontDirection.scale(collidableDistanceToFront));\r\n        }\r\n        else {\r\n            // The collidable is behind the button, project it to its back\r\n            const collidableDistanceToBack = (this._backOffset - heightFromCenter);\r\n            return collidable.add(this._collidableFrontDirection.scale(collidableDistanceToBack));\r\n        }\r\n    }\r\n\r\n    /*\r\n     * Updates the distance values.\r\n     * Should be called when the front direction changes, or the mesh size changes\r\n     *\r\n     * Sets the following values:\r\n     *    _frontOffset\r\n     *    _backOffset\r\n     *    _hoverOffset\r\n     *    _pushThroughBackOffset\r\n     *\r\n     * Requires population of:\r\n     *    _collisionMesh\r\n     *    _collidableFrontDirection\r\n     */\r\n    private _updateDistanceOffsets() {\r\n        let worldMatrixData = this._getWorldMatrixData(this._collisionMesh);\r\n\r\n        if (!worldMatrixData.scale.equalsWithEpsilon(this._lastKnownCollidableScale)) {\r\n            const collisionMeshPos = this._collisionMesh.getAbsolutePosition();\r\n\r\n            this._tempButtonForwardRay.origin = collisionMeshPos;\r\n            this._tempButtonForwardRay.direction = this._collidableFrontDirection;\r\n\r\n            const frontPickingInfo = this._tempButtonForwardRay.intersectsMesh(this._collisionMesh as DeepImmutableObject<AbstractMesh>);\r\n            this._tempButtonForwardRay.direction = this._tempButtonForwardRay.direction.negate();\r\n            const backPickingInfo = this._tempButtonForwardRay.intersectsMesh(this._collisionMesh as DeepImmutableObject<AbstractMesh>);\r\n\r\n            this._frontOffset = 0;\r\n            this._backOffset = 0;\r\n\r\n            if (frontPickingInfo.hit && backPickingInfo.hit) {\r\n                this._frontOffset = this._getDistanceOffPlane(frontPickingInfo.pickedPoint!,\r\n                                                                  this._collidableFrontDirection,\r\n                                                                  collisionMeshPos);\r\n                this._backOffset = this._getDistanceOffPlane(backPickingInfo.pickedPoint!,\r\n                                                                 this._collidableFrontDirection,\r\n                                                                 collisionMeshPos);\r\n            }\r\n\r\n            // For now, set the hover height equal to the thickness of the button\r\n            const buttonThickness = this._frontOffset - this._backOffset;\r\n\r\n            this._hoverOffset = this._frontOffset + (buttonThickness * 1.25);\r\n            this._pushThroughBackOffset = this._backOffset - (buttonThickness * 1.5);\r\n\r\n            this._lastKnownCollidableScale = this._getWorldMatrixData(this._collisionMesh).scale;\r\n        }\r\n    }\r\n\r\n    // Returns the distance in front of the center of the button\r\n    // Returned value is negative when collidable is past the center\r\n    private _getHeightFromButtonCenter(collidablePos: Vector3) {\r\n        return this._getDistanceOffPlane(collidablePos, this._collidableFrontDirection, this._collisionMesh.getAbsolutePosition());\r\n    }\r\n\r\n    // Returns the distance from pointOnPlane to point along planeNormal\r\n    private _getDistanceOffPlane(point: Vector3, planeNormal: Vector3, pointOnPlane: Vector3) {\r\n        const d = Vector3.Dot(pointOnPlane, planeNormal);\r\n        const abc = Vector3.Dot(point, planeNormal);\r\n\r\n        return abc - d;\r\n    }\r\n\r\n    // Updates the stored state of the button, and fire pointer events\r\n    private _updateButtonState(id: number, newState: ButtonState, pointOnButton: Vector3) {\r\n        const dummyPointerId = 0;\r\n        const buttonIndex = 0; // Left click\r\n        const buttonStateForId = this._activeInteractions.get(id) || ButtonState.None;\r\n\r\n        // Take into account all inputs interacting with the button to avoid state flickering\r\n        let previousPushDepth = 0;\r\n        this._activeInteractions.forEach(function(value, key) {\r\n            previousPushDepth = Math.max(previousPushDepth, value);\r\n        });\r\n\r\n        if (buttonStateForId != newState) {\r\n            if (newState == ButtonState.None) {\r\n                this._activeInteractions.delete(id);\r\n            }\r\n            else {\r\n                this._activeInteractions.set(id, newState);\r\n            }\r\n        }\r\n\r\n        let newPushDepth = 0;\r\n        this._activeInteractions.forEach(function(value, key) {\r\n            newPushDepth = Math.max(newPushDepth, value);\r\n        });\r\n\r\n        if (newPushDepth == ButtonState.Press) {\r\n            if (previousPushDepth == ButtonState.Hover) {\r\n                this._onPointerDown(this, pointOnButton, dummyPointerId, buttonIndex);\r\n            }\r\n            else if (previousPushDepth == ButtonState.Press) {\r\n                this._onPointerMove(this, pointOnButton);\r\n            }\r\n        }\r\n        else if (newPushDepth == ButtonState.Hover) {\r\n            if (previousPushDepth == ButtonState.None) {\r\n                this._onPointerEnter(this);\r\n            }\r\n            else if (previousPushDepth == ButtonState.Press) {\r\n                this._onPointerUp(this, pointOnButton, dummyPointerId, buttonIndex, false);\r\n            }\r\n            else {\r\n                this._onPointerMove(this, pointOnButton);\r\n            }\r\n        }\r\n        else if (newPushDepth == ButtonState.None) {\r\n            if (previousPushDepth == ButtonState.Hover) {\r\n                this._onPointerOut(this);\r\n            }\r\n            else if (previousPushDepth == ButtonState.Press) {\r\n                this._onPointerUp(this, pointOnButton, dummyPointerId, buttonIndex, false);\r\n                this._onPointerOut(this);\r\n            }\r\n        }\r\n    }\r\n\r\n    // Decides whether to change button state based on the planar depth of the input source\r\n    /** @hidden */\r\n    public _collisionCheckForStateChange(mesh: AbstractMesh) {\r\n        if (this._collidableInitialized) {\r\n            this._updateDistanceOffsets();\r\n\r\n            const collidablePosition = mesh.getAbsolutePosition();\r\n            const inRange = this._isPrimedForInteraction(collidablePosition);\r\n\r\n            const uniqueId = mesh.uniqueId;\r\n\r\n            let activeInteraction = this._activeInteractions.get(uniqueId);\r\n            if (inRange) {\r\n                const pointOnButton = this._getPointOnButton(collidablePosition);\r\n                const heightFromCenter = this._getHeightFromButtonCenter(collidablePosition);\r\n                const flickerDelta = 0.003;\r\n\r\n                this._lastTouchPoint = pointOnButton;\r\n\r\n                const isGreater = function (compareHeight: number) {\r\n                    return heightFromCenter >= (compareHeight + flickerDelta);\r\n                };\r\n\r\n                const isLower = function (compareHeight: number) {\r\n                    return heightFromCenter <= (compareHeight - flickerDelta);\r\n                };\r\n\r\n                // Update button state and fire events\r\n                switch (activeInteraction || ButtonState.None) {\r\n                    case ButtonState.None:\r\n                        if (isGreater(this._frontOffset) &&\r\n                            isLower(this._hoverOffset)) {\r\n                            this._updateButtonState(uniqueId, ButtonState.Hover, pointOnButton);\r\n                        }\r\n\r\n                        break;\r\n                    case ButtonState.Hover:\r\n                        if (isGreater(this._hoverOffset)) {\r\n                            this._updateButtonState(uniqueId, ButtonState.None, pointOnButton);\r\n                        }\r\n                        else if (isLower(this._frontOffset)) {\r\n                            this._updateButtonState(uniqueId, ButtonState.Press, pointOnButton);\r\n                        }\r\n\r\n                        break;\r\n                    case ButtonState.Press:\r\n                        if (isGreater(this._frontOffset)) {\r\n                            this._updateButtonState(uniqueId, ButtonState.Hover, pointOnButton);\r\n                        }\r\n                        else if (isLower(this._pushThroughBackOffset)) {\r\n                            this._updateButtonState(uniqueId, ButtonState.None, pointOnButton);\r\n                        }\r\n\r\n                        break;\r\n                }\r\n\r\n                this._previousHeight.set(uniqueId, heightFromCenter);\r\n            }\r\n            else if ((activeInteraction != undefined) && (activeInteraction != ButtonState.None)) {\r\n                this._updateButtonState(uniqueId, ButtonState.None, this._lastTouchPoint);\r\n                this._previousHeight.delete(uniqueId);\r\n            }\r\n        }\r\n    }\r\n\r\n    protected _getTypeName(): string {\r\n        return \"TouchButton3D\";\r\n    }\r\n\r\n    // Mesh association\r\n    protected _createNode(scene: Scene): TransformNode {\r\n        return super._createNode(scene);\r\n    }\r\n\r\n    /**\r\n     * Releases all associated resources\r\n     */\r\n    public dispose() {\r\n        super.dispose();\r\n\r\n        if (this._collisionMesh) {\r\n            this._collisionMesh.dispose();\r\n        }\r\n    }\r\n}"]}
+{"version":3,"file":"touchButton3D.js","sourceRoot":"","sources":["../../../../sourceES6/gui/src/3D/controls/touchButton3D.ts"],"names":[],"mappings":"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","sourcesContent":["// Assumptions: absolute position of button mesh is inside the mesh\r\n\r\nimport { Vector3 } from \"@babylonjs/core/Maths/math.vector\";\r\nimport { Mesh } from \"@babylonjs/core/Meshes/mesh\";\r\nimport { PointerEventTypes } from \"@babylonjs/core/Events/pointerEvents\";\r\nimport { TransformNode } from \"@babylonjs/core/Meshes/transformNode\";\r\nimport { Scene } from \"@babylonjs/core/scene\";\r\nimport { TmpVectors } from \"@babylonjs/core/Maths/math.vector\";\r\n\r\nimport { Button3D } from \"./button3D\";\r\n\r\n/**\r\n * Class used to create a touchable button in 3D\r\n */\r\nexport class TouchButton3D extends Button3D {\r\n    private _collisionMesh: Mesh;\r\n\r\n    // 'front' direction. If Vector3.Zero, there is no front and all directions of interaction are accepted\r\n    private _collidableFrontDirection: Vector3;\r\n    protected _isNearPressed = false;\r\n\r\n    /**\r\n     * Creates a new touchable button\r\n     * @param name defines the control name\r\n     * @param collisionMesh mesh to track collisions with\r\n     */\r\n    constructor(name?: string, collisionMesh?: Mesh) {\r\n        super(name);\r\n\r\n        this.collidableFrontDirection = Vector3.Zero();\r\n\r\n        if (collisionMesh) {\r\n            this.collisionMesh = collisionMesh;\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Sets the front-facing direction of the button. Pass in Vector3.Zero to allow interactions from any direction\r\n     * @param frontDir the forward direction of the button\r\n     */\r\n    public set collidableFrontDirection(frontWorldDir: Vector3) {\r\n        this._collidableFrontDirection = frontWorldDir.normalize();\r\n\r\n        if (this._collisionMesh) {\r\n            const invert = TmpVectors.Matrix[0];\r\n\r\n            invert.copyFrom(this._collisionMesh.getWorldMatrix());\r\n            invert.invert();\r\n            Vector3.TransformNormalToRef(this._collidableFrontDirection, invert, this._collidableFrontDirection);\r\n            this._collidableFrontDirection.normalize();\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Returns the front-facing direction of the button, or Vector3.Zero if there is no 'front'\r\n     */\r\n    public get collidableFrontDirection() {\r\n        if (this._collisionMesh) {\r\n            // Update the front direction to reflect any rotations of the collision mesh\r\n            const transformedDirection = TmpVectors.Vector3[0];\r\n            Vector3.TransformNormalToRef(this._collidableFrontDirection, this._collisionMesh.getWorldMatrix(), transformedDirection);\r\n\r\n            return transformedDirection.normalize();\r\n        }\r\n\r\n        return this._collidableFrontDirection;\r\n    }\r\n\r\n    /**\r\n     * Sets the mesh used for testing input collision\r\n     * @param collisionMesh the new collision mesh for the button\r\n     */\r\n    public set collisionMesh(collisionMesh: Mesh) {\r\n        if (this._collisionMesh) {\r\n            this._collisionMesh.dispose();\r\n        }\r\n\r\n        // parent the mesh to sync transforms\r\n        if (!collisionMesh.parent && this.mesh) {\r\n            collisionMesh.setParent(this.mesh);\r\n        }\r\n\r\n        this._collisionMesh = collisionMesh;\r\n        this._injectGUI3DReservedDataStore(this._collisionMesh).control = this;\r\n        this._collisionMesh.isNearPickable = true;\r\n\r\n        this.collidableFrontDirection = collisionMesh.forward;\r\n    }\r\n\r\n    // Returns true if the collidable is in front of the button, or if the button has no front direction\r\n    private _isInteractionInFrontOfButton(collidablePos: Vector3) {\r\n        return this._getInteractionHeight(collidablePos, this._collisionMesh.getAbsolutePosition()) > 0;\r\n    }\r\n\r\n    // Returns true if the collidable is in front of the button, or if the button has no front direction\r\n    protected _getInteractionHeight(interactionPos: Vector3, basePos: Vector3) {\r\n        const frontDir = this.collidableFrontDirection;\r\n        if (frontDir.length() === 0) {\r\n            // The button has no front, just return the distance to the base\r\n            return Vector3.Distance(interactionPos, basePos);\r\n        }\r\n        const d = Vector3.Dot(basePos, frontDir);\r\n        const abc = Vector3.Dot(interactionPos, frontDir);\r\n\r\n        return abc - d;\r\n    }\r\n\r\n    /** @hidden */\r\n    public _generatePointerEventType(providedType: number, nearMeshPosition: Vector3, activeInteractionCount: number): number {\r\n        if (providedType === PointerEventTypes.POINTERDOWN) {\r\n            if (!this._isInteractionInFrontOfButton(nearMeshPosition)) {\r\n                // Near interaction mesh is behind the button, don't send a pointer down\r\n                return PointerEventTypes.POINTERMOVE;\r\n            }\r\n            else {\r\n                this._isNearPressed = true;\r\n            }\r\n        }\r\n        if (providedType === PointerEventTypes.POINTERUP) {\r\n            if (activeInteractionCount == 0) {\r\n                // We get the release for the down we swallowed earlier, swallow as well\r\n                return PointerEventTypes.POINTERMOVE;\r\n            }\r\n            else {\r\n                this._isNearPressed = false;\r\n            }\r\n        }\r\n\r\n        return providedType;\r\n    }\r\n\r\n    protected _getTypeName(): string {\r\n        return \"TouchButton3D\";\r\n    }\r\n\r\n    // Mesh association\r\n    protected _createNode(scene: Scene): TransformNode {\r\n        return super._createNode(scene);\r\n    }\r\n\r\n    /**\r\n     * Releases all associated resources\r\n     */\r\n    public dispose() {\r\n        super.dispose();\r\n\r\n        if (this._collisionMesh) {\r\n            this._collisionMesh.dispose();\r\n        }\r\n    }\r\n}"]}

package/3D/controls/touchHolographicButton.d.ts

@@ -3,23 +3,36 @@ import { StandardMaterial } from "@babylonjs/core/Materials/standardMaterial";
 import { TransformNode } from "@babylonjs/core/Meshes/transformNode";
 import { Mesh } from "@babylonjs/core/Meshes/mesh";
 import { Scene } from "@babylonjs/core/scene";
-import { FluentMaterial } from "../materials/fluentMaterial";
+import { FluentButtonMaterial } from "../materials/fluentButton/fluentButtonMaterial";
 import { AdvancedDynamicTexture } from "../../2D/advancedDynamicTexture";
 import { TouchButton3D } from "./touchButton3D";
 /**
  * Class used to create a holographic button in 3D
+ * @since 5.0.0
  */
 export declare class TouchHolographicButton extends TouchButton3D {
+    /**
+     * Base Url for the button model.
+     */
+    static MODEL_BASE_URL: string;
+    /**
+     * File name for the button model.
+     */
+    static MODEL_FILENAME: string;
     private _backPlate;
     private _textPlate;
     private _frontPlate;
     private _text;
     private _imageUrl;
     private _shareMaterials;
+    private _isBackplateVisible;
     private _frontMaterial;
     private _backMaterial;
     private _plateMaterial;
     private _pickedPointObserver;
+    private _pointerHoverObserver;
+    private _frontPlateDepth;
+    private _backPlateDepth;
     private _tooltipFade;
     private _tooltipTextBlock;
     private _tooltipTexture;
@@ -50,11 +63,11 @@ export declare class TouchHolographicButton extends TouchButton3D {
     /**
      * Gets the back material used by this button
      */
-    get backMaterial(): FluentMaterial;
+    get backMaterial(): StandardMaterial;
     /**
      * Gets the front material used by this button
      */
-    get frontMaterial(): FluentMaterial;
+    get frontMaterial(): FluentButtonMaterial;
     /**
      * Gets the plate material used by this button
      */
@@ -63,6 +76,10 @@ export declare class TouchHolographicButton extends TouchButton3D {
      * Gets a boolean indicating if this button shares its material with other HolographicButtons
      */
     get shareMaterials(): boolean;
+    /**
+     * Sets whether the backplate is visible or hidden. Hiding the backplate is not recommended without some sort of replacement
+     */
+    set isBackplateVisible(isVisible: boolean);
     /**
      * Creates a new button
      * @param name defines the control name