@babylonjs/gui 5.0.0-rc.5 → 5.0.0-rc.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/2D/adtInstrumentation.d.ts +52 -52
- package/2D/adtInstrumentation.js +126 -126
- package/2D/advancedDynamicTexture.d.ts +448 -448
- package/2D/advancedDynamicTexture.js +1318 -1318
- package/2D/controls/button.d.ts +135 -135
- package/2D/controls/button.js +276 -276
- package/2D/controls/checkbox.d.ts +59 -59
- package/2D/controls/checkbox.js +188 -188
- package/2D/controls/colorpicker.d.ts +103 -103
- package/2D/controls/colorpicker.js +1417 -1417
- package/2D/controls/container.d.ts +175 -175
- package/2D/controls/container.js +570 -570
- package/2D/controls/control.d.ts +866 -866
- package/2D/controls/control.js +2433 -2433
- package/2D/controls/displayGrid.d.ts +53 -53
- package/2D/controls/displayGrid.js +245 -245
- package/2D/controls/ellipse.d.ts +21 -21
- package/2D/controls/ellipse.js +85 -85
- package/2D/controls/focusableButton.d.ts +59 -59
- package/2D/controls/focusableButton.js +99 -99
- package/2D/controls/focusableControl.d.ts +34 -34
- package/2D/controls/focusableControl.js +1 -1
- package/2D/controls/grid.d.ts +139 -139
- package/2D/controls/grid.js +529 -529
- package/2D/controls/image.d.ts +204 -204
- package/2D/controls/image.js +887 -887
- package/2D/controls/index.d.ts +29 -29
- package/2D/controls/index.js +29 -29
- package/2D/controls/inputPassword.d.ts +8 -8
- package/2D/controls/inputPassword.js +25 -25
- package/2D/controls/inputText.d.ts +201 -201
- package/2D/controls/inputText.js +1119 -1119
- package/2D/controls/line.d.ts +66 -66
- package/2D/controls/line.js +271 -271
- package/2D/controls/multiLine.d.ts +75 -75
- package/2D/controls/multiLine.js +262 -262
- package/2D/controls/radioButton.d.ts +49 -49
- package/2D/controls/radioButton.js +205 -205
- package/2D/controls/rectangle.d.ts +29 -29
- package/2D/controls/rectangle.js +150 -150
- package/2D/controls/scrollViewers/scrollViewer.d.ts +182 -182
- package/2D/controls/scrollViewers/scrollViewer.js +677 -677
- package/2D/controls/scrollViewers/scrollViewerWindow.d.ts +57 -57
- package/2D/controls/scrollViewers/scrollViewerWindow.js +278 -278
- package/2D/controls/selector.d.ts +263 -263
- package/2D/controls/selector.js +692 -692
- package/2D/controls/sliders/baseSlider.d.ts +82 -82
- package/2D/controls/sliders/baseSlider.js +347 -347
- package/2D/controls/sliders/imageBasedSlider.d.ts +49 -49
- package/2D/controls/sliders/imageBasedSlider.js +192 -192
- package/2D/controls/sliders/imageScrollBar.d.ts +65 -65
- package/2D/controls/sliders/imageScrollBar.js +263 -263
- package/2D/controls/sliders/scrollBar.d.ts +38 -38
- package/2D/controls/sliders/scrollBar.js +143 -143
- package/2D/controls/sliders/slider.d.ts +35 -35
- package/2D/controls/sliders/slider.js +271 -271
- package/2D/controls/stackPanel.d.ts +64 -64
- package/2D/controls/stackPanel.js +246 -246
- package/2D/controls/statics.d.ts +6 -6
- package/2D/controls/statics.js +49 -49
- package/2D/controls/textBlock.d.ts +175 -175
- package/2D/controls/textBlock.js +603 -603
- package/2D/controls/textWrapper.d.ts +13 -13
- package/2D/controls/textWrapper.js +101 -101
- package/2D/controls/toggleButton.d.ts +117 -117
- package/2D/controls/toggleButton.js +268 -268
- package/2D/controls/virtualKeyboard.d.ts +96 -96
- package/2D/controls/virtualKeyboard.js +256 -256
- package/2D/index.d.ts +9 -9
- package/2D/index.js +9 -9
- package/2D/math2D.d.ts +117 -117
- package/2D/math2D.js +221 -221
- package/2D/measure.d.ts +77 -77
- package/2D/measure.js +139 -139
- package/2D/multiLinePoint.d.ts +47 -47
- package/2D/multiLinePoint.js +127 -127
- package/2D/style.d.ts +46 -46
- package/2D/style.js +97 -97
- package/2D/valueAndUnit.d.ts +89 -89
- package/2D/valueAndUnit.js +226 -226
- package/2D/xmlLoader.d.ts +60 -60
- package/2D/xmlLoader.js +348 -348
- package/3D/behaviors/defaultBehavior.d.ts +73 -73
- package/3D/behaviors/defaultBehavior.js +121 -121
- package/3D/controls/abstractButton3D.d.ts +15 -15
- package/3D/controls/abstractButton3D.js +25 -25
- package/3D/controls/button3D.d.ts +30 -30
- package/3D/controls/button3D.js +93 -93
- package/3D/controls/container3D.d.ts +72 -72
- package/3D/controls/container3D.js +139 -139
- package/3D/controls/contentDisplay3D.d.ts +30 -30
- package/3D/controls/contentDisplay3D.js +79 -79
- package/3D/controls/control3D.d.ts +201 -201
- package/3D/controls/control3D.js +445 -445
- package/3D/controls/cylinderPanel.d.ts +17 -17
- package/3D/controls/cylinderPanel.js +66 -66
- package/3D/controls/handMenu.d.ts +28 -28
- package/3D/controls/handMenu.js +47 -47
- package/3D/controls/holographicBackplate.d.ts +49 -49
- package/3D/controls/holographicBackplate.js +120 -120
- package/3D/controls/holographicButton.d.ts +84 -84
- package/3D/controls/holographicButton.js +339 -339
- package/3D/controls/holographicSlate.d.ts +131 -131
- package/3D/controls/holographicSlate.js +431 -431
- package/3D/controls/index.d.ts +21 -21
- package/3D/controls/index.js +21 -21
- package/3D/controls/meshButton3D.d.ts +21 -21
- package/3D/controls/meshButton3D.js +62 -62
- package/3D/controls/nearMenu.d.ts +44 -44
- package/3D/controls/nearMenu.js +114 -114
- package/3D/controls/planePanel.d.ts +9 -9
- package/3D/controls/planePanel.js +36 -36
- package/3D/controls/scatterPanel.d.ts +18 -18
- package/3D/controls/scatterPanel.js +108 -108
- package/3D/controls/slider3D.d.ts +81 -81
- package/3D/controls/slider3D.js +268 -268
- package/3D/controls/spherePanel.d.ts +17 -17
- package/3D/controls/spherePanel.js +67 -67
- package/3D/controls/stackPanel3D.d.ts +22 -22
- package/3D/controls/stackPanel3D.js +107 -107
- package/3D/controls/touchButton3D.d.ts +80 -80
- package/3D/controls/touchButton3D.js +233 -233
- package/3D/controls/touchHolographicButton.d.ts +110 -110
- package/3D/controls/touchHolographicButton.js +445 -445
- package/3D/controls/touchHolographicMenu.d.ts +61 -61
- package/3D/controls/touchHolographicMenu.js +149 -149
- package/3D/controls/touchMeshButton3D.d.ts +21 -21
- package/3D/controls/touchMeshButton3D.js +62 -62
- package/3D/controls/volumeBasedPanel.d.ts +53 -53
- package/3D/controls/volumeBasedPanel.js +174 -174
- package/3D/gizmos/gizmoHandle.d.ts +108 -108
- package/3D/gizmos/gizmoHandle.js +209 -209
- package/3D/gizmos/index.d.ts +2 -2
- package/3D/gizmos/index.js +2 -2
- package/3D/gizmos/slateGizmo.d.ts +57 -57
- package/3D/gizmos/slateGizmo.js +369 -369
- package/3D/gui3DManager.d.ts +94 -94
- package/3D/gui3DManager.js +257 -257
- package/3D/index.d.ts +5 -5
- package/3D/index.js +5 -5
- package/3D/materials/fluent/fluentMaterial.d.ts +90 -90
- package/3D/materials/fluent/fluentMaterial.js +292 -292
- package/3D/materials/fluent/index.d.ts +1 -1
- package/3D/materials/fluent/index.js +1 -1
- package/3D/materials/fluent/shaders/fluent.fragment.d.ts +5 -5
- package/3D/materials/fluent/shaders/fluent.fragment.js +8 -8
- package/3D/materials/fluent/shaders/fluent.vertex.d.ts +5 -5
- package/3D/materials/fluent/shaders/fluent.vertex.js +8 -8
- package/3D/materials/fluentBackplate/fluentBackplateMaterial.d.ts +154 -154
- package/3D/materials/fluentBackplate/fluentBackplateMaterial.js +469 -469
- package/3D/materials/fluentBackplate/index.d.ts +1 -1
- package/3D/materials/fluentBackplate/index.js +1 -1
- package/3D/materials/fluentBackplate/shaders/fluentBackplate.fragment.d.ts +5 -5
- package/3D/materials/fluentBackplate/shaders/fluentBackplate.fragment.js +8 -8
- package/3D/materials/fluentBackplate/shaders/fluentBackplate.vertex.d.ts +5 -5
- package/3D/materials/fluentBackplate/shaders/fluentBackplate.vertex.js +8 -8
- package/3D/materials/fluentButton/fluentButtonMaterial.d.ts +189 -189
- package/3D/materials/fluentButton/fluentButtonMaterial.js +539 -539
- package/3D/materials/fluentButton/index.d.ts +1 -1
- package/3D/materials/fluentButton/index.js +1 -1
- package/3D/materials/fluentButton/shaders/fluentButton.fragment.d.ts +5 -5
- package/3D/materials/fluentButton/shaders/fluentButton.fragment.js +8 -8
- package/3D/materials/fluentButton/shaders/fluentButton.vertex.d.ts +5 -5
- package/3D/materials/fluentButton/shaders/fluentButton.vertex.js +8 -8
- package/3D/materials/fluentMaterial.d.ts +4 -4
- package/3D/materials/fluentMaterial.js +4 -4
- package/3D/materials/handle/handleMaterial.d.ts +68 -68
- package/3D/materials/handle/handleMaterial.js +126 -126
- package/3D/materials/handle/index.d.ts +1 -1
- package/3D/materials/handle/index.js +1 -1
- package/3D/materials/handle/shaders/handle.fragment.d.ts +5 -5
- package/3D/materials/handle/shaders/handle.fragment.js +8 -8
- package/3D/materials/handle/shaders/handle.vertex.d.ts +5 -5
- package/3D/materials/handle/shaders/handle.vertex.js +8 -8
- package/3D/materials/index.d.ts +5 -5
- package/3D/materials/index.js +5 -5
- package/3D/materials/mrdl/index.d.ts +3 -3
- package/3D/materials/mrdl/index.js +3 -3
- package/3D/materials/mrdl/mrdlBackplateMaterial.d.ts +147 -147
- package/3D/materials/mrdl/mrdlBackplateMaterial.js +436 -436
- package/3D/materials/mrdl/mrdlSliderBarMaterial.d.ts +333 -333
- package/3D/materials/mrdl/mrdlSliderBarMaterial.js +851 -851
- package/3D/materials/mrdl/mrdlSliderThumbMaterial.d.ts +333 -333
- package/3D/materials/mrdl/mrdlSliderThumbMaterial.js +851 -851
- package/3D/materials/mrdl/shaders/mrdlBackplate.fragment.d.ts +5 -5
- package/3D/materials/mrdl/shaders/mrdlBackplate.fragment.js +8 -8
- package/3D/materials/mrdl/shaders/mrdlBackplate.vertex.d.ts +5 -5
- package/3D/materials/mrdl/shaders/mrdlBackplate.vertex.js +8 -8
- package/3D/materials/mrdl/shaders/mrdlSliderBar.fragment.d.ts +5 -5
- package/3D/materials/mrdl/shaders/mrdlSliderBar.fragment.js +8 -8
- package/3D/materials/mrdl/shaders/mrdlSliderBar.vertex.d.ts +5 -5
- package/3D/materials/mrdl/shaders/mrdlSliderBar.vertex.js +8 -8
- package/3D/materials/mrdl/shaders/mrdlSliderThumb.fragment.d.ts +5 -5
- package/3D/materials/mrdl/shaders/mrdlSliderThumb.fragment.js +8 -8
- package/3D/materials/mrdl/shaders/mrdlSliderThumb.vertex.d.ts +5 -5
- package/3D/materials/mrdl/shaders/mrdlSliderThumb.vertex.js +8 -8
- package/3D/vector3WithInfo.d.ts +16 -16
- package/3D/vector3WithInfo.js +23 -23
- package/index.d.ts +2 -2
- package/index.js +2 -2
- package/legacy/legacy.d.ts +1 -1
- package/legacy/legacy.js +13 -13
- package/package.json +2 -2
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
// Do not edit.
|
|
2
|
-
import { ShaderStore } from "@babylonjs/core/Engines/shaderStore.js";
|
|
3
|
-
var name = "fluentVertexShader";
|
|
4
|
-
var shader = "precision highp float;\nattribute vec3 position;\nattribute vec3 normal;\nattribute vec2 uv;\nuniform mat4 world;\nuniform mat4 viewProjection;\nvarying vec2 vUV;\n#ifdef BORDER\nvarying vec2 scaleInfo;\nuniform float borderWidth;\nuniform vec3 scaleFactor;\n#endif\n#ifdef HOVERLIGHT\nvarying vec3 worldPosition;\n#endif\nvoid main(void) {\nvUV=uv;\n#ifdef BORDER\nvec3 scale=scaleFactor;\nfloat minScale=min(min(scale.x,scale.y),scale.z);\nfloat maxScale=max(max(scale.x,scale.y),scale.z);\nfloat minOverMiddleScale=minScale/(scale.x+scale.y+scale.z-minScale-maxScale);\nfloat areaYZ=scale.y*scale.z;\nfloat areaXZ=scale.x*scale.z;\nfloat areaXY=scale.x*scale.y;\nfloat scaledBorderWidth=borderWidth; \nif (abs(normal.x)==1.0) \n{\nscale.x=scale.y;\nscale.y=scale.z;\nif (areaYZ>areaXZ && areaYZ>areaXY)\n{\nscaledBorderWidth*=minOverMiddleScale;\n}\n}\nelse if (abs(normal.y)==1.0) \n{\nscale.x=scale.z;\nif (areaXZ>areaXY && areaXZ>areaYZ)\n{\nscaledBorderWidth*=minOverMiddleScale;\n}\n}\nelse \n{\nif (areaXY>areaYZ && areaXY>areaXZ)\n{\nscaledBorderWidth*=minOverMiddleScale;\n}\n}\nfloat scaleRatio=min(scale.x,scale.y)/max(scale.x,scale.y);\nif (scale.x>scale.y)\n{\nscaleInfo.x=1.0-(scaledBorderWidth*scaleRatio);\nscaleInfo.y=1.0-scaledBorderWidth;\n}\nelse\n{\nscaleInfo.x=1.0-scaledBorderWidth;\nscaleInfo.y=1.0-(scaledBorderWidth*scaleRatio);\n} \n#endif \nvec4 worldPos=world*vec4(position,1.0);\n#ifdef HOVERLIGHT\nworldPosition=worldPos.xyz;\n#endif\ngl_Position=viewProjection*worldPos;\n}\n";
|
|
5
|
-
// Sideeffect
|
|
6
|
-
ShaderStore.ShadersStore[name] = shader;
|
|
7
|
-
/** @hidden */
|
|
8
|
-
export var fluentVertexShader = { name: name, shader: shader };
|
|
1
|
+
// Do not edit.
|
|
2
|
+
import { ShaderStore } from "@babylonjs/core/Engines/shaderStore.js";
|
|
3
|
+
var name = "fluentVertexShader";
|
|
4
|
+
var shader = "precision highp float;\nattribute vec3 position;\nattribute vec3 normal;\nattribute vec2 uv;\nuniform mat4 world;\nuniform mat4 viewProjection;\nvarying vec2 vUV;\n#ifdef BORDER\nvarying vec2 scaleInfo;\nuniform float borderWidth;\nuniform vec3 scaleFactor;\n#endif\n#ifdef HOVERLIGHT\nvarying vec3 worldPosition;\n#endif\nvoid main(void) {\nvUV=uv;\n#ifdef BORDER\nvec3 scale=scaleFactor;\nfloat minScale=min(min(scale.x,scale.y),scale.z);\nfloat maxScale=max(max(scale.x,scale.y),scale.z);\nfloat minOverMiddleScale=minScale/(scale.x+scale.y+scale.z-minScale-maxScale);\nfloat areaYZ=scale.y*scale.z;\nfloat areaXZ=scale.x*scale.z;\nfloat areaXY=scale.x*scale.y;\nfloat scaledBorderWidth=borderWidth; \nif (abs(normal.x)==1.0) \n{\nscale.x=scale.y;\nscale.y=scale.z;\nif (areaYZ>areaXZ && areaYZ>areaXY)\n{\nscaledBorderWidth*=minOverMiddleScale;\n}\n}\nelse if (abs(normal.y)==1.0) \n{\nscale.x=scale.z;\nif (areaXZ>areaXY && areaXZ>areaYZ)\n{\nscaledBorderWidth*=minOverMiddleScale;\n}\n}\nelse \n{\nif (areaXY>areaYZ && areaXY>areaXZ)\n{\nscaledBorderWidth*=minOverMiddleScale;\n}\n}\nfloat scaleRatio=min(scale.x,scale.y)/max(scale.x,scale.y);\nif (scale.x>scale.y)\n{\nscaleInfo.x=1.0-(scaledBorderWidth*scaleRatio);\nscaleInfo.y=1.0-scaledBorderWidth;\n}\nelse\n{\nscaleInfo.x=1.0-scaledBorderWidth;\nscaleInfo.y=1.0-(scaledBorderWidth*scaleRatio);\n} \n#endif \nvec4 worldPos=world*vec4(position,1.0);\n#ifdef HOVERLIGHT\nworldPosition=worldPos.xyz;\n#endif\ngl_Position=viewProjection*worldPos;\n}\n";
|
|
5
|
+
// Sideeffect
|
|
6
|
+
ShaderStore.ShadersStore[name] = shader;
|
|
7
|
+
/** @hidden */
|
|
8
|
+
export var fluentVertexShader = { name: name, shader: shader };
|
|
9
9
|
//# sourceMappingURL=fluent.vertex.js.map
|
|
@@ -1,154 +1,154 @@
|
|
|
1
|
-
import { Nullable } from "@babylonjs/core/types.js";
|
|
2
|
-
import { Matrix, Vector3, Vector4 } from "@babylonjs/core/Maths/math.vector.js";
|
|
3
|
-
import { IAnimatable } from "@babylonjs/core/Animations/animatable.interface.js";
|
|
4
|
-
import { BaseTexture } from "@babylonjs/core/Materials/Textures/baseTexture.js";
|
|
5
|
-
import { PushMaterial } from "@babylonjs/core/Materials/pushMaterial.js";
|
|
6
|
-
import { AbstractMesh } from "@babylonjs/core/Meshes/abstractMesh.js";
|
|
7
|
-
import { SubMesh } from "@babylonjs/core/Meshes/subMesh.js";
|
|
8
|
-
import { Mesh } from "@babylonjs/core/Meshes/mesh.js";
|
|
9
|
-
import { Scene } from "@babylonjs/core/scene.js";
|
|
10
|
-
import { Color4 } from "@babylonjs/core/Maths/math.color.js";
|
|
11
|
-
import "./shaders/fluentBackplate.fragment";
|
|
12
|
-
import "./shaders/fluentBackplate.vertex";
|
|
13
|
-
/**
|
|
14
|
-
* Class used to render square buttons with fluent design
|
|
15
|
-
*/
|
|
16
|
-
export declare class FluentBackplateMaterial extends PushMaterial {
|
|
17
|
-
/**
|
|
18
|
-
* URL pointing to the texture used to define the coloring for the fluent blob effect.
|
|
19
|
-
*/
|
|
20
|
-
static BLOB_TEXTURE_URL: string;
|
|
21
|
-
/**
|
|
22
|
-
* URL pointing to the texture used to define iridescent map.
|
|
23
|
-
*/
|
|
24
|
-
static IM_TEXTURE_URL: string;
|
|
25
|
-
private _blobTexture;
|
|
26
|
-
private _iridescentMap;
|
|
27
|
-
/**
|
|
28
|
-
* Gets or sets the corner radius on the backplate. Best to keep this value between 0.01 and 0.5. Default is 0.03.
|
|
29
|
-
*/
|
|
30
|
-
radius: number;
|
|
31
|
-
/**
|
|
32
|
-
* Gets or sets the line width of the backplate.
|
|
33
|
-
*/
|
|
34
|
-
lineWidth: number;
|
|
35
|
-
/**
|
|
36
|
-
* Gets or sets whether to use absolute sizes when calculating effects on the backplate.
|
|
37
|
-
* Since desktop and VR/AR have different relative sizes, it's usually best to keep this false.
|
|
38
|
-
*/
|
|
39
|
-
absoluteSizes: boolean;
|
|
40
|
-
/** @hidden */
|
|
41
|
-
_filterWidth: number;
|
|
42
|
-
/**
|
|
43
|
-
* Gets or sets the base color of the backplate.
|
|
44
|
-
*/
|
|
45
|
-
baseColor: Color4;
|
|
46
|
-
/**
|
|
47
|
-
* Gets or sets the line color of the backplate.
|
|
48
|
-
*/
|
|
49
|
-
lineColor: Color4;
|
|
50
|
-
/**
|
|
51
|
-
* Gets or sets the intensity of the fluent hover glow effect.
|
|
52
|
-
*/
|
|
53
|
-
blobIntensity: number;
|
|
54
|
-
/**
|
|
55
|
-
* Gets or sets the far size of the fluent hover glow effect.
|
|
56
|
-
*/
|
|
57
|
-
blobFarSize: number;
|
|
58
|
-
/**
|
|
59
|
-
* Gets or sets the distance considered "near" to the backplate, which controls the size of the fluent hover glow effect (see blobNearSize).
|
|
60
|
-
*/
|
|
61
|
-
blobNearDistance: number;
|
|
62
|
-
/**
|
|
63
|
-
* Gets or sets the distance considered "far" from the backplate, which controls the size of the fluent hover glow effect (see blobFarSize).
|
|
64
|
-
*/
|
|
65
|
-
blobFarDistance: number;
|
|
66
|
-
/**
|
|
67
|
-
* Gets or sets the length of the fluent hover glow effect fade.
|
|
68
|
-
*/
|
|
69
|
-
blobFadeLength: number;
|
|
70
|
-
/**
|
|
71
|
-
* Gets or sets the size of the fluent hover glow effect when the left pointer is considered "near" to the backplate (see blobNearDistance).
|
|
72
|
-
*/
|
|
73
|
-
blobNearSize: number;
|
|
74
|
-
/**
|
|
75
|
-
* Gets or sets the progress of the fluent hover glow effect selection animation corresponding to the left pointer (0.0 - 1.0).
|
|
76
|
-
*/
|
|
77
|
-
blobPulse: number;
|
|
78
|
-
/**
|
|
79
|
-
* Gets or sets the opacity of the fluent hover glow effect corresponding to the left pointer (0.0 - 1.0). Default is 0.
|
|
80
|
-
*/
|
|
81
|
-
blobFade: number;
|
|
82
|
-
/**
|
|
83
|
-
* Gets or sets the size of the fluent hover glow effect when the right pointer is considered "near" to the backplate (see blobNearDistance).
|
|
84
|
-
*/
|
|
85
|
-
blobNearSize2: number;
|
|
86
|
-
/**
|
|
87
|
-
* Gets or sets the progress of the fluent hover glow effect selection animation corresponding to the right pointer (0.0 - 1.0).
|
|
88
|
-
*/
|
|
89
|
-
blobPulse2: number;
|
|
90
|
-
/**
|
|
91
|
-
* Gets or sets the opacity of the fluent hover glow effect corresponding to the right pointer (0.0 - 1.0). Default is 0.
|
|
92
|
-
*/
|
|
93
|
-
blobFade2: number;
|
|
94
|
-
/** @hidden */
|
|
95
|
-
_rate: number;
|
|
96
|
-
/**
|
|
97
|
-
* Gets or sets the color of the highlights on the backplate line.
|
|
98
|
-
*/
|
|
99
|
-
highlightColor: Color4;
|
|
100
|
-
/**
|
|
101
|
-
* Gets or sets the width of the highlights on the backplate line.
|
|
102
|
-
*/
|
|
103
|
-
highlightWidth: number;
|
|
104
|
-
/** @hidden */
|
|
105
|
-
_highlightTransform: Vector4;
|
|
106
|
-
/** @hidden */
|
|
107
|
-
_highlight: number;
|
|
108
|
-
/**
|
|
109
|
-
* Gets or sets the intensity of the iridescence effect.
|
|
110
|
-
*/
|
|
111
|
-
iridescenceIntensity: number;
|
|
112
|
-
/**
|
|
113
|
-
* Gets or sets the intensity of the iridescence effect on the backplate edges.
|
|
114
|
-
*/
|
|
115
|
-
iridescenceEdgeIntensity: number;
|
|
116
|
-
/** @hidden */
|
|
117
|
-
_angle: number;
|
|
118
|
-
/**
|
|
119
|
-
* Gets or sets the opacity of the backplate (0.0 - 1.0).
|
|
120
|
-
*/
|
|
121
|
-
fadeOut: number;
|
|
122
|
-
/** @hidden */
|
|
123
|
-
_reflected: boolean;
|
|
124
|
-
/** @hidden */
|
|
125
|
-
_frequency: number;
|
|
126
|
-
/** @hidden */
|
|
127
|
-
_verticalOffset: number;
|
|
128
|
-
/**
|
|
129
|
-
* Gets or sets the world-space position of the tip of the left index finger.
|
|
130
|
-
*/
|
|
131
|
-
globalLeftIndexTipPosition: Vector3;
|
|
132
|
-
private _globalLeftIndexTipPosition4;
|
|
133
|
-
/**
|
|
134
|
-
* Gets or sets the world-space position of the tip of the right index finger.
|
|
135
|
-
*/
|
|
136
|
-
globalRightIndexTipPosition: Vector3;
|
|
137
|
-
private _globalRightIndexTipPosition4;
|
|
138
|
-
constructor(name: string, scene?: Scene);
|
|
139
|
-
needAlphaBlending(): boolean;
|
|
140
|
-
needAlphaTesting(): boolean;
|
|
141
|
-
getAlphaTestTexture(): Nullable<BaseTexture>;
|
|
142
|
-
isReadyForSubMesh(mesh: AbstractMesh, subMesh: SubMesh): boolean;
|
|
143
|
-
bindForSubMesh(world: Matrix, mesh: Mesh, subMesh: SubMesh): void;
|
|
144
|
-
/**
|
|
145
|
-
* Get the list of animatables in the material.
|
|
146
|
-
* @returns the list of animatables object used in the material
|
|
147
|
-
*/
|
|
148
|
-
getAnimatables(): IAnimatable[];
|
|
149
|
-
dispose(forceDisposeEffect?: boolean): void;
|
|
150
|
-
clone(name: string): FluentBackplateMaterial;
|
|
151
|
-
serialize(): any;
|
|
152
|
-
getClassName(): string;
|
|
153
|
-
static Parse(source: any, scene: Scene, rootUrl: string): FluentBackplateMaterial;
|
|
154
|
-
}
|
|
1
|
+
import { Nullable } from "@babylonjs/core/types.js";
|
|
2
|
+
import { Matrix, Vector3, Vector4 } from "@babylonjs/core/Maths/math.vector.js";
|
|
3
|
+
import { IAnimatable } from "@babylonjs/core/Animations/animatable.interface.js";
|
|
4
|
+
import { BaseTexture } from "@babylonjs/core/Materials/Textures/baseTexture.js";
|
|
5
|
+
import { PushMaterial } from "@babylonjs/core/Materials/pushMaterial.js";
|
|
6
|
+
import { AbstractMesh } from "@babylonjs/core/Meshes/abstractMesh.js";
|
|
7
|
+
import { SubMesh } from "@babylonjs/core/Meshes/subMesh.js";
|
|
8
|
+
import { Mesh } from "@babylonjs/core/Meshes/mesh.js";
|
|
9
|
+
import { Scene } from "@babylonjs/core/scene.js";
|
|
10
|
+
import { Color4 } from "@babylonjs/core/Maths/math.color.js";
|
|
11
|
+
import "./shaders/fluentBackplate.fragment";
|
|
12
|
+
import "./shaders/fluentBackplate.vertex";
|
|
13
|
+
/**
|
|
14
|
+
* Class used to render square buttons with fluent design
|
|
15
|
+
*/
|
|
16
|
+
export declare class FluentBackplateMaterial extends PushMaterial {
|
|
17
|
+
/**
|
|
18
|
+
* URL pointing to the texture used to define the coloring for the fluent blob effect.
|
|
19
|
+
*/
|
|
20
|
+
static BLOB_TEXTURE_URL: string;
|
|
21
|
+
/**
|
|
22
|
+
* URL pointing to the texture used to define iridescent map.
|
|
23
|
+
*/
|
|
24
|
+
static IM_TEXTURE_URL: string;
|
|
25
|
+
private _blobTexture;
|
|
26
|
+
private _iridescentMap;
|
|
27
|
+
/**
|
|
28
|
+
* Gets or sets the corner radius on the backplate. Best to keep this value between 0.01 and 0.5. Default is 0.03.
|
|
29
|
+
*/
|
|
30
|
+
radius: number;
|
|
31
|
+
/**
|
|
32
|
+
* Gets or sets the line width of the backplate.
|
|
33
|
+
*/
|
|
34
|
+
lineWidth: number;
|
|
35
|
+
/**
|
|
36
|
+
* Gets or sets whether to use absolute sizes when calculating effects on the backplate.
|
|
37
|
+
* Since desktop and VR/AR have different relative sizes, it's usually best to keep this false.
|
|
38
|
+
*/
|
|
39
|
+
absoluteSizes: boolean;
|
|
40
|
+
/** @hidden */
|
|
41
|
+
_filterWidth: number;
|
|
42
|
+
/**
|
|
43
|
+
* Gets or sets the base color of the backplate.
|
|
44
|
+
*/
|
|
45
|
+
baseColor: Color4;
|
|
46
|
+
/**
|
|
47
|
+
* Gets or sets the line color of the backplate.
|
|
48
|
+
*/
|
|
49
|
+
lineColor: Color4;
|
|
50
|
+
/**
|
|
51
|
+
* Gets or sets the intensity of the fluent hover glow effect.
|
|
52
|
+
*/
|
|
53
|
+
blobIntensity: number;
|
|
54
|
+
/**
|
|
55
|
+
* Gets or sets the far size of the fluent hover glow effect.
|
|
56
|
+
*/
|
|
57
|
+
blobFarSize: number;
|
|
58
|
+
/**
|
|
59
|
+
* Gets or sets the distance considered "near" to the backplate, which controls the size of the fluent hover glow effect (see blobNearSize).
|
|
60
|
+
*/
|
|
61
|
+
blobNearDistance: number;
|
|
62
|
+
/**
|
|
63
|
+
* Gets or sets the distance considered "far" from the backplate, which controls the size of the fluent hover glow effect (see blobFarSize).
|
|
64
|
+
*/
|
|
65
|
+
blobFarDistance: number;
|
|
66
|
+
/**
|
|
67
|
+
* Gets or sets the length of the fluent hover glow effect fade.
|
|
68
|
+
*/
|
|
69
|
+
blobFadeLength: number;
|
|
70
|
+
/**
|
|
71
|
+
* Gets or sets the size of the fluent hover glow effect when the left pointer is considered "near" to the backplate (see blobNearDistance).
|
|
72
|
+
*/
|
|
73
|
+
blobNearSize: number;
|
|
74
|
+
/**
|
|
75
|
+
* Gets or sets the progress of the fluent hover glow effect selection animation corresponding to the left pointer (0.0 - 1.0).
|
|
76
|
+
*/
|
|
77
|
+
blobPulse: number;
|
|
78
|
+
/**
|
|
79
|
+
* Gets or sets the opacity of the fluent hover glow effect corresponding to the left pointer (0.0 - 1.0). Default is 0.
|
|
80
|
+
*/
|
|
81
|
+
blobFade: number;
|
|
82
|
+
/**
|
|
83
|
+
* Gets or sets the size of the fluent hover glow effect when the right pointer is considered "near" to the backplate (see blobNearDistance).
|
|
84
|
+
*/
|
|
85
|
+
blobNearSize2: number;
|
|
86
|
+
/**
|
|
87
|
+
* Gets or sets the progress of the fluent hover glow effect selection animation corresponding to the right pointer (0.0 - 1.0).
|
|
88
|
+
*/
|
|
89
|
+
blobPulse2: number;
|
|
90
|
+
/**
|
|
91
|
+
* Gets or sets the opacity of the fluent hover glow effect corresponding to the right pointer (0.0 - 1.0). Default is 0.
|
|
92
|
+
*/
|
|
93
|
+
blobFade2: number;
|
|
94
|
+
/** @hidden */
|
|
95
|
+
_rate: number;
|
|
96
|
+
/**
|
|
97
|
+
* Gets or sets the color of the highlights on the backplate line.
|
|
98
|
+
*/
|
|
99
|
+
highlightColor: Color4;
|
|
100
|
+
/**
|
|
101
|
+
* Gets or sets the width of the highlights on the backplate line.
|
|
102
|
+
*/
|
|
103
|
+
highlightWidth: number;
|
|
104
|
+
/** @hidden */
|
|
105
|
+
_highlightTransform: Vector4;
|
|
106
|
+
/** @hidden */
|
|
107
|
+
_highlight: number;
|
|
108
|
+
/**
|
|
109
|
+
* Gets or sets the intensity of the iridescence effect.
|
|
110
|
+
*/
|
|
111
|
+
iridescenceIntensity: number;
|
|
112
|
+
/**
|
|
113
|
+
* Gets or sets the intensity of the iridescence effect on the backplate edges.
|
|
114
|
+
*/
|
|
115
|
+
iridescenceEdgeIntensity: number;
|
|
116
|
+
/** @hidden */
|
|
117
|
+
_angle: number;
|
|
118
|
+
/**
|
|
119
|
+
* Gets or sets the opacity of the backplate (0.0 - 1.0).
|
|
120
|
+
*/
|
|
121
|
+
fadeOut: number;
|
|
122
|
+
/** @hidden */
|
|
123
|
+
_reflected: boolean;
|
|
124
|
+
/** @hidden */
|
|
125
|
+
_frequency: number;
|
|
126
|
+
/** @hidden */
|
|
127
|
+
_verticalOffset: number;
|
|
128
|
+
/**
|
|
129
|
+
* Gets or sets the world-space position of the tip of the left index finger.
|
|
130
|
+
*/
|
|
131
|
+
globalLeftIndexTipPosition: Vector3;
|
|
132
|
+
private _globalLeftIndexTipPosition4;
|
|
133
|
+
/**
|
|
134
|
+
* Gets or sets the world-space position of the tip of the right index finger.
|
|
135
|
+
*/
|
|
136
|
+
globalRightIndexTipPosition: Vector3;
|
|
137
|
+
private _globalRightIndexTipPosition4;
|
|
138
|
+
constructor(name: string, scene?: Scene);
|
|
139
|
+
needAlphaBlending(): boolean;
|
|
140
|
+
needAlphaTesting(): boolean;
|
|
141
|
+
getAlphaTestTexture(): Nullable<BaseTexture>;
|
|
142
|
+
isReadyForSubMesh(mesh: AbstractMesh, subMesh: SubMesh): boolean;
|
|
143
|
+
bindForSubMesh(world: Matrix, mesh: Mesh, subMesh: SubMesh): void;
|
|
144
|
+
/**
|
|
145
|
+
* Get the list of animatables in the material.
|
|
146
|
+
* @returns the list of animatables object used in the material
|
|
147
|
+
*/
|
|
148
|
+
getAnimatables(): IAnimatable[];
|
|
149
|
+
dispose(forceDisposeEffect?: boolean): void;
|
|
150
|
+
clone(name: string): FluentBackplateMaterial;
|
|
151
|
+
serialize(): any;
|
|
152
|
+
getClassName(): string;
|
|
153
|
+
static Parse(source: any, scene: Scene, rootUrl: string): FluentBackplateMaterial;
|
|
154
|
+
}
|