@lightningjs/renderer 2.19.0 → 2.20.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/exports/utils.d.ts +2 -1
  2. package/dist/exports/utils.js +2 -1
  3. package/dist/exports/utils.js.map +1 -1
  4. package/dist/src/core/CoreNode.js +11 -11
  5. package/dist/src/core/CoreNode.js.map +1 -1
  6. package/dist/src/core/TextureMemoryManager.js +1 -1
  7. package/dist/src/core/TextureMemoryManager.js.map +1 -1
  8. package/dist/src/core/lib/WebGlContextWrapper.d.ts +14 -0
  9. package/dist/src/core/lib/WebGlContextWrapper.js +35 -0
  10. package/dist/src/core/lib/WebGlContextWrapper.js.map +1 -1
  11. package/dist/src/core/lib/textureCompression.d.ts +14 -2
  12. package/dist/src/core/lib/textureCompression.js +301 -65
  13. package/dist/src/core/lib/textureCompression.js.map +1 -1
  14. package/dist/src/core/renderers/CoreRenderer.d.ts +2 -2
  15. package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.d.ts +4 -0
  16. package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.js +14 -11
  17. package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.js.map +1 -1
  18. package/dist/src/core/renderers/webgl/WebGlCoreRenderOp.js +1 -1
  19. package/dist/src/core/renderers/webgl/WebGlCoreRenderer.js +49 -20
  20. package/dist/src/core/renderers/webgl/WebGlCoreRenderer.js.map +1 -1
  21. package/dist/src/core/renderers/webgl/WebGlCoreShader.d.ts +2 -7
  22. package/dist/src/core/renderers/webgl/WebGlCoreShader.js +18 -49
  23. package/dist/src/core/renderers/webgl/WebGlCoreShader.js.map +1 -1
  24. package/dist/src/core/renderers/webgl/internal/ShaderUtils.d.ts +0 -2
  25. package/dist/src/core/renderers/webgl/internal/ShaderUtils.js.map +1 -1
  26. package/dist/src/core/renderers/webgl/shaders/DefaultShader.js +3 -6
  27. package/dist/src/core/renderers/webgl/shaders/DefaultShader.js.map +1 -1
  28. package/dist/src/core/renderers/webgl/shaders/DefaultShaderBatched.js +0 -11
  29. package/dist/src/core/renderers/webgl/shaders/DefaultShaderBatched.js.map +1 -1
  30. package/dist/src/core/renderers/webgl/shaders/DynamicShader.js +5 -10
  31. package/dist/src/core/renderers/webgl/shaders/DynamicShader.js.map +1 -1
  32. package/dist/src/core/renderers/webgl/shaders/RoundedRectangle.js +5 -10
  33. package/dist/src/core/renderers/webgl/shaders/RoundedRectangle.js.map +1 -1
  34. package/dist/src/core/renderers/webgl/shaders/SdfShader.js +0 -12
  35. package/dist/src/core/renderers/webgl/shaders/SdfShader.js.map +1 -1
  36. package/dist/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.js +1 -1
  37. package/dist/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.js +1 -1
  38. package/dist/src/core/renderers/webgl/shaders/effects/BorderRightEffect.js +1 -1
  39. package/dist/src/core/renderers/webgl/shaders/effects/BorderTopEffect.js +1 -1
  40. package/dist/src/core/renderers/webgl/shaders/effects/FadeOutEffect.js +5 -5
  41. package/dist/src/core/renderers/webgl/shaders/effects/HolePunchEffect.js +1 -1
  42. package/dist/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.js +1 -1
  43. package/dist/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.js +1 -1
  44. package/dist/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.js +1 -1
  45. package/dist/src/core/renderers/webgl/shaders/effects/RadiusEffect.js +5 -5
  46. package/dist/src/core/textures/Texture.d.ts +12 -5
  47. package/dist/src/core/textures/Texture.js.map +1 -1
  48. package/dist/src/main-api/Inspector.js +10 -6
  49. package/dist/src/main-api/Inspector.js.map +1 -1
  50. package/dist/src/main-api/Renderer.js +1 -1
  51. package/dist/src/main-api/Renderer.js.map +1 -1
  52. package/dist/src/utils.d.ts +1 -6
  53. package/dist/src/utils.js +2 -9
  54. package/dist/src/utils.js.map +1 -1
  55. package/dist/tsconfig.dist.tsbuildinfo +1 -1
  56. package/exports/utils.ts +7 -1
  57. package/package.json +1 -1
  58. package/src/core/CoreNode.ts +12 -14
  59. package/src/core/TextureMemoryManager.ts +1 -1
  60. package/src/core/lib/WebGlContextWrapper.ts +49 -0
  61. package/src/core/lib/textureCompression.ts +416 -75
  62. package/src/core/renderers/CoreRenderer.ts +2 -2
  63. package/src/core/renderers/webgl/WebGlCoreCtxTexture.ts +16 -14
  64. package/src/core/renderers/webgl/WebGlCoreRenderOp.ts +1 -1
  65. package/src/core/renderers/webgl/WebGlCoreRenderer.ts +53 -32
  66. package/src/core/renderers/webgl/WebGlCoreShader.ts +27 -75
  67. package/src/core/renderers/webgl/internal/ShaderUtils.ts +0 -2
  68. package/src/core/renderers/webgl/shaders/DefaultShader.ts +3 -6
  69. package/src/core/renderers/webgl/shaders/DefaultShaderBatched.ts +0 -11
  70. package/src/core/renderers/webgl/shaders/DynamicShader.ts +5 -10
  71. package/src/core/renderers/webgl/shaders/RoundedRectangle.ts +5 -10
  72. package/src/core/renderers/webgl/shaders/SdfShader.ts +0 -12
  73. package/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.ts +1 -1
  74. package/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.ts +1 -1
  75. package/src/core/renderers/webgl/shaders/effects/BorderRightEffect.ts +1 -1
  76. package/src/core/renderers/webgl/shaders/effects/BorderTopEffect.ts +1 -1
  77. package/src/core/renderers/webgl/shaders/effects/FadeOutEffect.ts +5 -5
  78. package/src/core/renderers/webgl/shaders/effects/HolePunchEffect.ts +1 -1
  79. package/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.ts +1 -1
  80. package/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.ts +1 -1
  81. package/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.ts +1 -1
  82. package/src/core/renderers/webgl/shaders/effects/RadiusEffect.ts +5 -5
  83. package/src/core/textures/Texture.ts +13 -6
  84. package/src/main-api/Inspector.ts +10 -6
  85. package/src/main-api/Renderer.ts +1 -1
  86. package/src/utils.ts +4 -4
  87. package/dist/exports/canvas-shaders.d.ts +0 -10
  88. package/dist/exports/canvas-shaders.js +0 -27
  89. package/dist/exports/canvas-shaders.js.map +0 -1
  90. package/dist/exports/webgl-shaders.d.ts +0 -11
  91. package/dist/exports/webgl-shaders.js +0 -28
  92. package/dist/exports/webgl-shaders.js.map +0 -1
  93. package/dist/src/core/lib/colorCache.d.ts +0 -1
  94. package/dist/src/core/lib/colorCache.js +0 -19
  95. package/dist/src/core/lib/colorCache.js.map +0 -1
  96. package/dist/src/core/lib/colorParser.d.ts +0 -21
  97. package/dist/src/core/lib/colorParser.js +0 -72
  98. package/dist/src/core/lib/colorParser.js.map +0 -1
  99. package/dist/src/core/platforms/Platform.d.ts +0 -37
  100. package/dist/src/core/platforms/Platform.js +0 -22
  101. package/dist/src/core/platforms/Platform.js.map +0 -1
  102. package/dist/src/core/platforms/web/WebPlatform.d.ts +0 -9
  103. package/dist/src/core/platforms/web/WebPlatform.js +0 -84
  104. package/dist/src/core/platforms/web/WebPlatform.js.map +0 -1
  105. package/dist/src/core/renderers/CoreShaderNode.d.ts +0 -59
  106. package/dist/src/core/renderers/CoreShaderNode.js +0 -113
  107. package/dist/src/core/renderers/CoreShaderNode.js.map +0 -1
  108. package/dist/src/core/renderers/CoreShaderProgram.d.ts +0 -4
  109. package/dist/src/core/renderers/CoreShaderProgram.js +0 -20
  110. package/dist/src/core/renderers/CoreShaderProgram.js.map +0 -1
  111. package/dist/src/core/renderers/canvas/CanvasRenderer.d.ts +0 -35
  112. package/dist/src/core/renderers/canvas/CanvasRenderer.js +0 -201
  113. package/dist/src/core/renderers/canvas/CanvasRenderer.js.map +0 -1
  114. package/dist/src/core/renderers/canvas/CanvasShaderNode.d.ts +0 -21
  115. package/dist/src/core/renderers/canvas/CanvasShaderNode.js +0 -58
  116. package/dist/src/core/renderers/canvas/CanvasShaderNode.js.map +0 -1
  117. package/dist/src/core/renderers/canvas/CanvasTexture.d.ts +0 -16
  118. package/dist/src/core/renderers/canvas/CanvasTexture.js +0 -125
  119. package/dist/src/core/renderers/canvas/CanvasTexture.js.map +0 -1
  120. package/dist/src/core/renderers/webgl/WebGlCtxRenderTexture.d.ts +0 -12
  121. package/dist/src/core/renderers/webgl/WebGlCtxRenderTexture.js +0 -57
  122. package/dist/src/core/renderers/webgl/WebGlCtxRenderTexture.js.map +0 -1
  123. package/dist/src/core/renderers/webgl/WebGlCtxSubTexture.d.ts +0 -22
  124. package/dist/src/core/renderers/webgl/WebGlCtxSubTexture.js +0 -67
  125. package/dist/src/core/renderers/webgl/WebGlCtxSubTexture.js.map +0 -1
  126. package/dist/src/core/renderers/webgl/WebGlCtxTexture.d.ts +0 -56
  127. package/dist/src/core/renderers/webgl/WebGlCtxTexture.js +0 -236
  128. package/dist/src/core/renderers/webgl/WebGlCtxTexture.js.map +0 -1
  129. package/dist/src/core/renderers/webgl/WebGlRenderOp.d.ts +0 -44
  130. package/dist/src/core/renderers/webgl/WebGlRenderOp.js +0 -125
  131. package/dist/src/core/renderers/webgl/WebGlRenderOp.js.map +0 -1
  132. package/dist/src/core/renderers/webgl/WebGlRenderer.d.ts +0 -136
  133. package/dist/src/core/renderers/webgl/WebGlRenderer.js +0 -573
  134. package/dist/src/core/renderers/webgl/WebGlRenderer.js.map +0 -1
  135. package/dist/src/core/renderers/webgl/WebGlShaderNode.d.ts +0 -222
  136. package/dist/src/core/renderers/webgl/WebGlShaderNode.js +0 -331
  137. package/dist/src/core/renderers/webgl/WebGlShaderNode.js.map +0 -1
  138. package/dist/src/core/renderers/webgl/WebGlShaderProgram.d.ts +0 -37
  139. package/dist/src/core/renderers/webgl/WebGlShaderProgram.js +0 -218
  140. package/dist/src/core/renderers/webgl/WebGlShaderProgram.js.map +0 -1
  141. package/dist/src/core/shaders/canvas/Border.d.ts +0 -9
  142. package/dist/src/core/shaders/canvas/Border.js +0 -57
  143. package/dist/src/core/shaders/canvas/Border.js.map +0 -1
  144. package/dist/src/core/shaders/canvas/HolePunch.d.ts +0 -7
  145. package/dist/src/core/shaders/canvas/HolePunch.js +0 -38
  146. package/dist/src/core/shaders/canvas/HolePunch.js.map +0 -1
  147. package/dist/src/core/shaders/canvas/LinearGradient.d.ts +0 -10
  148. package/dist/src/core/shaders/canvas/LinearGradient.js +0 -48
  149. package/dist/src/core/shaders/canvas/LinearGradient.js.map +0 -1
  150. package/dist/src/core/shaders/canvas/RadialGradient.d.ts +0 -11
  151. package/dist/src/core/shaders/canvas/RadialGradient.js +0 -70
  152. package/dist/src/core/shaders/canvas/RadialGradient.js.map +0 -1
  153. package/dist/src/core/shaders/canvas/Rounded.d.ts +0 -7
  154. package/dist/src/core/shaders/canvas/Rounded.js +0 -33
  155. package/dist/src/core/shaders/canvas/Rounded.js.map +0 -1
  156. package/dist/src/core/shaders/canvas/RoundedWithBorder.d.ts +0 -7
  157. package/dist/src/core/shaders/canvas/RoundedWithBorder.js +0 -43
  158. package/dist/src/core/shaders/canvas/RoundedWithBorder.js.map +0 -1
  159. package/dist/src/core/shaders/canvas/RoundedWithBorderAndShadow.d.ts +0 -8
  160. package/dist/src/core/shaders/canvas/RoundedWithBorderAndShadow.js +0 -41
  161. package/dist/src/core/shaders/canvas/RoundedWithBorderAndShadow.js.map +0 -1
  162. package/dist/src/core/shaders/canvas/RoundedWithShadow.d.ts +0 -7
  163. package/dist/src/core/shaders/canvas/RoundedWithShadow.js +0 -40
  164. package/dist/src/core/shaders/canvas/RoundedWithShadow.js.map +0 -1
  165. package/dist/src/core/shaders/canvas/Shadow.d.ts +0 -8
  166. package/dist/src/core/shaders/canvas/Shadow.js +0 -31
  167. package/dist/src/core/shaders/canvas/Shadow.js.map +0 -1
  168. package/dist/src/core/shaders/canvas/utils/render.d.ts +0 -5
  169. package/dist/src/core/shaders/canvas/utils/render.js +0 -84
  170. package/dist/src/core/shaders/canvas/utils/render.js.map +0 -1
  171. package/dist/src/core/shaders/templates/BorderTemplate.d.ts +0 -37
  172. package/dist/src/core/shaders/templates/BorderTemplate.js +0 -73
  173. package/dist/src/core/shaders/templates/BorderTemplate.js.map +0 -1
  174. package/dist/src/core/shaders/templates/HolePunchTemplate.d.ts +0 -46
  175. package/dist/src/core/shaders/templates/HolePunchTemplate.js +0 -35
  176. package/dist/src/core/shaders/templates/HolePunchTemplate.js.map +0 -1
  177. package/dist/src/core/shaders/templates/LinearGradientTemplate.d.ts +0 -23
  178. package/dist/src/core/shaders/templates/LinearGradientTemplate.js +0 -47
  179. package/dist/src/core/shaders/templates/LinearGradientTemplate.js.map +0 -1
  180. package/dist/src/core/shaders/templates/RadialGradientTemplate.d.ts +0 -31
  181. package/dist/src/core/shaders/templates/RadialGradientTemplate.js +0 -49
  182. package/dist/src/core/shaders/templates/RadialGradientTemplate.js.map +0 -1
  183. package/dist/src/core/shaders/templates/RoundedTemplate.d.ts +0 -29
  184. package/dist/src/core/shaders/templates/RoundedTemplate.js +0 -67
  185. package/dist/src/core/shaders/templates/RoundedTemplate.js.map +0 -1
  186. package/dist/src/core/shaders/templates/RoundedWithBorderAndShadowTemplate.d.ts +0 -7
  187. package/dist/src/core/shaders/templates/RoundedWithBorderAndShadowTemplate.js +0 -24
  188. package/dist/src/core/shaders/templates/RoundedWithBorderAndShadowTemplate.js.map +0 -1
  189. package/dist/src/core/shaders/templates/RoundedWithBorderTemplate.d.ts +0 -6
  190. package/dist/src/core/shaders/templates/RoundedWithBorderTemplate.js +0 -23
  191. package/dist/src/core/shaders/templates/RoundedWithBorderTemplate.js.map +0 -1
  192. package/dist/src/core/shaders/templates/RoundedWithShadowTemplate.d.ts +0 -6
  193. package/dist/src/core/shaders/templates/RoundedWithShadowTemplate.js +0 -23
  194. package/dist/src/core/shaders/templates/RoundedWithShadowTemplate.js.map +0 -1
  195. package/dist/src/core/shaders/templates/ShadowTemplate.d.ts +0 -34
  196. package/dist/src/core/shaders/templates/ShadowTemplate.js +0 -66
  197. package/dist/src/core/shaders/templates/ShadowTemplate.js.map +0 -1
  198. package/dist/src/core/shaders/utils.d.ts +0 -5
  199. package/dist/src/core/shaders/utils.js +0 -41
  200. package/dist/src/core/shaders/utils.js.map +0 -1
  201. package/dist/src/core/shaders/webgl/Border.d.ts +0 -3
  202. package/dist/src/core/shaders/webgl/Border.js +0 -110
  203. package/dist/src/core/shaders/webgl/Border.js.map +0 -1
  204. package/dist/src/core/shaders/webgl/Default.d.ts +0 -2
  205. package/dist/src/core/shaders/webgl/Default.js +0 -86
  206. package/dist/src/core/shaders/webgl/Default.js.map +0 -1
  207. package/dist/src/core/shaders/webgl/DefaultBatched.d.ts +0 -2
  208. package/dist/src/core/shaders/webgl/DefaultBatched.js +0 -104
  209. package/dist/src/core/shaders/webgl/DefaultBatched.js.map +0 -1
  210. package/dist/src/core/shaders/webgl/HolePunch.d.ts +0 -3
  211. package/dist/src/core/shaders/webgl/HolePunch.js +0 -65
  212. package/dist/src/core/shaders/webgl/HolePunch.js.map +0 -1
  213. package/dist/src/core/shaders/webgl/LinearGradient.d.ts +0 -3
  214. package/dist/src/core/shaders/webgl/LinearGradient.js +0 -99
  215. package/dist/src/core/shaders/webgl/LinearGradient.js.map +0 -1
  216. package/dist/src/core/shaders/webgl/RadialGradient.d.ts +0 -3
  217. package/dist/src/core/shaders/webgl/RadialGradient.js +0 -96
  218. package/dist/src/core/shaders/webgl/RadialGradient.js.map +0 -1
  219. package/dist/src/core/shaders/webgl/Rounded.d.ts +0 -7
  220. package/dist/src/core/shaders/webgl/Rounded.js +0 -86
  221. package/dist/src/core/shaders/webgl/Rounded.js.map +0 -1
  222. package/dist/src/core/shaders/webgl/RoundedWithBorder.d.ts +0 -3
  223. package/dist/src/core/shaders/webgl/RoundedWithBorder.js +0 -140
  224. package/dist/src/core/shaders/webgl/RoundedWithBorder.js.map +0 -1
  225. package/dist/src/core/shaders/webgl/RoundedWithBorderAndShadow.d.ts +0 -3
  226. package/dist/src/core/shaders/webgl/RoundedWithBorderAndShadow.js +0 -162
  227. package/dist/src/core/shaders/webgl/RoundedWithBorderAndShadow.js.map +0 -1
  228. package/dist/src/core/shaders/webgl/RoundedWithShadow.d.ts +0 -3
  229. package/dist/src/core/shaders/webgl/RoundedWithShadow.js +0 -84
  230. package/dist/src/core/shaders/webgl/RoundedWithShadow.js.map +0 -1
  231. package/dist/src/core/shaders/webgl/SdfShader.d.ts +0 -30
  232. package/dist/src/core/shaders/webgl/SdfShader.js +0 -107
  233. package/dist/src/core/shaders/webgl/SdfShader.js.map +0 -1
  234. package/dist/src/core/shaders/webgl/Shadow.d.ts +0 -3
  235. package/dist/src/core/shaders/webgl/Shadow.js +0 -110
  236. package/dist/src/core/shaders/webgl/Shadow.js.map +0 -1
  237. package/dist/src/core/text-rendering/CanvasFontHandler.d.ts +0 -59
  238. package/dist/src/core/text-rendering/CanvasFontHandler.js +0 -221
  239. package/dist/src/core/text-rendering/CanvasFontHandler.js.map +0 -1
  240. package/dist/src/core/text-rendering/CanvasTextRenderer.d.ts +0 -17
  241. package/dist/src/core/text-rendering/CanvasTextRenderer.js +0 -157
  242. package/dist/src/core/text-rendering/CanvasTextRenderer.js.map +0 -1
  243. package/dist/src/core/text-rendering/SdfFontHandler.d.ts +0 -182
  244. package/dist/src/core/text-rendering/SdfFontHandler.js +0 -388
  245. package/dist/src/core/text-rendering/SdfFontHandler.js.map +0 -1
  246. package/dist/src/core/text-rendering/SdfTextRenderer.d.ts +0 -17
  247. package/dist/src/core/text-rendering/SdfTextRenderer.js +0 -311
  248. package/dist/src/core/text-rendering/SdfTextRenderer.js.map +0 -1
  249. package/dist/src/core/text-rendering/TextLayoutEngine.d.ts +0 -19
  250. package/dist/src/core/text-rendering/TextLayoutEngine.js +0 -324
  251. package/dist/src/core/text-rendering/TextLayoutEngine.js.map +0 -1
  252. package/dist/src/core/text-rendering/TextRenderer.d.ts +0 -368
  253. package/dist/src/core/text-rendering/TextRenderer.js +0 -20
  254. package/dist/src/core/text-rendering/TextRenderer.js.map +0 -1
  255. package/dist/src/core/text-rendering/Utils.d.ts +0 -30
  256. package/dist/src/core/text-rendering/Utils.js +0 -84
  257. package/dist/src/core/text-rendering/Utils.js.map +0 -1
