@lightningjs/renderer 3.0.0-beta15 → 3.0.0-beta17

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 (245) hide show
  1. package/dist/src/common/CommonTypes.d.ts +11 -0
  2. package/dist/src/core/CoreNode.js +8 -0
  3. package/dist/src/core/CoreNode.js.map +1 -1
  4. package/dist/src/core/CoreTextNode.d.ts +14 -0
  5. package/dist/src/core/CoreTextNode.js +90 -5
  6. package/dist/src/core/CoreTextNode.js.map +1 -1
  7. package/dist/src/core/Stage.js +2 -1
  8. package/dist/src/core/Stage.js.map +1 -1
  9. package/dist/src/core/animations/Animation.d.ts +16 -0
  10. package/dist/src/core/animations/Animation.js +111 -0
  11. package/dist/src/core/animations/Animation.js.map +1 -0
  12. package/dist/src/core/animations/CoreAnimation.d.ts +0 -1
  13. package/dist/src/core/animations/CoreAnimation.js +0 -1
  14. package/dist/src/core/animations/CoreAnimation.js.map +1 -1
  15. package/dist/src/core/animations/CoreTransition.d.ts +24 -0
  16. package/dist/src/core/animations/CoreTransition.js +63 -0
  17. package/dist/src/core/animations/CoreTransition.js.map +1 -0
  18. package/dist/src/core/animations/Playback.d.ts +62 -0
  19. package/dist/src/core/animations/Playback.js +155 -0
  20. package/dist/src/core/animations/Playback.js.map +1 -0
  21. package/dist/src/core/animations/Transition.d.ts +25 -0
  22. package/dist/src/core/animations/Transition.js +63 -0
  23. package/dist/src/core/animations/Transition.js.map +1 -0
  24. package/dist/src/core/animations/utils.d.ts +2 -0
  25. package/dist/src/core/animations/utils.js +137 -0
  26. package/dist/src/core/animations/utils.js.map +1 -0
  27. package/dist/src/core/lib/collectionUtils.d.ts +5 -0
  28. package/dist/src/core/lib/collectionUtils.js +100 -0
  29. package/dist/src/core/lib/collectionUtils.js.map +1 -0
  30. package/dist/src/core/platforms/Platform.d.ts +5 -0
  31. package/dist/src/core/platforms/Platform.js.map +1 -1
  32. package/dist/src/core/platforms/web/WebPlatform.d.ts +1 -0
  33. package/dist/src/core/platforms/web/WebPlatform.js +3 -0
  34. package/dist/src/core/platforms/web/WebPlatform.js.map +1 -1
  35. package/dist/src/core/text-rendering/CanvasFontHandler.js +4 -1
  36. package/dist/src/core/text-rendering/CanvasFontHandler.js.map +1 -1
  37. package/dist/src/core/text-rendering/CanvasTextRenderer.js +7 -7
  38. package/dist/src/core/text-rendering/CanvasTextRenderer.js.map +1 -1
  39. package/dist/src/core/text-rendering/SdfFontHandler.js +3 -0
  40. package/dist/src/core/text-rendering/SdfFontHandler.js.map +1 -1
  41. package/dist/src/core/text-rendering/SdfTextRenderer.js +5 -5
  42. package/dist/src/core/text-rendering/SdfTextRenderer.js.map +1 -1
  43. package/dist/src/core/text-rendering/TextLayoutEngine.d.ts +12 -13
  44. package/dist/src/core/text-rendering/TextLayoutEngine.js +242 -186
  45. package/dist/src/core/text-rendering/TextLayoutEngine.js.map +1 -1
  46. package/dist/src/core/text-rendering/TextRenderer.d.ts +22 -7
  47. package/dist/src/core/utils.d.ts +1 -1
  48. package/dist/src/main-api/Inspector.js +9 -5
  49. package/dist/src/main-api/Inspector.js.map +1 -1
  50. package/dist/src/main-api/Renderer.js +3 -2
  51. package/dist/src/main-api/Renderer.js.map +1 -1
  52. package/dist/tsconfig.dist.tsbuildinfo +1 -1
  53. package/package.json +1 -1
  54. package/src/common/CommonTypes.ts +16 -0
  55. package/src/core/CoreNode.test.ts +50 -1
  56. package/src/core/CoreNode.ts +11 -0
  57. package/src/core/CoreTextNode.ts +112 -5
  58. package/src/core/Stage.ts +2 -1
  59. package/src/core/animations/CoreAnimation.ts +0 -2
  60. package/src/core/platforms/Platform.ts +6 -0
  61. package/src/core/platforms/web/WebPlatform.ts +11 -0
  62. package/src/core/text-rendering/CanvasFontHandler.ts +4 -7
  63. package/src/core/text-rendering/CanvasTextRenderer.ts +6 -8
  64. package/src/core/text-rendering/SdfFontHandler.ts +3 -0
  65. package/src/core/text-rendering/SdfTextRenderer.ts +4 -5
  66. package/src/core/text-rendering/TextLayoutEngine.ts +396 -226
  67. package/src/core/text-rendering/TextRenderer.ts +22 -7
  68. package/src/core/text-rendering/tests/{SdfTests.test.ts → TextLayoutEngine.test.ts} +103 -64
  69. package/src/main-api/Inspector.ts +9 -5
  70. package/src/main-api/Renderer.ts +3 -2
  71. package/dist/src/core/TextureError.d.ts +0 -11
  72. package/dist/src/core/TextureError.js +0 -37
  73. package/dist/src/core/TextureError.js.map +0 -1
  74. package/dist/src/core/platform.d.ts +0 -10
  75. package/dist/src/core/platform.js +0 -81
  76. package/dist/src/core/platform.js.map +0 -1
  77. package/dist/src/core/renderers/CoreShader.d.ts +0 -9
  78. package/dist/src/core/renderers/CoreShader.js +0 -28
  79. package/dist/src/core/renderers/CoreShader.js.map +0 -1
  80. package/dist/src/core/renderers/canvas/CanvasCoreRenderer.d.ts +0 -33
  81. package/dist/src/core/renderers/canvas/CanvasCoreRenderer.js +0 -250
  82. package/dist/src/core/renderers/canvas/CanvasCoreRenderer.js.map +0 -1
  83. package/dist/src/core/renderers/canvas/CanvasCoreTexture.d.ts +0 -17
  84. package/dist/src/core/renderers/canvas/CanvasCoreTexture.js +0 -125
  85. package/dist/src/core/renderers/canvas/CanvasCoreTexture.js.map +0 -1
  86. package/dist/src/core/renderers/canvas/internal/C2DShaderUtils.d.ts +0 -14
  87. package/dist/src/core/renderers/canvas/internal/C2DShaderUtils.js +0 -138
  88. package/dist/src/core/renderers/canvas/internal/C2DShaderUtils.js.map +0 -1
  89. package/dist/src/core/renderers/canvas/internal/ColorUtils.d.ts +0 -19
  90. package/dist/src/core/renderers/canvas/internal/ColorUtils.js +0 -58
  91. package/dist/src/core/renderers/canvas/internal/ColorUtils.js.map +0 -1
  92. package/dist/src/core/renderers/canvas/shaders/UnsupportedShader.d.ts +0 -10
  93. package/dist/src/core/renderers/canvas/shaders/UnsupportedShader.js +0 -43
  94. package/dist/src/core/renderers/canvas/shaders/UnsupportedShader.js.map +0 -1
  95. package/dist/src/core/renderers/webgl/WebGlCoreCtxRenderTexture.d.ts +0 -12
  96. package/dist/src/core/renderers/webgl/WebGlCoreCtxRenderTexture.js +0 -58
  97. package/dist/src/core/renderers/webgl/WebGlCoreCtxRenderTexture.js.map +0 -1
  98. package/dist/src/core/renderers/webgl/WebGlCoreCtxSubTexture.d.ts +0 -9
  99. package/dist/src/core/renderers/webgl/WebGlCoreCtxSubTexture.js +0 -38
  100. package/dist/src/core/renderers/webgl/WebGlCoreCtxSubTexture.js.map +0 -1
  101. package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.d.ts +0 -65
  102. package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.js +0 -269
  103. package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.js.map +0 -1
  104. package/dist/src/core/renderers/webgl/WebGlCoreRenderOp.d.ts +0 -34
  105. package/dist/src/core/renderers/webgl/WebGlCoreRenderOp.js +0 -114
  106. package/dist/src/core/renderers/webgl/WebGlCoreRenderOp.js.map +0 -1
  107. package/dist/src/core/renderers/webgl/WebGlCoreRenderer.d.ts +0 -133
  108. package/dist/src/core/renderers/webgl/WebGlCoreRenderer.js +0 -616
  109. package/dist/src/core/renderers/webgl/WebGlCoreRenderer.js.map +0 -1
  110. package/dist/src/core/renderers/webgl/WebGlCoreShader.d.ts +0 -83
  111. package/dist/src/core/renderers/webgl/WebGlCoreShader.js +0 -233
  112. package/dist/src/core/renderers/webgl/WebGlCoreShader.js.map +0 -1
  113. package/dist/src/core/renderers/webgl/shaders/DefaultShader.d.ts +0 -9
  114. package/dist/src/core/renderers/webgl/shaders/DefaultShader.js +0 -87
  115. package/dist/src/core/renderers/webgl/shaders/DefaultShader.js.map +0 -1
  116. package/dist/src/core/renderers/webgl/shaders/DefaultShaderBatched.d.ts +0 -10
  117. package/dist/src/core/renderers/webgl/shaders/DefaultShaderBatched.js +0 -119
  118. package/dist/src/core/renderers/webgl/shaders/DefaultShaderBatched.js.map +0 -1
  119. package/dist/src/core/renderers/webgl/shaders/DynamicShader.d.ts +0 -29
  120. package/dist/src/core/renderers/webgl/shaders/DynamicShader.js +0 -413
  121. package/dist/src/core/renderers/webgl/shaders/DynamicShader.js.map +0 -1
  122. package/dist/src/core/renderers/webgl/shaders/RoundedRectangle.d.ts +0 -28
  123. package/dist/src/core/renderers/webgl/shaders/RoundedRectangle.js +0 -131
  124. package/dist/src/core/renderers/webgl/shaders/RoundedRectangle.js.map +0 -1
  125. package/dist/src/core/renderers/webgl/shaders/SdfShader.d.ts +0 -47
  126. package/dist/src/core/renderers/webgl/shaders/SdfShader.js +0 -160
  127. package/dist/src/core/renderers/webgl/shaders/SdfShader.js.map +0 -1
  128. package/dist/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.d.ts +0 -31
  129. package/dist/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.js +0 -71
  130. package/dist/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.js.map +0 -1
  131. package/dist/src/core/renderers/webgl/shaders/effects/BorderEffect.d.ts +0 -30
  132. package/dist/src/core/renderers/webgl/shaders/effects/BorderEffect.js +0 -58
  133. package/dist/src/core/renderers/webgl/shaders/effects/BorderEffect.js.map +0 -1
  134. package/dist/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.d.ts +0 -31
  135. package/dist/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.js +0 -71
  136. package/dist/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.js.map +0 -1
  137. package/dist/src/core/renderers/webgl/shaders/effects/BorderRightEffect.d.ts +0 -31
  138. package/dist/src/core/renderers/webgl/shaders/effects/BorderRightEffect.js +0 -71
  139. package/dist/src/core/renderers/webgl/shaders/effects/BorderRightEffect.js.map +0 -1
  140. package/dist/src/core/renderers/webgl/shaders/effects/BorderTopEffect.d.ts +0 -31
  141. package/dist/src/core/renderers/webgl/shaders/effects/BorderTopEffect.js +0 -71
  142. package/dist/src/core/renderers/webgl/shaders/effects/BorderTopEffect.js.map +0 -1
  143. package/dist/src/core/renderers/webgl/shaders/effects/EffectUtils.d.ts +0 -9
  144. package/dist/src/core/renderers/webgl/shaders/effects/EffectUtils.js +0 -136
  145. package/dist/src/core/renderers/webgl/shaders/effects/EffectUtils.js.map +0 -1
  146. package/dist/src/core/renderers/webgl/shaders/effects/FadeOutEffect.d.ts +0 -36
  147. package/dist/src/core/renderers/webgl/shaders/effects/FadeOutEffect.js +0 -85
  148. package/dist/src/core/renderers/webgl/shaders/effects/FadeOutEffect.js.map +0 -1
  149. package/dist/src/core/renderers/webgl/shaders/effects/GlitchEffect.d.ts +0 -45
  150. package/dist/src/core/renderers/webgl/shaders/effects/GlitchEffect.js +0 -104
  151. package/dist/src/core/renderers/webgl/shaders/effects/GlitchEffect.js.map +0 -1
  152. package/dist/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.d.ts +0 -22
  153. package/dist/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.js +0 -45
  154. package/dist/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.js.map +0 -1
  155. package/dist/src/core/renderers/webgl/shaders/effects/HolePunchEffect.d.ts +0 -58
  156. package/dist/src/core/renderers/webgl/shaders/effects/HolePunchEffect.js +0 -80
  157. package/dist/src/core/renderers/webgl/shaders/effects/HolePunchEffect.js.map +0 -1
  158. package/dist/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.d.ts +0 -35
  159. package/dist/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.js +0 -129
  160. package/dist/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.js.map +0 -1
  161. package/dist/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.d.ts +0 -39
  162. package/dist/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.js +0 -116
  163. package/dist/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.js.map +0 -1
  164. package/dist/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.d.ts +0 -61
  165. package/dist/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.js +0 -127
  166. package/dist/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.js.map +0 -1
  167. package/dist/src/core/renderers/webgl/shaders/effects/RadiusEffect.d.ts +0 -40
  168. package/dist/src/core/renderers/webgl/shaders/effects/RadiusEffect.js +0 -71
  169. package/dist/src/core/renderers/webgl/shaders/effects/RadiusEffect.js.map +0 -1
  170. package/dist/src/core/renderers/webgl/shaders/effects/ShaderEffect.d.ts +0 -115
  171. package/dist/src/core/renderers/webgl/shaders/effects/ShaderEffect.js +0 -61
  172. package/dist/src/core/renderers/webgl/shaders/effects/ShaderEffect.js.map +0 -1
  173. package/dist/src/core/text-rendering/TextRenderingUtils.d.ts +0 -12
  174. package/dist/src/core/text-rendering/TextRenderingUtils.js +0 -14
  175. package/dist/src/core/text-rendering/TextRenderingUtils.js.map +0 -1
  176. package/dist/src/core/text-rendering/TextTextureRendererUtils.d.ts +0 -72
  177. package/dist/src/core/text-rendering/TextTextureRendererUtils.js +0 -217
  178. package/dist/src/core/text-rendering/TextTextureRendererUtils.js.map +0 -1
  179. package/dist/src/core/text-rendering/TrFontManager.d.ts +0 -26
  180. package/dist/src/core/text-rendering/TrFontManager.js +0 -131
  181. package/dist/src/core/text-rendering/TrFontManager.js.map +0 -1
  182. package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.d.ts +0 -39
  183. package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.js +0 -125
  184. package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.js.map +0 -1
  185. package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/FontShaper.d.ts +0 -103
  186. package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/FontShaper.js +0 -21
  187. package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/FontShaper.js.map +0 -1
  188. package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.d.ts +0 -62
  189. package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.js +0 -88
  190. package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.js.map +0 -1
  191. package/dist/src/core/text-rendering/font-face-types/TrFontFace.d.ts +0 -118
  192. package/dist/src/core/text-rendering/font-face-types/TrFontFace.js +0 -63
  193. package/dist/src/core/text-rendering/font-face-types/TrFontFace.js.map +0 -1
  194. package/dist/src/core/text-rendering/font-face-types/WebTrFontFace.d.ts +0 -14
  195. package/dist/src/core/text-rendering/font-face-types/WebTrFontFace.js +0 -66
  196. package/dist/src/core/text-rendering/font-face-types/WebTrFontFace.js.map +0 -1
  197. package/dist/src/core/text-rendering/font-face-types/utils.d.ts +0 -1
  198. package/dist/src/core/text-rendering/font-face-types/utils.js +0 -38
  199. package/dist/src/core/text-rendering/font-face-types/utils.js.map +0 -1
  200. package/dist/src/core/text-rendering/renderers/CanvasTextRenderer.d.ts +0 -59
  201. package/dist/src/core/text-rendering/renderers/CanvasTextRenderer.js +0 -397
  202. package/dist/src/core/text-rendering/renderers/CanvasTextRenderer.js.map +0 -1
  203. package/dist/src/core/text-rendering/renderers/LightningTextTextureRenderer.d.ts +0 -120
  204. package/dist/src/core/text-rendering/renderers/LightningTextTextureRenderer.js +0 -551
  205. package/dist/src/core/text-rendering/renderers/LightningTextTextureRenderer.js.map +0 -1
  206. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.d.ts +0 -92
  207. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.js +0 -607
  208. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.js.map +0 -1
  209. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/PeekableGenerator.d.ts +0 -12
  210. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/PeekableGenerator.js +0 -61
  211. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/PeekableGenerator.js.map +0 -1
  212. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/SpecialCodepoints.d.ts +0 -33
  213. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/SpecialCodepoints.js +0 -52
  214. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/SpecialCodepoints.js.map +0 -1
  215. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/constants.d.ts +0 -13
  216. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/constants.js +0 -32
  217. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/constants.js.map +0 -1
  218. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/getStartConditions.d.ts +0 -23
  219. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/getStartConditions.js +0 -84
  220. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/getStartConditions.js.map +0 -1
  221. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/getUnicodeCodepoints.d.ts +0 -4
  222. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/getUnicodeCodepoints.js +0 -34
  223. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/getUnicodeCodepoints.js.map +0 -1
  224. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.d.ts +0 -20
  225. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.js +0 -308
  226. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.js.map +0 -1
  227. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/measureText.d.ts +0 -10
  228. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/measureText.js +0 -40
  229. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/measureText.js.map +0 -1
  230. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/setRenderWindow.d.ts +0 -26
  231. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/setRenderWindow.js +0 -70
  232. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/setRenderWindow.js.map +0 -1
  233. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/util.d.ts +0 -16
  234. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/util.js +0 -39
  235. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/util.js.map +0 -1
  236. package/dist/src/core/text-rendering/renderers/TextRenderer.d.ts +0 -373
  237. package/dist/src/core/text-rendering/renderers/TextRenderer.js +0 -178
  238. package/dist/src/core/text-rendering/renderers/TextRenderer.js.map +0 -1
  239. package/dist/src/main-api/DynamicShaderController.d.ts +0 -29
  240. package/dist/src/main-api/DynamicShaderController.js +0 -58
  241. package/dist/src/main-api/DynamicShaderController.js.map +0 -1
  242. package/dist/src/main-api/ShaderController.d.ts +0 -31
  243. package/dist/src/main-api/ShaderController.js +0 -37
  244. package/dist/src/main-api/ShaderController.js.map +0 -1
  245. package/src/core/text-rendering/tests/Canvas.test.ts +0 -378
