@onerjs/gui 8.23.1
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/FrameGraph/guiTask.d.ts +34 -0
- package/2D/FrameGraph/guiTask.js +62 -0
- package/2D/FrameGraph/guiTask.js.map +1 -0
- package/2D/FrameGraph/renderGraphGUIBlock.d.ts +43 -0
- package/2D/FrameGraph/renderGraphGUIBlock.js +66 -0
- package/2D/FrameGraph/renderGraphGUIBlock.js.map +1 -0
- package/2D/adtInstrumentation.d.ts +52 -0
- package/2D/adtInstrumentation.js +107 -0
- package/2D/adtInstrumentation.js.map +1 -0
- package/2D/advancedDynamicTexture.d.ts +548 -0
- package/2D/advancedDynamicTexture.js +1522 -0
- package/2D/advancedDynamicTexture.js.map +1 -0
- package/2D/controls/button.d.ts +109 -0
- package/2D/controls/button.js +246 -0
- package/2D/controls/button.js.map +1 -0
- package/2D/controls/checkbox.d.ts +53 -0
- package/2D/controls/checkbox.js +164 -0
- package/2D/controls/checkbox.js.map +1 -0
- package/2D/controls/colorpicker.d.ts +101 -0
- package/2D/controls/colorpicker.js +1396 -0
- package/2D/controls/colorpicker.js.map +1 -0
- package/2D/controls/container.d.ts +179 -0
- package/2D/controls/container.js +616 -0
- package/2D/controls/container.js.map +1 -0
- package/2D/controls/control.d.ts +943 -0
- package/2D/controls/control.js +2460 -0
- package/2D/controls/control.js.map +1 -0
- package/2D/controls/displayGrid.d.ts +53 -0
- package/2D/controls/displayGrid.js +202 -0
- package/2D/controls/displayGrid.js.map +1 -0
- package/2D/controls/ellipse.d.ts +25 -0
- package/2D/controls/ellipse.js +93 -0
- package/2D/controls/ellipse.js.map +1 -0
- package/2D/controls/focusableButton.d.ts +17 -0
- package/2D/controls/focusableButton.js +25 -0
- package/2D/controls/focusableButton.js.map +1 -0
- package/2D/controls/focusableControl.d.ts +43 -0
- package/2D/controls/focusableControl.js +2 -0
- package/2D/controls/focusableControl.js.map +1 -0
- package/2D/controls/gradient/BaseGradient.d.ts +69 -0
- package/2D/controls/gradient/BaseGradient.js +84 -0
- package/2D/controls/gradient/BaseGradient.js.map +1 -0
- package/2D/controls/gradient/LinearGradient.d.ts +45 -0
- package/2D/controls/gradient/LinearGradient.js +73 -0
- package/2D/controls/gradient/LinearGradient.js.map +1 -0
- package/2D/controls/gradient/RadialGradient.d.ts +53 -0
- package/2D/controls/gradient/RadialGradient.js +89 -0
- package/2D/controls/gradient/RadialGradient.js.map +1 -0
- package/2D/controls/grid.d.ts +151 -0
- package/2D/controls/grid.js +528 -0
- package/2D/controls/grid.js.map +1 -0
- package/2D/controls/image.d.ts +228 -0
- package/2D/controls/image.js +915 -0
- package/2D/controls/image.js.map +1 -0
- package/2D/controls/index.d.ts +34 -0
- package/2D/controls/index.js +35 -0
- package/2D/controls/index.js.map +1 -0
- package/2D/controls/inputPassword.d.ts +9 -0
- package/2D/controls/inputPassword.js +22 -0
- package/2D/controls/inputPassword.js.map +1 -0
- package/2D/controls/inputText.d.ts +197 -0
- package/2D/controls/inputText.js +1035 -0
- package/2D/controls/inputText.js.map +1 -0
- package/2D/controls/inputTextArea.d.ts +142 -0
- package/2D/controls/inputTextArea.js +1025 -0
- package/2D/controls/inputTextArea.js.map +1 -0
- package/2D/controls/line.d.ts +73 -0
- package/2D/controls/line.js +227 -0
- package/2D/controls/line.js.map +1 -0
- package/2D/controls/multiLine.d.ts +75 -0
- package/2D/controls/multiLine.js +237 -0
- package/2D/controls/multiLine.js.map +1 -0
- package/2D/controls/radioButton.d.ts +49 -0
- package/2D/controls/radioButton.js +185 -0
- package/2D/controls/radioButton.js.map +1 -0
- package/2D/controls/rectangle.d.ts +43 -0
- package/2D/controls/rectangle.js +204 -0
- package/2D/controls/rectangle.js.map +1 -0
- package/2D/controls/scrollViewers/scrollViewer.d.ts +178 -0
- package/2D/controls/scrollViewers/scrollViewer.js +587 -0
- package/2D/controls/scrollViewers/scrollViewer.js.map +1 -0
- package/2D/controls/scrollViewers/scrollViewerWindow.d.ts +51 -0
- package/2D/controls/scrollViewers/scrollViewerWindow.js +254 -0
- package/2D/controls/scrollViewers/scrollViewerWindow.js.map +1 -0
- package/2D/controls/selector.d.ts +237 -0
- package/2D/controls/selector.js +579 -0
- package/2D/controls/selector.js.map +1 -0
- package/2D/controls/sliders/baseSlider.d.ts +80 -0
- package/2D/controls/sliders/baseSlider.js +299 -0
- package/2D/controls/sliders/baseSlider.js.map +1 -0
- package/2D/controls/sliders/imageBasedSlider.d.ts +47 -0
- package/2D/controls/sliders/imageBasedSlider.js +168 -0
- package/2D/controls/sliders/imageBasedSlider.js.map +1 -0
- package/2D/controls/sliders/imageScrollBar.d.ts +67 -0
- package/2D/controls/sliders/imageScrollBar.js +248 -0
- package/2D/controls/sliders/imageScrollBar.js.map +1 -0
- package/2D/controls/sliders/scrollBar.d.ts +50 -0
- package/2D/controls/sliders/scrollBar.js +175 -0
- package/2D/controls/sliders/scrollBar.js.map +1 -0
- package/2D/controls/sliders/slider.d.ts +46 -0
- package/2D/controls/sliders/slider.js +281 -0
- package/2D/controls/sliders/slider.js.map +1 -0
- package/2D/controls/stackPanel.d.ts +64 -0
- package/2D/controls/stackPanel.js +244 -0
- package/2D/controls/stackPanel.js.map +1 -0
- package/2D/controls/statics.d.ts +6 -0
- package/2D/controls/statics.js +50 -0
- package/2D/controls/statics.js.map +1 -0
- package/2D/controls/textBlock.d.ts +219 -0
- package/2D/controls/textBlock.js +670 -0
- package/2D/controls/textBlock.js.map +1 -0
- package/2D/controls/textWrapper.d.ts +13 -0
- package/2D/controls/textWrapper.js +88 -0
- package/2D/controls/textWrapper.js.map +1 -0
- package/2D/controls/toggleButton.d.ts +93 -0
- package/2D/controls/toggleButton.js +229 -0
- package/2D/controls/toggleButton.js.map +1 -0
- package/2D/controls/virtualKeyboard.d.ts +102 -0
- package/2D/controls/virtualKeyboard.js +275 -0
- package/2D/controls/virtualKeyboard.js.map +1 -0
- package/2D/index.d.ts +11 -0
- package/2D/index.js +13 -0
- package/2D/index.js.map +1 -0
- package/2D/math2D.d.ts +136 -0
- package/2D/math2D.js +235 -0
- package/2D/math2D.js.map +1 -0
- package/2D/measure.d.ts +77 -0
- package/2D/measure.js +138 -0
- package/2D/measure.js.map +1 -0
- package/2D/multiLinePoint.d.ts +47 -0
- package/2D/multiLinePoint.js +110 -0
- package/2D/multiLinePoint.js.map +1 -0
- package/2D/style.d.ts +46 -0
- package/2D/style.js +80 -0
- package/2D/style.js.map +1 -0
- package/2D/valueAndUnit.d.ts +89 -0
- package/2D/valueAndUnit.js +194 -0
- package/2D/valueAndUnit.js.map +1 -0
- package/2D/xmlLoader.d.ts +60 -0
- package/2D/xmlLoader.js +348 -0
- package/2D/xmlLoader.js.map +1 -0
- package/3D/behaviors/defaultBehavior.d.ts +73 -0
- package/3D/behaviors/defaultBehavior.js +103 -0
- package/3D/behaviors/defaultBehavior.js.map +1 -0
- package/3D/controls/MRTK3/touchHolographicButton.d.ts +220 -0
- package/3D/controls/MRTK3/touchHolographicButton.js +868 -0
- package/3D/controls/MRTK3/touchHolographicButton.js.map +1 -0
- package/3D/controls/abstractButton3D.d.ts +15 -0
- package/3D/controls/abstractButton3D.js +22 -0
- package/3D/controls/abstractButton3D.js.map +1 -0
- package/3D/controls/button3D.d.ts +51 -0
- package/3D/controls/button3D.js +98 -0
- package/3D/controls/button3D.js.map +1 -0
- package/3D/controls/container3D.d.ts +72 -0
- package/3D/controls/container3D.js +126 -0
- package/3D/controls/container3D.js.map +1 -0
- package/3D/controls/contentDisplay3D.d.ts +42 -0
- package/3D/controls/contentDisplay3D.js +81 -0
- package/3D/controls/contentDisplay3D.js.map +1 -0
- package/3D/controls/control3D.d.ts +183 -0
- package/3D/controls/control3D.js +401 -0
- package/3D/controls/control3D.js.map +1 -0
- package/3D/controls/cylinderPanel.d.ts +17 -0
- package/3D/controls/cylinderPanel.js +57 -0
- package/3D/controls/cylinderPanel.js.map +1 -0
- package/3D/controls/handMenu.d.ts +28 -0
- package/3D/controls/handMenu.js +39 -0
- package/3D/controls/handMenu.js.map +1 -0
- package/3D/controls/holographicBackplate.d.ts +49 -0
- package/3D/controls/holographicBackplate.js +104 -0
- package/3D/controls/holographicBackplate.js.map +1 -0
- package/3D/controls/holographicButton.d.ts +84 -0
- package/3D/controls/holographicButton.js +300 -0
- package/3D/controls/holographicButton.js.map +1 -0
- package/3D/controls/holographicSlate.d.ts +134 -0
- package/3D/controls/holographicSlate.js +413 -0
- package/3D/controls/holographicSlate.js.map +1 -0
- package/3D/controls/index.d.ts +22 -0
- package/3D/controls/index.js +24 -0
- package/3D/controls/index.js.map +1 -0
- package/3D/controls/meshButton3D.d.ts +21 -0
- package/3D/controls/meshButton3D.js +58 -0
- package/3D/controls/meshButton3D.js.map +1 -0
- package/3D/controls/nearMenu.d.ts +44 -0
- package/3D/controls/nearMenu.js +103 -0
- package/3D/controls/nearMenu.js.map +1 -0
- package/3D/controls/planePanel.d.ts +9 -0
- package/3D/controls/planePanel.js +30 -0
- package/3D/controls/planePanel.js.map +1 -0
- package/3D/controls/scatterPanel.d.ts +18 -0
- package/3D/controls/scatterPanel.js +98 -0
- package/3D/controls/scatterPanel.js.map +1 -0
- package/3D/controls/slider3D.d.ts +95 -0
- package/3D/controls/slider3D.js +256 -0
- package/3D/controls/slider3D.js.map +1 -0
- package/3D/controls/spherePanel.d.ts +17 -0
- package/3D/controls/spherePanel.js +58 -0
- package/3D/controls/spherePanel.js.map +1 -0
- package/3D/controls/stackPanel3D.d.ts +22 -0
- package/3D/controls/stackPanel3D.js +95 -0
- package/3D/controls/stackPanel3D.js.map +1 -0
- package/3D/controls/touchButton3D.d.ts +77 -0
- package/3D/controls/touchButton3D.js +205 -0
- package/3D/controls/touchButton3D.js.map +1 -0
- package/3D/controls/touchHolographicButton.d.ts +110 -0
- package/3D/controls/touchHolographicButton.js +400 -0
- package/3D/controls/touchHolographicButton.js.map +1 -0
- package/3D/controls/touchHolographicMenu.d.ts +61 -0
- package/3D/controls/touchHolographicMenu.js +139 -0
- package/3D/controls/touchHolographicMenu.js.map +1 -0
- package/3D/controls/touchMeshButton3D.d.ts +21 -0
- package/3D/controls/touchMeshButton3D.js +58 -0
- package/3D/controls/touchMeshButton3D.js.map +1 -0
- package/3D/controls/volumeBasedPanel.d.ts +53 -0
- package/3D/controls/volumeBasedPanel.js +158 -0
- package/3D/controls/volumeBasedPanel.js.map +1 -0
- package/3D/gizmos/gizmoHandle.d.ts +108 -0
- package/3D/gizmos/gizmoHandle.js +175 -0
- package/3D/gizmos/gizmoHandle.js.map +1 -0
- package/3D/gizmos/index.d.ts +2 -0
- package/3D/gizmos/index.js +3 -0
- package/3D/gizmos/index.js.map +1 -0
- package/3D/gizmos/slateGizmo.d.ts +57 -0
- package/3D/gizmos/slateGizmo.js +353 -0
- package/3D/gizmos/slateGizmo.js.map +1 -0
- package/3D/gui3DManager.d.ts +94 -0
- package/3D/gui3DManager.js +233 -0
- package/3D/gui3DManager.js.map +1 -0
- package/3D/index.d.ts +5 -0
- package/3D/index.js +7 -0
- package/3D/index.js.map +1 -0
- package/3D/materials/fluent/fluentMaterial.d.ts +91 -0
- package/3D/materials/fluent/fluentMaterial.js +286 -0
- package/3D/materials/fluent/fluentMaterial.js.map +1 -0
- package/3D/materials/fluent/index.d.ts +1 -0
- package/3D/materials/fluent/index.js +2 -0
- package/3D/materials/fluent/index.js.map +1 -0
- package/3D/materials/fluent/shaders/fluent.fragment.d.ts +5 -0
- package/3D/materials/fluent/shaders/fluent.fragment.js +41 -0
- package/3D/materials/fluent/shaders/fluent.fragment.js.map +1 -0
- package/3D/materials/fluent/shaders/fluent.vertex.d.ts +5 -0
- package/3D/materials/fluent/shaders/fluent.vertex.js +40 -0
- package/3D/materials/fluent/shaders/fluent.vertex.js.map +1 -0
- package/3D/materials/fluentBackplate/fluentBackplateMaterial.d.ts +155 -0
- package/3D/materials/fluentBackplate/fluentBackplateMaterial.js +466 -0
- package/3D/materials/fluentBackplate/fluentBackplateMaterial.js.map +1 -0
- package/3D/materials/fluentBackplate/index.d.ts +1 -0
- package/3D/materials/fluentBackplate/index.js +2 -0
- package/3D/materials/fluentBackplate/index.js.map +1 -0
- package/3D/materials/fluentBackplate/shaders/fluentBackplate.fragment.d.ts +5 -0
- package/3D/materials/fluentBackplate/shaders/fluentBackplate.fragment.js +60 -0
- package/3D/materials/fluentBackplate/shaders/fluentBackplate.fragment.js.map +1 -0
- package/3D/materials/fluentBackplate/shaders/fluentBackplate.vertex.d.ts +5 -0
- package/3D/materials/fluentBackplate/shaders/fluentBackplate.vertex.js +127 -0
- package/3D/materials/fluentBackplate/shaders/fluentBackplate.vertex.js.map +1 -0
- package/3D/materials/fluentButton/fluentButtonMaterial.d.ts +190 -0
- package/3D/materials/fluentButton/fluentButtonMaterial.js +536 -0
- package/3D/materials/fluentButton/fluentButtonMaterial.js.map +1 -0
- package/3D/materials/fluentButton/index.d.ts +1 -0
- package/3D/materials/fluentButton/index.js +2 -0
- package/3D/materials/fluentButton/index.js.map +1 -0
- package/3D/materials/fluentButton/shaders/fluentButton.fragment.d.ts +5 -0
- package/3D/materials/fluentButton/shaders/fluentButton.fragment.js +57 -0
- package/3D/materials/fluentButton/shaders/fluentButton.fragment.js.map +1 -0
- package/3D/materials/fluentButton/shaders/fluentButton.vertex.d.ts +5 -0
- package/3D/materials/fluentButton/shaders/fluentButton.vertex.js +162 -0
- package/3D/materials/fluentButton/shaders/fluentButton.vertex.js.map +1 -0
- package/3D/materials/fluentMaterial.d.ts +4 -0
- package/3D/materials/fluentMaterial.js +5 -0
- package/3D/materials/fluentMaterial.js.map +1 -0
- package/3D/materials/handle/handleMaterial.d.ts +68 -0
- package/3D/materials/handle/handleMaterial.js +114 -0
- package/3D/materials/handle/handleMaterial.js.map +1 -0
- package/3D/materials/handle/index.d.ts +1 -0
- package/3D/materials/handle/index.js +2 -0
- package/3D/materials/handle/index.js.map +1 -0
- package/3D/materials/handle/shaders/handle.fragment.d.ts +5 -0
- package/3D/materials/handle/shaders/handle.fragment.js +11 -0
- package/3D/materials/handle/shaders/handle.fragment.js.map +1 -0
- package/3D/materials/handle/shaders/handle.vertex.d.ts +5 -0
- package/3D/materials/handle/shaders/handle.vertex.js +11 -0
- package/3D/materials/handle/shaders/handle.vertex.js.map +1 -0
- package/3D/materials/index.d.ts +5 -0
- package/3D/materials/index.js +7 -0
- package/3D/materials/index.js.map +1 -0
- package/3D/materials/mrdl/index.d.ts +3 -0
- package/3D/materials/mrdl/index.js +4 -0
- package/3D/materials/mrdl/index.js.map +1 -0
- package/3D/materials/mrdl/mrdlBackglowMaterial.d.ts +87 -0
- package/3D/materials/mrdl/mrdlBackglowMaterial.js +302 -0
- package/3D/materials/mrdl/mrdlBackglowMaterial.js.map +1 -0
- package/3D/materials/mrdl/mrdlBackplateMaterial.d.ts +148 -0
- package/3D/materials/mrdl/mrdlBackplateMaterial.js +433 -0
- package/3D/materials/mrdl/mrdlBackplateMaterial.js.map +1 -0
- package/3D/materials/mrdl/mrdlFrontplateMaterial.d.ts +186 -0
- package/3D/materials/mrdl/mrdlFrontplateMaterial.js +532 -0
- package/3D/materials/mrdl/mrdlFrontplateMaterial.js.map +1 -0
- package/3D/materials/mrdl/mrdlInnerquadMaterial.d.ts +56 -0
- package/3D/materials/mrdl/mrdlInnerquadMaterial.js +230 -0
- package/3D/materials/mrdl/mrdlInnerquadMaterial.js.map +1 -0
- package/3D/materials/mrdl/mrdlSliderBarMaterial.d.ts +337 -0
- package/3D/materials/mrdl/mrdlSliderBarMaterial.js +855 -0
- package/3D/materials/mrdl/mrdlSliderBarMaterial.js.map +1 -0
- package/3D/materials/mrdl/mrdlSliderThumbMaterial.d.ts +337 -0
- package/3D/materials/mrdl/mrdlSliderThumbMaterial.js +855 -0
- package/3D/materials/mrdl/mrdlSliderThumbMaterial.js.map +1 -0
- package/3D/materials/mrdl/shaders/mrdlBackglow.fragment.d.ts +5 -0
- package/3D/materials/mrdl/shaders/mrdlBackglow.fragment.js +25 -0
- package/3D/materials/mrdl/shaders/mrdlBackglow.fragment.js.map +1 -0
- package/3D/materials/mrdl/shaders/mrdlBackglow.vertex.d.ts +5 -0
- package/3D/materials/mrdl/shaders/mrdlBackglow.vertex.js +12 -0
- package/3D/materials/mrdl/shaders/mrdlBackglow.vertex.js.map +1 -0
- package/3D/materials/mrdl/shaders/mrdlBackplate.fragment.d.ts +5 -0
- package/3D/materials/mrdl/shaders/mrdlBackplate.fragment.js +88 -0
- package/3D/materials/mrdl/shaders/mrdlBackplate.fragment.js.map +1 -0
- package/3D/materials/mrdl/shaders/mrdlBackplate.vertex.d.ts +5 -0
- package/3D/materials/mrdl/shaders/mrdlBackplate.vertex.js +96 -0
- package/3D/materials/mrdl/shaders/mrdlBackplate.vertex.js.map +1 -0
- package/3D/materials/mrdl/shaders/mrdlFrontplate.fragment.d.ts +5 -0
- package/3D/materials/mrdl/shaders/mrdlFrontplate.fragment.js +48 -0
- package/3D/materials/mrdl/shaders/mrdlFrontplate.fragment.js.map +1 -0
- package/3D/materials/mrdl/shaders/mrdlFrontplate.vertex.d.ts +5 -0
- package/3D/materials/mrdl/shaders/mrdlFrontplate.vertex.js +158 -0
- package/3D/materials/mrdl/shaders/mrdlFrontplate.vertex.js.map +1 -0
- package/3D/materials/mrdl/shaders/mrdlInnerquad.fragment.d.ts +5 -0
- package/3D/materials/mrdl/shaders/mrdlInnerquad.fragment.js +27 -0
- package/3D/materials/mrdl/shaders/mrdlInnerquad.fragment.js.map +1 -0
- package/3D/materials/mrdl/shaders/mrdlInnerquad.vertex.d.ts +5 -0
- package/3D/materials/mrdl/shaders/mrdlInnerquad.vertex.js +13 -0
- package/3D/materials/mrdl/shaders/mrdlInnerquad.vertex.js.map +1 -0
- package/3D/materials/mrdl/shaders/mrdlSliderBar.fragment.d.ts +5 -0
- package/3D/materials/mrdl/shaders/mrdlSliderBar.fragment.js +236 -0
- package/3D/materials/mrdl/shaders/mrdlSliderBar.fragment.js.map +1 -0
- package/3D/materials/mrdl/shaders/mrdlSliderBar.vertex.d.ts +5 -0
- package/3D/materials/mrdl/shaders/mrdlSliderBar.vertex.js +137 -0
- package/3D/materials/mrdl/shaders/mrdlSliderBar.vertex.js.map +1 -0
- package/3D/materials/mrdl/shaders/mrdlSliderThumb.fragment.d.ts +5 -0
- package/3D/materials/mrdl/shaders/mrdlSliderThumb.fragment.js +236 -0
- package/3D/materials/mrdl/shaders/mrdlSliderThumb.fragment.js.map +1 -0
- package/3D/materials/mrdl/shaders/mrdlSliderThumb.vertex.d.ts +5 -0
- package/3D/materials/mrdl/shaders/mrdlSliderThumb.vertex.js +137 -0
- package/3D/materials/mrdl/shaders/mrdlSliderThumb.vertex.js.map +1 -0
- package/3D/vector3WithInfo.d.ts +16 -0
- package/3D/vector3WithInfo.js +18 -0
- package/3D/vector3WithInfo.js.map +1 -0
- package/index.d.ts +2 -0
- package/index.js +4 -0
- package/index.js.map +1 -0
- package/legacy/legacy.d.ts +1 -0
- package/legacy/legacy.js +17 -0
- package/legacy/legacy.js.map +1 -0
- package/license.md +71 -0
- package/package.json +47 -0
- package/readme.md +31 -0
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import type { ICanvasGradient, ICanvasRenderingContext } from "@babylonjs/core/Engines/ICanvas.js";
|
|
2
|
+
import { BaseGradient } from "./BaseGradient.js";
|
|
3
|
+
/**
|
|
4
|
+
* Gradient along a line that connects two coordinates.
|
|
5
|
+
* These coordinates are relative to the canvas' space, not to any control's space.
|
|
6
|
+
* @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/createLinearGradient
|
|
7
|
+
*/
|
|
8
|
+
export declare class LinearGradient extends BaseGradient {
|
|
9
|
+
private _x0;
|
|
10
|
+
private _y0;
|
|
11
|
+
private _x1;
|
|
12
|
+
private _y1;
|
|
13
|
+
/**
|
|
14
|
+
* Creates a new linear gradient
|
|
15
|
+
* @param x0
|
|
16
|
+
* @param y0
|
|
17
|
+
* @param x1
|
|
18
|
+
* @param y1
|
|
19
|
+
*/
|
|
20
|
+
constructor(x0?: number, y0?: number, x1?: number, y1?: number);
|
|
21
|
+
protected _createCanvasGradient(context: ICanvasRenderingContext): ICanvasGradient;
|
|
22
|
+
/** X axis coordinate of the starting point in the line */
|
|
23
|
+
get x0(): number;
|
|
24
|
+
/** X axis coordinate of the ending point in the line */
|
|
25
|
+
get x1(): number;
|
|
26
|
+
/** Y axis coordinate of the starting point in the line */
|
|
27
|
+
get y0(): number;
|
|
28
|
+
/** Y axis coordinate of the ending point in the line */
|
|
29
|
+
get y1(): number;
|
|
30
|
+
/**
|
|
31
|
+
* Class name of the gradient
|
|
32
|
+
* @returns the class name of the gradient
|
|
33
|
+
*/
|
|
34
|
+
getClassName(): string;
|
|
35
|
+
/**
|
|
36
|
+
* Serializes this gradient
|
|
37
|
+
* @param serializationObject the object to serialize to
|
|
38
|
+
*/
|
|
39
|
+
serialize(serializationObject: any): void;
|
|
40
|
+
/**
|
|
41
|
+
* Parses a gradient from a serialization object
|
|
42
|
+
* @param serializationObject the object to parse from
|
|
43
|
+
*/
|
|
44
|
+
parse(serializationObject: any): void;
|
|
45
|
+
}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import { BaseGradient } from "./BaseGradient.js";
|
|
2
|
+
import { RegisterClass } from "@babylonjs/core/Misc/typeStore.js";
|
|
3
|
+
/**
|
|
4
|
+
* Gradient along a line that connects two coordinates.
|
|
5
|
+
* These coordinates are relative to the canvas' space, not to any control's space.
|
|
6
|
+
* @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/createLinearGradient
|
|
7
|
+
*/
|
|
8
|
+
export class LinearGradient extends BaseGradient {
|
|
9
|
+
/**
|
|
10
|
+
* Creates a new linear gradient
|
|
11
|
+
* @param x0
|
|
12
|
+
* @param y0
|
|
13
|
+
* @param x1
|
|
14
|
+
* @param y1
|
|
15
|
+
*/
|
|
16
|
+
constructor(x0, y0, x1, y1) {
|
|
17
|
+
super();
|
|
18
|
+
this._x0 = x0 ?? 0;
|
|
19
|
+
this._y0 = y0 ?? 0;
|
|
20
|
+
this._x1 = x1 ?? 0;
|
|
21
|
+
this._y1 = y1 ?? 0;
|
|
22
|
+
}
|
|
23
|
+
_createCanvasGradient(context) {
|
|
24
|
+
return context.createLinearGradient(this._x0, this._y0, this._x1, this._y1);
|
|
25
|
+
}
|
|
26
|
+
/** X axis coordinate of the starting point in the line */
|
|
27
|
+
get x0() {
|
|
28
|
+
return this._x0;
|
|
29
|
+
}
|
|
30
|
+
/** X axis coordinate of the ending point in the line */
|
|
31
|
+
get x1() {
|
|
32
|
+
return this._x1;
|
|
33
|
+
}
|
|
34
|
+
/** Y axis coordinate of the starting point in the line */
|
|
35
|
+
get y0() {
|
|
36
|
+
return this._y0;
|
|
37
|
+
}
|
|
38
|
+
/** Y axis coordinate of the ending point in the line */
|
|
39
|
+
get y1() {
|
|
40
|
+
return this._y1;
|
|
41
|
+
}
|
|
42
|
+
/**
|
|
43
|
+
* Class name of the gradient
|
|
44
|
+
* @returns the class name of the gradient
|
|
45
|
+
*/
|
|
46
|
+
getClassName() {
|
|
47
|
+
return "LinearGradient";
|
|
48
|
+
}
|
|
49
|
+
/**
|
|
50
|
+
* Serializes this gradient
|
|
51
|
+
* @param serializationObject the object to serialize to
|
|
52
|
+
*/
|
|
53
|
+
serialize(serializationObject) {
|
|
54
|
+
super.serialize(serializationObject);
|
|
55
|
+
serializationObject.x0 = this._x0;
|
|
56
|
+
serializationObject.y0 = this._y0;
|
|
57
|
+
serializationObject.x1 = this._x1;
|
|
58
|
+
serializationObject.y1 = this._y1;
|
|
59
|
+
}
|
|
60
|
+
/**
|
|
61
|
+
* Parses a gradient from a serialization object
|
|
62
|
+
* @param serializationObject the object to parse from
|
|
63
|
+
*/
|
|
64
|
+
parse(serializationObject) {
|
|
65
|
+
super.parse(serializationObject);
|
|
66
|
+
this._x0 = serializationObject.x0;
|
|
67
|
+
this._y0 = serializationObject.y0;
|
|
68
|
+
this._x1 = serializationObject.x1;
|
|
69
|
+
this._y1 = serializationObject.y1;
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
RegisterClass("BABYLON.GUI.LinearGradient", LinearGradient);
|
|
73
|
+
//# sourceMappingURL=LinearGradient.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LinearGradient.js","sourceRoot":"","sources":["../../../../../../dev/gui/src/2D/controls/gradient/LinearGradient.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,0CAA4B;AAEpD;;;;GAIG;AACH,MAAM,OAAO,cAAe,SAAQ,YAAY;IAM5C;;;;;;OAMG;IACH,YAAY,EAAW,EAAE,EAAW,EAAE,EAAW,EAAE,EAAW;QAC1D,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,GAAG,GAAG,EAAE,IAAI,CAAC,CAAC;QACnB,IAAI,CAAC,GAAG,GAAG,EAAE,IAAI,CAAC,CAAC;QACnB,IAAI,CAAC,GAAG,GAAG,EAAE,IAAI,CAAC,CAAC;QACnB,IAAI,CAAC,GAAG,GAAG,EAAE,IAAI,CAAC,CAAC;IACvB,CAAC;IAES,qBAAqB,CAAC,OAAgC;QAC5D,OAAO,OAAO,CAAC,oBAAoB,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;IAChF,CAAC;IAED,0DAA0D;IAC1D,IAAW,EAAE;QACT,OAAO,IAAI,CAAC,GAAG,CAAC;IACpB,CAAC;IAED,wDAAwD;IACxD,IAAW,EAAE;QACT,OAAO,IAAI,CAAC,GAAG,CAAC;IACpB,CAAC;IAED,0DAA0D;IAC1D,IAAW,EAAE;QACT,OAAO,IAAI,CAAC,GAAG,CAAC;IACpB,CAAC;IAED,wDAAwD;IACxD,IAAW,EAAE;QACT,OAAO,IAAI,CAAC,GAAG,CAAC;IACpB,CAAC;IAED;;;OAGG;IACa,YAAY;QACxB,OAAO,gBAAgB,CAAC;IAC5B,CAAC;IAED;;;OAGG;IACa,SAAS,CAAC,mBAAwB;QAC9C,KAAK,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC;QACrC,mBAAmB,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC;QAClC,mBAAmB,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC;QAClC,mBAAmB,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC;QAClC,mBAAmB,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC;IACtC,CAAC;IAED;;;OAGG;IACa,KAAK,CAAC,mBAAwB;QAC1C,KAAK,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC;QACjC,IAAI,CAAC,GAAG,GAAG,mBAAmB,CAAC,EAAE,CAAC;QAClC,IAAI,CAAC,GAAG,GAAG,mBAAmB,CAAC,EAAE,CAAC;QAClC,IAAI,CAAC,GAAG,GAAG,mBAAmB,CAAC,EAAE,CAAC;QAClC,IAAI,CAAC,GAAG,GAAG,mBAAmB,CAAC,EAAE,CAAC;IACtC,CAAC;CACJ;AACD,aAAa,CAAC,4BAA4B,EAAE,cAAc,CAAC,CAAC","sourcesContent":["import type { ICanvasGradient, ICanvasRenderingContext } from \"core/Engines/ICanvas\";\r\nimport { BaseGradient } from \"./BaseGradient\";\r\nimport { RegisterClass } from \"core/Misc/typeStore\";\r\n\r\n/**\r\n * Gradient along a line that connects two coordinates.\r\n * These coordinates are relative to the canvas' space, not to any control's space.\r\n * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/createLinearGradient\r\n */\r\nexport class LinearGradient extends BaseGradient {\r\n private _x0: number;\r\n private _y0: number;\r\n private _x1: number;\r\n private _y1: number;\r\n\r\n /**\r\n * Creates a new linear gradient\r\n * @param x0\r\n * @param y0\r\n * @param x1\r\n * @param y1\r\n */\r\n constructor(x0?: number, y0?: number, x1?: number, y1?: number) {\r\n super();\r\n this._x0 = x0 ?? 0;\r\n this._y0 = y0 ?? 0;\r\n this._x1 = x1 ?? 0;\r\n this._y1 = y1 ?? 0;\r\n }\r\n\r\n protected _createCanvasGradient(context: ICanvasRenderingContext): ICanvasGradient {\r\n return context.createLinearGradient(this._x0, this._y0, this._x1, this._y1);\r\n }\r\n\r\n /** X axis coordinate of the starting point in the line */\r\n public get x0() {\r\n return this._x0;\r\n }\r\n\r\n /** X axis coordinate of the ending point in the line */\r\n public get x1() {\r\n return this._x1;\r\n }\r\n\r\n /** Y axis coordinate of the starting point in the line */\r\n public get y0() {\r\n return this._y0;\r\n }\r\n\r\n /** Y axis coordinate of the ending point in the line */\r\n public get y1() {\r\n return this._y1;\r\n }\r\n\r\n /**\r\n * Class name of the gradient\r\n * @returns the class name of the gradient\r\n */\r\n public override getClassName(): string {\r\n return \"LinearGradient\";\r\n }\r\n\r\n /**\r\n * Serializes this gradient\r\n * @param serializationObject the object to serialize to\r\n */\r\n public override serialize(serializationObject: any): void {\r\n super.serialize(serializationObject);\r\n serializationObject.x0 = this._x0;\r\n serializationObject.y0 = this._y0;\r\n serializationObject.x1 = this._x1;\r\n serializationObject.y1 = this._y1;\r\n }\r\n\r\n /**\r\n * Parses a gradient from a serialization object\r\n * @param serializationObject the object to parse from\r\n */\r\n public override parse(serializationObject: any): void {\r\n super.parse(serializationObject);\r\n this._x0 = serializationObject.x0;\r\n this._y0 = serializationObject.y0;\r\n this._x1 = serializationObject.x1;\r\n this._y1 = serializationObject.y1;\r\n }\r\n}\r\nRegisterClass(\"BABYLON.GUI.LinearGradient\", LinearGradient);\r\n"]}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import type { ICanvasGradient, ICanvasRenderingContext } from "@babylonjs/core/Engines/ICanvas.js";
|
|
2
|
+
import { BaseGradient } from "./BaseGradient.js";
|
|
3
|
+
/**
|
|
4
|
+
* Gradient formed from two circles with their own centers and radius.
|
|
5
|
+
* The coordinates of the circles centers are relative to the canvas' space, not to any control's space.
|
|
6
|
+
* @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/createRadialGradient
|
|
7
|
+
*/
|
|
8
|
+
export declare class RadialGradient extends BaseGradient {
|
|
9
|
+
private _x0;
|
|
10
|
+
private _y0;
|
|
11
|
+
private _r0;
|
|
12
|
+
private _x1;
|
|
13
|
+
private _y1;
|
|
14
|
+
private _r1;
|
|
15
|
+
/**
|
|
16
|
+
* Creates a new radial gradient
|
|
17
|
+
* @param x0 x coordinate of the first circle's center
|
|
18
|
+
* @param y0 y coordinate of the first circle's center
|
|
19
|
+
* @param r0 radius of the first circle
|
|
20
|
+
* @param x1 x coordinate of the second circle's center
|
|
21
|
+
* @param y1 y coordinate of the second circle's center
|
|
22
|
+
* @param r1 radius of the second circle
|
|
23
|
+
*/
|
|
24
|
+
constructor(x0?: number, y0?: number, r0?: number, x1?: number, y1?: number, r1?: number);
|
|
25
|
+
protected _createCanvasGradient(context: ICanvasRenderingContext): ICanvasGradient;
|
|
26
|
+
/** x coordinate of the first circle's center */
|
|
27
|
+
get x0(): number;
|
|
28
|
+
/** x coordinate of the second circle's center */
|
|
29
|
+
get x1(): number;
|
|
30
|
+
/** y coordinate of the first circle's center */
|
|
31
|
+
get y0(): number;
|
|
32
|
+
/** y coordinate of the second circle's center */
|
|
33
|
+
get y1(): number;
|
|
34
|
+
/** radius of the first circle */
|
|
35
|
+
get r0(): number;
|
|
36
|
+
/** radius of the second circle */
|
|
37
|
+
get r1(): number;
|
|
38
|
+
/**
|
|
39
|
+
* Class name of the gradient
|
|
40
|
+
* @returns the class name of the gradient
|
|
41
|
+
*/
|
|
42
|
+
getClassName(): string;
|
|
43
|
+
/**
|
|
44
|
+
* Serializes this gradient
|
|
45
|
+
* @param serializationObject the object to serialize to
|
|
46
|
+
*/
|
|
47
|
+
serialize(serializationObject: any): void;
|
|
48
|
+
/**
|
|
49
|
+
* Parses a gradient from a serialization object
|
|
50
|
+
* @param serializationObject the object to parse from
|
|
51
|
+
*/
|
|
52
|
+
parse(serializationObject: any): void;
|
|
53
|
+
}
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import { BaseGradient } from "./BaseGradient.js";
|
|
2
|
+
import { RegisterClass } from "@babylonjs/core/Misc/typeStore.js";
|
|
3
|
+
/**
|
|
4
|
+
* Gradient formed from two circles with their own centers and radius.
|
|
5
|
+
* The coordinates of the circles centers are relative to the canvas' space, not to any control's space.
|
|
6
|
+
* @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/createRadialGradient
|
|
7
|
+
*/
|
|
8
|
+
export class RadialGradient extends BaseGradient {
|
|
9
|
+
/**
|
|
10
|
+
* Creates a new radial gradient
|
|
11
|
+
* @param x0 x coordinate of the first circle's center
|
|
12
|
+
* @param y0 y coordinate of the first circle's center
|
|
13
|
+
* @param r0 radius of the first circle
|
|
14
|
+
* @param x1 x coordinate of the second circle's center
|
|
15
|
+
* @param y1 y coordinate of the second circle's center
|
|
16
|
+
* @param r1 radius of the second circle
|
|
17
|
+
*/
|
|
18
|
+
constructor(x0, y0, r0, x1, y1, r1) {
|
|
19
|
+
super();
|
|
20
|
+
this._x0 = x0 ?? 0;
|
|
21
|
+
this._y0 = y0 ?? 0;
|
|
22
|
+
this._r0 = r0 ?? 0;
|
|
23
|
+
this._x1 = x1 ?? 0;
|
|
24
|
+
this._y1 = y1 ?? 0;
|
|
25
|
+
this._r1 = r1 ?? 0;
|
|
26
|
+
}
|
|
27
|
+
_createCanvasGradient(context) {
|
|
28
|
+
return context.createRadialGradient(this._x0, this._y0, this._r0, this._x1, this._y1, this._r1);
|
|
29
|
+
}
|
|
30
|
+
/** x coordinate of the first circle's center */
|
|
31
|
+
get x0() {
|
|
32
|
+
return this._x0;
|
|
33
|
+
}
|
|
34
|
+
/** x coordinate of the second circle's center */
|
|
35
|
+
get x1() {
|
|
36
|
+
return this._x1;
|
|
37
|
+
}
|
|
38
|
+
/** y coordinate of the first circle's center */
|
|
39
|
+
get y0() {
|
|
40
|
+
return this._y0;
|
|
41
|
+
}
|
|
42
|
+
/** y coordinate of the second circle's center */
|
|
43
|
+
get y1() {
|
|
44
|
+
return this._y1;
|
|
45
|
+
}
|
|
46
|
+
/** radius of the first circle */
|
|
47
|
+
get r0() {
|
|
48
|
+
return this._r0;
|
|
49
|
+
}
|
|
50
|
+
/** radius of the second circle */
|
|
51
|
+
get r1() {
|
|
52
|
+
return this._r1;
|
|
53
|
+
}
|
|
54
|
+
/**
|
|
55
|
+
* Class name of the gradient
|
|
56
|
+
* @returns the class name of the gradient
|
|
57
|
+
*/
|
|
58
|
+
getClassName() {
|
|
59
|
+
return "RadialGradient";
|
|
60
|
+
}
|
|
61
|
+
/**
|
|
62
|
+
* Serializes this gradient
|
|
63
|
+
* @param serializationObject the object to serialize to
|
|
64
|
+
*/
|
|
65
|
+
serialize(serializationObject) {
|
|
66
|
+
super.serialize(serializationObject);
|
|
67
|
+
serializationObject.x0 = this._x0;
|
|
68
|
+
serializationObject.y0 = this._y0;
|
|
69
|
+
serializationObject.r0 = this._r0;
|
|
70
|
+
serializationObject.x1 = this._x1;
|
|
71
|
+
serializationObject.y1 = this._y1;
|
|
72
|
+
serializationObject.r1 = this._r1;
|
|
73
|
+
}
|
|
74
|
+
/**
|
|
75
|
+
* Parses a gradient from a serialization object
|
|
76
|
+
* @param serializationObject the object to parse from
|
|
77
|
+
*/
|
|
78
|
+
parse(serializationObject) {
|
|
79
|
+
super.parse(serializationObject);
|
|
80
|
+
this._x0 = serializationObject.x0;
|
|
81
|
+
this._y0 = serializationObject.y0;
|
|
82
|
+
this._r0 = serializationObject.r0;
|
|
83
|
+
this._x1 = serializationObject.x1;
|
|
84
|
+
this._y1 = serializationObject.y1;
|
|
85
|
+
this._r1 = serializationObject.r1;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
RegisterClass("BABYLON.GUI.RadialGradient", RadialGradient);
|
|
89
|
+
//# sourceMappingURL=RadialGradient.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadialGradient.js","sourceRoot":"","sources":["../../../../../../dev/gui/src/2D/controls/gradient/RadialGradient.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,0CAA4B;AAEpD;;;;GAIG;AACH,MAAM,OAAO,cAAe,SAAQ,YAAY;IAQ5C;;;;;;;;OAQG;IACH,YAAY,EAAW,EAAE,EAAW,EAAE,EAAW,EAAE,EAAW,EAAE,EAAW,EAAE,EAAW;QACpF,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,GAAG,GAAG,EAAE,IAAI,CAAC,CAAC;QACnB,IAAI,CAAC,GAAG,GAAG,EAAE,IAAI,CAAC,CAAC;QACnB,IAAI,CAAC,GAAG,GAAG,EAAE,IAAI,CAAC,CAAC;QACnB,IAAI,CAAC,GAAG,GAAG,EAAE,IAAI,CAAC,CAAC;QACnB,IAAI,CAAC,GAAG,GAAG,EAAE,IAAI,CAAC,CAAC;QACnB,IAAI,CAAC,GAAG,GAAG,EAAE,IAAI,CAAC,CAAC;IACvB,CAAC;IAES,qBAAqB,CAAC,OAAgC;QAC5D,OAAO,OAAO,CAAC,oBAAoB,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;IACpG,CAAC;IAED,gDAAgD;IAChD,IAAW,EAAE;QACT,OAAO,IAAI,CAAC,GAAG,CAAC;IACpB,CAAC;IAED,iDAAiD;IACjD,IAAW,EAAE;QACT,OAAO,IAAI,CAAC,GAAG,CAAC;IACpB,CAAC;IAED,gDAAgD;IAChD,IAAW,EAAE;QACT,OAAO,IAAI,CAAC,GAAG,CAAC;IACpB,CAAC;IAED,iDAAiD;IACjD,IAAW,EAAE;QACT,OAAO,IAAI,CAAC,GAAG,CAAC;IACpB,CAAC;IAED,iCAAiC;IACjC,IAAW,EAAE;QACT,OAAO,IAAI,CAAC,GAAG,CAAC;IACpB,CAAC;IAED,kCAAkC;IAClC,IAAW,EAAE;QACT,OAAO,IAAI,CAAC,GAAG,CAAC;IACpB,CAAC;IAED;;;OAGG;IACa,YAAY;QACxB,OAAO,gBAAgB,CAAC;IAC5B,CAAC;IAED;;;OAGG;IACa,SAAS,CAAC,mBAAwB;QAC9C,KAAK,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC;QACrC,mBAAmB,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC;QAClC,mBAAmB,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC;QAClC,mBAAmB,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC;QAClC,mBAAmB,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC;QAClC,mBAAmB,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC;QAClC,mBAAmB,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC;IACtC,CAAC;IAED;;;OAGG;IACa,KAAK,CAAC,mBAAwB;QAC1C,KAAK,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC;QACjC,IAAI,CAAC,GAAG,GAAG,mBAAmB,CAAC,EAAE,CAAC;QAClC,IAAI,CAAC,GAAG,GAAG,mBAAmB,CAAC,EAAE,CAAC;QAClC,IAAI,CAAC,GAAG,GAAG,mBAAmB,CAAC,EAAE,CAAC;QAClC,IAAI,CAAC,GAAG,GAAG,mBAAmB,CAAC,EAAE,CAAC;QAClC,IAAI,CAAC,GAAG,GAAG,mBAAmB,CAAC,EAAE,CAAC;QAClC,IAAI,CAAC,GAAG,GAAG,mBAAmB,CAAC,EAAE,CAAC;IACtC,CAAC;CACJ;AACD,aAAa,CAAC,4BAA4B,EAAE,cAAc,CAAC,CAAC","sourcesContent":["import type { ICanvasGradient, ICanvasRenderingContext } from \"core/Engines/ICanvas\";\r\nimport { BaseGradient } from \"./BaseGradient\";\r\nimport { RegisterClass } from \"core/Misc/typeStore\";\r\n\r\n/**\r\n * Gradient formed from two circles with their own centers and radius.\r\n * The coordinates of the circles centers are relative to the canvas' space, not to any control's space.\r\n * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/createRadialGradient\r\n */\r\nexport class RadialGradient extends BaseGradient {\r\n private _x0: number;\r\n private _y0: number;\r\n private _r0: number;\r\n private _x1: number;\r\n private _y1: number;\r\n private _r1: number;\r\n\r\n /**\r\n * Creates a new radial gradient\r\n * @param x0 x coordinate of the first circle's center\r\n * @param y0 y coordinate of the first circle's center\r\n * @param r0 radius of the first circle\r\n * @param x1 x coordinate of the second circle's center\r\n * @param y1 y coordinate of the second circle's center\r\n * @param r1 radius of the second circle\r\n */\r\n constructor(x0?: number, y0?: number, r0?: number, x1?: number, y1?: number, r1?: number) {\r\n super();\r\n this._x0 = x0 ?? 0;\r\n this._y0 = y0 ?? 0;\r\n this._r0 = r0 ?? 0;\r\n this._x1 = x1 ?? 0;\r\n this._y1 = y1 ?? 0;\r\n this._r1 = r1 ?? 0;\r\n }\r\n\r\n protected _createCanvasGradient(context: ICanvasRenderingContext): ICanvasGradient {\r\n return context.createRadialGradient(this._x0, this._y0, this._r0, this._x1, this._y1, this._r1);\r\n }\r\n\r\n /** x coordinate of the first circle's center */\r\n public get x0() {\r\n return this._x0;\r\n }\r\n\r\n /** x coordinate of the second circle's center */\r\n public get x1() {\r\n return this._x1;\r\n }\r\n\r\n /** y coordinate of the first circle's center */\r\n public get y0() {\r\n return this._y0;\r\n }\r\n\r\n /** y coordinate of the second circle's center */\r\n public get y1() {\r\n return this._y1;\r\n }\r\n\r\n /** radius of the first circle */\r\n public get r0() {\r\n return this._r0;\r\n }\r\n\r\n /** radius of the second circle */\r\n public get r1() {\r\n return this._r1;\r\n }\r\n\r\n /**\r\n * Class name of the gradient\r\n * @returns the class name of the gradient\r\n */\r\n public override getClassName() {\r\n return \"RadialGradient\";\r\n }\r\n\r\n /**\r\n * Serializes this gradient\r\n * @param serializationObject the object to serialize to\r\n */\r\n public override serialize(serializationObject: any): void {\r\n super.serialize(serializationObject);\r\n serializationObject.x0 = this._x0;\r\n serializationObject.y0 = this._y0;\r\n serializationObject.r0 = this._r0;\r\n serializationObject.x1 = this._x1;\r\n serializationObject.y1 = this._y1;\r\n serializationObject.r1 = this._r1;\r\n }\r\n\r\n /**\r\n * Parses a gradient from a serialization object\r\n * @param serializationObject the object to parse from\r\n */\r\n public override parse(serializationObject: any): void {\r\n super.parse(serializationObject);\r\n this._x0 = serializationObject.x0;\r\n this._y0 = serializationObject.y0;\r\n this._r0 = serializationObject.r0;\r\n this._x1 = serializationObject.x1;\r\n this._y1 = serializationObject.y1;\r\n this._r1 = serializationObject.r1;\r\n }\r\n}\r\nRegisterClass(\"BABYLON.GUI.RadialGradient\", RadialGradient);\r\n"]}
|
|
@@ -0,0 +1,151 @@
|
|
|
1
|
+
import type { Nullable } from "@babylonjs/core/types.js";
|
|
2
|
+
import { Container } from "./container.js";
|
|
3
|
+
import { ValueAndUnit } from "../valueAndUnit.js";
|
|
4
|
+
import { Control } from "./control.js";
|
|
5
|
+
import type { Measure } from "../measure.js";
|
|
6
|
+
import type { ICanvasRenderingContext } from "@babylonjs/core/Engines/ICanvas.js";
|
|
7
|
+
import type { AdvancedDynamicTexture } from "../advancedDynamicTexture.js";
|
|
8
|
+
/**
|
|
9
|
+
* Class used to create a 2D grid container
|
|
10
|
+
*/
|
|
11
|
+
export declare class Grid extends Container {
|
|
12
|
+
name?: string | undefined;
|
|
13
|
+
private _rowDefinitions;
|
|
14
|
+
private _rowDefinitionObservers;
|
|
15
|
+
private _columnDefinitions;
|
|
16
|
+
private _columnDefinitionObservers;
|
|
17
|
+
private _cells;
|
|
18
|
+
private _childControls;
|
|
19
|
+
/**
|
|
20
|
+
* Sets/Gets a boolean indicating that control content must be clipped
|
|
21
|
+
* Please note that not clipping content may generate issues with adt.useInvalidateRectOptimization so it is recommended to turn this optimization off if you want to use unclipped children
|
|
22
|
+
*/
|
|
23
|
+
set clipContent(value: boolean);
|
|
24
|
+
get clipContent(): boolean;
|
|
25
|
+
/**
|
|
26
|
+
* Sets/Gets a boolean indicating if the children are clipped to the current control bounds.
|
|
27
|
+
* Please note that not clipping children may generate issues with adt.useInvalidateRectOptimization so it is recommended to turn this optimization off if you want to use unclipped children
|
|
28
|
+
*/
|
|
29
|
+
set clipChildren(value: boolean);
|
|
30
|
+
get clipChildren(): boolean;
|
|
31
|
+
/**
|
|
32
|
+
* Gets the number of columns
|
|
33
|
+
*/
|
|
34
|
+
get columnCount(): number;
|
|
35
|
+
/**
|
|
36
|
+
* Gets the number of rows
|
|
37
|
+
*/
|
|
38
|
+
get rowCount(): number;
|
|
39
|
+
/** Gets the list of children */
|
|
40
|
+
get children(): Control[];
|
|
41
|
+
/** Gets the list of cells (e.g. the containers) */
|
|
42
|
+
get cells(): {
|
|
43
|
+
[key: string]: Container;
|
|
44
|
+
};
|
|
45
|
+
/**
|
|
46
|
+
* Gets the definition of a specific row
|
|
47
|
+
* @param index defines the index of the row
|
|
48
|
+
* @returns the row definition
|
|
49
|
+
*/
|
|
50
|
+
getRowDefinition(index: number): Nullable<ValueAndUnit>;
|
|
51
|
+
/**
|
|
52
|
+
* Gets the definition of a specific column
|
|
53
|
+
* @param index defines the index of the column
|
|
54
|
+
* @returns the column definition
|
|
55
|
+
*/
|
|
56
|
+
getColumnDefinition(index: number): Nullable<ValueAndUnit>;
|
|
57
|
+
/**
|
|
58
|
+
* Adds a new row to the grid
|
|
59
|
+
* @param height defines the height of the row (either in pixel or a value between 0 and 1)
|
|
60
|
+
* @param isPixel defines if the height is expressed in pixel (or in percentage)
|
|
61
|
+
* @returns the current grid
|
|
62
|
+
*/
|
|
63
|
+
addRowDefinition(height: number, isPixel?: boolean): Grid;
|
|
64
|
+
/**
|
|
65
|
+
* Adds a new column to the grid
|
|
66
|
+
* @param width defines the width of the column (either in pixel or a value between 0 and 1)
|
|
67
|
+
* @param isPixel defines if the width is expressed in pixel (or in percentage)
|
|
68
|
+
* @returns the current grid
|
|
69
|
+
*/
|
|
70
|
+
addColumnDefinition(width: number, isPixel?: boolean): Grid;
|
|
71
|
+
/**
|
|
72
|
+
* Update a row definition
|
|
73
|
+
* @param index defines the index of the row to update
|
|
74
|
+
* @param height defines the height of the row (either in pixel or a value between 0 and 1)
|
|
75
|
+
* @param isPixel defines if the weight is expressed in pixel (or in percentage)
|
|
76
|
+
* @returns the current grid
|
|
77
|
+
*/
|
|
78
|
+
setRowDefinition(index: number, height: number, isPixel?: boolean): Grid;
|
|
79
|
+
/**
|
|
80
|
+
* Update a column definition
|
|
81
|
+
* @param index defines the index of the column to update
|
|
82
|
+
* @param width defines the width of the column (either in pixel or a value between 0 and 1)
|
|
83
|
+
* @param isPixel defines if the width is expressed in pixel (or in percentage)
|
|
84
|
+
* @returns the current grid
|
|
85
|
+
*/
|
|
86
|
+
setColumnDefinition(index: number, width: number, isPixel?: boolean): Grid;
|
|
87
|
+
/**
|
|
88
|
+
* Gets the list of children stored in a specific cell
|
|
89
|
+
* @param row defines the row to check
|
|
90
|
+
* @param column defines the column to check
|
|
91
|
+
* @returns the list of controls
|
|
92
|
+
*/
|
|
93
|
+
getChildrenAt(row: number, column: number): Nullable<Array<Control>>;
|
|
94
|
+
/**
|
|
95
|
+
* Gets a string representing the child cell info (row x column)
|
|
96
|
+
* @param child defines the control to get info from
|
|
97
|
+
* @returns a string containing the child cell info (row x column)
|
|
98
|
+
*/
|
|
99
|
+
getChildCellInfo(child: Control): string;
|
|
100
|
+
private _removeCell;
|
|
101
|
+
private _offsetCell;
|
|
102
|
+
/**
|
|
103
|
+
* Remove a column definition at specified index
|
|
104
|
+
* @param index defines the index of the column to remove
|
|
105
|
+
* @returns the current grid
|
|
106
|
+
*/
|
|
107
|
+
removeColumnDefinition(index: number): Grid;
|
|
108
|
+
/**
|
|
109
|
+
* Remove a row definition at specified index
|
|
110
|
+
* @param index defines the index of the row to remove
|
|
111
|
+
* @returns the current grid
|
|
112
|
+
*/
|
|
113
|
+
removeRowDefinition(index: number): Grid;
|
|
114
|
+
/**
|
|
115
|
+
* Adds a new control to the current grid
|
|
116
|
+
* @param control defines the control to add
|
|
117
|
+
* @param row defines the row where to add the control (0 by default)
|
|
118
|
+
* @param column defines the column where to add the control (0 by default)
|
|
119
|
+
* @returns the current grid
|
|
120
|
+
*/
|
|
121
|
+
addControl(control: Control, row?: number, column?: number): Grid;
|
|
122
|
+
/**
|
|
123
|
+
* Removes a control from the current container
|
|
124
|
+
* @param control defines the control to remove
|
|
125
|
+
* @returns the current container
|
|
126
|
+
*/
|
|
127
|
+
removeControl(control: Control): Container;
|
|
128
|
+
/**
|
|
129
|
+
* Creates a new Grid
|
|
130
|
+
* @param name defines control name
|
|
131
|
+
*/
|
|
132
|
+
constructor(name?: string | undefined);
|
|
133
|
+
protected _getTypeName(): string;
|
|
134
|
+
protected _getGridDefinitions(definitionCallback: (lefts: number[], tops: number[], widths: number[], heights: number[]) => void): void;
|
|
135
|
+
protected _additionalProcessing(parentMeasure: Measure, context: ICanvasRenderingContext): void;
|
|
136
|
+
_flagDescendantsAsMatrixDirty(): void;
|
|
137
|
+
_renderHighlightSpecific(context: ICanvasRenderingContext): void;
|
|
138
|
+
/** Releases associated resources */
|
|
139
|
+
dispose(): void;
|
|
140
|
+
/**
|
|
141
|
+
* Serializes the current control
|
|
142
|
+
* @param serializationObject defined the JSON serialized object
|
|
143
|
+
* @param force force serialization even if isSerializable === false
|
|
144
|
+
* @param allowCanvas defines if the control is allowed to use a Canvas2D object to serialize
|
|
145
|
+
*/
|
|
146
|
+
serialize(serializationObject: any, force: boolean, allowCanvas: boolean): void;
|
|
147
|
+
/**
|
|
148
|
+
* @internal
|
|
149
|
+
*/
|
|
150
|
+
_parseFromContent(serializedObject: any, host: AdvancedDynamicTexture): void;
|
|
151
|
+
}
|