@@ -1,162 +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 { RoundedWithBorderAndShadowTemplate, } from '../templates/RoundedWithBorderAndShadowTemplate.js';
19
- export const RoundedWithBorderAndShadow = {
20
- props: RoundedWithBorderAndShadowTemplate.props,
21
- update(node) {
22
- const props = this.props;
23
- this.uniformRGBA('u_borderColor', props['border-color']);
24
- this.uniform4fa('u_borderWidth', props['border-w']);
25
- this.uniformRGBA('u_shadowColor', props['shadow-color']);
26
- this.uniform4fa('u_shadow', props['shadow-projection']);
27
- this.uniform4fa('u_radius', calcFactoredRadiusArray(props.radius, node.w, node.h));
28
- },
29
- vertex: `
30
- # ifdef GL_FRAGMENT_PRECISION_HIGH
31
- precision highp float;
32
- # else
33
- precision mediump float;
34
- # endif
35
-
36
- attribute vec2 a_position;
37
- attribute vec2 a_textureCoords;
38
- attribute vec4 a_color;
39
- attribute vec2 a_nodeCoords;
40
-
41
- uniform vec2 u_resolution;
42
- uniform float u_pixelRatio;
43
- uniform float u_rtt;
44
- uniform vec2 u_dimensions;
45
-
46
- uniform vec4 u_shadow;
47
- uniform vec4 u_radius;
48
- uniform vec4 u_borderWidth;
49
-
50
- varying vec4 v_color;
51
- varying vec2 v_textureCoords;
52
- varying vec2 v_nodeCoords;
53
-
54
- varying vec4 v_innerRadius;
55
- varying vec2 v_innerSize;
56
- varying vec2 v_halfDimensions;
57
- varying float v_borderZero;
58
-
59
- void main() {
60
- vec2 screenSpace = vec2(2.0 / u_resolution.x, -2.0 / u_resolution.y);
61
- vec2 outerEdge = clamp(a_nodeCoords * 2.0 - vec2(1.0), -1.0, 1.0);
62
-
63
- vec2 shadowEdge = outerEdge * ((u_shadow.w * 2.0)+ u_shadow.z) + u_shadow.xy;
64
- vec2 normVertexPos = a_position * u_pixelRatio;
65
-
66
- vec2 vertexPos = (a_position + outerEdge + shadowEdge) * u_pixelRatio;
67
- gl_Position = vec4(vertexPos.x * screenSpace.x - 1.0, -sign(screenSpace.y) * (vertexPos.y * -abs(screenSpace.y)) + 1.0, 0.0, 1.0);
68
-
69
- v_halfDimensions = u_dimensions * 0.5;
70
-
71
- v_color = a_color;
72
- v_nodeCoords = a_nodeCoords + (screenSpace + shadowEdge) / (u_dimensions);
73
- v_textureCoords = a_textureCoords + (screenSpace + shadowEdge) / (u_dimensions);
74
-
75
- v_borderZero = u_borderWidth == vec4(0.0) ? 1.0 : 0.0;
76
-
77
-
78
- if(v_borderZero == 0.0) {
79
- v_innerRadius = vec4(
80
- max(0.0, u_radius.x - max(u_borderWidth.x, u_borderWidth.w) - 0.5),
81
- max(0.0, u_radius.y - max(u_borderWidth.x, u_borderWidth.y) - 0.5),
82
- max(0.0, u_radius.z - max(u_borderWidth.z, u_borderWidth.y) - 0.5),
83
- max(0.0, u_radius.w - max(u_borderWidth.z, u_borderWidth.w) - 0.5)
84
- );
85
-
86
- 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;
87
- }
88
- }
89
- `,
90
- fragment: `
91
- # ifdef GL_FRAGMENT_PRECISION_HIGH
92
- precision highp float;
93
- # else
94
- precision mediump float;
95
- # endif
96
-
97
- uniform vec2 u_resolution;
98
- uniform float u_pixelRatio;
99
- uniform float u_alpha;
100
- uniform vec2 u_dimensions;
101
- uniform sampler2D u_texture;
102
- uniform float u_rtt;
103
-
104
- uniform vec4 u_radius;
105
- uniform vec4 u_borderWidth;
106
- uniform vec4 u_borderColor;
107
- uniform vec4 u_shadowColor;
108
- uniform vec4 u_shadow;
109
-
110
- varying vec4 v_color;
111
- varying vec2 v_textureCoords;
112
- varying vec2 v_nodeCoords;
113
-
114
- varying vec2 v_halfDimensions;
115
- varying vec4 v_innerRadius;
116
- varying vec2 v_innerSize;
117
- varying float v_borderZero;
118
-
119
- float roundedBox(vec2 p, vec2 s, vec4 r) {
120
- r.xy = (p.x > 0.0) ? r.yz : r.xw;
121
- r.x = (p.y > 0.0) ? r.y : r.x;
122
- vec2 q = abs(p) - s + r.x;
123
- return (min(max(q.x, q.y), 0.0) + length(max(q, 0.0))) - r.x;
124
- }
125
-
126
- float shadowBox(vec2 p, vec2 s, vec4 r) {
127
- r.xy = (p.x > 0.0) ? r.yz : r.xw;
128
- r.x = (p.y > 0.0) ? r.y : r.x;
129
- vec2 q = abs(p) - s + r.x;
130
- float dist = min(max(q.x, q.y), 0.0) + length(max(q, 0.0)) - r.x;
131
- return 1.0 - smoothstep(-u_shadow.w, u_shadow.w + u_shadow.z, dist);
132
- }
133
-
134
- void main() {
135
- vec4 color = texture2D(u_texture, v_textureCoords) * v_color;
136
-
137
- vec2 boxUv = v_nodeCoords.xy * u_dimensions - v_halfDimensions;
138
- float outerDist = roundedBox(boxUv, v_halfDimensions - 1.0, u_radius);
139
-
140
- float outerAlpha = 1.0 - smoothstep(0.0, 1.0, outerDist);
141
-
142
- float shadowAlpha = shadowBox(boxUv - u_shadow.xy, v_halfDimensions + u_shadow.w, u_radius + u_shadow.z);
143
- vec4 shadow = mix(vec4(0.0), u_shadowColor, shadowAlpha);
144
-
145
- if(v_borderZero == 1.0) {
146
- gl_FragColor = mix(shadow, color, outerAlpha) * u_alpha;
147
- return;
148
- }
149
-
150
- boxUv.x += u_borderWidth.y > u_borderWidth.w ? (u_borderWidth.y - u_borderWidth.w) * 0.5 : -(u_borderWidth.w - u_borderWidth.y) * 0.5;
151
- 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;
152
-
153
- float innerDist = roundedBox(boxUv, v_innerSize, v_innerRadius);
154
- float innerAlpha = 1.0 - smoothstep(0.0, 1.0, innerDist);
155
-
156
- vec4 resColor = mix(u_borderColor, color, innerAlpha);
157
- resColor = mix(shadow, resColor, outerAlpha);
158
- gl_FragColor = resColor * u_alpha;
159
- }
160
- `,
161
- };
162
- //# sourceMappingURL=RoundedWithBorderAndShadow.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"RoundedWithBorderAndShadow.js","sourceRoot":"","sources":["../../../../../src/core/shaders/webgl/RoundedWithBorderAndShadow.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAG7D,OAAO,EACL,kCAAkC,GAEnC,MAAM,oDAAoD,CAAC;AAE5D,MAAM,CAAC,MAAM,0BAA0B,GACrC;IACE,KAAK,EAAE,kCAAkC,CAAC,KAAK;IAC/C,MAAM,CAAC,IAAc;QACnB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAM,CAAC;QAC1B,IAAI,CAAC,WAAW,CAAC,eAAe,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC;QACzD,IAAI,CAAC,UAAU,CAAC,eAAe,EAAE,KAAK,CAAC,UAAU,CAAS,CAAC,CAAC;QAE5D,IAAI,CAAC,WAAW,CAAC,eAAe,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC;QACzD,IAAI,CAAC,UAAU,CAAC,UAAU,EAAE,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC;QAExD,IAAI,CAAC,UAAU,CACb,UAAU,EACV,uBAAuB,CAAC,KAAK,CAAC,MAAc,EAAE,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAC9D,CAAC;IACJ,CAAC;IACD,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4DT;IACC,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsEX;CACA,CAAC"}
@@ -1,3 +0,0 @@
1
- import type { WebGlShaderType } from '../../renderers/webgl/WebGlShaderNode.js';
2
- import { type RoundedWithShadowProps } from '../templates/RoundedWithShadowTemplate.js';
3
- export declare const RoundedWithShadow: WebGlShaderType<RoundedWithShadowProps>;
@@ -1,84 +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 { RoundedWithShadowTemplate, } from '../templates/RoundedWithShadowTemplate.js';
19
- import { Shadow } from './Shadow.js';
20
- export const RoundedWithShadow = {
21
- props: RoundedWithShadowTemplate.props,
22
- update(node) {
23
- this.uniformRGBA('u_shadow_color', this.props['shadow-color']);
24
- this.uniform4fa('u_shadow', this.props['shadow-projection']);
25
- this.uniform4fa('u_radius', calcFactoredRadiusArray(this.props.radius, node.w, node.h));
26
- },
27
- vertex: Shadow.vertex,
28
- fragment: `
29
- # ifdef GL_FRAGMENT_PRECISION_HIGH
30
- precision highp float;
31
- # else
32
- precision mediump float;
33
- # endif
34
-
35
- uniform vec2 u_resolution;
36
- uniform float u_pixelRatio;
37
- uniform float u_alpha;
38
- uniform vec2 u_dimensions;
39
- uniform sampler2D u_texture;
40
-
41
- uniform vec4 u_shadow_color;
42
- uniform vec4 u_shadow;
43
- uniform vec4 u_radius;
44
-
45
- uniform int u_asymWidth;
46
-
47
- varying vec4 v_color;
48
- varying vec2 v_textureCoords;
49
- varying vec2 v_nodeCoords;
50
-
51
- float roundedBox(vec2 p, vec2 s, vec4 r) {
52
- r.xy = (p.x > 0.0) ? r.yz : r.xw;
53
- r.x = (p.y > 0.0) ? r.y : r.x;
54
- vec2 q = abs(p) - s + r.x;
55
- return (min(max(q.x, q.y), 0.0) + length(max(q, 0.0))) - r.x;
56
- }
57
-
58
- float shadowBox(vec2 p, vec2 s, vec4 r) {
59
- r.xy = (p.x > 0.0) ? r.yz : r.xw;
60
- r.x = (p.y > 0.0) ? r.y : r.x;
61
- vec2 q = abs(p) - s + r.x;
62
- float dist = min(max(q.x, q.y), 0.0) + length(max(q, 0.0)) - r.x;
63
- return 1.0 - smoothstep(-(u_shadow.w), (u_shadow.w + u_shadow.z), dist);
64
- }
65
-
66
- void main() {
67
- vec4 color = texture2D(u_texture, v_textureCoords) * v_color;
68
- vec2 halfDimensions = (u_dimensions * 0.5);
69
-
70
- vec2 boxUv = v_nodeCoords.xy * u_dimensions - halfDimensions;
71
- float boxDist = roundedBox(boxUv, halfDimensions, u_radius);
72
-
73
- float roundedAlpha = 1.0 - smoothstep(0.0, u_pixelRatio, boxDist);
74
-
75
- float shadowAlpha = shadowBox(boxUv - u_shadow.xy, halfDimensions + u_shadow.w, u_radius + u_shadow.z);
76
-
77
- vec4 resColor = vec4(0.0);
78
- resColor = mix(resColor, u_shadow_color, shadowAlpha);
79
- resColor = mix(resColor, color, min(color.a, roundedAlpha));
80
- gl_FragColor = resColor * u_alpha;
81
- }
82
- `,
83
- };
84
- //# sourceMappingURL=RoundedWithShadow.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"RoundedWithShadow.js","sourceRoot":"","sources":["../../../../../src/core/shaders/webgl/RoundedWithShadow.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAG7D,OAAO,EACL,yBAAyB,GAE1B,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,MAAM,CAAC,MAAM,iBAAiB,GAA4C;IACxE,KAAK,EAAE,yBAAyB,CAAC,KAAK;IACtC,MAAM,CAAC,IAAc;QACnB,IAAI,CAAC,WAAW,CAAC,gBAAgB,EAAE,IAAI,CAAC,KAAM,CAAC,cAAc,CAAE,CAAC,CAAC;QACjE,IAAI,CAAC,UAAU,CAAC,UAAU,EAAE,IAAI,CAAC,KAAM,CAAC,mBAAmB,CAAE,CAAC,CAAC;QAC/D,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,MAAM,CAAC,MAAgB;IAC/B,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsDT;CACF,CAAC"}
@@ -1,30 +0,0 @@
1
- import type { WebGlShaderType } from '../../renderers/webgl/WebGlShaderNode.js';
2
- /**
3
- * Properties of the {@link SdfShader}
4
- */
5
- export interface SdfShaderProps {
6
- transform: Float32Array;
7
- /**
8
- * Color in RGBA format
9
- *
10
- * @remarks
11
- * Color channels must NOT be premultiplied by alpha for best blending results.
12
- */
13
- color: number;
14
- size: number;
15
- distanceRange: number;
16
- }
17
- /**
18
- * SdfShader supports multi-channel and single-channel signed distance field textures.
19
- *
20
- * @remarks
21
- * This Shader is used by the {@link SdfTextRenderer}. Do not use thie Shader
22
- * directly. Instead create a Text Node and assign a SDF font family to it.
23
- *
24
- * @internalRemarks
25
- * The only thing this shader does to support multi-channel SDFs is to
26
- * add a median function to the fragment shader. If this one function call
27
- * ends up being a performance bottleneck we can always look at ways to
28
- * remove it.
29
- */
30
- export declare const Sdf: WebGlShaderType<SdfShaderProps>;
@@ -1,107 +0,0 @@
1
- /*
2
- * If not stated otherwise in this file or this component's LICENSE file the
3
- * following copyright and licenses apply:
4
- *
5
- * Copyright 2023 Comcast Cable Communications Management, LLC.
6
- *
7
- * Licensed under the Apache License, Version 2.0 (the License);
8
- * you may not use this file except in compliance with the License.
9
- * You may obtain a copy of the License at
10
- *
11
- * http://www.apache.org/licenses/LICENSE-2.0
12
- *
13
- * Unless required by applicable law or agreed to in writing, software
14
- * distributed under the License is distributed on an "AS IS" BASIS,
15
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16
- * See the License for the specific language governing permissions and
17
- * limitations under the License.
18
- */
19
- import { getNormalizedRgbaComponents } from '../../lib/utils.js';
20
- const IDENTITY_MATRIX_3x3 = new Float32Array([1, 0, 0, 0, 1, 0, 0, 0, 1]);
21
- /**
22
- * SdfShader supports multi-channel and single-channel signed distance field textures.
23
- *
24
- * @remarks
25
- * This Shader is used by the {@link SdfTextRenderer}. Do not use thie Shader
26
- * directly. Instead create a Text Node and assign a SDF font family to it.
27
- *
28
- * @internalRemarks
29
- * The only thing this shader does to support multi-channel SDFs is to
30
- * add a median function to the fragment shader. If this one function call
31
- * ends up being a performance bottleneck we can always look at ways to
32
- * remove it.
33
- */
34
- export const Sdf = {
35
- props: {
36
- transform: IDENTITY_MATRIX_3x3,
37
- color: 0xffffffff,
38
- size: 16,
39
- distanceRange: 1.0,
40
- },
41
- onSdfBind(props) {
42
- this.uniformMatrix3fv('u_transform', props.transform);
43
- this.uniform4fa('u_color', getNormalizedRgbaComponents(props.color));
44
- this.uniform1f('u_size', props.size);
45
- this.uniform1f('u_distanceRange', props.distanceRange);
46
- },
47
- vertex: `
48
- # ifdef GL_FRAGMENT_PRECISION_HIGH
49
- precision highp float;
50
- # else
51
- precision mediump float;
52
- # endif
53
- // an attribute is an input (in) to a vertex shader.
54
- // It will receive data from a buffer
55
- attribute vec2 a_position;
56
- attribute vec2 a_textureCoords;
57
-
58
- uniform vec2 u_resolution;
59
- uniform mat3 u_transform;
60
- uniform float u_pixelRatio;
61
- uniform float u_size;
62
-
63
- varying vec2 v_texcoord;
64
-
65
- void main() {
66
- vec2 scrolledPosition = a_position * u_size;
67
- vec2 transformedPosition = (u_transform * vec3(scrolledPosition, 1)).xy;
68
-
69
- // Calculate screen space with pixel ratio
70
- vec2 screenSpace = (transformedPosition * u_pixelRatio / u_resolution * 2.0 - 1.0) * vec2(1, -1);
71
-
72
- gl_Position = vec4(screenSpace, 0.0, 1.0);
73
- v_texcoord = a_textureCoords;
74
-
75
- }
76
- `,
77
- fragment: `
78
- # ifdef GL_FRAGMENT_PRECISION_HIGH
79
- precision highp float;
80
- # else
81
- precision mediump float;
82
- # endif
83
- uniform vec4 u_color;
84
- uniform sampler2D u_texture;
85
- uniform float u_distanceRange;
86
- uniform float u_pixelRatio;
87
- uniform int u_debug;
88
-
89
- varying vec2 v_texcoord;
90
-
91
- float median(float r, float g, float b) {
92
- return max(min(r, g), min(max(r, g), b));
93
- }
94
-
95
- void main() {
96
- vec3 sample = texture2D(u_texture, v_texcoord).rgb;
97
- float scaledDistRange = u_distanceRange * u_pixelRatio;
98
- float sigDist = scaledDistRange * (median(sample.r, sample.g, sample.b) - 0.5);
99
- float opacity = clamp(sigDist + 0.5, 0.0, 1.0) * u_color.a;
100
-
101
- // Build the final color.
102
- // IMPORTANT: We must premultiply the color by the alpha value before returning it.
103
- gl_FragColor = vec4(u_color.r * opacity, u_color.g * opacity, u_color.b * opacity, opacity);
104
- }
105
- `,
106
- };
107
- //# sourceMappingURL=SdfShader.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SdfShader.js","sourceRoot":"","sources":["../../../../../src/core/shaders/webgl/SdfShader.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAE,2BAA2B,EAAE,MAAM,oBAAoB,CAAC;AAGjE,MAAM,mBAAmB,GAAG,IAAI,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAgB1E;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,GAAG,GAAoC;IAClD,KAAK,EAAE;QACL,SAAS,EAAE,mBAAmB;QAC9B,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,EAAE;QACR,aAAa,EAAE,GAAG;KACnB;IACD,SAAS,CAAC,KAAK;QACb,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;QACtD,IAAI,CAAC,UAAU,CAAC,SAAS,EAAE,2BAA2B,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;QACrE,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;QACrC,IAAI,CAAC,SAAS,CAAC,iBAAiB,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IACzD,CAAC;IACD,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BP;IACD,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BT;CACF,CAAC"}
@@ -1,3 +0,0 @@
1
- import type { WebGlShaderType } from '../../renderers/webgl/WebGlShaderNode.js';
2
- import { type ShadowProps } from '../templates/ShadowTemplate.js';
3
- export declare const Shadow: WebGlShaderType<ShadowProps>;
@@ -1,110 +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 { ShadowTemplate, } from '../templates/ShadowTemplate.js';
18
- export const Shadow = {
19
- props: ShadowTemplate.props,
20
- update() {
21
- this.uniformRGBA('u_color', this.props.color);
22
- this.uniform4fa('u_shadow', this.props.projection);
23
- },
24
- vertex: `
25
- # ifdef GL_FRAGMENT_PRECISION_HIGH
26
- precision highp float;
27
- # else
28
- precision mediump float;
29
- # endif
30
-
31
- attribute vec2 a_position;
32
- attribute vec2 a_textureCoords;
33
- attribute vec4 a_color;
34
- attribute vec2 a_nodeCoords;
35
-
36
- uniform vec2 u_resolution;
37
- uniform float u_pixelRatio;
38
- uniform float u_rtt;
39
- uniform vec2 u_dimensions;
40
-
41
- uniform vec4 u_shadow;
42
-
43
- varying vec4 v_color;
44
- varying vec2 v_textureCoords;
45
- varying vec2 v_nodeCoords;
46
-
47
- void main() {
48
- vec2 screenSpace = vec2(2.0 / u_resolution.x, -2.0 / u_resolution.y);
49
- vec2 outerEdge = clamp(a_nodeCoords * 2.0 - vec2(1.0), -1.0, 1.0);
50
-
51
- vec2 shadowEdge = outerEdge * ((u_shadow.w * 2.0)+ u_shadow.z) + u_shadow.xy;
52
- vec2 normVertexPos = a_position * u_pixelRatio;
53
-
54
- vec2 vertexPos = (a_position + outerEdge + shadowEdge) * u_pixelRatio;
55
- gl_Position = vec4(vertexPos.x * screenSpace.x - 1.0, -sign(screenSpace.y) * (vertexPos.y * -abs(screenSpace.y)) + 1.0, 0.0, 1.0);
56
-
57
- v_color = a_color;
58
- v_nodeCoords = a_nodeCoords + (screenSpace + shadowEdge) / (u_dimensions);
59
- v_textureCoords = a_textureCoords + (screenSpace + shadowEdge) / (u_dimensions);
60
- }
61
- `,
62
- fragment: `
63
- # ifdef GL_FRAGMENT_PRECISION_HIGH
64
- precision highp float;
65
- # else
66
- precision mediump float;
67
- # endif
68
-
69
- uniform vec2 u_resolution;
70
- uniform float u_pixelRatio;
71
- uniform float u_alpha;
72
- uniform vec2 u_dimensions;
73
- uniform sampler2D u_texture;
74
-
75
- uniform vec4 u_color;
76
- uniform vec4 u_shadow;
77
-
78
- varying vec4 v_color;
79
- varying vec2 v_textureCoords;
80
- varying vec2 v_nodeCoords;
81
-
82
- float box(vec2 p, vec2 s) {
83
- vec2 q = abs(p) - s;
84
- return (min(max(q.x, q.y), 0.0) + length(max(q, 0.0))) + 2.0;
85
- }
86
-
87
- float shadowBox(vec2 p, vec2 s, float r) {
88
- vec2 q = abs(p) - s + r;
89
- float dist = min(max(q.x, q.y), 0.0) + length(max(q, 0.0)) - r;
90
- return 1.0 - smoothstep(-u_shadow.w, u_shadow.w + u_shadow.z, dist);
91
- }
92
-
93
- void main() {
94
- vec4 color = texture2D(u_texture, v_textureCoords) * v_color;
95
- vec2 halfDimensions = (u_dimensions * 0.5);
96
-
97
- vec2 boxUv = v_nodeCoords.xy * u_dimensions - halfDimensions;
98
- float boxDist = box(boxUv, halfDimensions);
99
-
100
- float boxAlpha = 1.0 - smoothstep(0.0, u_pixelRatio, boxDist);
101
- float shadowDist = shadowBox(boxUv - u_shadow.xy, halfDimensions + u_shadow.w, u_shadow.z);
102
-
103
- vec4 resColor = vec4(0.0);
104
- resColor = mix(resColor, u_color, shadowDist);
105
- resColor = mix(resColor, color, min(color.a, boxAlpha));
106
- gl_FragColor = resColor * u_alpha;
107
- }
108
- `,
109
- };
110
- //# sourceMappingURL=Shadow.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Shadow.js","sourceRoot":"","sources":["../../../../../src/core/shaders/webgl/Shadow.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,EACL,cAAc,GAEf,MAAM,gCAAgC,CAAC;AAExC,MAAM,CAAC,MAAM,MAAM,GAAiC;IAClD,KAAK,EAAE,cAAc,CAAC,KAAK;IAC3B,MAAM;QACJ,IAAI,CAAC,WAAW,CAAC,SAAS,EAAE,IAAI,CAAC,KAAM,CAAC,KAAK,CAAC,CAAC;QAC/C,IAAI,CAAC,UAAU,CAAC,UAAU,EAAE,IAAI,CAAC,KAAM,CAAC,UAAU,CAAC,CAAC;IACtD,CAAC;IACD,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCP;IACD,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CT;CACF,CAAC"}
@@ -1,59 +0,0 @@
1
- import type { FontFamilyMap, FontLoadOptions, FontMetrics, NormalizedFontMetrics } from './TextRenderer.js';
2
- import type { Stage } from '../Stage.js';
3
- import type { CoreTextNode } from '../CoreTextNode.js';
4
- /**
5
- * Check if a font can be rendered
6
- */
7
- export declare const canRenderFont: () => boolean;
8
- /**
9
- * Load a font by providing fontFamily, fontUrl, and optional metrics
10
- */
11
- export declare const loadFont: (stage: Stage, options: FontLoadOptions) => Promise<void>;
12
- /**
13
- * Get the font families map for resolving fonts
14
- */
15
- export declare const getFontFamilies: () => FontFamilyMap;
16
- /**
17
- * Initialize the global font handler
18
- */
19
- export declare const init: (c: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D, mc: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D) => void;
20
- export declare const type = "canvas";
21
- /**
22
- * Check if a font is already loaded by font family
23
- */
24
- export declare const isFontLoaded: (fontFamily: string) => boolean;
25
- /**
26
- * Wait for a font to load
27
- *
28
- * @param fontFamily
29
- * @param node
30
- */
31
- export declare const waitingForFont: (fontFamily: string, node: CoreTextNode) => void;
32
- /**
33
- * Stop waiting for a font to load
34
- *
35
- * @param fontFamily
36
- * @param node
37
- * @returns
38
- */
39
- export declare const stopWaitingForFont: (fontFamily: string, node: CoreTextNode) => void;
40
- export declare const getFontMetrics: (fontFamily: string, fontSize: number) => NormalizedFontMetrics;
41
- export declare const processFontMetrics: (fontFamily: string, fontSize: number, metrics: FontMetrics) => NormalizedFontMetrics;
42
- export declare const measureText: (text: string, fontFamily: string, letterSpacing: number) => number;
43
- /**
44
- * Get the font metrics for a font face.
45
- *
46
- * @remarks
47
- * This function will attempt to grab the explicitly defined metrics from the
48
- * font face first. If the font face does not have metrics defined, it will
49
- * attempt to calculate the metrics using the browser's measureText method.
50
- *
51
- * If the browser does not support the font metrics API, it will use some
52
- * default values.
53
- *
54
- * @param context
55
- * @param fontFace
56
- * @param fontSize
57
- * @returns
58
- */
59
- export declare function calculateFontMetrics(fontFamily: string, fontSize: number): FontMetrics;