@@ -1,160 +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
- import { WebGlCoreShader } from '../WebGlCoreShader.js';
21
- const IDENTITY_MATRIX_3x3 = new Float32Array([1, 0, 0, 0, 1, 0, 0, 0, 1]);
22
- /**
23
- * SdfShader supports multi-channel and single-channel signed distance field textures.
24
- *
25
- * @remarks
26
- * This Shader is used by the {@link SdfTextRenderer}. Do not use thie Shader
27
- * directly. Instead create a Text Node and assign a SDF font family to it.
28
- *
29
- * @internalRemarks
30
- * The only thing this shader does to support multi-channel SDFs is to
31
- * add a median function to the fragment shader. If this one function call
32
- * ends up being a performance bottleneck we can always look at ways to
33
- * remove it.
34
- */
35
- export class SdfShader extends WebGlCoreShader {
36
- constructor(renderer) {
37
- super({
38
- renderer,
39
- attributes: ['a_position', 'a_textureCoordinate'],
40
- uniforms: [
41
- { name: 'u_resolution', uniform: 'uniform2fv' },
42
- { name: 'u_transform', uniform: 'uniformMatrix3fv' },
43
- { name: 'u_scrollY', uniform: 'uniform1f' },
44
- { name: 'u_pixelRatio', uniform: 'uniform1f' },
45
- { name: 'u_texture', uniform: 'uniform2f' },
46
- { name: 'u_color', uniform: 'uniform4fv' },
47
- { name: 'u_size', uniform: 'uniform1f' },
48
- { name: 'u_distanceRange', uniform: 'uniform1f' },
49
- { name: 'u_debug', uniform: 'uniform1i' },
50
- ],
51
- });
52
- }
53
- static z$__type__Props;
54
- bindTextures(textures) {
55
- const { glw } = this;
56
- glw.activeTexture(0);
57
- glw.bindTexture(textures[0].ctxTexture);
58
- }
59
- bindProps(props) {
60
- const resolvedProps = SdfShader.resolveDefaults(props);
61
- for (const key in resolvedProps) {
62
- if (key === 'transform') {
63
- this.glw.uniformMatrix3fv(this.getUniformLocation('u_transform'), resolvedProps[key]);
64
- }
65
- else if (key === 'scrollY') {
66
- this.glw.uniform1f(this.getUniformLocation('u_scrollY'), resolvedProps[key]);
67
- }
68
- else if (key === 'color') {
69
- const components = getNormalizedRgbaComponents(resolvedProps.color);
70
- this.glw.uniform4fv(this.getUniformLocation('u_color'), components);
71
- }
72
- else if (key === 'size') {
73
- this.glw.uniform1f(this.getUniformLocation('u_size'), resolvedProps[key]);
74
- }
75
- else if (key === 'distanceRange') {
76
- this.glw.uniform1f(this.getUniformLocation('u_distanceRange'), resolvedProps[key]);
77
- }
78
- else if (key === 'debug') {
79
- this.glw.uniform1i(this.getUniformLocation('u_debug'), resolvedProps[key] ? 1 : 0);
80
- }
81
- }
82
- }
83
- static resolveDefaults(props = {}) {
84
- return {
85
- transform: props.transform ?? IDENTITY_MATRIX_3x3,
86
- scrollY: props.scrollY ?? 0,
87
- color: props.color ?? 0xffffffff,
88
- size: props.size ?? 16,
89
- distanceRange: props.distanceRange ?? 1.0,
90
- debug: props.debug ?? false,
91
- };
92
- }
93
- static shaderSources = {
94
- vertex: `
95
- # ifdef GL_FRAGMENT_PRECISION_HIGH
96
- precision highp float;
97
- # else
98
- precision mediump float;
99
- # endif
100
- // an attribute is an input (in) to a vertex shader.
101
- // It will receive data from a buffer
102
- attribute vec2 a_position;
103
- attribute vec2 a_textureCoordinate;
104
-
105
- uniform vec2 u_resolution;
106
- uniform mat3 u_transform;
107
- uniform float u_scrollY;
108
- uniform float u_pixelRatio;
109
- uniform float u_size;
110
-
111
- varying vec2 v_texcoord;
112
-
113
- void main() {
114
- vec2 scrolledPosition = a_position * u_size - vec2(0, u_scrollY);
115
- vec2 transformedPosition = (u_transform * vec3(scrolledPosition, 1)).xy;
116
-
117
- // Calculate screen space with pixel ratio
118
- vec2 screenSpace = (transformedPosition * u_pixelRatio / u_resolution * 2.0 - 1.0) * vec2(1, -1);
119
-
120
- gl_Position = vec4(screenSpace, 0.0, 1.0);
121
- v_texcoord = a_textureCoordinate;
122
-
123
- }
124
- `,
125
- fragment: `
126
- # ifdef GL_FRAGMENT_PRECISION_HIGH
127
- precision highp float;
128
- # else
129
- precision mediump float;
130
- # endif
131
- uniform vec4 u_color;
132
- uniform sampler2D u_texture;
133
- uniform float u_distanceRange;
134
- uniform float u_pixelRatio;
135
- uniform int u_debug;
136
-
137
- varying vec2 v_texcoord;
138
-
139
- float median(float r, float g, float b) {
140
- return max(min(r, g), min(max(r, g), b));
141
- }
142
-
143
- void main() {
144
- vec3 sample = texture2D(u_texture, v_texcoord).rgb;
145
- if (u_debug == 1) {
146
- gl_FragColor = vec4(sample.r, sample.g, sample.b, 1.0);
147
- return;
148
- }
149
- float scaledDistRange = u_distanceRange * u_pixelRatio;
150
- float sigDist = scaledDistRange * (median(sample.r, sample.g, sample.b) - 0.5);
151
- float opacity = clamp(sigDist + 0.5, 0.0, 1.0) * u_color.a;
152
-
153
- // Build the final color.
154
- // IMPORTANT: We must premultiply the color by the alpha value before returning it.
155
- gl_FragColor = vec4(u_color.r * opacity, u_color.g * opacity, u_color.b * opacity, opacity);
156
- }
157
- `,
158
- };
159
- }
160
- //# sourceMappingURL=SdfShader.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SdfShader.js","sourceRoot":"","sources":["../../../../../../src/core/renderers/webgl/shaders/SdfShader.ts"],"names":[],"mappings":"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"}
@@ -1,31 +0,0 @@
1
- import { ShaderEffect, type DefaultEffectProps, type ShaderEffectUniforms } from './ShaderEffect.js';
2
- /**
3
- * Properties of the {@link BorderBottomEffect} effect
4
- */
5
- export interface BorderBottomEffectProps extends DefaultEffectProps {
6
- /**
7
- * Width of the border in pixels
8
- *
9
- * @default 10
10
- */
11
- width?: number;
12
- /**
13
- * Color of the border in 0xRRGGBBAA
14
- *
15
- * @default 0xffffffff
16
- */
17
- color?: number;
18
- }
19
- /**
20
- * The BorderBottomEffect renders a border on the bottom side of an element
21
- */
22
- export declare class BorderBottomEffect extends ShaderEffect {
23
- static z$__type__Props: BorderBottomEffectProps;
24
- readonly name = "borderBottom";
25
- static getEffectKey(): string;
26
- static resolveDefaults(props: BorderBottomEffectProps): Required<BorderBottomEffectProps>;
27
- static uniforms: ShaderEffectUniforms;
28
- static methods: Record<string, string>;
29
- static onEffectMask: string;
30
- static onColorize: string;
31
- }
@@ -1,71 +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 { updateShaderEffectColor } from './EffectUtils.js';
20
- import { ShaderEffect, } from './ShaderEffect.js';
21
- /**
22
- * The BorderBottomEffect renders a border on the bottom side of an element
23
- */
24
- export class BorderBottomEffect extends ShaderEffect {
25
- static z$__type__Props;
26
- name = 'borderBottom';
27
- static getEffectKey() {
28
- return `borderBottom`;
29
- }
30
- static resolveDefaults(props) {
31
- return {
32
- width: props.width ?? 10,
33
- color: props.color ?? 0xffffffff,
34
- };
35
- }
36
- static uniforms = {
37
- width: {
38
- value: 0,
39
- method: 'uniform1f',
40
- type: 'float',
41
- },
42
- color: {
43
- value: 0xffffffff,
44
- updateProgramValue: updateShaderEffectColor,
45
- method: 'uniform4fv',
46
- type: 'vec4',
47
- },
48
- };
49
- static methods = {
50
- fillMask: `
51
- float function(float dist) {
52
- return clamp(-dist, 0.0, 1.0);
53
- }
54
- `,
55
- rectDist: `
56
- float function(vec2 p, vec2 size) {
57
- vec2 d = abs(p) - size;
58
- return min(max(d.x, d.y), 0.0) + length(max(d, 0.0));
59
- }
60
- `,
61
- };
62
- static onEffectMask = `
63
- vec2 pos = vec2(0.0, u_dimensions.y - width * 0.5);
64
- float mask = $rectDist(v_textureCoordinate.xy * u_dimensions - pos, vec2(u_dimensions.x, width*0.5));
65
- return mix(shaderColor, maskColor, $fillMask(mask));
66
- `;
67
- static onColorize = `
68
- return color;
69
- `;
70
- }
71
- //# sourceMappingURL=BorderBottomEffect.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BorderBottomEffect.js","sourceRoot":"","sources":["../../../../../../../src/core/renderers/webgl/shaders/effects/BorderBottomEffect.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EACL,YAAY,GAGb,MAAM,mBAAmB,CAAC;AAoB3B;;GAEG;AACH,MAAM,OAAO,kBAAmB,SAAQ,YAAY;IAClD,MAAM,CAAC,eAAe,CAA0B;IAC9B,IAAI,GAAG,cAAc,CAAC;IAExC,MAAM,CAAU,YAAY;QAC1B,OAAO,cAAc,CAAC;IACxB,CAAC;IAED,MAAM,CAAU,eAAe,CAC7B,KAA8B;QAE9B,OAAO;YACL,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE;YACxB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,UAAU;SACjC,CAAC;IACJ,CAAC;IAED,MAAM,CAAU,QAAQ,GAAyB;QAC/C,KAAK,EAAE;YACL,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,WAAW;YACnB,IAAI,EAAE,OAAO;SACd;QACD,KAAK,EAAE;YACL,KAAK,EAAE,UAAU;YACjB,kBAAkB,EAAE,uBAAuB;YAC3C,MAAM,EAAE,YAAY;YACpB,IAAI,EAAE,MAAM;SACb;KACF,CAAC;IAEF,MAAM,CAAU,OAAO,GAA2B;QAChD,QAAQ,EAAE;;;;KAIT;QACD,QAAQ,EAAE;;;;;KAKT;KACF,CAAC;IAEF,MAAM,CAAU,YAAY,GAAG;;;;GAI9B,CAAC;IAEF,MAAM,CAAU,UAAU,GAAG;;GAE5B,CAAC"}
@@ -1,30 +0,0 @@
1
- import { ShaderEffect, type DefaultEffectProps, type ShaderEffectUniforms } from './ShaderEffect.js';
2
- /**
3
- * Properties of the {@link BorderEffect} effect
4
- */
5
- export interface BorderEffectProps extends DefaultEffectProps {
6
- /**
7
- * Width of the border in pixels
8
- *
9
- * @default 10
10
- */
11
- width?: number;
12
- /**
13
- * Color of the border in 0xRRGGBBAA
14
- *
15
- * @default 0xffffffff
16
- */
17
- color?: number;
18
- }
19
- /**
20
- * The BorderEffect renders a border along all edges of an element
21
- */
22
- export declare class BorderEffect extends ShaderEffect {
23
- static z$__type__Props: BorderEffectProps;
24
- readonly name = "border";
25
- static getEffectKey(): string;
26
- static resolveDefaults(props: BorderEffectProps): Required<BorderEffectProps>;
27
- static uniforms: ShaderEffectUniforms;
28
- static onEffectMask: string;
29
- static onColorize: string;
30
- }
@@ -1,58 +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 { updateShaderEffectColor } from './EffectUtils.js';
20
- import { ShaderEffect, } from './ShaderEffect.js';
21
- /**
22
- * The BorderEffect renders a border along all edges of an element
23
- */
24
- export class BorderEffect extends ShaderEffect {
25
- static z$__type__Props;
26
- name = 'border';
27
- static getEffectKey() {
28
- return `border`;
29
- }
30
- static resolveDefaults(props) {
31
- return {
32
- width: props.width ?? 10,
33
- color: props.color ?? 0xffffffff,
34
- };
35
- }
36
- static uniforms = {
37
- width: {
38
- value: 0,
39
- method: 'uniform1f',
40
- type: 'float',
41
- },
42
- color: {
43
- value: 0xffffffff,
44
- updateProgramValue: updateShaderEffectColor,
45
- method: 'uniform4fv',
46
- type: 'vec4',
47
- },
48
- };
49
- static onEffectMask = `
50
- float intR = shaderMask + 1.0;
51
- float mask = clamp(intR + width, 0.0, 1.0) - clamp(intR, 0.0, 1.0);
52
- return mix(shaderColor, mix(shaderColor, maskColor, maskColor.a), mask);
53
- `;
54
- static onColorize = `
55
- return color;
56
- `;
57
- }
58
- //# sourceMappingURL=BorderEffect.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BorderEffect.js","sourceRoot":"","sources":["../../../../../../../src/core/renderers/webgl/shaders/effects/BorderEffect.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EACL,YAAY,GAGb,MAAM,mBAAmB,CAAC;AAoB3B;;GAEG;AACH,MAAM,OAAO,YAAa,SAAQ,YAAY;IAC5C,MAAM,CAAC,eAAe,CAAoB;IACxB,IAAI,GAAG,QAAQ,CAAC;IAElC,MAAM,CAAU,YAAY;QAC1B,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,MAAM,CAAU,eAAe,CAC7B,KAAwB;QAExB,OAAO;YACL,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE;YACxB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,UAAU;SACjC,CAAC;IACJ,CAAC;IAED,MAAM,CAAU,QAAQ,GAAyB;QAC/C,KAAK,EAAE;YACL,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,WAAW;YACnB,IAAI,EAAE,OAAO;SACd;QACD,KAAK,EAAE;YACL,KAAK,EAAE,UAAU;YACjB,kBAAkB,EAAE,uBAAuB;YAC3C,MAAM,EAAE,YAAY;YACpB,IAAI,EAAE,MAAM;SACb;KACF,CAAC;IAEF,MAAM,CAAU,YAAY,GAAG;;;;GAI9B,CAAC;IAEF,MAAM,CAAU,UAAU,GAAG;;GAE5B,CAAC"}
@@ -1,31 +0,0 @@
1
- import { ShaderEffect, type DefaultEffectProps, type ShaderEffectUniforms } from './ShaderEffect.js';
2
- /**
3
- * Properties of the {@link BorderLeftEffect} effect
4
- */
5
- export interface BorderLeftEffectProps extends DefaultEffectProps {
6
- /**
7
- * Width of the border in pixels
8
- *
9
- * @default 10
10
- */
11
- width?: number;
12
- /**
13
- * Color of the border in 0xRRGGBBAA
14
- *
15
- * @default 0xffffffff
16
- */
17
- color?: number;
18
- }
19
- /**
20
- * The BorderBottomEffect renders a border on the left of an element
21
- */
22
- export declare class BorderLeftEffect extends ShaderEffect {
23
- static z$__type__Props: BorderLeftEffectProps;
24
- readonly name = "borderLeft";
25
- static getEffectKey(): string;
26
- static resolveDefaults(props: BorderLeftEffectProps): Required<BorderLeftEffectProps>;
27
- static uniforms: ShaderEffectUniforms;
28
- static methods: Record<string, string>;
29
- static onEffectMask: string;
30
- static onColorize: string;
31
- }
@@ -1,71 +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 { updateShaderEffectColor } from './EffectUtils.js';
20
- import { ShaderEffect, } from './ShaderEffect.js';
21
- /**
22
- * The BorderBottomEffect renders a border on the left of an element
23
- */
24
- export class BorderLeftEffect extends ShaderEffect {
25
- static z$__type__Props;
26
- name = 'borderLeft';
27
- static getEffectKey() {
28
- return `borderLeft`;
29
- }
30
- static resolveDefaults(props) {
31
- return {
32
- width: props.width ?? 10,
33
- color: props.color ?? 0xffffffff,
34
- };
35
- }
36
- static uniforms = {
37
- width: {
38
- value: 0,
39
- method: 'uniform1f',
40
- type: 'float',
41
- },
42
- color: {
43
- value: 0xffffffff,
44
- updateProgramValue: updateShaderEffectColor,
45
- method: 'uniform4fv',
46
- type: 'vec4',
47
- },
48
- };
49
- static methods = {
50
- fillMask: `
51
- float function(float dist) {
52
- return clamp(-dist, 0.0, 1.0);
53
- }
54
- `,
55
- rectDist: `
56
- float function(vec2 p, vec2 size) {
57
- vec2 d = abs(p) - size;
58
- return min(max(d.x, d.y), 0.0) + length(max(d, 0.0));
59
- }
60
- `,
61
- };
62
- static onEffectMask = `
63
- vec2 pos = vec2(width * 0.5, 0.0);
64
- float mask = $rectDist(v_textureCoordinate.xy * u_dimensions - pos, vec2(width*0.5, u_dimensions.y));
65
- return mix(shaderColor, maskColor, $fillMask(mask));
66
- `;
67
- static onColorize = `
68
- return color;
69
- `;
70
- }
71
- //# sourceMappingURL=BorderLeftEffect.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BorderLeftEffect.js","sourceRoot":"","sources":["../../../../../../../src/core/renderers/webgl/shaders/effects/BorderLeftEffect.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EACL,YAAY,GAGb,MAAM,mBAAmB,CAAC;AAoB3B;;GAEG;AACH,MAAM,OAAO,gBAAiB,SAAQ,YAAY;IAChD,MAAM,CAAC,eAAe,CAAwB;IAC5B,IAAI,GAAG,YAAY,CAAC;IAEtC,MAAM,CAAU,YAAY;QAC1B,OAAO,YAAY,CAAC;IACtB,CAAC;IAED,MAAM,CAAU,eAAe,CAC7B,KAA4B;QAE5B,OAAO;YACL,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE;YACxB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,UAAU;SACjC,CAAC;IACJ,CAAC;IAED,MAAM,CAAU,QAAQ,GAAyB;QAC/C,KAAK,EAAE;YACL,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,WAAW;YACnB,IAAI,EAAE,OAAO;SACd;QACD,KAAK,EAAE;YACL,KAAK,EAAE,UAAU;YACjB,kBAAkB,EAAE,uBAAuB;YAC3C,MAAM,EAAE,YAAY;YACpB,IAAI,EAAE,MAAM;SACb;KACF,CAAC;IAEF,MAAM,CAAU,OAAO,GAA2B;QAChD,QAAQ,EAAE;;;;KAIT;QACD,QAAQ,EAAE;;;;;KAKT;KACF,CAAC;IAEF,MAAM,CAAU,YAAY,GAAG;;;;GAI9B,CAAC;IAEF,MAAM,CAAU,UAAU,GAAG;;GAE5B,CAAC"}
@@ -1,31 +0,0 @@
1
- import { ShaderEffect, type DefaultEffectProps, type ShaderEffectUniforms } from './ShaderEffect.js';
2
- /**
3
- * Properties of the {@link BorderRightEffect} effect
4
- */
5
- export interface BorderRightEffectProps extends DefaultEffectProps {
6
- /**
7
- * Width of the border in pixels
8
- *
9
- * @default 10
10
- */
11
- width?: number;
12
- /**
13
- * Color of the border in 0xRRGGBBAA
14
- *
15
- * @default 0xffffffff
16
- */
17
- color?: number;
18
- }
19
- /**
20
- * The BorderBottomEffect renders a border on the right side of an element
21
- */
22
- export declare class BorderRightEffect extends ShaderEffect {
23
- static z$__type__Props: BorderRightEffectProps;
24
- readonly name = "borderRight";
25
- static getEffectKey(): string;
26
- static resolveDefaults(props: BorderRightEffectProps): Required<BorderRightEffectProps>;
27
- static uniforms: ShaderEffectUniforms;
28
- static methods: Record<string, string>;
29
- static onEffectMask: string;
30
- static onColorize: string;
31
- }
@@ -1,71 +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 { updateShaderEffectColor } from './EffectUtils.js';
20
- import { ShaderEffect, } from './ShaderEffect.js';
21
- /**
22
- * The BorderBottomEffect renders a border on the right side of an element
23
- */
24
- export class BorderRightEffect extends ShaderEffect {
25
- static z$__type__Props;
26
- name = 'borderRight';
27
- static getEffectKey() {
28
- return `borderRight`;
29
- }
30
- static resolveDefaults(props) {
31
- return {
32
- width: props.width ?? 10,
33
- color: props.color ?? 0xffffffff,
34
- };
35
- }
36
- static uniforms = {
37
- width: {
38
- value: 0,
39
- method: 'uniform1f',
40
- type: 'float',
41
- },
42
- color: {
43
- value: 0xffffffff,
44
- updateProgramValue: updateShaderEffectColor,
45
- method: 'uniform4fv',
46
- type: 'vec4',
47
- },
48
- };
49
- static methods = {
50
- fillMask: `
51
- float function(float dist) {
52
- return clamp(-dist, 0.0, 1.0);
53
- }
54
- `,
55
- rectDist: `
56
- float function(vec2 p, vec2 size) {
57
- vec2 d = abs(p) - size;
58
- return min(max(d.x, d.y), 0.0) + length(max(d, 0.0));
59
- }
60
- `,
61
- };
62
- static onEffectMask = `
63
- vec2 pos = vec2(u_dimensions.x - width * 0.5, 0.0);
64
- float mask = $rectDist(v_textureCoordinate.xy * u_dimensions - pos, vec2(width*0.5, u_dimensions.y));
65
- return mix(shaderColor, maskColor, $fillMask(mask));
66
- `;
67
- static onColorize = `
68
- return color;
69
- `;
70
- }
71
- //# sourceMappingURL=BorderRightEffect.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BorderRightEffect.js","sourceRoot":"","sources":["../../../../../../../src/core/renderers/webgl/shaders/effects/BorderRightEffect.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EACL,YAAY,GAGb,MAAM,mBAAmB,CAAC;AAoB3B;;GAEG;AACH,MAAM,OAAO,iBAAkB,SAAQ,YAAY;IACjD,MAAM,CAAC,eAAe,CAAyB;IAC7B,IAAI,GAAG,aAAa,CAAC;IAEvC,MAAM,CAAU,YAAY;QAC1B,OAAO,aAAa,CAAC;IACvB,CAAC;IAED,MAAM,CAAU,eAAe,CAC7B,KAA6B;QAE7B,OAAO;YACL,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE;YACxB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,UAAU;SACjC,CAAC;IACJ,CAAC;IAED,MAAM,CAAU,QAAQ,GAAyB;QAC/C,KAAK,EAAE;YACL,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,WAAW;YACnB,IAAI,EAAE,OAAO;SACd;QACD,KAAK,EAAE;YACL,KAAK,EAAE,UAAU;YACjB,kBAAkB,EAAE,uBAAuB;YAC3C,MAAM,EAAE,YAAY;YACpB,IAAI,EAAE,MAAM;SACb;KACF,CAAC;IAEF,MAAM,CAAU,OAAO,GAA2B;QAChD,QAAQ,EAAE;;;;KAIT;QACD,QAAQ,EAAE;;;;;KAKT;KACF,CAAC;IAEF,MAAM,CAAU,YAAY,GAAG;;;;GAI9B,CAAC;IAEF,MAAM,CAAU,UAAU,GAAG;;GAE5B,CAAC"}
@@ -1,31 +0,0 @@
1
- import { ShaderEffect, type DefaultEffectProps, type ShaderEffectUniforms } from './ShaderEffect.js';
2
- /**
3
- * Properties of the {@link BorderTopEffect} effect
4
- */
5
- export interface BorderTopEffectProps extends DefaultEffectProps {
6
- /**
7
- * Width of the border in pixels
8
- *
9
- * @default 10
10
- */
11
- width?: number;
12
- /**
13
- * Color of the border in 0xRRGGBBAA
14
- *
15
- * @default 0xffffffff
16
- */
17
- color?: number;
18
- }
19
- /**
20
- * The BorderBottomEffect renders a border on the top side of an element
21
- */
22
- export declare class BorderTopEffect extends ShaderEffect {
23
- static z$__type__Props: BorderTopEffectProps;
24
- readonly name = "borderTop";
25
- static getEffectKey(): string;
26
- static resolveDefaults(props: BorderTopEffectProps): Required<BorderTopEffectProps>;
27
- static uniforms: ShaderEffectUniforms;
28
- static methods: Record<string, string>;
29
- static onEffectMask: string;
30
- static onColorize: string;
31
- }