@lightningjs/renderer 2.20.2 → 2.20.3

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 (202) hide show
  1. package/dist/src/core/CoreNode.d.ts +1 -1
  2. package/dist/src/core/lib/WebGlContextWrapper.d.ts +5 -5
  3. package/dist/src/main-api/Inspector.js +5 -6
  4. package/dist/src/main-api/Inspector.js.map +1 -1
  5. package/dist/tsconfig.dist.tsbuildinfo +1 -1
  6. package/package.json +1 -1
  7. package/src/main-api/Inspector.ts +5 -6
  8. package/dist/exports/canvas-shaders.d.ts +0 -10
  9. package/dist/exports/canvas-shaders.js +0 -27
  10. package/dist/exports/canvas-shaders.js.map +0 -1
  11. package/dist/exports/webgl-shaders.d.ts +0 -11
  12. package/dist/exports/webgl-shaders.js +0 -28
  13. package/dist/exports/webgl-shaders.js.map +0 -1
  14. package/dist/src/core/AutosizeManager.d.ts +0 -30
  15. package/dist/src/core/AutosizeManager.js +0 -159
  16. package/dist/src/core/AutosizeManager.js.map +0 -1
  17. package/dist/src/core/Autosizer.d.ts +0 -29
  18. package/dist/src/core/Autosizer.js +0 -177
  19. package/dist/src/core/Autosizer.js.map +0 -1
  20. package/dist/src/core/animations/Animation.d.ts +0 -16
  21. package/dist/src/core/animations/Animation.js +0 -111
  22. package/dist/src/core/animations/Animation.js.map +0 -1
  23. package/dist/src/core/animations/CoreTransition.d.ts +0 -24
  24. package/dist/src/core/animations/CoreTransition.js +0 -63
  25. package/dist/src/core/animations/CoreTransition.js.map +0 -1
  26. package/dist/src/core/animations/Playback.d.ts +0 -62
  27. package/dist/src/core/animations/Playback.js +0 -155
  28. package/dist/src/core/animations/Playback.js.map +0 -1
  29. package/dist/src/core/animations/Transition.d.ts +0 -25
  30. package/dist/src/core/animations/Transition.js +0 -63
  31. package/dist/src/core/animations/Transition.js.map +0 -1
  32. package/dist/src/core/animations/utils.d.ts +0 -2
  33. package/dist/src/core/animations/utils.js +0 -137
  34. package/dist/src/core/animations/utils.js.map +0 -1
  35. package/dist/src/core/lib/collectionUtils.d.ts +0 -5
  36. package/dist/src/core/lib/collectionUtils.js +0 -100
  37. package/dist/src/core/lib/collectionUtils.js.map +0 -1
  38. package/dist/src/core/lib/colorCache.d.ts +0 -1
  39. package/dist/src/core/lib/colorCache.js +0 -19
  40. package/dist/src/core/lib/colorCache.js.map +0 -1
  41. package/dist/src/core/lib/colorParser.d.ts +0 -21
  42. package/dist/src/core/lib/colorParser.js +0 -72
  43. package/dist/src/core/lib/colorParser.js.map +0 -1
  44. package/dist/src/core/platforms/Platform.d.ts +0 -42
  45. package/dist/src/core/platforms/Platform.js +0 -22
  46. package/dist/src/core/platforms/Platform.js.map +0 -1
  47. package/dist/src/core/platforms/web/WebPlatform.d.ts +0 -10
  48. package/dist/src/core/platforms/web/WebPlatform.js +0 -87
  49. package/dist/src/core/platforms/web/WebPlatform.js.map +0 -1
  50. package/dist/src/core/renderers/CoreShaderNode.d.ts +0 -59
  51. package/dist/src/core/renderers/CoreShaderNode.js +0 -113
  52. package/dist/src/core/renderers/CoreShaderNode.js.map +0 -1
  53. package/dist/src/core/renderers/CoreShaderProgram.d.ts +0 -4
  54. package/dist/src/core/renderers/CoreShaderProgram.js +0 -20
  55. package/dist/src/core/renderers/CoreShaderProgram.js.map +0 -1
  56. package/dist/src/core/renderers/canvas/CanvasRenderer.d.ts +0 -35
  57. package/dist/src/core/renderers/canvas/CanvasRenderer.js +0 -201
  58. package/dist/src/core/renderers/canvas/CanvasRenderer.js.map +0 -1
  59. package/dist/src/core/renderers/canvas/CanvasShaderNode.d.ts +0 -21
  60. package/dist/src/core/renderers/canvas/CanvasShaderNode.js +0 -58
  61. package/dist/src/core/renderers/canvas/CanvasShaderNode.js.map +0 -1
  62. package/dist/src/core/renderers/canvas/CanvasTexture.d.ts +0 -17
  63. package/dist/src/core/renderers/canvas/CanvasTexture.js +0 -128
  64. package/dist/src/core/renderers/canvas/CanvasTexture.js.map +0 -1
  65. package/dist/src/core/renderers/webgl/WebGlCtxRenderTexture.d.ts +0 -14
  66. package/dist/src/core/renderers/webgl/WebGlCtxRenderTexture.js +0 -63
  67. package/dist/src/core/renderers/webgl/WebGlCtxRenderTexture.js.map +0 -1
  68. package/dist/src/core/renderers/webgl/WebGlCtxSubTexture.d.ts +0 -22
  69. package/dist/src/core/renderers/webgl/WebGlCtxSubTexture.js +0 -67
  70. package/dist/src/core/renderers/webgl/WebGlCtxSubTexture.js.map +0 -1
  71. package/dist/src/core/renderers/webgl/WebGlCtxTexture.d.ts +0 -67
  72. package/dist/src/core/renderers/webgl/WebGlCtxTexture.js +0 -273
  73. package/dist/src/core/renderers/webgl/WebGlCtxTexture.js.map +0 -1
  74. package/dist/src/core/renderers/webgl/WebGlRenderOp.d.ts +0 -44
  75. package/dist/src/core/renderers/webgl/WebGlRenderOp.js +0 -125
  76. package/dist/src/core/renderers/webgl/WebGlRenderOp.js.map +0 -1
  77. package/dist/src/core/renderers/webgl/WebGlRenderer.d.ts +0 -136
  78. package/dist/src/core/renderers/webgl/WebGlRenderer.js +0 -569
  79. package/dist/src/core/renderers/webgl/WebGlRenderer.js.map +0 -1
  80. package/dist/src/core/renderers/webgl/WebGlShaderNode.d.ts +0 -222
  81. package/dist/src/core/renderers/webgl/WebGlShaderNode.js +0 -331
  82. package/dist/src/core/renderers/webgl/WebGlShaderNode.js.map +0 -1
  83. package/dist/src/core/renderers/webgl/WebGlShaderProgram.d.ts +0 -37
  84. package/dist/src/core/renderers/webgl/WebGlShaderProgram.js +0 -218
  85. package/dist/src/core/renderers/webgl/WebGlShaderProgram.js.map +0 -1
  86. package/dist/src/core/shaders/canvas/Border.d.ts +0 -9
  87. package/dist/src/core/shaders/canvas/Border.js +0 -57
  88. package/dist/src/core/shaders/canvas/Border.js.map +0 -1
  89. package/dist/src/core/shaders/canvas/HolePunch.d.ts +0 -7
  90. package/dist/src/core/shaders/canvas/HolePunch.js +0 -38
  91. package/dist/src/core/shaders/canvas/HolePunch.js.map +0 -1
  92. package/dist/src/core/shaders/canvas/LinearGradient.d.ts +0 -10
  93. package/dist/src/core/shaders/canvas/LinearGradient.js +0 -48
  94. package/dist/src/core/shaders/canvas/LinearGradient.js.map +0 -1
  95. package/dist/src/core/shaders/canvas/RadialGradient.d.ts +0 -11
  96. package/dist/src/core/shaders/canvas/RadialGradient.js +0 -70
  97. package/dist/src/core/shaders/canvas/RadialGradient.js.map +0 -1
  98. package/dist/src/core/shaders/canvas/Rounded.d.ts +0 -7
  99. package/dist/src/core/shaders/canvas/Rounded.js +0 -33
  100. package/dist/src/core/shaders/canvas/Rounded.js.map +0 -1
  101. package/dist/src/core/shaders/canvas/RoundedWithBorder.d.ts +0 -7
  102. package/dist/src/core/shaders/canvas/RoundedWithBorder.js +0 -43
  103. package/dist/src/core/shaders/canvas/RoundedWithBorder.js.map +0 -1
  104. package/dist/src/core/shaders/canvas/RoundedWithBorderAndShadow.d.ts +0 -8
  105. package/dist/src/core/shaders/canvas/RoundedWithBorderAndShadow.js +0 -41
  106. package/dist/src/core/shaders/canvas/RoundedWithBorderAndShadow.js.map +0 -1
  107. package/dist/src/core/shaders/canvas/RoundedWithShadow.d.ts +0 -7
  108. package/dist/src/core/shaders/canvas/RoundedWithShadow.js +0 -40
  109. package/dist/src/core/shaders/canvas/RoundedWithShadow.js.map +0 -1
  110. package/dist/src/core/shaders/canvas/Shadow.d.ts +0 -8
  111. package/dist/src/core/shaders/canvas/Shadow.js +0 -31
  112. package/dist/src/core/shaders/canvas/Shadow.js.map +0 -1
  113. package/dist/src/core/shaders/canvas/utils/render.d.ts +0 -5
  114. package/dist/src/core/shaders/canvas/utils/render.js +0 -84
  115. package/dist/src/core/shaders/canvas/utils/render.js.map +0 -1
  116. package/dist/src/core/shaders/templates/BorderTemplate.d.ts +0 -37
  117. package/dist/src/core/shaders/templates/BorderTemplate.js +0 -73
  118. package/dist/src/core/shaders/templates/BorderTemplate.js.map +0 -1
  119. package/dist/src/core/shaders/templates/HolePunchTemplate.d.ts +0 -46
  120. package/dist/src/core/shaders/templates/HolePunchTemplate.js +0 -35
  121. package/dist/src/core/shaders/templates/HolePunchTemplate.js.map +0 -1
  122. package/dist/src/core/shaders/templates/LinearGradientTemplate.d.ts +0 -23
  123. package/dist/src/core/shaders/templates/LinearGradientTemplate.js +0 -47
  124. package/dist/src/core/shaders/templates/LinearGradientTemplate.js.map +0 -1
  125. package/dist/src/core/shaders/templates/RadialGradientTemplate.d.ts +0 -33
  126. package/dist/src/core/shaders/templates/RadialGradientTemplate.js +0 -49
  127. package/dist/src/core/shaders/templates/RadialGradientTemplate.js.map +0 -1
  128. package/dist/src/core/shaders/templates/RoundedTemplate.d.ts +0 -29
  129. package/dist/src/core/shaders/templates/RoundedTemplate.js +0 -67
  130. package/dist/src/core/shaders/templates/RoundedTemplate.js.map +0 -1
  131. package/dist/src/core/shaders/templates/RoundedWithBorderAndShadowTemplate.d.ts +0 -7
  132. package/dist/src/core/shaders/templates/RoundedWithBorderAndShadowTemplate.js +0 -24
  133. package/dist/src/core/shaders/templates/RoundedWithBorderAndShadowTemplate.js.map +0 -1
  134. package/dist/src/core/shaders/templates/RoundedWithBorderTemplate.d.ts +0 -6
  135. package/dist/src/core/shaders/templates/RoundedWithBorderTemplate.js +0 -23
  136. package/dist/src/core/shaders/templates/RoundedWithBorderTemplate.js.map +0 -1
  137. package/dist/src/core/shaders/templates/RoundedWithShadowTemplate.d.ts +0 -6
  138. package/dist/src/core/shaders/templates/RoundedWithShadowTemplate.js +0 -23
  139. package/dist/src/core/shaders/templates/RoundedWithShadowTemplate.js.map +0 -1
  140. package/dist/src/core/shaders/templates/ShadowTemplate.d.ts +0 -34
  141. package/dist/src/core/shaders/templates/ShadowTemplate.js +0 -66
  142. package/dist/src/core/shaders/templates/ShadowTemplate.js.map +0 -1
  143. package/dist/src/core/shaders/utils.d.ts +0 -5
  144. package/dist/src/core/shaders/utils.js +0 -41
  145. package/dist/src/core/shaders/utils.js.map +0 -1
  146. package/dist/src/core/shaders/webgl/Border.d.ts +0 -3
  147. package/dist/src/core/shaders/webgl/Border.js +0 -110
  148. package/dist/src/core/shaders/webgl/Border.js.map +0 -1
  149. package/dist/src/core/shaders/webgl/Default.d.ts +0 -2
  150. package/dist/src/core/shaders/webgl/Default.js +0 -86
  151. package/dist/src/core/shaders/webgl/Default.js.map +0 -1
  152. package/dist/src/core/shaders/webgl/DefaultBatched.d.ts +0 -2
  153. package/dist/src/core/shaders/webgl/DefaultBatched.js +0 -104
  154. package/dist/src/core/shaders/webgl/DefaultBatched.js.map +0 -1
  155. package/dist/src/core/shaders/webgl/HolePunch.d.ts +0 -3
  156. package/dist/src/core/shaders/webgl/HolePunch.js +0 -65
  157. package/dist/src/core/shaders/webgl/HolePunch.js.map +0 -1
  158. package/dist/src/core/shaders/webgl/LinearGradient.d.ts +0 -3
  159. package/dist/src/core/shaders/webgl/LinearGradient.js +0 -100
  160. package/dist/src/core/shaders/webgl/LinearGradient.js.map +0 -1
  161. package/dist/src/core/shaders/webgl/RadialGradient.d.ts +0 -3
  162. package/dist/src/core/shaders/webgl/RadialGradient.js +0 -97
  163. package/dist/src/core/shaders/webgl/RadialGradient.js.map +0 -1
  164. package/dist/src/core/shaders/webgl/Rounded.d.ts +0 -7
  165. package/dist/src/core/shaders/webgl/Rounded.js +0 -88
  166. package/dist/src/core/shaders/webgl/Rounded.js.map +0 -1
  167. package/dist/src/core/shaders/webgl/RoundedWithBorder.d.ts +0 -3
  168. package/dist/src/core/shaders/webgl/RoundedWithBorder.js +0 -141
  169. package/dist/src/core/shaders/webgl/RoundedWithBorder.js.map +0 -1
  170. package/dist/src/core/shaders/webgl/RoundedWithBorderAndShadow.d.ts +0 -3
  171. package/dist/src/core/shaders/webgl/RoundedWithBorderAndShadow.js +0 -163
  172. package/dist/src/core/shaders/webgl/RoundedWithBorderAndShadow.js.map +0 -1
  173. package/dist/src/core/shaders/webgl/RoundedWithShadow.d.ts +0 -3
  174. package/dist/src/core/shaders/webgl/RoundedWithShadow.js +0 -85
  175. package/dist/src/core/shaders/webgl/RoundedWithShadow.js.map +0 -1
  176. package/dist/src/core/shaders/webgl/SdfShader.d.ts +0 -30
  177. package/dist/src/core/shaders/webgl/SdfShader.js +0 -107
  178. package/dist/src/core/shaders/webgl/SdfShader.js.map +0 -1
  179. package/dist/src/core/shaders/webgl/Shadow.d.ts +0 -3
  180. package/dist/src/core/shaders/webgl/Shadow.js +0 -110
  181. package/dist/src/core/shaders/webgl/Shadow.js.map +0 -1
  182. package/dist/src/core/text-rendering/CanvasFontHandler.d.ts +0 -59
  183. package/dist/src/core/text-rendering/CanvasFontHandler.js +0 -224
  184. package/dist/src/core/text-rendering/CanvasFontHandler.js.map +0 -1
  185. package/dist/src/core/text-rendering/CanvasTextRenderer.d.ts +0 -17
  186. package/dist/src/core/text-rendering/CanvasTextRenderer.js +0 -157
  187. package/dist/src/core/text-rendering/CanvasTextRenderer.js.map +0 -1
  188. package/dist/src/core/text-rendering/SdfFontHandler.d.ts +0 -182
  189. package/dist/src/core/text-rendering/SdfFontHandler.js +0 -391
  190. package/dist/src/core/text-rendering/SdfFontHandler.js.map +0 -1
  191. package/dist/src/core/text-rendering/SdfTextRenderer.d.ts +0 -17
  192. package/dist/src/core/text-rendering/SdfTextRenderer.js +0 -311
  193. package/dist/src/core/text-rendering/SdfTextRenderer.js.map +0 -1
  194. package/dist/src/core/text-rendering/TextLayoutEngine.d.ts +0 -18
  195. package/dist/src/core/text-rendering/TextLayoutEngine.js +0 -380
  196. package/dist/src/core/text-rendering/TextLayoutEngine.js.map +0 -1
  197. package/dist/src/core/text-rendering/TextRenderer.d.ts +0 -383
  198. package/dist/src/core/text-rendering/TextRenderer.js +0 -20
  199. package/dist/src/core/text-rendering/TextRenderer.js.map +0 -1
  200. package/dist/src/core/text-rendering/Utils.d.ts +0 -30
  201. package/dist/src/core/text-rendering/Utils.js +0 -84
  202. package/dist/src/core/text-rendering/Utils.js.map +0 -1
