@lightningjs/renderer 3.0.0-beta10 → 3.0.0-beta12

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 (355) hide show
  1. package/LICENSE +202 -202
  2. package/NOTICE +3 -3
  3. package/README.md +133 -133
  4. package/dist/src/common/CommonTypes.d.ts +2 -2
  5. package/dist/src/core/CoreNode.d.ts +8 -7
  6. package/dist/src/core/CoreNode.js +57 -61
  7. package/dist/src/core/CoreNode.js.map +1 -1
  8. package/dist/src/core/CoreTextNode.d.ts +3 -0
  9. package/dist/src/core/CoreTextNode.js +54 -19
  10. package/dist/src/core/CoreTextNode.js.map +1 -1
  11. package/dist/src/core/Stage.js +4 -4
  12. package/dist/src/core/Stage.js.map +1 -1
  13. package/dist/src/core/lib/textureCompression.js +4 -4
  14. package/dist/src/core/lib/textureCompression.js.map +1 -1
  15. package/dist/src/core/platform.d.ts +10 -0
  16. package/dist/src/core/platform.js +81 -0
  17. package/dist/src/core/platform.js.map +1 -0
  18. package/dist/src/core/renderers/CoreShader.d.ts +9 -0
  19. package/dist/src/core/renderers/CoreShader.js +28 -0
  20. package/dist/src/core/renderers/CoreShader.js.map +1 -0
  21. package/dist/src/core/renderers/CoreShaderNode.js +2 -2
  22. package/dist/src/core/renderers/CoreShaderNode.js.map +1 -1
  23. package/dist/src/core/renderers/canvas/CanvasCoreRenderer.d.ts +33 -0
  24. package/dist/src/core/renderers/canvas/CanvasCoreRenderer.js +250 -0
  25. package/dist/src/core/renderers/canvas/CanvasCoreRenderer.js.map +1 -0
  26. package/dist/src/core/renderers/canvas/CanvasCoreTexture.d.ts +16 -0
  27. package/dist/src/core/renderers/canvas/CanvasCoreTexture.js +124 -0
  28. package/dist/src/core/renderers/canvas/CanvasCoreTexture.js.map +1 -0
  29. package/dist/src/core/renderers/canvas/CanvasRenderer.js +1 -1
  30. package/dist/src/core/renderers/canvas/CanvasRenderer.js.map +1 -1
  31. package/dist/src/core/renderers/canvas/CanvasTexture.js +5 -5
  32. package/dist/src/core/renderers/canvas/CanvasTexture.js.map +1 -1
  33. package/dist/src/core/renderers/canvas/internal/C2DShaderUtils.d.ts +13 -0
  34. package/dist/src/core/renderers/canvas/internal/C2DShaderUtils.js +113 -192
  35. package/dist/src/core/renderers/canvas/internal/C2DShaderUtils.js.map +1 -1
  36. package/dist/src/core/renderers/canvas/internal/ColorUtils.d.ts +0 -2
  37. package/dist/src/core/renderers/canvas/internal/ColorUtils.js +0 -14
  38. package/dist/src/core/renderers/canvas/internal/ColorUtils.js.map +1 -1
  39. package/dist/src/core/renderers/canvas/shaders/UnsupportedShader.d.ts +10 -0
  40. package/dist/src/core/renderers/canvas/shaders/UnsupportedShader.js +43 -0
  41. package/dist/src/core/renderers/canvas/shaders/UnsupportedShader.js.map +1 -0
  42. package/dist/src/core/renderers/webgl/WebGlCoreCtxRenderTexture.d.ts +12 -0
  43. package/dist/src/core/renderers/webgl/WebGlCoreCtxRenderTexture.js +58 -0
  44. package/dist/src/core/renderers/webgl/WebGlCoreCtxRenderTexture.js.map +1 -0
  45. package/dist/src/core/renderers/webgl/WebGlCoreCtxSubTexture.d.ts +9 -0
  46. package/dist/src/core/renderers/webgl/WebGlCoreCtxSubTexture.js +38 -0
  47. package/dist/src/core/renderers/webgl/WebGlCoreCtxSubTexture.js.map +1 -0
  48. package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.d.ts +56 -0
  49. package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.js +239 -0
  50. package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.js.map +1 -0
  51. package/dist/src/core/renderers/webgl/WebGlCoreRenderOp.d.ts +34 -0
  52. package/dist/src/core/renderers/webgl/WebGlCoreRenderOp.js +114 -0
  53. package/dist/src/core/renderers/webgl/WebGlCoreRenderOp.js.map +1 -0
  54. package/dist/src/core/renderers/webgl/WebGlCoreRenderer.d.ts +133 -0
  55. package/dist/src/core/renderers/webgl/WebGlCoreRenderer.js +616 -0
  56. package/dist/src/core/renderers/webgl/WebGlCoreRenderer.js.map +1 -0
  57. package/dist/src/core/renderers/webgl/WebGlCoreShader.d.ts +83 -0
  58. package/dist/src/core/renderers/webgl/WebGlCoreShader.js +233 -0
  59. package/dist/src/core/renderers/webgl/WebGlCoreShader.js.map +1 -0
  60. package/dist/src/core/renderers/webgl/WebGlCtxRenderTexture.js +5 -6
  61. package/dist/src/core/renderers/webgl/WebGlCtxRenderTexture.js.map +1 -1
  62. package/dist/src/core/renderers/webgl/WebGlCtxSubTexture.d.ts +13 -0
  63. package/dist/src/core/renderers/webgl/WebGlCtxSubTexture.js +34 -5
  64. package/dist/src/core/renderers/webgl/WebGlCtxSubTexture.js.map +1 -1
  65. package/dist/src/core/renderers/webgl/WebGlCtxTexture.js +21 -21
  66. package/dist/src/core/renderers/webgl/WebGlCtxTexture.js.map +1 -1
  67. package/dist/src/core/renderers/webgl/WebGlRenderOp.js +1 -1
  68. package/dist/src/core/renderers/webgl/WebGlRenderOp.js.map +1 -1
  69. package/dist/src/core/renderers/webgl/WebGlRenderer.js +12 -11
  70. package/dist/src/core/renderers/webgl/WebGlRenderer.js.map +1 -1
  71. package/dist/src/core/renderers/webgl/WebGlShaderProgram.js +2 -2
  72. package/dist/src/core/renderers/webgl/WebGlShaderProgram.js.map +1 -1
  73. package/dist/src/core/renderers/webgl/internal/ShaderUtils.js +35 -35
  74. package/dist/src/core/renderers/webgl/shaders/DefaultShader.d.ts +9 -0
  75. package/dist/src/core/renderers/webgl/shaders/DefaultShader.js +87 -0
  76. package/dist/src/core/renderers/webgl/shaders/DefaultShader.js.map +1 -0
  77. package/dist/src/core/renderers/webgl/shaders/DefaultShaderBatched.d.ts +10 -0
  78. package/dist/src/core/renderers/webgl/shaders/DefaultShaderBatched.js +119 -0
  79. package/dist/src/core/renderers/webgl/shaders/DefaultShaderBatched.js.map +1 -0
  80. package/dist/src/core/renderers/webgl/shaders/DynamicShader.d.ts +29 -0
  81. package/dist/src/core/renderers/webgl/shaders/DynamicShader.js +413 -0
  82. package/dist/src/core/renderers/webgl/shaders/DynamicShader.js.map +1 -0
  83. package/dist/src/core/renderers/webgl/shaders/RoundedRectangle.d.ts +28 -0
  84. package/dist/src/core/renderers/webgl/shaders/RoundedRectangle.js +131 -0
  85. package/dist/src/core/renderers/webgl/shaders/RoundedRectangle.js.map +1 -0
  86. package/dist/src/core/renderers/webgl/shaders/SdfShader.d.ts +47 -0
  87. package/dist/src/core/renderers/webgl/shaders/SdfShader.js +160 -0
  88. package/dist/src/core/renderers/webgl/shaders/SdfShader.js.map +1 -0
  89. package/dist/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.d.ts +31 -0
  90. package/dist/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.js +71 -0
  91. package/dist/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.js.map +1 -0
  92. package/dist/src/core/renderers/webgl/shaders/effects/BorderEffect.d.ts +30 -0
  93. package/dist/src/core/renderers/webgl/shaders/effects/BorderEffect.js +58 -0
  94. package/dist/src/core/renderers/webgl/shaders/effects/BorderEffect.js.map +1 -0
  95. package/dist/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.d.ts +31 -0
  96. package/dist/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.js +71 -0
  97. package/dist/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.js.map +1 -0
  98. package/dist/src/core/renderers/webgl/shaders/effects/BorderRightEffect.d.ts +31 -0
  99. package/dist/src/core/renderers/webgl/shaders/effects/BorderRightEffect.js +71 -0
  100. package/dist/src/core/renderers/webgl/shaders/effects/BorderRightEffect.js.map +1 -0
  101. package/dist/src/core/renderers/webgl/shaders/effects/BorderTopEffect.d.ts +31 -0
  102. package/dist/src/core/renderers/webgl/shaders/effects/BorderTopEffect.js +71 -0
  103. package/dist/src/core/renderers/webgl/shaders/effects/BorderTopEffect.js.map +1 -0
  104. package/dist/src/core/renderers/webgl/shaders/effects/EffectUtils.d.ts +9 -0
  105. package/dist/src/core/renderers/webgl/shaders/effects/EffectUtils.js +136 -0
  106. package/dist/src/core/renderers/webgl/shaders/effects/EffectUtils.js.map +1 -0
  107. package/dist/src/core/renderers/webgl/shaders/effects/FadeOutEffect.d.ts +36 -0
  108. package/dist/src/core/renderers/webgl/shaders/effects/FadeOutEffect.js +85 -0
  109. package/dist/src/core/renderers/webgl/shaders/effects/FadeOutEffect.js.map +1 -0
  110. package/dist/src/core/renderers/webgl/shaders/effects/GlitchEffect.d.ts +45 -0
  111. package/dist/src/core/renderers/webgl/shaders/effects/GlitchEffect.js +104 -0
  112. package/dist/src/core/renderers/webgl/shaders/effects/GlitchEffect.js.map +1 -0
  113. package/dist/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.d.ts +22 -0
  114. package/dist/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.js +45 -0
  115. package/dist/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.js.map +1 -0
  116. package/dist/src/core/renderers/webgl/shaders/effects/HolePunchEffect.d.ts +58 -0
  117. package/dist/src/core/renderers/webgl/shaders/effects/HolePunchEffect.js +80 -0
  118. package/dist/src/core/renderers/webgl/shaders/effects/HolePunchEffect.js.map +1 -0
  119. package/dist/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.d.ts +35 -0
  120. package/dist/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.js +129 -0
  121. package/dist/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.js.map +1 -0
  122. package/dist/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.d.ts +39 -0
  123. package/dist/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.js +116 -0
  124. package/dist/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.js.map +1 -0
  125. package/dist/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.d.ts +61 -0
  126. package/dist/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.js +127 -0
  127. package/dist/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.js.map +1 -0
  128. package/dist/src/core/renderers/webgl/shaders/effects/RadiusEffect.d.ts +40 -0
  129. package/dist/src/core/renderers/webgl/shaders/effects/RadiusEffect.js +71 -0
  130. package/dist/src/core/renderers/webgl/shaders/effects/RadiusEffect.js.map +1 -0
  131. package/dist/src/core/renderers/webgl/shaders/effects/ShaderEffect.d.ts +115 -0
  132. package/dist/src/core/renderers/webgl/shaders/effects/ShaderEffect.js +61 -0
  133. package/dist/src/core/renderers/webgl/shaders/effects/ShaderEffect.js.map +1 -0
  134. package/dist/src/core/shaders/canvas/Border.js +4 -4
  135. package/dist/src/core/shaders/canvas/Border.js.map +1 -1
  136. package/dist/src/core/shaders/canvas/HolePunch.js +3 -3
  137. package/dist/src/core/shaders/canvas/HolePunch.js.map +1 -1
  138. package/dist/src/core/shaders/canvas/LinearGradient.js +2 -2
  139. package/dist/src/core/shaders/canvas/LinearGradient.js.map +1 -1
  140. package/dist/src/core/shaders/canvas/RadialGradient.js +4 -4
  141. package/dist/src/core/shaders/canvas/RadialGradient.js.map +1 -1
  142. package/dist/src/core/shaders/canvas/Rounded.js +1 -1
  143. package/dist/src/core/shaders/canvas/Rounded.js.map +1 -1
  144. package/dist/src/core/shaders/canvas/RoundedWithBorder.js +3 -3
  145. package/dist/src/core/shaders/canvas/RoundedWithBorder.js.map +1 -1
  146. package/dist/src/core/shaders/canvas/RoundedWithBorderAndShadow.js +3 -3
  147. package/dist/src/core/shaders/canvas/RoundedWithBorderAndShadow.js.map +1 -1
  148. package/dist/src/core/shaders/canvas/RoundedWithShadow.js +1 -1
  149. package/dist/src/core/shaders/canvas/RoundedWithShadow.js.map +1 -1
  150. package/dist/src/core/shaders/templates/BorderTemplate.d.ts +1 -1
  151. package/dist/src/core/shaders/templates/BorderTemplate.js +10 -10
  152. package/dist/src/core/shaders/templates/BorderTemplate.js.map +1 -1
  153. package/dist/src/core/shaders/templates/HolePunchTemplate.d.ts +2 -2
  154. package/dist/src/core/shaders/templates/HolePunchTemplate.js +2 -2
  155. package/dist/src/core/shaders/templates/HolePunchTemplate.js.map +1 -1
  156. package/dist/src/core/shaders/templates/RadialGradientTemplate.d.ts +2 -2
  157. package/dist/src/core/shaders/templates/RadialGradientTemplate.js +2 -2
  158. package/dist/src/core/shaders/templates/RadialGradientTemplate.js.map +1 -1
  159. package/dist/src/core/shaders/templates/shaderUtils.d.ts +5 -0
  160. package/dist/src/core/shaders/templates/shaderUtils.js +41 -0
  161. package/dist/src/core/shaders/templates/shaderUtils.js.map +1 -0
  162. package/dist/src/core/shaders/webgl/Border.js +83 -83
  163. package/dist/src/core/shaders/webgl/Border.js.map +1 -1
  164. package/dist/src/core/shaders/webgl/Default.js +47 -47
  165. package/dist/src/core/shaders/webgl/DefaultBatched.js +61 -61
  166. package/dist/src/core/shaders/webgl/HolePunch.js +34 -34
  167. package/dist/src/core/shaders/webgl/HolePunch.js.map +1 -1
  168. package/dist/src/core/shaders/webgl/LinearGradient.js +36 -36
  169. package/dist/src/core/shaders/webgl/RadialGradient.js +35 -35
  170. package/dist/src/core/shaders/webgl/RadialGradient.js.map +1 -1
  171. package/dist/src/core/shaders/webgl/Rounded.js +72 -72
  172. package/dist/src/core/shaders/webgl/Rounded.js.map +1 -1
  173. package/dist/src/core/shaders/webgl/RoundedWithBorder.js +113 -113
  174. package/dist/src/core/shaders/webgl/RoundedWithBorder.js.map +1 -1
  175. package/dist/src/core/shaders/webgl/RoundedWithBorderAndShadow.js +132 -132
  176. package/dist/src/core/shaders/webgl/RoundedWithBorderAndShadow.js.map +1 -1
  177. package/dist/src/core/shaders/webgl/RoundedWithShadow.js +55 -55
  178. package/dist/src/core/shaders/webgl/RoundedWithShadow.js.map +1 -1
  179. package/dist/src/core/shaders/webgl/SdfShader.js +62 -62
  180. package/dist/src/core/shaders/webgl/Shadow.js +83 -83
  181. package/dist/src/core/shaders/webgl/Spinner.d.ts +1 -0
  182. package/dist/src/core/shaders/webgl/Spinner.js +2 -0
  183. package/dist/src/core/shaders/webgl/Spinner.js.map +1 -0
  184. package/dist/src/core/text-rendering/CanvasFontHandler.d.ts +16 -0
  185. package/dist/src/core/text-rendering/CanvasFontHandler.js +29 -0
  186. package/dist/src/core/text-rendering/CanvasFontHandler.js.map +1 -1
  187. package/dist/src/core/text-rendering/SdfFontHandler.d.ts +15 -0
  188. package/dist/src/core/text-rendering/SdfFontHandler.js +34 -2
  189. package/dist/src/core/text-rendering/SdfFontHandler.js.map +1 -1
  190. package/dist/src/core/text-rendering/TextRenderer.d.ts +2 -0
  191. package/dist/src/core/text-rendering/TextTextureRendererUtils.js.map +1 -1
  192. package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.js +2 -2
  193. package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.js.map +1 -1
  194. package/dist/src/core/text-rendering/renderers/CanvasTextRenderer.js +0 -5
  195. package/dist/src/core/text-rendering/renderers/CanvasTextRenderer.js.map +1 -1
  196. package/dist/src/core/text-rendering/renderers/LightningTextTextureRenderer.d.ts +1 -7
  197. package/dist/src/core/text-rendering/renderers/LightningTextTextureRenderer.js +2 -50
  198. package/dist/src/core/text-rendering/renderers/LightningTextTextureRenderer.js.map +1 -1
  199. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.d.ts +3 -2
  200. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.js +83 -42
  201. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.js.map +1 -1
  202. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.d.ts +1 -1
  203. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.js +8 -66
  204. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.js.map +1 -1
  205. package/dist/src/core/text-rendering/renderers/TextRenderer.d.ts +4 -14
  206. package/dist/src/core/text-rendering/renderers/TextRenderer.js +0 -3
  207. package/dist/src/core/text-rendering/renderers/TextRenderer.js.map +1 -1
  208. package/dist/src/core/text-rendering/sdf/PeekableGenerator.d.ts +12 -0
  209. package/dist/src/core/text-rendering/sdf/PeekableGenerator.js +61 -0
  210. package/dist/src/core/text-rendering/sdf/PeekableGenerator.js.map +1 -0
  211. package/dist/src/core/text-rendering/sdf/SimpleFontShaper.d.ts +45 -0
  212. package/dist/src/core/text-rendering/sdf/SimpleFontShaper.js +69 -0
  213. package/dist/src/core/text-rendering/sdf/SimpleFontShaper.js.map +1 -0
  214. package/dist/src/core/textures/ColorTexture.js +1 -1
  215. package/dist/src/core/textures/ColorTexture.js.map +1 -1
  216. package/dist/src/core/textures/ImageTexture.d.ts +2 -2
  217. package/dist/src/core/textures/ImageTexture.js +11 -11
  218. package/dist/src/core/textures/ImageTexture.js.map +1 -1
  219. package/dist/src/core/textures/NoiseTexture.d.ts +2 -2
  220. package/dist/src/core/textures/NoiseTexture.js +6 -6
  221. package/dist/src/core/textures/NoiseTexture.js.map +1 -1
  222. package/dist/src/core/textures/RenderTexture.d.ts +6 -6
  223. package/dist/src/core/textures/RenderTexture.js +10 -10
  224. package/dist/src/core/textures/RenderTexture.js.map +1 -1
  225. package/dist/src/core/textures/SubTexture.d.ts +4 -4
  226. package/dist/src/core/textures/SubTexture.js +8 -8
  227. package/dist/src/core/textures/SubTexture.js.map +1 -1
  228. package/dist/src/core/textures/Texture.d.ts +3 -4
  229. package/dist/src/core/textures/Texture.js +4 -4
  230. package/dist/src/core/textures/Texture.js.map +1 -1
  231. package/dist/src/main-api/DynamicShaderController.d.ts +29 -0
  232. package/dist/src/main-api/DynamicShaderController.js +58 -0
  233. package/dist/src/main-api/DynamicShaderController.js.map +1 -0
  234. package/dist/src/main-api/Inspector.js +7 -7
  235. package/dist/src/main-api/Inspector.js.map +1 -1
  236. package/dist/src/main-api/Renderer.js +2 -2
  237. package/dist/src/main-api/Renderer.js.map +1 -1
  238. package/dist/src/main-api/ShaderController.d.ts +31 -0
  239. package/dist/src/main-api/ShaderController.js +37 -0
  240. package/dist/src/main-api/ShaderController.js.map +1 -0
  241. package/dist/tsconfig.dist.tsbuildinfo +1 -1
  242. package/exports/canvas-shaders.ts +28 -28
  243. package/exports/canvas.ts +45 -45
  244. package/exports/index.ts +82 -82
  245. package/exports/inspector.ts +24 -24
  246. package/exports/utils.ts +50 -50
  247. package/exports/webgl-shaders.ts +28 -28
  248. package/exports/webgl.ts +52 -52
  249. package/package.json +2 -1
  250. package/src/common/CommonTypes.ts +146 -146
  251. package/src/common/EventEmitter.ts +77 -77
  252. package/src/common/IAnimationController.ts +92 -92
  253. package/src/common/IEventEmitter.ts +28 -28
  254. package/src/core/CoreNode.test.ts +202 -202
  255. package/src/core/CoreNode.ts +2481 -2491
  256. package/src/core/CoreShaderManager.ts +188 -188
  257. package/src/core/CoreTextNode.ts +483 -443
  258. package/src/core/CoreTextureManager.ts +565 -565
  259. package/src/core/Stage.ts +906 -906
  260. package/src/core/TextureMemoryManager.ts +445 -445
  261. package/src/core/animations/AnimationManager.ts +38 -38
  262. package/src/core/animations/CoreAnimation.ts +291 -291
  263. package/src/core/animations/CoreAnimationController.ts +166 -166
  264. package/src/core/lib/ContextSpy.ts +41 -41
  265. package/src/core/lib/ImageWorker.ts +286 -286
  266. package/src/core/lib/Matrix3d.ts +244 -244
  267. package/src/core/lib/RenderCoords.ts +71 -71
  268. package/src/core/lib/WebGlContextWrapper.ts +1381 -1381
  269. package/src/core/lib/colorCache.ts +20 -20
  270. package/src/core/lib/colorParser.ts +85 -85
  271. package/src/core/lib/textureCompression.ts +152 -152
  272. package/src/core/lib/textureSvg.ts +78 -78
  273. package/src/core/lib/utils.ts +412 -412
  274. package/src/core/lib/validateImageBitmap.ts +87 -87
  275. package/src/core/platforms/Platform.ts +77 -77
  276. package/src/core/platforms/web/WebPlatform.ts +121 -121
  277. package/src/core/renderers/CoreContextTexture.ts +43 -43
  278. package/src/core/renderers/CoreRenderOp.ts +22 -22
  279. package/src/core/renderers/CoreRenderer.ts +110 -110
  280. package/src/core/renderers/CoreShaderNode.ts +175 -175
  281. package/src/core/renderers/CoreShaderProgram.ts +23 -23
  282. package/src/core/renderers/canvas/CanvasRenderer.ts +283 -283
  283. package/src/core/renderers/canvas/CanvasShaderNode.ts +96 -96
  284. package/src/core/renderers/canvas/CanvasTexture.ts +156 -156
  285. package/src/core/renderers/webgl/WebGlCtxRenderTexture.ts +81 -91
  286. package/src/core/renderers/webgl/WebGlCtxSubTexture.ts +95 -50
  287. package/src/core/renderers/webgl/WebGlCtxTexture.ts +301 -310
  288. package/src/core/renderers/webgl/WebGlRenderOp.ts +167 -167
  289. package/src/core/renderers/webgl/WebGlRenderer.ts +746 -747
  290. package/src/core/renderers/webgl/WebGlShaderNode.ts +435 -435
  291. package/src/core/renderers/webgl/WebGlShaderProgram.ts +341 -341
  292. package/src/core/renderers/webgl/internal/BufferCollection.ts +54 -54
  293. package/src/core/renderers/webgl/internal/RendererUtils.ts +155 -155
  294. package/src/core/renderers/webgl/internal/ShaderUtils.ts +281 -281
  295. package/src/core/renderers/webgl/internal/WebGlUtils.ts +35 -35
  296. package/src/core/shaders/canvas/Border.ts +75 -75
  297. package/src/core/shaders/canvas/HolePunch.ts +55 -62
  298. package/src/core/shaders/canvas/LinearGradient.ts +71 -71
  299. package/src/core/shaders/canvas/RadialGradient.ts +99 -99
  300. package/src/core/shaders/canvas/Rounded.ts +55 -55
  301. package/src/core/shaders/canvas/RoundedWithBorder.ts +72 -74
  302. package/src/core/shaders/canvas/RoundedWithBorderAndShadow.ts +88 -90
  303. package/src/core/shaders/canvas/RoundedWithShadow.ts +70 -70
  304. package/src/core/shaders/canvas/Shadow.ts +52 -52
  305. package/src/core/shaders/canvas/utils/render.ts +151 -151
  306. package/src/core/shaders/templates/BorderTemplate.ts +115 -115
  307. package/src/core/shaders/templates/HolePunchTemplate.ts +82 -82
  308. package/src/core/shaders/templates/LinearGradientTemplate.ts +71 -71
  309. package/src/core/shaders/templates/RadialGradientTemplate.ts +81 -81
  310. package/src/core/shaders/templates/RoundedTemplate.ts +98 -98
  311. package/src/core/shaders/templates/RoundedWithBorderAndShadowTemplate.ts +38 -38
  312. package/src/core/shaders/templates/RoundedWithBorderTemplate.ts +35 -35
  313. package/src/core/shaders/templates/RoundedWithShadowTemplate.ts +35 -35
  314. package/src/core/shaders/templates/ShadowTemplate.ts +106 -106
  315. package/src/core/shaders/utils.ts +46 -46
  316. package/src/core/shaders/webgl/Border.ts +116 -116
  317. package/src/core/shaders/webgl/Default.ts +89 -89
  318. package/src/core/shaders/webgl/DefaultBatched.ts +129 -129
  319. package/src/core/shaders/webgl/HolePunch.ts +75 -75
  320. package/src/core/shaders/webgl/LinearGradient.ts +82 -82
  321. package/src/core/shaders/webgl/RadialGradient.ts +85 -85
  322. package/src/core/shaders/webgl/Rounded.ts +113 -117
  323. package/src/core/shaders/webgl/RoundedWithBorder.ts +151 -155
  324. package/src/core/shaders/webgl/RoundedWithBorderAndShadow.ts +175 -175
  325. package/src/core/shaders/webgl/RoundedWithShadow.ts +94 -98
  326. package/src/core/shaders/webgl/SdfShader.ts +134 -134
  327. package/src/core/shaders/webgl/Shadow.ts +115 -115
  328. package/src/core/text-rendering/CanvasFontHandler.ts +210 -176
  329. package/src/core/text-rendering/CanvasTextRenderer.ts +622 -622
  330. package/src/core/text-rendering/SdfFontHandler.ts +554 -517
  331. package/src/core/text-rendering/SdfTextRenderer.ts +466 -466
  332. package/src/core/text-rendering/TextRenderer.ts +406 -404
  333. package/src/core/text-rendering/Utils.ts +257 -257
  334. package/src/core/text-rendering/canvas/Settings.ts +99 -99
  335. package/src/core/text-rendering/canvas/Utils.test.ts +206 -206
  336. package/src/core/text-rendering/canvas/Utils.ts +178 -178
  337. package/src/core/text-rendering/canvas/calculateRenderInfo.ts +299 -299
  338. package/src/core/text-rendering/canvas/draw.ts +165 -165
  339. package/src/core/text-rendering/sdf/Utils.test.ts +402 -402
  340. package/src/core/text-rendering/sdf/Utils.ts +436 -436
  341. package/src/core/text-rendering/sdf/index.ts +20 -20
  342. package/src/core/textures/ColorTexture.ts +102 -102
  343. package/src/core/textures/ImageTexture.ts +418 -418
  344. package/src/core/textures/NoiseTexture.ts +104 -104
  345. package/src/core/textures/RenderTexture.ts +85 -85
  346. package/src/core/textures/SubTexture.ts +205 -205
  347. package/src/core/textures/Texture.ts +381 -381
  348. package/src/core/utils.ts +227 -227
  349. package/src/env.d.ts +7 -7
  350. package/src/main-api/INode.ts +100 -100
  351. package/src/main-api/Inspector.ts +567 -567
  352. package/src/main-api/Renderer.ts +873 -873
  353. package/src/main-api/utils.ts +45 -45
  354. package/src/utils.ts +267 -267
  355. package/COPYING +0 -1
