@lightningjs/renderer 2.16.0 → 2.18.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 (257) hide show
  1. package/dist/src/core/CoreNode.js +7 -5
  2. package/dist/src/core/CoreNode.js.map +1 -1
  3. package/dist/src/core/CoreTextureManager.d.ts +14 -8
  4. package/dist/src/core/CoreTextureManager.js +33 -59
  5. package/dist/src/core/CoreTextureManager.js.map +1 -1
  6. package/dist/src/core/Stage.d.ts +3 -3
  7. package/dist/src/core/Stage.js +9 -14
  8. package/dist/src/core/Stage.js.map +1 -1
  9. package/dist/src/core/TextureMemoryManager.d.ts +21 -17
  10. package/dist/src/core/TextureMemoryManager.js +99 -124
  11. package/dist/src/core/TextureMemoryManager.js.map +1 -1
  12. package/dist/src/core/lib/WebGlContextWrapper.d.ts +10 -0
  13. package/dist/src/core/lib/WebGlContextWrapper.js +32 -0
  14. package/dist/src/core/lib/WebGlContextWrapper.js.map +1 -1
  15. package/dist/src/core/lib/textureCompression.js +13 -6
  16. package/dist/src/core/lib/textureCompression.js.map +1 -1
  17. package/dist/src/core/platform.js +4 -1
  18. package/dist/src/core/platform.js.map +1 -1
  19. package/dist/src/core/renderers/CoreContextTexture.d.ts +1 -0
  20. package/dist/src/core/renderers/CoreContextTexture.js.map +1 -1
  21. package/dist/src/core/renderers/canvas/CanvasCoreTexture.d.ts +1 -0
  22. package/dist/src/core/renderers/canvas/CanvasCoreTexture.js +4 -3
  23. package/dist/src/core/renderers/canvas/CanvasCoreTexture.js.map +1 -1
  24. package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.d.ts +9 -0
  25. package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.js +59 -29
  26. package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.js.map +1 -1
  27. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.js +4 -4
  28. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.js.map +1 -1
  29. package/dist/src/core/textures/ColorTexture.d.ts +2 -2
  30. package/dist/src/core/textures/ColorTexture.js +1 -2
  31. package/dist/src/core/textures/ColorTexture.js.map +1 -1
  32. package/dist/src/core/textures/ImageTexture.d.ts +7 -1
  33. package/dist/src/core/textures/ImageTexture.js +55 -39
  34. package/dist/src/core/textures/ImageTexture.js.map +1 -1
  35. package/dist/src/core/textures/NoiseTexture.js +1 -1
  36. package/dist/src/core/textures/NoiseTexture.js.map +1 -1
  37. package/dist/src/core/textures/RenderTexture.js +1 -1
  38. package/dist/src/core/textures/RenderTexture.js.map +1 -1
  39. package/dist/src/core/textures/SubTexture.d.ts +1 -2
  40. package/dist/src/core/textures/SubTexture.js +11 -29
  41. package/dist/src/core/textures/SubTexture.js.map +1 -1
  42. package/dist/src/core/textures/Texture.d.ts +51 -7
  43. package/dist/src/core/textures/Texture.js +127 -15
  44. package/dist/src/core/textures/Texture.js.map +1 -1
  45. package/dist/src/main-api/Inspector.d.ts +3 -0
  46. package/dist/src/main-api/Inspector.js +156 -0
  47. package/dist/src/main-api/Inspector.js.map +1 -1
  48. package/dist/src/main-api/Renderer.d.ts +1 -3
  49. package/dist/src/main-api/Renderer.js +2 -4
  50. package/dist/src/main-api/Renderer.js.map +1 -1
  51. package/dist/tsconfig.dist.tsbuildinfo +1 -1
  52. package/package.json +1 -1
  53. package/src/core/CoreNode.ts +8 -4
  54. package/src/core/CoreTextureManager.ts +59 -65
  55. package/src/core/Stage.ts +10 -16
  56. package/src/core/TextureMemoryManager.ts +118 -148
  57. package/src/core/lib/WebGlContextWrapper.ts +38 -0
  58. package/src/core/lib/textureCompression.ts +18 -7
  59. package/src/core/platform.ts +5 -1
  60. package/src/core/renderers/CoreContextTexture.ts +1 -0
  61. package/src/core/renderers/canvas/CanvasCoreTexture.ts +5 -3
  62. package/src/core/renderers/webgl/WebGlCoreCtxTexture.ts +78 -40
  63. package/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.ts +10 -4
  64. package/src/core/textures/ColorTexture.ts +4 -7
  65. package/src/core/textures/ImageTexture.ts +66 -51
  66. package/src/core/textures/NoiseTexture.ts +1 -1
  67. package/src/core/textures/RenderTexture.ts +1 -1
  68. package/src/core/textures/SubTexture.ts +14 -31
  69. package/src/core/textures/Texture.ts +150 -21
  70. package/src/main-api/Inspector.ts +203 -0
  71. package/src/main-api/Renderer.ts +2 -4
  72. package/dist/exports/canvas-shaders.d.ts +0 -10
  73. package/dist/exports/canvas-shaders.js +0 -27
  74. package/dist/exports/canvas-shaders.js.map +0 -1
  75. package/dist/exports/webgl-shaders.d.ts +0 -11
  76. package/dist/exports/webgl-shaders.js +0 -28
  77. package/dist/exports/webgl-shaders.js.map +0 -1
  78. package/dist/src/core/platforms/Platform.d.ts +0 -37
  79. package/dist/src/core/platforms/Platform.js +0 -22
  80. package/dist/src/core/platforms/Platform.js.map +0 -1
  81. package/dist/src/core/platforms/web/WebPlatform.d.ts +0 -9
  82. package/dist/src/core/platforms/web/WebPlatform.js +0 -58
  83. package/dist/src/core/platforms/web/WebPlatform.js.map +0 -1
  84. package/dist/src/core/renderers/CoreShaderNode.d.ts +0 -59
  85. package/dist/src/core/renderers/CoreShaderNode.js +0 -113
  86. package/dist/src/core/renderers/CoreShaderNode.js.map +0 -1
  87. package/dist/src/core/renderers/CoreShaderProgram.d.ts +0 -4
  88. package/dist/src/core/renderers/CoreShaderProgram.js +0 -20
  89. package/dist/src/core/renderers/CoreShaderProgram.js.map +0 -1
  90. package/dist/src/core/renderers/canvas/CanvasRenderer.d.ts +0 -37
  91. package/dist/src/core/renderers/canvas/CanvasRenderer.js +0 -215
  92. package/dist/src/core/renderers/canvas/CanvasRenderer.js.map +0 -1
  93. package/dist/src/core/renderers/canvas/CanvasShaderNode.d.ts +0 -21
  94. package/dist/src/core/renderers/canvas/CanvasShaderNode.js +0 -57
  95. package/dist/src/core/renderers/canvas/CanvasShaderNode.js.map +0 -1
  96. package/dist/src/core/renderers/canvas/CanvasTexture.d.ts +0 -16
  97. package/dist/src/core/renderers/canvas/CanvasTexture.js +0 -124
  98. package/dist/src/core/renderers/canvas/CanvasTexture.js.map +0 -1
  99. package/dist/src/core/renderers/webgl/WebGlCtxRenderTexture.d.ts +0 -12
  100. package/dist/src/core/renderers/webgl/WebGlCtxRenderTexture.js +0 -55
  101. package/dist/src/core/renderers/webgl/WebGlCtxRenderTexture.js.map +0 -1
  102. package/dist/src/core/renderers/webgl/WebGlCtxSubTexture.d.ts +0 -9
  103. package/dist/src/core/renderers/webgl/WebGlCtxSubTexture.js +0 -38
  104. package/dist/src/core/renderers/webgl/WebGlCtxSubTexture.js.map +0 -1
  105. package/dist/src/core/renderers/webgl/WebGlCtxTexture.d.ts +0 -57
  106. package/dist/src/core/renderers/webgl/WebGlCtxTexture.js +0 -224
  107. package/dist/src/core/renderers/webgl/WebGlCtxTexture.js.map +0 -1
  108. package/dist/src/core/renderers/webgl/WebGlRenderOp.d.ts +0 -44
  109. package/dist/src/core/renderers/webgl/WebGlRenderOp.js +0 -125
  110. package/dist/src/core/renderers/webgl/WebGlRenderOp.js.map +0 -1
  111. package/dist/src/core/renderers/webgl/WebGlRenderer.d.ts +0 -136
  112. package/dist/src/core/renderers/webgl/WebGlRenderer.js +0 -573
  113. package/dist/src/core/renderers/webgl/WebGlRenderer.js.map +0 -1
  114. package/dist/src/core/renderers/webgl/WebGlShaderNode.d.ts +0 -222
  115. package/dist/src/core/renderers/webgl/WebGlShaderNode.js +0 -331
  116. package/dist/src/core/renderers/webgl/WebGlShaderNode.js.map +0 -1
  117. package/dist/src/core/renderers/webgl/WebGlShaderProgram.d.ts +0 -35
  118. package/dist/src/core/renderers/webgl/WebGlShaderProgram.js +0 -201
  119. package/dist/src/core/renderers/webgl/WebGlShaderProgram.js.map +0 -1
  120. package/dist/src/core/shaders/canvas/Border.d.ts +0 -9
  121. package/dist/src/core/shaders/canvas/Border.js +0 -57
  122. package/dist/src/core/shaders/canvas/Border.js.map +0 -1
  123. package/dist/src/core/shaders/canvas/HolePunch.d.ts +0 -7
  124. package/dist/src/core/shaders/canvas/HolePunch.js +0 -38
  125. package/dist/src/core/shaders/canvas/HolePunch.js.map +0 -1
  126. package/dist/src/core/shaders/canvas/LinearGradient.d.ts +0 -10
  127. package/dist/src/core/shaders/canvas/LinearGradient.js +0 -48
  128. package/dist/src/core/shaders/canvas/LinearGradient.js.map +0 -1
  129. package/dist/src/core/shaders/canvas/RadialGradient.d.ts +0 -11
  130. package/dist/src/core/shaders/canvas/RadialGradient.js +0 -70
  131. package/dist/src/core/shaders/canvas/RadialGradient.js.map +0 -1
  132. package/dist/src/core/shaders/canvas/Rounded.d.ts +0 -7
  133. package/dist/src/core/shaders/canvas/Rounded.js +0 -33
  134. package/dist/src/core/shaders/canvas/Rounded.js.map +0 -1
  135. package/dist/src/core/shaders/canvas/RoundedWithBorder.d.ts +0 -7
  136. package/dist/src/core/shaders/canvas/RoundedWithBorder.js +0 -43
  137. package/dist/src/core/shaders/canvas/RoundedWithBorder.js.map +0 -1
  138. package/dist/src/core/shaders/canvas/RoundedWithBorderAndShadow.d.ts +0 -8
  139. package/dist/src/core/shaders/canvas/RoundedWithBorderAndShadow.js +0 -41
  140. package/dist/src/core/shaders/canvas/RoundedWithBorderAndShadow.js.map +0 -1
  141. package/dist/src/core/shaders/canvas/RoundedWithShadow.d.ts +0 -7
  142. package/dist/src/core/shaders/canvas/RoundedWithShadow.js +0 -40
  143. package/dist/src/core/shaders/canvas/RoundedWithShadow.js.map +0 -1
  144. package/dist/src/core/shaders/canvas/Shadow.d.ts +0 -8
  145. package/dist/src/core/shaders/canvas/Shadow.js +0 -31
  146. package/dist/src/core/shaders/canvas/Shadow.js.map +0 -1
  147. package/dist/src/core/shaders/canvas/utils/render.d.ts +0 -5
  148. package/dist/src/core/shaders/canvas/utils/render.js +0 -84
  149. package/dist/src/core/shaders/canvas/utils/render.js.map +0 -1
  150. package/dist/src/core/shaders/templates/BorderTemplate.d.ts +0 -37
  151. package/dist/src/core/shaders/templates/BorderTemplate.js +0 -73
  152. package/dist/src/core/shaders/templates/BorderTemplate.js.map +0 -1
  153. package/dist/src/core/shaders/templates/HolePunchTemplate.d.ts +0 -46
  154. package/dist/src/core/shaders/templates/HolePunchTemplate.js +0 -35
  155. package/dist/src/core/shaders/templates/HolePunchTemplate.js.map +0 -1
  156. package/dist/src/core/shaders/templates/LinearGradientTemplate.d.ts +0 -23
  157. package/dist/src/core/shaders/templates/LinearGradientTemplate.js +0 -47
  158. package/dist/src/core/shaders/templates/LinearGradientTemplate.js.map +0 -1
  159. package/dist/src/core/shaders/templates/RadialGradientTemplate.d.ts +0 -31
  160. package/dist/src/core/shaders/templates/RadialGradientTemplate.js +0 -49
  161. package/dist/src/core/shaders/templates/RadialGradientTemplate.js.map +0 -1
  162. package/dist/src/core/shaders/templates/RoundedTemplate.d.ts +0 -29
  163. package/dist/src/core/shaders/templates/RoundedTemplate.js +0 -67
  164. package/dist/src/core/shaders/templates/RoundedTemplate.js.map +0 -1
  165. package/dist/src/core/shaders/templates/RoundedWithBorderAndShadowTemplate.d.ts +0 -7
  166. package/dist/src/core/shaders/templates/RoundedWithBorderAndShadowTemplate.js +0 -24
  167. package/dist/src/core/shaders/templates/RoundedWithBorderAndShadowTemplate.js.map +0 -1
  168. package/dist/src/core/shaders/templates/RoundedWithBorderTemplate.d.ts +0 -6
  169. package/dist/src/core/shaders/templates/RoundedWithBorderTemplate.js +0 -23
  170. package/dist/src/core/shaders/templates/RoundedWithBorderTemplate.js.map +0 -1
  171. package/dist/src/core/shaders/templates/RoundedWithShadowTemplate.d.ts +0 -6
  172. package/dist/src/core/shaders/templates/RoundedWithShadowTemplate.js +0 -23
  173. package/dist/src/core/shaders/templates/RoundedWithShadowTemplate.js.map +0 -1
  174. package/dist/src/core/shaders/templates/ShadowTemplate.d.ts +0 -34
  175. package/dist/src/core/shaders/templates/ShadowTemplate.js +0 -66
  176. package/dist/src/core/shaders/templates/ShadowTemplate.js.map +0 -1
  177. package/dist/src/core/shaders/templates/shaderUtils.d.ts +0 -5
  178. package/dist/src/core/shaders/templates/shaderUtils.js +0 -41
  179. package/dist/src/core/shaders/templates/shaderUtils.js.map +0 -1
  180. package/dist/src/core/shaders/utils.d.ts +0 -5
  181. package/dist/src/core/shaders/utils.js +0 -41
  182. package/dist/src/core/shaders/utils.js.map +0 -1
  183. package/dist/src/core/shaders/webgl/Border.d.ts +0 -3
  184. package/dist/src/core/shaders/webgl/Border.js +0 -110
  185. package/dist/src/core/shaders/webgl/Border.js.map +0 -1
  186. package/dist/src/core/shaders/webgl/Default.d.ts +0 -2
  187. package/dist/src/core/shaders/webgl/Default.js +0 -86
  188. package/dist/src/core/shaders/webgl/Default.js.map +0 -1
  189. package/dist/src/core/shaders/webgl/DefaultBatched.d.ts +0 -2
  190. package/dist/src/core/shaders/webgl/DefaultBatched.js +0 -104
  191. package/dist/src/core/shaders/webgl/DefaultBatched.js.map +0 -1
  192. package/dist/src/core/shaders/webgl/HolePunch.d.ts +0 -3
  193. package/dist/src/core/shaders/webgl/HolePunch.js +0 -65
  194. package/dist/src/core/shaders/webgl/HolePunch.js.map +0 -1
  195. package/dist/src/core/shaders/webgl/LinearGradient.d.ts +0 -3
  196. package/dist/src/core/shaders/webgl/LinearGradient.js +0 -76
  197. package/dist/src/core/shaders/webgl/LinearGradient.js.map +0 -1
  198. package/dist/src/core/shaders/webgl/RadialGradient.d.ts +0 -3
  199. package/dist/src/core/shaders/webgl/RadialGradient.js +0 -74
  200. package/dist/src/core/shaders/webgl/RadialGradient.js.map +0 -1
  201. package/dist/src/core/shaders/webgl/Rounded.d.ts +0 -7
  202. package/dist/src/core/shaders/webgl/Rounded.js +0 -86
  203. package/dist/src/core/shaders/webgl/Rounded.js.map +0 -1
  204. package/dist/src/core/shaders/webgl/RoundedWithBorder.d.ts +0 -3
  205. package/dist/src/core/shaders/webgl/RoundedWithBorder.js +0 -140
  206. package/dist/src/core/shaders/webgl/RoundedWithBorder.js.map +0 -1
  207. package/dist/src/core/shaders/webgl/RoundedWithBorderAndShadow.d.ts +0 -3
  208. package/dist/src/core/shaders/webgl/RoundedWithBorderAndShadow.js +0 -162
  209. package/dist/src/core/shaders/webgl/RoundedWithBorderAndShadow.js.map +0 -1
  210. package/dist/src/core/shaders/webgl/RoundedWithShadow.d.ts +0 -3
  211. package/dist/src/core/shaders/webgl/RoundedWithShadow.js +0 -84
  212. package/dist/src/core/shaders/webgl/RoundedWithShadow.js.map +0 -1
  213. package/dist/src/core/shaders/webgl/SdfShader.d.ts +0 -32
  214. package/dist/src/core/shaders/webgl/SdfShader.js +0 -116
  215. package/dist/src/core/shaders/webgl/SdfShader.js.map +0 -1
  216. package/dist/src/core/shaders/webgl/Shadow.d.ts +0 -3
  217. package/dist/src/core/shaders/webgl/Shadow.js +0 -110
  218. package/dist/src/core/shaders/webgl/Shadow.js.map +0 -1
  219. package/dist/src/core/shaders/webgl/Spinner.d.ts +0 -1
  220. package/dist/src/core/shaders/webgl/Spinner.js +0 -2
  221. package/dist/src/core/shaders/webgl/Spinner.js.map +0 -1
  222. package/dist/src/core/text-rendering/CanvasFontHandler.d.ts +0 -25
  223. package/dist/src/core/text-rendering/CanvasFontHandler.js +0 -117
  224. package/dist/src/core/text-rendering/CanvasFontHandler.js.map +0 -1
  225. package/dist/src/core/text-rendering/CanvasTextRenderer.d.ts +0 -6
  226. package/dist/src/core/text-rendering/CanvasTextRenderer.js +0 -139
  227. package/dist/src/core/text-rendering/CanvasTextRenderer.js.map +0 -1
  228. package/dist/src/core/text-rendering/SdfFontHandler.d.ts +0 -137
  229. package/dist/src/core/text-rendering/SdfFontHandler.js +0 -336
  230. package/dist/src/core/text-rendering/SdfFontHandler.js.map +0 -1
  231. package/dist/src/core/text-rendering/SdfTextRenderer.d.ts +0 -21
  232. package/dist/src/core/text-rendering/SdfTextRenderer.js +0 -324
  233. package/dist/src/core/text-rendering/SdfTextRenderer.js.map +0 -1
  234. package/dist/src/core/text-rendering/TextRenderer.d.ts +0 -425
  235. package/dist/src/core/text-rendering/TextRenderer.js +0 -70
  236. package/dist/src/core/text-rendering/TextRenderer.js.map +0 -1
  237. package/dist/src/core/text-rendering/Utils.d.ts +0 -71
  238. package/dist/src/core/text-rendering/Utils.js +0 -212
  239. package/dist/src/core/text-rendering/Utils.js.map +0 -1
  240. package/dist/src/core/text-rendering/canvas/Settings.d.ts +0 -53
  241. package/dist/src/core/text-rendering/canvas/Settings.js +0 -20
  242. package/dist/src/core/text-rendering/canvas/Settings.js.map +0 -1
  243. package/dist/src/core/text-rendering/canvas/Utils.d.ts +0 -19
  244. package/dist/src/core/text-rendering/canvas/Utils.js +0 -139
  245. package/dist/src/core/text-rendering/canvas/Utils.js.map +0 -1
  246. package/dist/src/core/text-rendering/canvas/calculateRenderInfo.d.ts +0 -37
  247. package/dist/src/core/text-rendering/canvas/calculateRenderInfo.js +0 -188
  248. package/dist/src/core/text-rendering/canvas/calculateRenderInfo.js.map +0 -1
  249. package/dist/src/core/text-rendering/canvas/draw.d.ts +0 -12
  250. package/dist/src/core/text-rendering/canvas/draw.js +0 -133
  251. package/dist/src/core/text-rendering/canvas/draw.js.map +0 -1
  252. package/dist/src/core/text-rendering/sdf/PeekableGenerator.d.ts +0 -12
  253. package/dist/src/core/text-rendering/sdf/PeekableGenerator.js +0 -61
  254. package/dist/src/core/text-rendering/sdf/PeekableGenerator.js.map +0 -1
  255. package/dist/src/core/text-rendering/sdf/SimpleFontShaper.d.ts +0 -45
  256. package/dist/src/core/text-rendering/sdf/SimpleFontShaper.js +0 -69
  257. package/dist/src/core/text-rendering/sdf/SimpleFontShaper.js.map +0 -1