@@ -1 +0,0 @@
1
- {"version":3,"file":"DefaultBatched.js","sourceRoot":"","sources":["../../../../../src/core/shaders/webgl/DefaultBatched.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAsBH,MAAM,CAAC,MAAM,cAAc,GAAoB;IAC7C,uBAAuB,EAAE,IAAI;IAE7B,0DAA0D;IAC1D,oCAAoC;IACpC,SAAS;IACT,iFAAiF;IACjF,QAAQ;IACR,uBAAuB;IACvB,6HAA6H;IAC7H,SAAS;IACT,MAAM;IACN,gCAAgC;IAChC,4BAA4B;IAC5B,qCAAqC;IACrC,QAAQ;IACR,+DAA+D;IAC/D,oDAAoD;IACpD,IAAI;IAEJ,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCP;IACD,QAAQ,CAAC,QAAQ;QACf,MAAM,YAAY,GAChB,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC;QAC5D,OAAO;sBACW,YAAY;;;;;;;;;;;;;;;kDAegB,YAAY;UACpD,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,IAAI,EAAE,CAAC;aACrC,GAAG,CACF,CAAC,GAAG,EAAE,EAAE,CAAC;YACT,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,cAAc,GAAG;wCACb,GAAG;;SAElC,CACE;aACA,IAAI,CAAC,EAAE,CAAC;;;;;;;KAOd,CAAC;IACJ,CAAC;CACF,CAAC"}
@@ -1,3 +0,0 @@
1
- import { type HolePunchProps } from '../templates/HolePunchTemplate.js';
2
- import type { WebGlShaderType } from '../../renderers/webgl/WebGlShaderNode.js';
3
- export declare const HolePunch: WebGlShaderType<HolePunchProps>;
@@ -1,65 +0,0 @@
1
- /*
2
- * Copyright 2023 Comcast Cable Communications Management, LLC
3
- * Licensed under the Apache License, Version 2.0 (the "License");
4
- * you may not use this file except in compliance with the License.
5
- * You may obtain a copy of the License at
6
- *
7
- * http://www.apache.org/licenses/LICENSE-2.0
8
- *
9
- * Unless required by applicable law or agreed to in writing, software
10
- * distributed under the License is distributed on an "AS IS" BASIS,
11
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12
- * See the License for the specific language governing permissions and
13
- * limitations under the License.
14
- *
15
- * SPDX-License-Identifier: Apache-2.0
16
- */
17
- import { calcFactoredRadiusArray } from '../../lib/utils.js';
18
- import { HolePunchTemplate, } from '../templates/HolePunchTemplate.js';
19
- export const HolePunch = {
20
- props: HolePunchTemplate.props,
21
- update() {
22
- const props = this.props;
23
- this.uniform2f('u_pos', props.x, props.y);
24
- //precalculate to halfSize once instead of for every pixel
25
- this.uniform2f('u_size', props.w * 0.5, props.h * 0.5);
26
- this.uniform4fa('u_radius', calcFactoredRadiusArray(props.radius, props.w, props.h));
27
- },
28
- getCacheMarkers(props) {
29
- return `radiusArray:${Array.isArray(props.radius)}`;
30
- },
31
- fragment: `
32
- # ifdef GL_FRAGMENT_PRECISION_HIGH
33
- precision highp float;
34
- # else
35
- precision mediump float;
36
- # endif
37
-
38
- uniform float u_alpha;
39
- uniform float u_pixelRatio;
40
- uniform vec2 u_dimensions;
41
- uniform sampler2D u_texture;
42
-
43
- uniform vec2 u_size;
44
- uniform vec2 u_pos;
45
-
46
- uniform vec4 u_radius;
47
-
48
- uniform vec4 u_color;
49
- varying vec4 v_color;
50
- varying vec2 v_textureCoords;
51
-
52
- void main() {
53
- vec4 color = texture2D(u_texture, v_textureCoords) * v_color;
54
- vec2 p = (v_textureCoords.xy * u_dimensions.xy - u_pos) - u_size;
55
- vec4 r = u_radius;
56
- r.xy = (p.x > 0.0) ? r.yz : r.xw;
57
- r.x = (p.y > 0.0) ? r.y : r.x;
58
- p = abs(p) - u_size + r.x;
59
- float dist = min(max(p.x, p.y), 0.0) + length(max(p, 0.0)) - r.x + 2.0;
60
- float roundedAlpha = 1.0 - smoothstep(0.0, u_pixelRatio, dist);
61
- gl_FragColor = mix(color, vec4(0.0), min(color.a, roundedAlpha));
62
- }
63
- `,
64
- };
65
- //# sourceMappingURL=HolePunch.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"HolePunch.js","sourceRoot":"","sources":["../../../../../src/core/shaders/webgl/HolePunch.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EACL,iBAAiB,GAElB,MAAM,mCAAmC,CAAC;AAI3C,MAAM,CAAC,MAAM,SAAS,GAAoC;IACxD,KAAK,EAAE,iBAAiB,CAAC,KAAK;IAC9B,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAM,CAAC;QAC1B,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;QAC1C,0DAA0D;QAC1D,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,GAAG,GAAG,EAAE,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC;QAEvD,IAAI,CAAC,UAAU,CACb,UAAU,EACV,uBAAuB,CAAC,KAAK,CAAC,MAAc,EAAE,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAChE,CAAC;IACJ,CAAC;IACD,eAAe,CAAC,KAAqB;QACnC,OAAO,eAAe,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;IACtD,CAAC;IACD,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCT;CACF,CAAC"}
@@ -1,3 +0,0 @@
1
- import { type LinearGradientProps } from '../templates/LinearGradientTemplate.js';
2
- import type { WebGlShaderType } from '../../renderers/webgl/WebGlShaderNode.js';
3
- export declare const LinearGradient: WebGlShaderType<LinearGradientProps>;
@@ -1,100 +0,0 @@
1
- /*
2
- * Copyright 2023 Comcast Cable Communications Management, LLC
3
- * Licensed under the Apache License, Version 2.0 (the "License");
4
- * you may not use this file except in compliance with the License.
5
- * You may obtain a copy of the License at
6
- *
7
- * http://www.apache.org/licenses/LICENSE-2.0
8
- *
9
- * Unless required by applicable law or agreed to in writing, software
10
- * distributed under the License is distributed on an "AS IS" BASIS,
11
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12
- * See the License for the specific language governing permissions and
13
- * limitations under the License.
14
- *
15
- * SPDX-License-Identifier: Apache-2.0
16
- */
17
- import { getNormalizedRgbaComponents } from '../../lib/utils.js';
18
- import { LinearGradientTemplate, } from '../templates/LinearGradientTemplate.js';
19
- import { genGradientColors } from '../../renderers/webgl/internal/ShaderUtils.js';
20
- export const LinearGradient = {
21
- props: LinearGradientTemplate.props,
22
- update() {
23
- const props = this.props;
24
- this.uniform1f('u_angle', props.angle - (Math.PI / 180) * 90);
25
- this.uniform1fv('u_stops', new Float32Array(props.stops));
26
- const colors = [];
27
- for (let i = 0; i < props.colors.length; i++) {
28
- const norm = getNormalizedRgbaComponents(props.colors[i]);
29
- colors.push(norm[0], norm[1], norm[2], norm[3]);
30
- }
31
- this.uniform4fv('u_colors', new Float32Array(colors));
32
- },
33
- getCacheMarkers(props) {
34
- return `colors:${props.colors.length}`;
35
- },
36
- fragment(renderer, props) {
37
- return `
38
- # ifdef GL_FRAGMENT_PRECISION_HIGH
39
- precision highp float;
40
- # else
41
- precision mediump float;
42
- # endif
43
-
44
- #define PI 3.14159265359
45
- #define MAX_STOPS ${props.colors.length}
46
- #define LAST_STOP ${props.colors.length - 1}
47
-
48
- uniform float u_alpha;
49
- uniform vec2 u_dimensions;
50
-
51
- uniform sampler2D u_texture;
52
-
53
- uniform float u_angle;
54
- uniform float u_stops[MAX_STOPS];
55
- uniform vec4 u_colors[MAX_STOPS];
56
-
57
- varying vec4 v_color;
58
- varying vec2 v_textureCoords;
59
-
60
- vec2 calcPoint(float d, float angle) {
61
- return d * vec2(cos(angle), sin(angle)) + (u_dimensions * 0.5);
62
- }
63
-
64
- vec4 getGradientColor(float dist) {
65
- dist = clamp(dist, 0.0, 1.0);
66
-
67
- if(dist <= u_stops[0]) {
68
- return u_colors[0];
69
- }
70
-
71
- if(dist >= u_stops[LAST_STOP]) {
72
- return u_colors[LAST_STOP];
73
- }
74
-
75
- for(int i = 0; i < LAST_STOP; i++) {
76
- float left = u_stops[i];
77
- float right = u_stops[i + 1];
78
- if(dist >= left && dist <= right) {
79
- float lDist = smoothstep(left, right, dist);
80
- return mix(u_colors[i], u_colors[i + 1], lDist);
81
- }
82
- }
83
- }
84
-
85
- void main() {
86
- vec4 color = texture2D(u_texture, v_textureCoords) * v_color;
87
- float a = u_angle;
88
- float lineDist = abs(u_dimensions.x * cos(a)) + abs(u_dimensions.y * sin(a));
89
- vec2 f = calcPoint(lineDist * 0.5, a);
90
- vec2 t = calcPoint(lineDist * 0.5, a + PI);
91
- vec2 gradVec = t - f;
92
- float dist = dot(v_textureCoords.xy * u_dimensions - f, gradVec) / dot(gradVec, gradVec);
93
- vec4 colorOut = getGradientColor(dist);
94
- vec3 blendedRGB = mix(color.rgb, colorOut.rgb, clamp(colorOut.a, 0.0, 1.0));
95
- gl_FragColor = vec4(blendedRGB, color.a);
96
- }
97
- `;
98
- },
99
- };
100
- //# sourceMappingURL=LinearGradient.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"LinearGradient.js","sourceRoot":"","sources":["../../../../../src/core/shaders/webgl/LinearGradient.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,2BAA2B,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EACL,sBAAsB,GAEvB,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAIlF,MAAM,CAAC,MAAM,cAAc,GAAyC;IAClE,KAAK,EAAE,sBAAsB,CAAC,KAAK;IACnC,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAM,CAAC;QAC1B,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,KAAK,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC;QAC9D,IAAI,CAAC,UAAU,CAAC,SAAS,EAAE,IAAI,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;QAC1D,MAAM,MAAM,GAAa,EAAE,CAAC;QAC5B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAC7C,MAAM,IAAI,GAAG,2BAA2B,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAE,CAAC,CAAC;YAC3D,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;QAClD,CAAC;QACD,IAAI,CAAC,UAAU,CAAC,UAAU,EAAE,IAAI,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC;IACxD,CAAC;IACD,eAAe,CAAC,KAA0B;QACxC,OAAO,UAAU,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;IACzC,CAAC;IACD,QAAQ,CAAC,QAAuB,EAAE,KAA0B;QAC1D,OAAO;;;;;;;;wBAQa,KAAK,CAAC,MAAM,CAAC,MAAM;wBACnB,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmD5C,CAAC;IACF,CAAC;CACF,CAAC"}
@@ -1,3 +0,0 @@
1
- import { type RadialGradientProps } from '../templates/RadialGradientTemplate.js';
2
- import type { WebGlShaderType } from '../../renderers/webgl/WebGlShaderNode.js';
3
- export declare const RadialGradient: WebGlShaderType<RadialGradientProps>;
@@ -1,97 +0,0 @@
1
- /*
2
- * Copyright 2023 Comcast Cable Communications Management, LLC
3
- * Licensed under the Apache License, Version 2.0 (the "License");
4
- * you may not use this file except in compliance with the License.
5
- * You may obtain a copy of the License at
6
- *
7
- * http://www.apache.org/licenses/LICENSE-2.0
8
- *
9
- * Unless required by applicable law or agreed to in writing, software
10
- * distributed under the License is distributed on an "AS IS" BASIS,
11
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12
- * See the License for the specific language governing permissions and
13
- * limitations under the License.
14
- *
15
- * SPDX-License-Identifier: Apache-2.0
16
- */
17
- import { getNormalizedRgbaComponents } from '../../lib/utils.js';
18
- import { RadialGradientTemplate, } from '../templates/RadialGradientTemplate.js';
19
- export const RadialGradient = {
20
- props: RadialGradientTemplate.props,
21
- update(node) {
22
- const props = this.props;
23
- this.uniform2f('u_projection', props.pivot[0] * node.w, props.pivot[1] * node.h);
24
- this.uniform2f('u_size', props.w, props.h);
25
- this.uniform1fv('u_stops', new Float32Array(props.stops));
26
- const colors = [];
27
- for (let i = 0; i < props.colors.length; i++) {
28
- const norm = getNormalizedRgbaComponents(props.colors[i]);
29
- colors.push(norm[0], norm[1], norm[2], norm[3]);
30
- }
31
- this.uniform4fv('u_colors', new Float32Array(colors));
32
- },
33
- getCacheMarkers(props) {
34
- return `colors:${props.colors.length}`;
35
- },
36
- fragment(renderer, props) {
37
- return `
38
- # ifdef GL_FRAGMENT_PRECISION_HIGH
39
- precision highp float;
40
- # else
41
- precision mediump float;
42
- # endif
43
-
44
- #define MAX_STOPS ${props.colors.length}
45
- #define LAST_STOP ${props.colors.length - 1}
46
-
47
- uniform float u_alpha;
48
- uniform vec2 u_dimensions;
49
-
50
- uniform sampler2D u_texture;
51
-
52
- uniform vec2 u_projection;
53
- uniform vec2 u_size;
54
-
55
- uniform float u_stops[MAX_STOPS];
56
- uniform vec4 u_colors[MAX_STOPS];
57
-
58
- varying vec4 v_color;
59
- varying vec2 v_textureCoords;
60
- varying vec2 v_nodeCoords;
61
-
62
- vec4 getGradientColor(float dist) {
63
- dist = clamp(dist, 0.0, 1.0);
64
-
65
- if(dist <= u_stops[0]) {
66
- return u_colors[0];
67
- }
68
-
69
- if(dist >= u_stops[LAST_STOP]) {
70
- return u_colors[LAST_STOP];
71
- }
72
-
73
- for(int i = 0; i < LAST_STOP; i++) {
74
- float left = u_stops[i];
75
- float right = u_stops[i + 1];
76
- if(dist >= left && dist <= right) {
77
- float lDist = smoothstep(left, right, dist);
78
- return mix(u_colors[i], u_colors[i + 1], lDist);
79
- }
80
- }
81
-
82
- return u_colors[LAST_STOP];
83
- }
84
-
85
- void main() {
86
- vec4 color = texture2D(u_texture, v_textureCoords) * v_color;
87
- vec2 point = v_nodeCoords.xy * u_dimensions;
88
- float dist = length((point - u_projection) / u_size);
89
-
90
- vec4 colorOut = getGradientColor(dist);
91
- vec3 blendedRGB = mix(color.rgb, colorOut.rgb, clamp(colorOut.a, 0.0, 1.0));
92
- gl_FragColor = vec4(blendedRGB, color.a);
93
- }
94
- `;
95
- },
96
- };
97
- //# sourceMappingURL=RadialGradient.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"RadialGradient.js","sourceRoot":"","sources":["../../../../../src/core/shaders/webgl/RadialGradient.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,EAAE,2BAA2B,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EACL,sBAAsB,GAEvB,MAAM,wCAAwC,CAAC;AAIhD,MAAM,CAAC,MAAM,cAAc,GAAyC;IAClE,KAAK,EAAE,sBAAsB,CAAC,KAAK;IACnC,MAAM,CAAC,IAAc;QACnB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAM,CAAC;QAC1B,IAAI,CAAC,SAAS,CACZ,cAAc,EACd,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EACvB,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CACxB,CAAC;QACF,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;QAC3C,IAAI,CAAC,UAAU,CAAC,SAAS,EAAE,IAAI,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;QAC1D,MAAM,MAAM,GAAa,EAAE,CAAC;QAC5B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAC7C,MAAM,IAAI,GAAG,2BAA2B,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAE,CAAC,CAAC;YAC3D,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;QAClD,CAAC;QACD,IAAI,CAAC,UAAU,CAAC,UAAU,EAAE,IAAI,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC;IACxD,CAAC;IACD,eAAe,CAAC,KAA0B;QACxC,OAAO,UAAU,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;IACzC,CAAC;IACD,QAAQ,CAAC,QAAuB,EAAE,KAA0B;QAC1D,OAAO;;;;;;;0BAOe,KAAK,CAAC,MAAM,CAAC,MAAM;0BACnB,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiD5C,CAAC;IACJ,CAAC;CACF,CAAC"}
@@ -1,7 +0,0 @@
1
- import type { WebGlShaderType } from '../../renderers/webgl/WebGlShaderNode.js';
2
- import { type RoundedProps } from '../templates/RoundedTemplate.js';
3
- /**
4
- * Similar to the {@link DefaultShader} but cuts out 4 rounded rectangle corners
5
- * as defined by the specified corner {@link RoundedProps.radius}
6
- */
7
- export declare const Rounded: WebGlShaderType<RoundedProps>;
@@ -1,88 +0,0 @@
1
- import { calcFactoredRadiusArray } from '../../lib/utils.js';
2
- import { RoundedTemplate, } from '../templates/RoundedTemplate.js';
3
- /**
4
- * Similar to the {@link DefaultShader} but cuts out 4 rounded rectangle corners
5
- * as defined by the specified corner {@link RoundedProps.radius}
6
- */
7
- export const Rounded = {
8
- props: RoundedTemplate.props,
9
- update(node) {
10
- this.uniform4fa('u_radius', calcFactoredRadiusArray(this.props.radius, node.w, node.h));
11
- },
12
- vertex: `
13
- # ifdef GL_FRAGMENT_PRECISION_HIGH
14
- precision highp float;
15
- # else
16
- precision mediump float;
17
- # endif
18
-
19
- attribute vec2 a_position;
20
- attribute vec2 a_textureCoords;
21
- attribute vec4 a_color;
22
- attribute vec2 a_nodeCoords;
23
-
24
- uniform vec2 u_resolution;
25
- uniform float u_pixelRatio;
26
- uniform vec2 u_dimensions;
27
-
28
- varying vec4 v_color;
29
- varying vec2 v_textureCoords;
30
- varying vec2 v_nodeCoords;
31
-
32
- void main() {
33
- vec2 normalized = a_position * u_pixelRatio;
34
- vec2 screenSpace = vec2(2.0 / u_resolution.x, -2.0 / u_resolution.y);
35
-
36
- v_color = a_color;
37
- v_nodeCoords = a_nodeCoords;
38
- v_textureCoords = a_textureCoords;
39
-
40
- gl_Position = vec4(normalized.x * screenSpace.x - 1.0, normalized.y * -abs(screenSpace.y) + 1.0, 0.0, 1.0);
41
- gl_Position.y = -sign(screenSpace.y) * gl_Position.y;
42
- }
43
- `,
44
- fragment: `
45
- # ifdef GL_FRAGMENT_PRECISION_HIGH
46
- precision highp float;
47
- # else
48
- precision mediump float;
49
- # endif
50
-
51
- //renderer applies these uniforms automatically
52
- uniform vec2 u_resolution;
53
- uniform vec2 u_dimensions;
54
- uniform float u_alpha;
55
- uniform float u_pixelRatio;
56
- uniform sampler2D u_texture;
57
-
58
- //custom uniforms
59
- uniform vec4 u_radius;
60
-
61
- varying vec4 v_color;
62
- varying vec2 v_textureCoords;
63
- varying vec2 v_nodeCoords;
64
-
65
- float roundedBox(vec2 p, vec2 s, vec4 r) {
66
- r.xy = (p.x > 0.0) ? r.yz : r.xw;
67
- r.x = (p.y > 0.0) ? r.y : r.x;
68
- vec2 q = abs(p) - s + r.x;
69
- return (min(max(q.x, q.y), 0.0) + length(max(q, 0.0))) - r.x;
70
- }
71
-
72
- void main() {
73
- vec4 color = texture2D(u_texture, v_textureCoords) * v_color;
74
- vec2 halfDimensions = (u_dimensions * 0.5);
75
-
76
- vec2 boxUv = v_nodeCoords.xy * u_dimensions - halfDimensions;
77
- float boxDist = roundedBox(boxUv, halfDimensions, u_radius);
78
-
79
- float edgeWidth = 1.0 / u_pixelRatio;
80
- float roundedAlpha = 1.0 - smoothstep(-0.5 * edgeWidth, 0.5 * edgeWidth, boxDist);
81
-
82
- vec4 resColor = vec4(0.0);
83
- resColor = mix(resColor, color, roundedAlpha);
84
- gl_FragColor = resColor * u_alpha;
85
- }
86
- `,
87
- };
88
- //# sourceMappingURL=Rounded.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Rounded.js","sourceRoot":"","sources":["../../../../../src/core/shaders/webgl/Rounded.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EACL,eAAe,GAEhB,MAAM,iCAAiC,CAAC;AAIzC;;;GAGG;AACH,MAAM,CAAC,MAAM,OAAO,GAAkC;IACpD,KAAK,EAAE,eAAe,CAAC,KAAK;IAC5B,MAAM,CAAC,IAAc;QACnB,IAAI,CAAC,UAAU,CACb,UAAU,EACV,uBAAuB,CAAC,IAAI,CAAC,KAAM,CAAC,MAAc,EAAE,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CACpE,CAAC;IACJ,CAAC;IACD,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BT;IACC,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CT;CACF,CAAC"}
@@ -1,3 +0,0 @@
1
- import type { WebGlShaderType } from '../../renderers/webgl/WebGlShaderNode.js';
2
- import { type RoundedWithBorderProps } from '../templates/RoundedWithBorderTemplate.js';
3
- export declare const RoundedWithBorder: WebGlShaderType<RoundedWithBorderProps>;
@@ -1,141 +0,0 @@
1
- /*
2
- * Copyright 2023 Comcast Cable Communications Management, LLC
3
- * Licensed under the Apache License, Version 2.0 (the "License");
4
- * you may not use this file except in compliance with the License.
5
- * You may obtain a copy of the License at
6
- *
7
- * http://www.apache.org/licenses/LICENSE-2.0
8
- *
9
- * Unless required by applicable law or agreed to in writing, software
10
- * distributed under the License is distributed on an "AS IS" BASIS,
11
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12
- * See the License for the specific language governing permissions and
13
- * limitations under the License.
14
- *
15
- * SPDX-License-Identifier: Apache-2.0
16
- */
17
- import { calcFactoredRadiusArray } from '../../lib/utils.js';
18
- import { RoundedWithBorderTemplate, } from '../templates/RoundedWithBorderTemplate.js';
19
- export const RoundedWithBorder = {
20
- props: RoundedWithBorderTemplate.props,
21
- update(node) {
22
- this.uniformRGBA('u_borderColor', this.props['border-color']);
23
- this.uniform4fa('u_borderWidth', this.props['border-w']);
24
- this.uniform4fa('u_radius', calcFactoredRadiusArray(this.props.radius, node.w, node.h));
25
- },
26
- vertex: `
27
- # ifdef GL_FRAGMENT_PRECISION_HIGH
28
- precision highp float;
29
- # else
30
- precision mediump float;
31
- # endif
32
-
33
- attribute vec2 a_position;
34
- attribute vec2 a_textureCoords;
35
- attribute vec4 a_color;
36
- attribute vec2 a_nodeCoords;
37
-
38
- uniform vec2 u_resolution;
39
- uniform float u_pixelRatio;
40
- uniform vec2 u_dimensions;
41
-
42
- uniform vec4 u_radius;
43
- uniform vec4 u_borderWidth;
44
-
45
- varying vec4 v_color;
46
- varying vec2 v_textureCoords;
47
- varying vec2 v_nodeCoords;
48
-
49
- varying vec4 v_innerRadius;
50
- varying vec2 v_innerSize;
51
- varying vec2 v_halfDimensions;
52
- varying float v_borderZero;
53
-
54
- void main() {
55
- vec2 normalized = a_position * u_pixelRatio;
56
- vec2 screenSpace = vec2(2.0 / u_resolution.x, -2.0 / u_resolution.y);
57
-
58
- v_color = a_color;
59
- v_nodeCoords = a_nodeCoords;
60
- v_textureCoords = a_textureCoords;
61
-
62
- v_halfDimensions = u_dimensions * 0.5;
63
-
64
- v_borderZero = u_borderWidth == vec4(0.0) ? 1.0 : 0.0;
65
-
66
- if(v_borderZero == 0.0) {
67
- v_innerRadius = vec4(
68
- max(0.0, u_radius.x - max(u_borderWidth.x, u_borderWidth.w) - 0.5),
69
- max(0.0, u_radius.y - max(u_borderWidth.x, u_borderWidth.y) - 0.5),
70
- max(0.0, u_radius.z - max(u_borderWidth.z, u_borderWidth.y) - 0.5),
71
- max(0.0, u_radius.w - max(u_borderWidth.z, u_borderWidth.w) - 0.5)
72
- );
73
-
74
- v_innerSize = (vec2(u_dimensions.x - (u_borderWidth[3] + u_borderWidth[1]) + 1.0, u_dimensions.y - (u_borderWidth[0] + u_borderWidth[2])) - 2.0) * 0.5;
75
- }
76
-
77
- gl_Position = vec4(normalized.x * screenSpace.x - 1.0, normalized.y * -abs(screenSpace.y) + 1.0, 0.0, 1.0);
78
- gl_Position.y = -sign(screenSpace.y) * gl_Position.y;
79
- }
80
- `,
81
- fragment: `
82
- # ifdef GL_FRAGMENT_PRECISION_HIGH
83
- precision highp float;
84
- # else
85
- precision mediump float;
86
- # endif
87
-
88
- uniform vec2 u_resolution;
89
- uniform float u_pixelRatio;
90
- uniform float u_alpha;
91
- uniform vec2 u_dimensions;
92
- uniform sampler2D u_texture;
93
-
94
- uniform vec4 u_radius;
95
-
96
- uniform vec4 u_borderWidth;
97
- uniform vec4 u_borderColor;
98
-
99
- varying vec4 v_color;
100
- varying vec2 v_textureCoords;
101
- varying vec2 v_nodeCoords;
102
-
103
- varying vec2 v_halfDimensions;
104
- varying vec4 v_innerRadius;
105
- varying vec2 v_innerSize;
106
- varying float v_borderZero;
107
-
108
- float roundedBox(vec2 p, vec2 s, vec4 r) {
109
- r.xy = (p.x > 0.0) ? r.yz : r.xw;
110
- r.x = (p.y > 0.0) ? r.y : r.x;
111
- vec2 q = abs(p) - s + r.x;
112
- return (min(max(q.x, q.y), 0.0) + length(max(q, 0.0))) - r.x;
113
- }
114
-
115
- void main() {
116
- vec4 color = texture2D(u_texture, v_textureCoords) * v_color;
117
-
118
- vec2 boxUv = v_nodeCoords.xy * u_dimensions - v_halfDimensions;
119
- float outerDist = roundedBox(boxUv, v_halfDimensions, u_radius);
120
-
121
- float edgeWidth = 1.0 / u_pixelRatio;
122
- float outerAlpha = 1.0 - smoothstep(-0.5 * edgeWidth, 0.5 * edgeWidth, outerDist);
123
-
124
- if(v_borderZero == 1.0) {
125
- gl_FragColor = mix(vec4(0.0), color, outerAlpha) * u_alpha;
126
- return;
127
- }
128
-
129
- boxUv.x += u_borderWidth.y > u_borderWidth.w ? (u_borderWidth.y - u_borderWidth.w) * 0.5 : -(u_borderWidth.w - u_borderWidth.y) * 0.5;
130
- boxUv.y += u_borderWidth.z > u_borderWidth.x ? ((u_borderWidth.z - u_borderWidth.x) * 0.5 + 0.5) : -(u_borderWidth.x - u_borderWidth.z) * 0.5;
131
-
132
- float innerDist = roundedBox(boxUv, v_innerSize, v_innerRadius);
133
- float innerAlpha = 1.0 - smoothstep(-0.5 * edgeWidth, 0.5 * edgeWidth, innerDist);
134
-
135
- vec4 resColor = mix(u_borderColor, color, innerAlpha);
136
- resColor = mix(vec4(0.0), resColor, outerAlpha);
137
- gl_FragColor = resColor * u_alpha;
138
- }
139
- `,
140
- };
141
- //# sourceMappingURL=RoundedWithBorder.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"RoundedWithBorder.js","sourceRoot":"","sources":["../../../../../src/core/shaders/webgl/RoundedWithBorder.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAG7D,OAAO,EACL,yBAAyB,GAE1B,MAAM,2CAA2C,CAAC;AAEnD,MAAM,CAAC,MAAM,iBAAiB,GAA4C;IACxE,KAAK,EAAE,yBAAyB,CAAC,KAAK;IACtC,MAAM,CAAC,IAAc;QACnB,IAAI,CAAC,WAAW,CAAC,eAAe,EAAE,IAAI,CAAC,KAAM,CAAC,cAAc,CAAC,CAAC,CAAC;QAC/D,IAAI,CAAC,UAAU,CAAC,eAAe,EAAE,IAAI,CAAC,KAAM,CAAC,UAAU,CAAS,CAAC,CAAC;QAElE,IAAI,CAAC,UAAU,CACb,UAAU,EACV,uBAAuB,CAAC,IAAI,CAAC,KAAM,CAAC,MAAc,EAAE,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CACpE,CAAC;IACJ,CAAC;IACD,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsDP;IACD,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0DT;CACF,CAAC"}
@@ -1,3 +0,0 @@
1
- import type { WebGlShaderType } from '../../renderers/webgl/WebGlShaderNode.js';
2
- import { type RoundedWithBorderAndShadowProps } from '../templates/RoundedWithBorderAndShadowTemplate.js';
3
- export declare const RoundedWithBorderAndShadow: WebGlShaderType<RoundedWithBorderAndShadowProps>;