@@ -21,142 +21,142 @@ export const RoundedWithBorderAndShadow = {
21
21
  update(node) {
22
22
  const props = this.props;
23
23
  this.uniformRGBA('u_borderColor', props['border-color']);
24
- this.uniform4fa('u_borderWidth', props['border-width']);
24
+ this.uniform4fa('u_borderWidth', props['border-w']);
25
25
  this.uniformRGBA('u_shadowColor', props['shadow-color']);
26
26
  this.uniform4fa('u_shadow', props['shadow-projection']);
27
- this.uniform4fa('u_radius', calcFactoredRadiusArray(props.radius, node.width, node.height));
27
+ this.uniform4fa('u_radius', calcFactoredRadiusArray(props.radius, node.w, node.h));
28
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
- }
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
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
- }
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
160
  `,
161
161
  };
162
162
  //# sourceMappingURL=RoundedWithBorderAndShadow.js.map
@@ -1 +1 @@
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,cAAc,CAAS,CAAC,CAAC;QAEhE,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,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CACvE,CAAC;IACJ,CAAC;IACD,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4DT;IACC,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsEX;CACA,CAAC"}
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"}
@@ -22,63 +22,63 @@ export const RoundedWithShadow = {
22
22
  update(node) {
23
23
  this.uniformRGBA('u_shadow_color', this.props['shadow-color']);
24
24
  this.uniform4fa('u_shadow', this.props['shadow-projection']);
25
- this.uniform4fa('u_radius', calcFactoredRadiusArray(this.props.radius, node.width, node.height));
25
+ this.uniform4fa('u_radius', calcFactoredRadiusArray(this.props.radius, node.w, node.h));
26
26
  },
27
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
- }
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
82
  `,
