npm - lgimgui - Versions diffs - 0.1.0 - Mend

lgimgui 0.1.0

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 (32) hide show

package/README.md +111 -0
package/demo/public/materials.json +809 -0
package/package.json +39 -0
package/src/core/curve.js +71 -0
package/src/core/frame.js +272 -0
package/src/core/geometry.js +61 -0
package/src/core/ids.js +31 -0
package/src/core/input.js +294 -0
package/src/core/layout.js +220 -0
package/src/core/spring.js +113 -0
package/src/core/state.js +54 -0
package/src/core/theme.js +77 -0
package/src/index.js +221 -0
package/src/material/adapt.js +72 -0
package/src/material/material.js +131 -0
package/src/material/optics.js +49 -0
package/src/material/params.js +83 -0
package/src/material/presets.js +291 -0
package/src/render/batch.js +236 -0
package/src/render/context.js +138 -0
package/src/render/glyphs.js +177 -0
package/src/render/probe.js +64 -0
package/src/render/pyramid.js +48 -0
package/src/render/renderer.js +296 -0
package/src/render/shaders/color.js +58 -0
package/src/render/shaders/glass.js +241 -0
package/src/render/shaders/ui.js +194 -0
package/src/widgets/composite.js +355 -0
package/src/widgets/controls.js +545 -0
package/src/widgets/desktop.js +144 -0
package/src/widgets/glass.js +326 -0
package/src/widgets/primitives.js +355 -0

package/demo/public/materials.json ADDED Viewed