@@ -1,104 +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
- export const DefaultBatched = {
18
- supportsIndexedTextures: true,
19
- // override bindTextures(texture: WebGlCoreCtxTexture[]) {
20
- // const { renderer, glw } = this;
21
- // if (
22
- // texture.length > renderer.system.parameters.MAX_VERTEX_TEXTURE_IMAGE_UNITS
23
- // ) {
24
- // throw new Error(
25
- // `DefaultShaderBatched: Cannot bind more than ${renderer.system.parameters.MAX_VERTEX_TEXTURE_IMAGE_UNITS} textures`,
26
- // );
27
- // }
28
- // texture.forEach((t, i) => {
29
- // glw.activeTexture(i);
30
- // glw.bindTexture(t.ctxTexture);
31
- // });
32
- // const samplers = Array.from(Array(texture.length).keys());
33
- // this.glw.uniform1iv('u_textures[0]', samplers);
34
- // }
35
- vertex: `
36
- # ifdef GL_FRAGMENT_PRECISION_HIGH
37
- precision highp float;
38
- # else
39
- precision mediump float;
40
- # endif
41
-
42
- attribute vec2 a_textureCoords;
43
- attribute vec2 a_position;
44
- attribute vec4 a_color;
45
- attribute float a_textureIndex;
46
- attribute float a_depth;
47
-
48
- uniform vec2 u_resolution;
49
- uniform float u_pixelRatio;
50
-
51
- varying vec4 v_color;
52
- varying vec2 v_textureCoords;
53
- varying float v_textureIndex;
54
-
55
- void main(){
56
- vec2 normalized = a_position * u_pixelRatio / u_resolution;
57
- vec2 zero_two = normalized * 2.0;
58
- vec2 clip_space = zero_two - 1.0;
59
-
60
- // pass to fragment
61
- v_color = a_color;
62
- v_textureCoords = a_textureCoords;
63
- v_textureIndex = a_textureIndex;
64
-
65
- // flip y
66
- gl_Position = vec4(clip_space * vec2(1.0, -1.0), 0, 1);
67
- }
68
- `,
69
- fragment(renderer) {
70
- const textureUnits = renderer.system.parameters.MAX_VERTEX_TEXTURE_IMAGE_UNITS;
71
- return `
72
- #define txUnits ${textureUnits}
73
- # ifdef GL_FRAGMENT_PRECISION_HIGH
74
- precision highp float;
75
- # else
76
- precision mediump float;
77
- # endif
78
-
79
- uniform vec2 u_resolution;
80
- uniform sampler2D u_image;
81
- uniform sampler2D u_textures[txUnits];
82
-
83
- varying vec4 v_color;
84
- varying vec2 v_textureCoords;
85
- varying float v_textureIndex;
86
-
87
- vec4 sampleFromTexture(sampler2D textures[${textureUnits}], int idx, vec2 uv) {
88
- ${Array.from(Array(textureUnits).keys())
89
- .map((idx) => `
90
- ${idx !== 0 ? 'else ' : ''}if (idx == ${idx}) {
91
- return texture2D(textures[${idx}], uv);
92
- }
93
- `)
94
- .join('')}
95
- return texture2D(textures[0], uv);
96
- }
97
-
98
- void main(){
99
- gl_FragColor = vec4(v_color) * sampleFromTexture(u_textures, int(v_textureIndex), v_textureCoords);
100
- }
101
- `;
102
- },
103
- };
104
- //# sourceMappingURL=DefaultBatched.js.map
@@ -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.width * 0.5, props.height * 0.5);
26
- this.uniform4fa('u_radius', calcFactoredRadiusArray(props.radius, props.width, props.height));
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,KAAK,GAAG,GAAG,EAAE,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC,CAAC;QAEhE,IAAI,CAAC,UAAU,CACb,UAAU,EACV,uBAAuB,CAAC,KAAK,CAAC,MAAc,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CACzE,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,76 +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
-
46
- uniform float u_alpha;
47
- uniform vec2 u_dimensions;
48
-
49
- uniform sampler2D u_texture;
50
-
51
- uniform float u_angle;
52
- uniform float u_stops[${props.stops.length}];
53
- uniform vec4 u_colors[${props.colors.length}];
54
-
55
- varying vec4 v_color;
56
- varying vec2 v_textureCoords;
57
-
58
- vec2 calcPoint(float d, float angle) {
59
- return d * vec2(cos(angle), sin(angle)) + (u_dimensions * 0.5);
60
- }
61
-
62
- void main() {
63
- vec4 color = texture2D(u_texture, v_textureCoords) * v_color;
64
- float a = u_angle;
65
- float lineDist = abs(u_dimensions.x * cos(a)) + abs(u_dimensions.y * sin(a));
66
- vec2 f = calcPoint(lineDist * 0.5, a);
67
- vec2 t = calcPoint(lineDist * 0.5, a + PI);
68
- vec2 gradVec = t - f;
69
- float dist = dot(v_textureCoords.xy * u_dimensions - f, gradVec) / dot(gradVec, gradVec);
70
- ${genGradientColors(props.stops.length)}
71
- gl_FragColor = mix(color, colorOut, clamp(colorOut.a, 0.0, 1.0));
72
- }
73
- `;
74
- },
75
- };
76
- //# 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;;;;;;;;;;;;;;;4BAeiB,KAAK,CAAC,KAAK,CAAC,MAAM;4BAClB,KAAK,CAAC,MAAM,CAAC,MAAM;;;;;;;;;;;;;;;;;QAiBvC,iBAAiB,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC;;;GAG1C,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,74 +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
- import { genGradientColors } from '../../renderers/webgl/internal/ShaderUtils.js';
20
- export const RadialGradient = {
21
- props: RadialGradientTemplate.props,
22
- update(node) {
23
- const props = this.props;
24
- this.uniform2f('u_projection', props.pivot[0] * node.width, props.pivot[1] * node.height);
25
- this.uniform2f('u_size', props.width * 0.5, props.height * 0.5);
26
- this.uniform1fv('u_stops', new Float32Array(props.stops));
27
- const colors = [];
28
- for (let i = 0; i < props.colors.length; i++) {
29
- const norm = getNormalizedRgbaComponents(props.colors[i]);
30
- colors.push(norm[0], norm[1], norm[2], norm[3]);
31
- }
32
- this.uniform4fv('u_colors', new Float32Array(colors));
33
- },
34
- getCacheMarkers(props) {
35
- return `colors:${props.colors.length}`;
36
- },
37
- fragment(renderer, props) {
38
- return `
39
- # ifdef GL_FRAGMENT_PRECISION_HIGH
40
- precision highp float;
41
- # else
42
- precision mediump float;
43
- # endif
44
-
45
- #define PI 3.14159265359
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
- uniform float u_stops[${props.stops.length}];
55
- uniform vec4 u_colors[${props.colors.length}];
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
- void main() {
65
- vec4 color = texture2D(u_texture, v_textureCoords) * v_color;
66
- vec2 point = v_textureCoords.xy * u_dimensions;
67
- float dist = length((point - u_projection) / u_size);
68
- ${genGradientColors(props.stops.length)}
69
- gl_FragColor = mix(color, colorOut, clamp(colorOut.a, 0.0, 1.0));
70
- }
71
- `;
72
- },
73
- };
74
- //# 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;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAIlF,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,KAAK,EAC3B,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAC7B,CAAC;QACF,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,GAAG,GAAG,EAAE,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC,CAAC;QAChE,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;;;;;;;;;;;;;;;;4BAgBiB,KAAK,CAAC,KAAK,CAAC,MAAM;4BAClB,KAAK,CAAC,MAAM,CAAC,MAAM;;;;;;;;;;;;;QAavC,iBAAiB,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC;;;GAG1C,CAAC;IACF,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,86 +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.width, node.height));
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 sampler2D u_texture;
56
-
57
- //custom uniforms
58
- uniform vec4 u_radius;
59
-
60
- varying vec4 v_color;
61
- varying vec2 v_textureCoords;
62
- varying vec2 v_nodeCoords;
63
-
64
- float roundedBox(vec2 p, vec2 s, vec4 r) {
65
- r.xy = (p.x > 0.0) ? r.yz : r.xw;
66
- r.x = (p.y > 0.0) ? r.y : r.x;
67
- vec2 q = abs(p) - s + r.x;
68
- return (min(max(q.x, q.y), 0.0) + length(max(q, 0.0))) - r.x;
69
- }
70
-
71
- void main() {
72
- vec4 color = texture2D(u_texture, v_textureCoords) * v_color;
73
- vec2 halfDimensions = (u_dimensions * 0.5);
74
-
75
- vec2 boxUv = v_nodeCoords.xy * u_dimensions - halfDimensions;
76
- float boxDist = roundedBox(boxUv, halfDimensions, u_radius);
77
-
78
- float roundedAlpha = 1.0 - smoothstep(0.0, 1.0, boxDist);
79
-
80
- vec4 resColor = vec4(0.0);
81
- resColor = mix(resColor, color, roundedAlpha);
82
- gl_FragColor = resColor * u_alpha;
83
- }
84
- `,
85
- };
86
- //# 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,CACrB,IAAI,CAAC,KAAM,CAAC,MAAc,EAC1B,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,MAAM,CACZ,CACF,CAAC;IACJ,CAAC;IACD,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BT;IACC,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCT;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,140 +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-width']);
24
- this.uniform4fa('u_radius', calcFactoredRadiusArray(this.props.radius, node.width, node.height));
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 outerAlpha = 1.0 - smoothstep(0.0, 1.0, outerDist);
122
-
123
- if(v_borderZero == 1.0) {
124
- gl_FragColor = mix(vec4(0.0), color, outerAlpha) * u_alpha;
125
- return;
126
- }
127
-
128
- boxUv.x += u_borderWidth.y > u_borderWidth.w ? (u_borderWidth.y - u_borderWidth.w) * 0.5 : -(u_borderWidth.w - u_borderWidth.y) * 0.5;
129
- 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;
130
-
131
- float innerDist = roundedBox(boxUv, v_innerSize, v_innerRadius);
132
- float innerAlpha = 1.0 - smoothstep(0.0, 1.0, innerDist);
133
-
134
- vec4 resColor = mix(u_borderColor, color, innerAlpha);
135
- resColor = mix(vec4(0.0), resColor, outerAlpha);
136
- gl_FragColor = resColor * u_alpha;
137
- }
138
- `,
139
- };
140
- //# 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,cAAc,CAAS,CAAC,CAAC;QAEtE,IAAI,CAAC,UAAU,CACb,UAAU,EACV,uBAAuB,CACrB,IAAI,CAAC,KAAM,CAAC,MAAc,EAC1B,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,MAAM,CACZ,CACF,CAAC;IACJ,CAAC;IACD,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsDP;IACD,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDT;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>;