@babylonjs/gui 5.0.0-rc.7 → 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.
Files changed (203) hide show
  1. package/2D/adtInstrumentation.d.ts +52 -52
  2. package/2D/adtInstrumentation.js +126 -126
  3. package/2D/advancedDynamicTexture.d.ts +448 -448
  4. package/2D/advancedDynamicTexture.js +1318 -1318
  5. package/2D/controls/button.d.ts +135 -135
  6. package/2D/controls/button.js +276 -276
  7. package/2D/controls/checkbox.d.ts +59 -59
  8. package/2D/controls/checkbox.js +188 -188
  9. package/2D/controls/colorpicker.d.ts +103 -103
  10. package/2D/controls/colorpicker.js +1417 -1417
  11. package/2D/controls/container.d.ts +175 -175
  12. package/2D/controls/container.js +570 -570
  13. package/2D/controls/control.d.ts +866 -866
  14. package/2D/controls/control.js +2433 -2433
  15. package/2D/controls/displayGrid.d.ts +53 -53
  16. package/2D/controls/displayGrid.js +245 -245
  17. package/2D/controls/ellipse.d.ts +21 -21
  18. package/2D/controls/ellipse.js +85 -85
  19. package/2D/controls/focusableButton.d.ts +59 -59
  20. package/2D/controls/focusableButton.js +99 -99
  21. package/2D/controls/focusableControl.d.ts +34 -34
  22. package/2D/controls/focusableControl.js +1 -1
  23. package/2D/controls/grid.d.ts +139 -139
  24. package/2D/controls/grid.js +529 -529
  25. package/2D/controls/image.d.ts +204 -204
  26. package/2D/controls/image.js +887 -887
  27. package/2D/controls/index.d.ts +29 -29
  28. package/2D/controls/index.js +29 -29
  29. package/2D/controls/inputPassword.d.ts +8 -8
  30. package/2D/controls/inputPassword.js +25 -25
  31. package/2D/controls/inputText.d.ts +201 -201
  32. package/2D/controls/inputText.js +1119 -1119
  33. package/2D/controls/line.d.ts +66 -66
  34. package/2D/controls/line.js +271 -271
  35. package/2D/controls/multiLine.d.ts +75 -75
  36. package/2D/controls/multiLine.js +262 -262
  37. package/2D/controls/radioButton.d.ts +49 -49
  38. package/2D/controls/radioButton.js +205 -205
  39. package/2D/controls/rectangle.d.ts +29 -29
  40. package/2D/controls/rectangle.js +150 -150
  41. package/2D/controls/scrollViewers/scrollViewer.d.ts +182 -182
  42. package/2D/controls/scrollViewers/scrollViewer.js +677 -677
  43. package/2D/controls/scrollViewers/scrollViewerWindow.d.ts +57 -57
  44. package/2D/controls/scrollViewers/scrollViewerWindow.js +278 -278
  45. package/2D/controls/selector.d.ts +263 -263
  46. package/2D/controls/selector.js +692 -692
  47. package/2D/controls/sliders/baseSlider.d.ts +82 -82
  48. package/2D/controls/sliders/baseSlider.js +347 -347
  49. package/2D/controls/sliders/imageBasedSlider.d.ts +49 -49
  50. package/2D/controls/sliders/imageBasedSlider.js +192 -192
  51. package/2D/controls/sliders/imageScrollBar.d.ts +65 -65
  52. package/2D/controls/sliders/imageScrollBar.js +263 -263
  53. package/2D/controls/sliders/scrollBar.d.ts +38 -38
  54. package/2D/controls/sliders/scrollBar.js +143 -143
  55. package/2D/controls/sliders/slider.d.ts +35 -35
  56. package/2D/controls/sliders/slider.js +271 -271
  57. package/2D/controls/stackPanel.d.ts +64 -64
  58. package/2D/controls/stackPanel.js +246 -246
  59. package/2D/controls/statics.d.ts +6 -6
  60. package/2D/controls/statics.js +49 -49
  61. package/2D/controls/textBlock.d.ts +175 -175
  62. package/2D/controls/textBlock.js +603 -603
  63. package/2D/controls/textWrapper.d.ts +13 -13
  64. package/2D/controls/textWrapper.js +101 -101
  65. package/2D/controls/toggleButton.d.ts +117 -117
  66. package/2D/controls/toggleButton.js +268 -268
  67. package/2D/controls/virtualKeyboard.d.ts +96 -96
  68. package/2D/controls/virtualKeyboard.js +256 -256
  69. package/2D/index.d.ts +9 -9
  70. package/2D/index.js +9 -9
  71. package/2D/math2D.d.ts +117 -117
  72. package/2D/math2D.js +221 -221
  73. package/2D/measure.d.ts +77 -77
  74. package/2D/measure.js +139 -139
  75. package/2D/multiLinePoint.d.ts +47 -47
  76. package/2D/multiLinePoint.js +127 -127
  77. package/2D/style.d.ts +46 -46
  78. package/2D/style.js +97 -97
  79. package/2D/valueAndUnit.d.ts +89 -89
  80. package/2D/valueAndUnit.js +226 -226
  81. package/2D/xmlLoader.d.ts +60 -60
  82. package/2D/xmlLoader.js +348 -348
  83. package/3D/behaviors/defaultBehavior.d.ts +73 -73
  84. package/3D/behaviors/defaultBehavior.js +121 -121
  85. package/3D/controls/abstractButton3D.d.ts +15 -15
  86. package/3D/controls/abstractButton3D.js +25 -25
  87. package/3D/controls/button3D.d.ts +30 -30
  88. package/3D/controls/button3D.js +93 -93
  89. package/3D/controls/container3D.d.ts +72 -72
  90. package/3D/controls/container3D.js +139 -139
  91. package/3D/controls/contentDisplay3D.d.ts +30 -30
  92. package/3D/controls/contentDisplay3D.js +79 -79
  93. package/3D/controls/control3D.d.ts +201 -201
  94. package/3D/controls/control3D.js +445 -445
  95. package/3D/controls/cylinderPanel.d.ts +17 -17
  96. package/3D/controls/cylinderPanel.js +66 -66
  97. package/3D/controls/handMenu.d.ts +28 -28
  98. package/3D/controls/handMenu.js +47 -47
  99. package/3D/controls/holographicBackplate.d.ts +49 -49
  100. package/3D/controls/holographicBackplate.js +120 -120
  101. package/3D/controls/holographicButton.d.ts +84 -84
  102. package/3D/controls/holographicButton.js +339 -339
  103. package/3D/controls/holographicSlate.d.ts +131 -131
  104. package/3D/controls/holographicSlate.js +431 -431
  105. package/3D/controls/index.d.ts +21 -21
  106. package/3D/controls/index.js +21 -21
  107. package/3D/controls/meshButton3D.d.ts +21 -21
  108. package/3D/controls/meshButton3D.js +62 -62
  109. package/3D/controls/nearMenu.d.ts +44 -44
  110. package/3D/controls/nearMenu.js +114 -114
  111. package/3D/controls/planePanel.d.ts +9 -9
  112. package/3D/controls/planePanel.js +36 -36
  113. package/3D/controls/scatterPanel.d.ts +18 -18
  114. package/3D/controls/scatterPanel.js +108 -108
  115. package/3D/controls/slider3D.d.ts +81 -81
  116. package/3D/controls/slider3D.js +268 -268
  117. package/3D/controls/spherePanel.d.ts +17 -17
  118. package/3D/controls/spherePanel.js +67 -67
  119. package/3D/controls/stackPanel3D.d.ts +22 -22
  120. package/3D/controls/stackPanel3D.js +107 -107
  121. package/3D/controls/touchButton3D.d.ts +80 -80
  122. package/3D/controls/touchButton3D.js +233 -233
  123. package/3D/controls/touchHolographicButton.d.ts +110 -110
  124. package/3D/controls/touchHolographicButton.js +445 -445
  125. package/3D/controls/touchHolographicMenu.d.ts +61 -61
  126. package/3D/controls/touchHolographicMenu.js +149 -149
  127. package/3D/controls/touchMeshButton3D.d.ts +21 -21
  128. package/3D/controls/touchMeshButton3D.js +62 -62
  129. package/3D/controls/volumeBasedPanel.d.ts +53 -53
  130. package/3D/controls/volumeBasedPanel.js +174 -174
  131. package/3D/gizmos/gizmoHandle.d.ts +108 -108
  132. package/3D/gizmos/gizmoHandle.js +209 -209
  133. package/3D/gizmos/index.d.ts +2 -2
  134. package/3D/gizmos/index.js +2 -2
  135. package/3D/gizmos/slateGizmo.d.ts +57 -57
  136. package/3D/gizmos/slateGizmo.js +369 -369
  137. package/3D/gui3DManager.d.ts +94 -94
  138. package/3D/gui3DManager.js +257 -257
  139. package/3D/index.d.ts +5 -5
  140. package/3D/index.js +5 -5
  141. package/3D/materials/fluent/fluentMaterial.d.ts +90 -90
  142. package/3D/materials/fluent/fluentMaterial.js +292 -292
  143. package/3D/materials/fluent/index.d.ts +1 -1
  144. package/3D/materials/fluent/index.js +1 -1
  145. package/3D/materials/fluent/shaders/fluent.fragment.d.ts +5 -5
  146. package/3D/materials/fluent/shaders/fluent.fragment.js +8 -8
  147. package/3D/materials/fluent/shaders/fluent.vertex.d.ts +5 -5
  148. package/3D/materials/fluent/shaders/fluent.vertex.js +8 -8
  149. package/3D/materials/fluentBackplate/fluentBackplateMaterial.d.ts +154 -154
  150. package/3D/materials/fluentBackplate/fluentBackplateMaterial.js +469 -469
  151. package/3D/materials/fluentBackplate/index.d.ts +1 -1
  152. package/3D/materials/fluentBackplate/index.js +1 -1
  153. package/3D/materials/fluentBackplate/shaders/fluentBackplate.fragment.d.ts +5 -5
  154. package/3D/materials/fluentBackplate/shaders/fluentBackplate.fragment.js +8 -8
  155. package/3D/materials/fluentBackplate/shaders/fluentBackplate.vertex.d.ts +5 -5
  156. package/3D/materials/fluentBackplate/shaders/fluentBackplate.vertex.js +8 -8
  157. package/3D/materials/fluentButton/fluentButtonMaterial.d.ts +189 -189
  158. package/3D/materials/fluentButton/fluentButtonMaterial.js +539 -539
  159. package/3D/materials/fluentButton/index.d.ts +1 -1
  160. package/3D/materials/fluentButton/index.js +1 -1
  161. package/3D/materials/fluentButton/shaders/fluentButton.fragment.d.ts +5 -5
  162. package/3D/materials/fluentButton/shaders/fluentButton.fragment.js +8 -8
  163. package/3D/materials/fluentButton/shaders/fluentButton.vertex.d.ts +5 -5
  164. package/3D/materials/fluentButton/shaders/fluentButton.vertex.js +8 -8
  165. package/3D/materials/fluentMaterial.d.ts +4 -4
  166. package/3D/materials/fluentMaterial.js +4 -4
  167. package/3D/materials/handle/handleMaterial.d.ts +68 -68
  168. package/3D/materials/handle/handleMaterial.js +126 -126
  169. package/3D/materials/handle/index.d.ts +1 -1
  170. package/3D/materials/handle/index.js +1 -1
  171. package/3D/materials/handle/shaders/handle.fragment.d.ts +5 -5
  172. package/3D/materials/handle/shaders/handle.fragment.js +8 -8
  173. package/3D/materials/handle/shaders/handle.vertex.d.ts +5 -5
  174. package/3D/materials/handle/shaders/handle.vertex.js +8 -8
  175. package/3D/materials/index.d.ts +5 -5
  176. package/3D/materials/index.js +5 -5
  177. package/3D/materials/mrdl/index.d.ts +3 -3
  178. package/3D/materials/mrdl/index.js +3 -3
  179. package/3D/materials/mrdl/mrdlBackplateMaterial.d.ts +147 -147
  180. package/3D/materials/mrdl/mrdlBackplateMaterial.js +436 -436
  181. package/3D/materials/mrdl/mrdlSliderBarMaterial.d.ts +333 -333
  182. package/3D/materials/mrdl/mrdlSliderBarMaterial.js +851 -851
  183. package/3D/materials/mrdl/mrdlSliderThumbMaterial.d.ts +333 -333
  184. package/3D/materials/mrdl/mrdlSliderThumbMaterial.js +851 -851
  185. package/3D/materials/mrdl/shaders/mrdlBackplate.fragment.d.ts +5 -5
  186. package/3D/materials/mrdl/shaders/mrdlBackplate.fragment.js +8 -8
  187. package/3D/materials/mrdl/shaders/mrdlBackplate.vertex.d.ts +5 -5
  188. package/3D/materials/mrdl/shaders/mrdlBackplate.vertex.js +8 -8
  189. package/3D/materials/mrdl/shaders/mrdlSliderBar.fragment.d.ts +5 -5
  190. package/3D/materials/mrdl/shaders/mrdlSliderBar.fragment.js +8 -8
  191. package/3D/materials/mrdl/shaders/mrdlSliderBar.vertex.d.ts +5 -5
  192. package/3D/materials/mrdl/shaders/mrdlSliderBar.vertex.js +8 -8
  193. package/3D/materials/mrdl/shaders/mrdlSliderThumb.fragment.d.ts +5 -5
  194. package/3D/materials/mrdl/shaders/mrdlSliderThumb.fragment.js +8 -8
  195. package/3D/materials/mrdl/shaders/mrdlSliderThumb.vertex.d.ts +5 -5
  196. package/3D/materials/mrdl/shaders/mrdlSliderThumb.vertex.js +8 -8
  197. package/3D/vector3WithInfo.d.ts +16 -16
  198. package/3D/vector3WithInfo.js +23 -23
  199. package/index.d.ts +2 -2
  200. package/index.js +2 -2
  201. package/legacy/legacy.d.ts +1 -1
  202. package/legacy/legacy.js +13 -13
  203. 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
+ }