@@ -0,0 +1,809 @@
+{
+  "version": 1,
+  "roles": {
+    "window": {
+      "cornerRadius": 35,
+      "cornerRoundness": 5,
+      "refThickness": 10,
+      "refFactor": 1.38,
+      "refDispersion": 7.2,
+      "refFresnelRange": 21,
+      "refFresnelHardness": 14,
+      "refFresnelFactor": 15,
+      "glareRange": 16,
+      "glareHardness": 27,
+      "glareFactor": 93,
+      "glareConvergence": 82,
+      "glareOppositeFactor": 100,
+      "glareAngle": -180,
+      "blurRadius": 92,
+      "blurEdge": true,
+      "tint": {
+        "r": 255,
+        "g": 255,
+        "b": 255,
+        "a": 1
+      },
+      "shadowExpand": 12,
+      "shadowFactor": 23.84,
+      "shadowPosition": {
+        "x": 0,
+        "y": -7.199999999999996
+      },
+      "borderWidth": 1,
+      "borderColor": {
+        "r": 51,
+        "g": 53,
+        "b": 49,
+        "a": 0.37888651556793246
+      },
+      "borderAdapt": true,
+      "adaptTint": 0,
+      "adaptShadow": 50
+    },
+    "dock": {
+      "cornerRadius": 30,
+      "cornerRoundness": 3.2199999999999998,
+      "refThickness": 7,
+      "refFactor": 2.77,
+      "refDispersion": 14.22,
+      "refFresnelRange": 19,
+      "refFresnelHardness": 47,
+      "refFresnelFactor": 43,
+      "glareRange": 18,
+      "glareHardness": 43,
+      "glareFactor": 34,
+      "glareConvergence": 30,
+      "glareOppositeFactor": 57,
+      "glareAngle": 45,
+      "blurRadius": 48,
+      "blurEdge": true,
+      "tint": {
+        "r": 237,
+        "g": 242,
+        "b": 252,
+        "a": 0.36
+      },
+      "shadowExpand": 18,
+      "shadowFactor": 4,
+      "shadowPosition": {
+        "x": 0,
+        "y": -3
+      },
+      "borderWidth": 0,
+      "borderColor": {
+        "r": 255,
+        "g": 255,
+        "b": 255,
+        "a": 0.4
+      },
+      "borderAdapt": false,
+      "adaptTint": 100,
+      "adaptShadow": 100
+    },
+    "clear": {
+      "cornerRadius": 14,
+      "cornerRoundness": 5,
+      "refThickness": 12.74,
+      "refFactor": 1.29,
+      "refDispersion": 11.02,
+      "refFresnelRange": 22,
+      "refFresnelHardness": 16,
+      "refFresnelFactor": 47,
+      "glareRange": 35,
+      "glareHardness": 5,
+      "glareFactor": 47,
+      "glareConvergence": 38,
+      "glareOppositeFactor": 61,
+      "glareAngle": 45,
+      "blurRadius": 28,
+      "blurEdge": false,
+      "tint": {
+        "r": 219,
+        "g": 230,
+        "b": 250,
+        "a": 0.22
+      },
+      "shadowExpand": 15,
+      "shadowFactor": 4,
+      "shadowPosition": {
+        "x": 0,
+        "y": -3
+      },
+      "borderWidth": 0,
+      "borderColor": {
+        "r": 255,
+        "g": 255,
+        "b": 255,
+        "a": 0.4
+      },
+      "borderAdapt": false,
+      "adaptTint": 100,
+      "adaptShadow": 100
+    },
+    "thumb": {
+      "cornerRadius": 60,
+      "cornerRoundness": 5,
+      "refThickness": 6.96,
+      "refFactor": 1.17,
+      "refDispersion": 10.25,
+      "refFresnelRange": 35.18,
+      "refFresnelHardness": 13.49,
+      "refFresnelFactor": 12.790000000000001,
+      "glareRange": 34,
+      "glareHardness": 10,
+      "glareFactor": 70,
+      "glareConvergence": 55,
+      "glareOppositeFactor": 75,
+      "glareAngle": -45,
+      "blurRadius": 4,
+      "blurEdge": false,
+      "tint": {
+        "r": 255,
+        "g": 255,
+        "b": 255,
+        "a": 0.06
+      },
+      "shadowExpand": 14,
+      "shadowFactor": 8,
+      "shadowPosition": {
+        "x": 0,
+        "y": -3
+      },
+      "borderWidth": 0,
+      "borderColor": {
+        "r": 255,
+        "g": 255,
+        "b": 255,
+        "a": 0.4
+      },
+      "borderAdapt": false,
+      "adaptTint": 100,
+      "adaptShadow": 100
+    },
+    "control": {
+      "cornerRadius": 10,
+      "cornerRoundness": 2.5,
+      "refThickness": 7.48,
+      "refFactor": 1.19,
+      "refDispersion": 7.48,
+      "refFresnelRange": 10.51,
+      "refFresnelHardness": 14.86,
+      "refFresnelFactor": 14.41,
+      "glareRange": 22.17,
+      "glareHardness": 27.78,
+      "glareFactor": 22.400000000000002,
+      "glareConvergence": 25.44,
+      "glareOppositeFactor": 37.33,
+      "glareAngle": -42.329999999999984,
+      "blurRadius": 8,
+      "blurEdge": false,
+      "tint": {
+        "r": 255,
+        "g": 255,
+        "b": 255,
+        "a": 0.33502948831038176
+      },
+      "shadowExpand": 12.5,
+      "shadowFactor": 14.040000000000001,
+      "shadowPosition": {
+        "x": 0,
+        "y": -4
+      },
+      "borderWidth": 1.6,
+      "borderColor": {
+        "r": 255,
+        "g": 255,
+        "b": 255,
+        "a": 0.21926326609463961
+      },
+      "borderAdapt": false,
+      "adaptTint": 100,
+      "adaptShadow": 100
+    },
+    "accent": {
+      "cornerRadius": 60,
+      "cornerRoundness": 7,
+      "refThickness": 3.89,
+      "refFactor": 1.1400000000000001,
+      "refDispersion": 9.8,
+      "refFresnelRange": 15.49,
+      "refFresnelHardness": 22.990000000000002,
+      "refFresnelFactor": 75.76,
+      "glareRange": 26.330000000000002,
+      "glareHardness": 28.7,
+      "glareFactor": 30.6,
+      "glareConvergence": 34.04,
+      "glareOppositeFactor": 77.3,
+      "glareAngle": 36.27000000000001,
+      "blurRadius": 18,
+      "blurEdge": true,
+      "tint": {
+        "r": 67,
+        "g": 224,
+        "b": 58,
+        "a": 0.5671645780632243
+      },
+      "shadowExpand": 7.67,
+      "shadowFactor": 10.6,
+      "shadowPosition": {
+        "x": 0,
+        "y": -4
+      },
+      "borderWidth": 1,
+      "borderColor": {
+        "r": 64,
+        "g": 68,
+        "b": 84,
+        "a": 0.2173581292722815
+      },
+      "borderAdapt": false,
+      "adaptTint": 100,
+      "adaptShadow": 100
+    },
+    "toolbar": {
+      "cornerRadius": 60,
+      "cornerRoundness": 5,
+      "refThickness": 5.3100000000000005,
+      "refFactor": 1.28,
+      "refDispersion": 5.8100000000000005,
+      "refFresnelRange": 3.19,
+      "refFresnelHardness": 12.68,
+      "refFresnelFactor": 100,
+      "glareRange": 0,
+      "glareHardness": 0,
+      "glareFactor": 0,
+      "glareConvergence": 0,
+      "glareOppositeFactor": 0,
+      "glareAngle": -180,
+      "blurRadius": 136,
+      "blurEdge": true,
+      "tint": {
+        "r": 255,
+        "g": 255,
+        "b": 255,
+        "a": 0.6474193954310747
+      },
+      "shadowExpand": 18.44,
+      "shadowFactor": 14.08,
+      "shadowPosition": {
+        "x": 0,
+        "y": -3.799999999999997
+      },
+      "borderWidth": 1,
+      "borderColor": {
+        "r": 255,
+        "g": 255,
+        "b": 255,
+        "a": 1
+      },
+      "borderAdapt": false,
+      "adaptTint": 100,
+      "adaptShadow": 100
+    },
+    "menu": {
+      "cornerRadius": 16,
+      "cornerRoundness": 5,
+      "refThickness": 25.54,
+      "refFactor": 1.08,
+      "refDispersion": 8.96,
+      "refFresnelRange": 15.42,
+      "refFresnelHardness": 52.88,
+      "refFresnelFactor": 100,
+      "glareRange": 19.64,
+      "glareHardness": 29.07,
+      "glareFactor": 21.81,
+      "glareConvergence": 0,
+      "glareOppositeFactor": 91.9,
+      "glareAngle": 166.93,
+      "blurRadius": 45,
+      "blurEdge": true,
+      "tint": {
+        "r": 245,
+        "g": 245,
+        "b": 247,
+        "a": 0.41679485029852814
+      },
+      "shadowExpand": 24,
+      "shadowFactor": 18.94,
+      "shadowPosition": {
+        "x": 0,
+        "y": -10.399999999999999
+      },
+      "borderWidth": 1,
+      "borderColor": {
+        "r": 89,
+        "g": 85,
+        "b": 74,
+        "a": 0.6055977974285512
+      },
+      "borderAdapt": false,
+      "adaptTint": 100,
+      "adaptShadow": 100
+    },
+    "pane": {
+      "cornerRadius": 36,
+      "cornerRoundness": 5,
+      "refThickness": 29.03,
+      "refFactor": 2.05,
+      "refDispersion": 18.04,
+      "refFresnelRange": 3.43,
+      "refFresnelHardness": 12.61,
+      "refFresnelFactor": 100,
+      "glareRange": 0,
+      "glareHardness": 0,
+      "glareFactor": 0,
+      "glareConvergence": 0,
+      "glareOppositeFactor": 0,
+      "glareAngle": 0,
+      "blurRadius": 75,
+      "blurEdge": true,
+      "tint": {
+        "r": 255,
+        "g": 255,
+        "b": 255,
+        "a": 0.5617018898276872
+      },
+      "shadowExpand": 18.41,
+      "shadowFactor": 21.02,
+      "shadowPosition": {
+        "x": 0,
+        "y": -3
+      },
+      "borderWidth": 1,
+      "borderColor": {
+        "r": 255,
+        "g": 255,
+        "b": 255,
+        "a": 1
+      },
+      "borderAdapt": false,
+      "adaptTint": 100,
+      "adaptShadow": 100
+    },
+    "thin": {
+      "cornerRadius": 14,
+      "cornerRoundness": 5,
+      "refThickness": 3.7800000000000002,
+      "refFactor": 1.22,
+      "refDispersion": 22.37,
+      "refFresnelRange": 0,
+      "refFresnelHardness": 0,
+      "refFresnelFactor": 0,
+      "glareRange": 0,
+      "glareHardness": 0,
+      "glareFactor": 0,
+      "glareConvergence": 0,
+      "glareOppositeFactor": 0,
+      "glareAngle": 0,
+      "blurRadius": 61,
+      "blurEdge": true,
+      "tint": {
+        "r": 255,
+        "g": 255,
+        "b": 255,
+        "a": 0.18
+      },
+      "shadowExpand": 12,
+      "shadowFactor": 4,
+      "shadowPosition": {
+        "x": 0,
+        "y": -3
+      },
+      "borderWidth": 0,
+      "borderColor": {
+        "r": 255,
+        "g": 255,
+        "b": 255,
+        "a": 0.4
+      },
+      "borderAdapt": false,
+      "adaptTint": 100,
+      "adaptShadow": 100
+    },
+    "studio": {
+      "cornerRadius": 40,
+      "cornerRoundness": 5,
+      "refThickness": 20,
+      "refFactor": 1.4,
+      "refDispersion": 7,
+      "refFresnelRange": 30,
+      "refFresnelHardness": 20,
+      "refFresnelFactor": 20,
+      "glareRange": 30,
+      "glareHardness": 20,
+      "glareFactor": 90,
+      "glareConvergence": 50,
+      "glareOppositeFactor": 80,
+      "glareAngle": -45,
+      "blurRadius": 1,
+      "blurEdge": true,
+      "tint": {
+        "r": 255,
+        "g": 255,
+        "b": 255,
+        "a": 0
+      },
+      "shadowExpand": 25,
+      "shadowFactor": 15,
+      "shadowPosition": {
+        "x": 0,
+        "y": -10
+      },
+      "borderWidth": 0,
+      "borderColor": {
+        "r": 255,
+        "g": 255,
+        "b": 255,
+        "a": 0.4
+      },
+      "borderAdapt": false,
+      "adaptTint": 100,
+      "adaptShadow": 100
+    }
+  },
+  "unfocused": {
+    "window": {
+      "cornerRadius": 36,
+      "cornerRoundness": 5,
+      "refThickness": 10,
+      "refFactor": 1.38,
+      "refDispersion": 2.16,
+      "refFresnelRange": 21,
+      "refFresnelHardness": 14,
+      "refFresnelFactor": 0,
+      "glareRange": 16,
+      "glareHardness": 27,
+      "glareFactor": 0,
+      "glareConvergence": 82,
+      "glareOppositeFactor": 100,
+      "glareAngle": -180,
+      "blurRadius": 92,
+      "blurEdge": true,
+      "tint": {
+        "r": 241.8,
+        "g": 241.8,
+        "b": 241.8,
+        "a": 1
+      },
+      "shadowExpand": 12,
+      "shadowFactor": 16.91,
+      "shadowPosition": {
+        "x": 0,
+        "y": -6.899999999999999
+      },
+      "borderWidth": 1,
+      "borderColor": {
+        "r": 74,
+        "g": 70,
+        "b": 70,
+        "a": 0.38382431916873827
+      },
+      "borderAdapt": true,
+      "adaptTint": 0,
+      "adaptShadow": 50
+    },
+    "pane": {
+      "cornerRadius": 36,
+      "cornerRoundness": 5,
+      "refThickness": 29.23,
+      "refFactor": 2.17,
+      "refDispersion": 16.54,
+      "refFresnelRange": 20,
+      "refFresnelHardness": 10,
+      "refFresnelFactor": 0,
+      "glareRange": 0,
+      "glareHardness": 0,
+      "glareFactor": 0,
+      "glareConvergence": 0,
+      "glareOppositeFactor": 0,
+      "glareAngle": 0,
+      "blurRadius": 76,
+      "blurEdge": true,
+      "tint": {
+        "r": 241.8,
+        "g": 241.8,
+        "b": 241.8,
+        "a": 0.5571926127674822
+      },
+      "shadowExpand": 16.8,
+      "shadowFactor": 9.82,
+      "shadowPosition": {
+        "x": 0,
+        "y": -3
+      },
+      "borderWidth": 1,
+      "borderColor": {
+        "r": 255,
+        "g": 255,
+        "b": 255,
+        "a": 0.4
+      },
+      "borderAdapt": false,
+      "adaptTint": 100,
+      "adaptShadow": 100
+    },
+    "menu": {
+      "cornerRadius": 16,
+      "cornerRoundness": 5,
+      "refThickness": 25.54,
+      "refFactor": 1.08,
+      "refDispersion": 2.688,
+      "refFresnelRange": 15.42,
+      "refFresnelHardness": 52.88,
+      "refFresnelFactor": 0,
+      "glareRange": 19.64,
+      "glareHardness": 29.07,
+      "glareFactor": 0,
+      "glareConvergence": 0,
+      "glareOppositeFactor": 91.9,
+      "glareAngle": 166.93,
+      "blurRadius": 45,
+      "blurEdge": true,
+      "tint": {
+        "r": 235.8,
+        "g": 235.8,
+        "b": 237,
+        "a": 0.41679485029852814
+      },
+      "shadowExpand": 24,
+      "shadowFactor": 0,
+      "shadowPosition": {
+        "x": 0,
+        "y": -10.399999999999999
+      },
+      "borderWidth": 1,
+      "borderColor": {
+        "r": 89,
+        "g": 85,
+        "b": 74,
+        "a": 0.20911549648983402
+      },
+      "borderAdapt": false,
+      "adaptTint": 100,
+      "adaptShadow": 100
+    },
+    "toolbar": {
+      "cornerRadius": 60,
+      "cornerRoundness": 5,
+      "refThickness": 5.03,
+      "refFactor": 1,
+      "refDispersion": 0,
+      "refFresnelRange": 0,
+      "refFresnelHardness": 0,
+      "refFresnelFactor": 0,
+      "glareRange": 0,
+      "glareHardness": 0,
+      "glareFactor": 0,
+      "glareConvergence": 0,
+      "glareOppositeFactor": 0,
+      "glareAngle": -180,
+      "blurRadius": 1,
+      "blurEdge": true,
+      "tint": {
+        "r": 189,
+        "g": 197,
+        "b": 193,
+        "a": 0.21908830454972916
+      },
+      "shadowExpand": 16,
+      "shadowFactor": 0,
+      "shadowPosition": {
+        "x": 0,
+        "y": -3
+      },
+      "borderWidth": 0,
+      "borderColor": {
+        "r": 255,
+        "g": 255,
+        "b": 255,
+        "a": 0.4
+      },
+      "borderAdapt": false,
+      "adaptTint": 100,
+      "adaptShadow": 100
+    },
+    "thin": {
+      "cornerRadius": 14,
+      "cornerRoundness": 5,
+      "refThickness": 3.85,
+      "refFactor": 1.22,
+      "refDispersion": 22.38,
+      "refFresnelRange": 0,
+      "refFresnelHardness": 0,
+      "refFresnelFactor": 0,
+      "glareRange": 0,
+      "glareHardness": 0,
+      "glareFactor": 0,
+      "glareConvergence": 0,
+      "glareOppositeFactor": 0,
+      "glareAngle": 0,
+      "blurRadius": 81,
+      "blurEdge": true,
+      "tint": {
+        "r": 241.8,
+        "g": 241.8,
+        "b": 241.8,
+        "a": 0.18
+      },
+      "shadowExpand": 12,
+      "shadowFactor": 0,
+      "shadowPosition": {
+        "x": 0,
+        "y": -3
+      },
+      "borderWidth": 0,
+      "borderColor": {
+        "r": 255,
+        "g": 255,
+        "b": 255,
+        "a": 0.4
+      },
+      "borderAdapt": false,
+      "adaptTint": 100,
+      "adaptShadow": 100
+    },
+    "dock": {
+      "cornerRadius": 30,
+      "cornerRoundness": 3.2199999999999998,
+      "refThickness": 7,
+      "refFactor": 2.77,
+      "refDispersion": 4.266,
+      "refFresnelRange": 19,
+      "refFresnelHardness": 47,
+      "refFresnelFactor": 0,
+      "glareRange": 18,
+      "glareHardness": 43,
+      "glareFactor": 0,
+      "glareConvergence": 30,
+      "glareOppositeFactor": 57,
+      "glareAngle": 45,
+      "blurRadius": 48,
+      "blurEdge": true,
+      "tint": {
+        "r": 231,
+        "g": 234,
+        "b": 240,
+        "a": 0.36
+      },
+      "shadowExpand": 18,
+      "shadowFactor": 0,
+      "shadowPosition": {
+        "x": 0,
+        "y": -3
+      },
+      "borderWidth": 0,
+      "borderColor": {
+        "r": 255,
+        "g": 255,
+        "b": 255,
+        "a": 0.4
+      },
+      "borderAdapt": false,
+      "adaptTint": 100,
+      "adaptShadow": 100
+    }
+  },
+  "dark": {
+    "control": {
+      "cornerRadius": 60,
+      "cornerRoundness": 5,
+      "refThickness": 14.51,
+      "refFactor": 1.32,
+      "refDispersion": 7.48,
+      "refFresnelRange": 10.51,
+      "refFresnelHardness": 14.86,
+      "refFresnelFactor": 11.528,
+      "glareRange": 22.17,
+      "glareHardness": 27.78,
+      "glareFactor": 16.8,
+      "glareConvergence": 25.44,
+      "glareOppositeFactor": 37.33,
+      "glareAngle": -42.329999999999984,
+      "blurRadius": 8,
+      "blurEdge": false,
+      "tint": {
+        "r": 28,
+        "g": 28,
+        "b": 34,
+        "a": 0.3522729205698886
+      },
+      "shadowExpand": 12.5,
+      "shadowFactor": 15.444000000000003,
+      "shadowPosition": {
+        "x": 0,
+        "y": -4
+      },
+      "borderWidth": 1,
+      "borderColor": {
+        "r": 255,
+        "g": 255,
+        "b": 255,
+        "a": 0.21926326609463961
+      },
+      "borderAdapt": false,
+      "adaptTint": 100,
+      "adaptShadow": 100
+    },
+    "window": {
+      "cornerRadius": 36,
+      "cornerRoundness": 5,
+      "refThickness": 10,
+      "refFactor": 1.38,
+      "refDispersion": 7.2,
+      "refFresnelRange": 21,
+      "refFresnelHardness": 14,
+      "refFresnelFactor": 12,
+      "glareRange": 16,
+      "glareHardness": 27,
+      "glareFactor": 69.75,
+      "glareConvergence": 82,
+      "glareOppositeFactor": 100,
+      "glareAngle": -180,
+      "blurRadius": 92,
+      "blurEdge": true,
+      "tint": {
+        "r": 28,
+        "g": 28,
+        "b": 34,
+        "a": 0.85
+      },
+      "shadowExpand": 12,
+      "shadowFactor": 26.224,
+      "shadowPosition": {
+        "x": 0,
+        "y": -12
+      },
+      "borderWidth": 1,
+      "borderColor": {
+        "r": 51,
+        "g": 53,
+        "b": 49,
+        "a": 0.37888651556793246
+      },
+      "borderAdapt": false,
+      "adaptTint": 100,
+      "adaptShadow": 100
+    },
+    "dock": {
+      "cornerRadius": 30,
+      "cornerRoundness": 3.2199999999999998,
+      "refThickness": 7,
+      "refFactor": 2.77,
+      "refDispersion": 14.22,
+      "refFresnelRange": 19,
+      "refFresnelHardness": 47,
+      "refFresnelFactor": 34.4,
+      "glareRange": 18,
+      "glareHardness": 43,
+      "glareFactor": 25.5,
+      "glareConvergence": 30,
+      "glareOppositeFactor": 57,
+      "glareAngle": 45,
+      "blurRadius": 48,
+      "blurEdge": true,
+      "tint": {
+        "r": 28,
+        "g": 28,
+        "b": 34,
+        "a": 0.38
+      },
+      "shadowExpand": 18,
+      "shadowFactor": 4.4,
+      "shadowPosition": {
+        "x": 0,
+        "y": -3
+      },
+      "borderWidth": 0,
+      "borderColor": {
+        "r": 255,
+        "g": 255,
+        "b": 255,
+        "a": 0.4
+      },
+      "borderAdapt": false,
+      "adaptTint": 100,
+      "adaptShadow": 100
+    }
+  }
+}