83
83
  };
84
84
  //# sourceMappingURL=RoundedWithShadow.js.map
@@ -1 +1 @@
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,CACrB,IAAI,CAAC,KAAM,CAAC,MAAc,EAC1B,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,MAAM,CACZ,CACF,CAAC;IACJ,CAAC;IACD,MAAM,EAAE,MAAM,CAAC,MAAgB;IAC/B,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsDT;CACF,CAAC"}
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"}
@@ -48,69 +48,69 @@ export const Sdf = {
48
48
  this.uniform1f('u_distanceRange', props.distanceRange);
49
49
  this.uniform1i('u_debug', props.debug ? 1 : 0);
50
50
  },
51
- vertex: `
52
- # ifdef GL_FRAGMENT_PRECISION_HIGH
53
- precision highp float;
54
- # else
55
- precision mediump float;
56
- # endif
57
- // an attribute is an input (in) to a vertex shader.
58
- // It will receive data from a buffer
59
- attribute vec2 a_position;
60
- attribute vec2 a_textureCoords;
61
-
62
- uniform vec2 u_resolution;
63
- uniform mat3 u_transform;
64
- uniform float u_scrollY;
65
- uniform float u_pixelRatio;
66
- uniform float u_size;
67
-
68
- varying vec2 v_texcoord;
69
-
70
- void main() {
71
- vec2 scrolledPosition = a_position * u_size - vec2(0, u_scrollY);
72
- vec2 transformedPosition = (u_transform * vec3(scrolledPosition, 1)).xy;
73
-
74
- // Calculate screen space with pixel ratio
75
- vec2 screenSpace = (transformedPosition * u_pixelRatio / u_resolution * 2.0 - 1.0) * vec2(1, -1);
76
-
77
- gl_Position = vec4(screenSpace, 0.0, 1.0);
78
- v_texcoord = a_textureCoords;
79
-
80
- }
51
+ vertex: `
52
+ # ifdef GL_FRAGMENT_PRECISION_HIGH
53
+ precision highp float;
54
+ # else
55
+ precision mediump float;
56
+ # endif
57
+ // an attribute is an input (in) to a vertex shader.
58
+ // It will receive data from a buffer
59
+ attribute vec2 a_position;
60
+ attribute vec2 a_textureCoords;
61
+
62
+ uniform vec2 u_resolution;
63
+ uniform mat3 u_transform;
64
+ uniform float u_scrollY;
65
+ uniform float u_pixelRatio;
66
+ uniform float u_size;
67
+
68
+ varying vec2 v_texcoord;
69
+
70
+ void main() {
71
+ vec2 scrolledPosition = a_position * u_size - vec2(0, u_scrollY);
72
+ vec2 transformedPosition = (u_transform * vec3(scrolledPosition, 1)).xy;
73
+
74
+ // Calculate screen space with pixel ratio
75
+ vec2 screenSpace = (transformedPosition * u_pixelRatio / u_resolution * 2.0 - 1.0) * vec2(1, -1);
76
+
77
+ gl_Position = vec4(screenSpace, 0.0, 1.0);
78
+ v_texcoord = a_textureCoords;
79
+
80
+ }
81
81
  `,
82
- fragment: `
83
- # ifdef GL_FRAGMENT_PRECISION_HIGH
84
- precision highp float;
85
- # else
86
- precision mediump float;
87
- # endif
88
- uniform vec4 u_color;
89
- uniform sampler2D u_texture;
90
- uniform float u_distanceRange;
91
- uniform float u_pixelRatio;
92
- uniform int u_debug;
93
-
94
- varying vec2 v_texcoord;
95
-
96
- float median(float r, float g, float b) {
97
- return max(min(r, g), min(max(r, g), b));
98
- }
99
-
100
- void main() {
101
- vec3 sample = texture2D(u_texture, v_texcoord).rgb;
102
- if (u_debug == 1) {
103
- gl_FragColor = vec4(sample.r, sample.g, sample.b, 1.0);
104
- return;
105
- }
106
- float scaledDistRange = u_distanceRange * u_pixelRatio;
107
- float sigDist = scaledDistRange * (median(sample.r, sample.g, sample.b) - 0.5);
108
- float opacity = clamp(sigDist + 0.5, 0.0, 1.0) * u_color.a;
109
-
110
- // Build the final color.
111
- // IMPORTANT: We must premultiply the color by the alpha value before returning it.
112
- gl_FragColor = vec4(u_color.r * opacity, u_color.g * opacity, u_color.b * opacity, opacity);
113
- }
82
+ fragment: `
83
+ # ifdef GL_FRAGMENT_PRECISION_HIGH
84
+ precision highp float;
85
+ # else
86
+ precision mediump float;
87
+ # endif
88
+ uniform vec4 u_color;
89
+ uniform sampler2D u_texture;
90
+ uniform float u_distanceRange;
91
+ uniform float u_pixelRatio;
92
+ uniform int u_debug;
93
+
94
+ varying vec2 v_texcoord;
95
+
96
+ float median(float r, float g, float b) {
97
+ return max(min(r, g), min(max(r, g), b));
98
+ }
99
+
100
+ void main() {
101
+ vec3 sample = texture2D(u_texture, v_texcoord).rgb;
102
+ if (u_debug == 1) {
103
+ gl_FragColor = vec4(sample.r, sample.g, sample.b, 1.0);
104
+ return;
105
+ }
106
+ float scaledDistRange = u_distanceRange * u_pixelRatio;
107
+ float sigDist = scaledDistRange * (median(sample.r, sample.g, sample.b) - 0.5);
108
+ float opacity = clamp(sigDist + 0.5, 0.0, 1.0) * u_color.a;
109
+
110
+ // Build the final color.
111
+ // IMPORTANT: We must premultiply the color by the alpha value before returning it.
112
+ gl_FragColor = vec4(u_color.r * opacity, u_color.g * opacity, u_color.b * opacity, opacity);
113
+ }
114
114
  `,
115
115
  };
116
116
  //# sourceMappingURL=SdfShader.js.map