@lightningjs/renderer 3.0.0-beta10 → 3.0.0-beta11

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 (275) hide show
  1. package/LICENSE +202 -202
  2. package/NOTICE +3 -3
  3. package/README.md +133 -133
  4. package/dist/src/core/CoreTextNode.d.ts +3 -0
  5. package/dist/src/core/CoreTextNode.js +45 -10
  6. package/dist/src/core/CoreTextNode.js.map +1 -1
  7. package/dist/src/core/platform.d.ts +10 -0
  8. package/dist/src/core/platform.js +81 -0
  9. package/dist/src/core/platform.js.map +1 -0
  10. package/dist/src/core/renderers/CoreShader.d.ts +9 -0
  11. package/dist/src/core/renderers/CoreShader.js +28 -0
  12. package/dist/src/core/renderers/CoreShader.js.map +1 -0
  13. package/dist/src/core/renderers/canvas/CanvasCoreRenderer.d.ts +33 -0
  14. package/dist/src/core/renderers/canvas/CanvasCoreRenderer.js +250 -0
  15. package/dist/src/core/renderers/canvas/CanvasCoreRenderer.js.map +1 -0
  16. package/dist/src/core/renderers/canvas/CanvasCoreTexture.d.ts +16 -0
  17. package/dist/src/core/renderers/canvas/CanvasCoreTexture.js +124 -0
  18. package/dist/src/core/renderers/canvas/CanvasCoreTexture.js.map +1 -0
  19. package/dist/src/core/renderers/canvas/internal/C2DShaderUtils.d.ts +13 -0
  20. package/dist/src/core/renderers/canvas/internal/C2DShaderUtils.js +113 -192
  21. package/dist/src/core/renderers/canvas/internal/C2DShaderUtils.js.map +1 -1
  22. package/dist/src/core/renderers/canvas/internal/ColorUtils.d.ts +0 -2
  23. package/dist/src/core/renderers/canvas/internal/ColorUtils.js +0 -14
  24. package/dist/src/core/renderers/canvas/internal/ColorUtils.js.map +1 -1
  25. package/dist/src/core/renderers/canvas/shaders/UnsupportedShader.d.ts +10 -0
  26. package/dist/src/core/renderers/canvas/shaders/UnsupportedShader.js +43 -0
  27. package/dist/src/core/renderers/canvas/shaders/UnsupportedShader.js.map +1 -0
  28. package/dist/src/core/renderers/webgl/WebGlCoreCtxRenderTexture.d.ts +12 -0
  29. package/dist/src/core/renderers/webgl/WebGlCoreCtxRenderTexture.js +58 -0
  30. package/dist/src/core/renderers/webgl/WebGlCoreCtxRenderTexture.js.map +1 -0
  31. package/dist/src/core/renderers/webgl/WebGlCoreCtxSubTexture.d.ts +9 -0
  32. package/dist/src/core/renderers/webgl/WebGlCoreCtxSubTexture.js +38 -0
  33. package/dist/src/core/renderers/webgl/WebGlCoreCtxSubTexture.js.map +1 -0
  34. package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.d.ts +56 -0
  35. package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.js +239 -0
  36. package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.js.map +1 -0
  37. package/dist/src/core/renderers/webgl/WebGlCoreRenderOp.d.ts +34 -0
  38. package/dist/src/core/renderers/webgl/WebGlCoreRenderOp.js +114 -0
  39. package/dist/src/core/renderers/webgl/WebGlCoreRenderOp.js.map +1 -0
  40. package/dist/src/core/renderers/webgl/WebGlCoreRenderer.d.ts +133 -0
  41. package/dist/src/core/renderers/webgl/WebGlCoreRenderer.js +616 -0
  42. package/dist/src/core/renderers/webgl/WebGlCoreRenderer.js.map +1 -0
  43. package/dist/src/core/renderers/webgl/WebGlCoreShader.d.ts +83 -0
  44. package/dist/src/core/renderers/webgl/WebGlCoreShader.js +233 -0
  45. package/dist/src/core/renderers/webgl/WebGlCoreShader.js.map +1 -0
  46. package/dist/src/core/renderers/webgl/internal/ShaderUtils.js +35 -35
  47. package/dist/src/core/renderers/webgl/shaders/DefaultShader.d.ts +9 -0
  48. package/dist/src/core/renderers/webgl/shaders/DefaultShader.js +87 -0
  49. package/dist/src/core/renderers/webgl/shaders/DefaultShader.js.map +1 -0
  50. package/dist/src/core/renderers/webgl/shaders/DefaultShaderBatched.d.ts +10 -0
  51. package/dist/src/core/renderers/webgl/shaders/DefaultShaderBatched.js +119 -0
  52. package/dist/src/core/renderers/webgl/shaders/DefaultShaderBatched.js.map +1 -0
  53. package/dist/src/core/renderers/webgl/shaders/DynamicShader.d.ts +29 -0
  54. package/dist/src/core/renderers/webgl/shaders/DynamicShader.js +413 -0
  55. package/dist/src/core/renderers/webgl/shaders/DynamicShader.js.map +1 -0
  56. package/dist/src/core/renderers/webgl/shaders/RoundedRectangle.d.ts +28 -0
  57. package/dist/src/core/renderers/webgl/shaders/RoundedRectangle.js +131 -0
  58. package/dist/src/core/renderers/webgl/shaders/RoundedRectangle.js.map +1 -0
  59. package/dist/src/core/renderers/webgl/shaders/SdfShader.d.ts +47 -0
  60. package/dist/src/core/renderers/webgl/shaders/SdfShader.js +160 -0
  61. package/dist/src/core/renderers/webgl/shaders/SdfShader.js.map +1 -0
  62. package/dist/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.d.ts +31 -0
  63. package/dist/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.js +71 -0
  64. package/dist/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.js.map +1 -0
  65. package/dist/src/core/renderers/webgl/shaders/effects/BorderEffect.d.ts +30 -0
  66. package/dist/src/core/renderers/webgl/shaders/effects/BorderEffect.js +58 -0
  67. package/dist/src/core/renderers/webgl/shaders/effects/BorderEffect.js.map +1 -0
  68. package/dist/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.d.ts +31 -0
  69. package/dist/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.js +71 -0
  70. package/dist/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.js.map +1 -0
  71. package/dist/src/core/renderers/webgl/shaders/effects/BorderRightEffect.d.ts +31 -0
  72. package/dist/src/core/renderers/webgl/shaders/effects/BorderRightEffect.js +71 -0
  73. package/dist/src/core/renderers/webgl/shaders/effects/BorderRightEffect.js.map +1 -0
  74. package/dist/src/core/renderers/webgl/shaders/effects/BorderTopEffect.d.ts +31 -0
  75. package/dist/src/core/renderers/webgl/shaders/effects/BorderTopEffect.js +71 -0
  76. package/dist/src/core/renderers/webgl/shaders/effects/BorderTopEffect.js.map +1 -0
  77. package/dist/src/core/renderers/webgl/shaders/effects/EffectUtils.d.ts +9 -0
  78. package/dist/src/core/renderers/webgl/shaders/effects/EffectUtils.js +136 -0
  79. package/dist/src/core/renderers/webgl/shaders/effects/EffectUtils.js.map +1 -0
  80. package/dist/src/core/renderers/webgl/shaders/effects/FadeOutEffect.d.ts +36 -0
  81. package/dist/src/core/renderers/webgl/shaders/effects/FadeOutEffect.js +85 -0
  82. package/dist/src/core/renderers/webgl/shaders/effects/FadeOutEffect.js.map +1 -0
  83. package/dist/src/core/renderers/webgl/shaders/effects/GlitchEffect.d.ts +45 -0
  84. package/dist/src/core/renderers/webgl/shaders/effects/GlitchEffect.js +104 -0
  85. package/dist/src/core/renderers/webgl/shaders/effects/GlitchEffect.js.map +1 -0
  86. package/dist/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.d.ts +22 -0
  87. package/dist/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.js +45 -0
  88. package/dist/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.js.map +1 -0
  89. package/dist/src/core/renderers/webgl/shaders/effects/HolePunchEffect.d.ts +58 -0
  90. package/dist/src/core/renderers/webgl/shaders/effects/HolePunchEffect.js +80 -0
  91. package/dist/src/core/renderers/webgl/shaders/effects/HolePunchEffect.js.map +1 -0
  92. package/dist/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.d.ts +35 -0
  93. package/dist/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.js +129 -0
  94. package/dist/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.js.map +1 -0
  95. package/dist/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.d.ts +39 -0
  96. package/dist/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.js +116 -0
  97. package/dist/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.js.map +1 -0
  98. package/dist/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.d.ts +61 -0
  99. package/dist/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.js +127 -0
  100. package/dist/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.js.map +1 -0
  101. package/dist/src/core/renderers/webgl/shaders/effects/RadiusEffect.d.ts +40 -0
  102. package/dist/src/core/renderers/webgl/shaders/effects/RadiusEffect.js +71 -0
  103. package/dist/src/core/renderers/webgl/shaders/effects/RadiusEffect.js.map +1 -0
  104. package/dist/src/core/renderers/webgl/shaders/effects/ShaderEffect.d.ts +115 -0
  105. package/dist/src/core/renderers/webgl/shaders/effects/ShaderEffect.js +61 -0
  106. package/dist/src/core/renderers/webgl/shaders/effects/ShaderEffect.js.map +1 -0
  107. package/dist/src/core/shaders/templates/shaderUtils.d.ts +5 -0
  108. package/dist/src/core/shaders/templates/shaderUtils.js +41 -0
  109. package/dist/src/core/shaders/templates/shaderUtils.js.map +1 -0
  110. package/dist/src/core/shaders/webgl/Border.js +82 -82
  111. package/dist/src/core/shaders/webgl/Default.js +47 -47
  112. package/dist/src/core/shaders/webgl/DefaultBatched.js +61 -61
  113. package/dist/src/core/shaders/webgl/HolePunch.js +32 -32
  114. package/dist/src/core/shaders/webgl/LinearGradient.js +36 -36
  115. package/dist/src/core/shaders/webgl/RadialGradient.js +33 -33
  116. package/dist/src/core/shaders/webgl/Rounded.js +71 -71
  117. package/dist/src/core/shaders/webgl/RoundedWithBorder.js +111 -111
  118. package/dist/src/core/shaders/webgl/RoundedWithBorderAndShadow.js +130 -130
  119. package/dist/src/core/shaders/webgl/RoundedWithShadow.js +54 -54
  120. package/dist/src/core/shaders/webgl/SdfShader.js +62 -62
  121. package/dist/src/core/shaders/webgl/Shadow.js +83 -83
  122. package/dist/src/core/shaders/webgl/Spinner.d.ts +1 -0
  123. package/dist/src/core/shaders/webgl/Spinner.js +2 -0
  124. package/dist/src/core/shaders/webgl/Spinner.js.map +1 -0
  125. package/dist/src/core/text-rendering/CanvasFontHandler.d.ts +16 -0
  126. package/dist/src/core/text-rendering/CanvasFontHandler.js +29 -0
  127. package/dist/src/core/text-rendering/CanvasFontHandler.js.map +1 -1
  128. package/dist/src/core/text-rendering/SdfFontHandler.d.ts +15 -0
  129. package/dist/src/core/text-rendering/SdfFontHandler.js +34 -2
  130. package/dist/src/core/text-rendering/SdfFontHandler.js.map +1 -1
  131. package/dist/src/core/text-rendering/TextRenderer.d.ts +2 -0
  132. package/dist/src/core/text-rendering/TextTextureRendererUtils.js.map +1 -1
  133. package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.js +2 -2
  134. package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.js.map +1 -1
  135. package/dist/src/core/text-rendering/renderers/CanvasTextRenderer.js +0 -5
  136. package/dist/src/core/text-rendering/renderers/CanvasTextRenderer.js.map +1 -1
  137. package/dist/src/core/text-rendering/renderers/LightningTextTextureRenderer.d.ts +1 -7
  138. package/dist/src/core/text-rendering/renderers/LightningTextTextureRenderer.js +2 -50
  139. package/dist/src/core/text-rendering/renderers/LightningTextTextureRenderer.js.map +1 -1
  140. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.d.ts +3 -2
  141. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.js +83 -42
  142. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.js.map +1 -1
  143. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.d.ts +1 -1
  144. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.js +8 -66
  145. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.js.map +1 -1
  146. package/dist/src/core/text-rendering/renderers/TextRenderer.d.ts +4 -14
  147. package/dist/src/core/text-rendering/renderers/TextRenderer.js +0 -3
  148. package/dist/src/core/text-rendering/renderers/TextRenderer.js.map +1 -1
  149. package/dist/src/core/text-rendering/sdf/PeekableGenerator.d.ts +12 -0
  150. package/dist/src/core/text-rendering/sdf/PeekableGenerator.js +61 -0
  151. package/dist/src/core/text-rendering/sdf/PeekableGenerator.js.map +1 -0
  152. package/dist/src/core/text-rendering/sdf/SimpleFontShaper.d.ts +45 -0
  153. package/dist/src/core/text-rendering/sdf/SimpleFontShaper.js +69 -0
  154. package/dist/src/core/text-rendering/sdf/SimpleFontShaper.js.map +1 -0
  155. package/dist/src/main-api/DynamicShaderController.d.ts +29 -0
  156. package/dist/src/main-api/DynamicShaderController.js +58 -0
  157. package/dist/src/main-api/DynamicShaderController.js.map +1 -0
  158. package/dist/src/main-api/ShaderController.d.ts +31 -0
  159. package/dist/src/main-api/ShaderController.js +37 -0
  160. package/dist/src/main-api/ShaderController.js.map +1 -0
  161. package/dist/tsconfig.dist.tsbuildinfo +1 -1
  162. package/exports/canvas-shaders.ts +28 -28
  163. package/exports/canvas.ts +45 -45
  164. package/exports/index.ts +82 -82
  165. package/exports/inspector.ts +24 -24
  166. package/exports/utils.ts +50 -50
  167. package/exports/webgl-shaders.ts +28 -28
  168. package/exports/webgl.ts +52 -52
  169. package/package.json +2 -1
  170. package/src/common/CommonTypes.ts +146 -146
  171. package/src/common/EventEmitter.ts +77 -77
  172. package/src/common/IAnimationController.ts +92 -92
  173. package/src/common/IEventEmitter.ts +28 -28
  174. package/src/core/CoreNode.test.ts +202 -202
  175. package/src/core/CoreNode.ts +2491 -2491
  176. package/src/core/CoreShaderManager.ts +188 -188
  177. package/src/core/CoreTextNode.ts +483 -443
  178. package/src/core/CoreTextureManager.ts +565 -565
  179. package/src/core/Stage.ts +906 -906
  180. package/src/core/TextureMemoryManager.ts +445 -445
  181. package/src/core/animations/AnimationManager.ts +38 -38
  182. package/src/core/animations/CoreAnimation.ts +291 -291
  183. package/src/core/animations/CoreAnimationController.ts +166 -166
  184. package/src/core/lib/ContextSpy.ts +41 -41
  185. package/src/core/lib/ImageWorker.ts +286 -286
  186. package/src/core/lib/Matrix3d.ts +244 -244
  187. package/src/core/lib/RenderCoords.ts +71 -71
  188. package/src/core/lib/WebGlContextWrapper.ts +1381 -1381
  189. package/src/core/lib/colorCache.ts +20 -20
  190. package/src/core/lib/colorParser.ts +85 -85
  191. package/src/core/lib/textureCompression.ts +152 -152
  192. package/src/core/lib/textureSvg.ts +78 -78
  193. package/src/core/lib/utils.ts +412 -412
  194. package/src/core/lib/validateImageBitmap.ts +87 -87
  195. package/src/core/platforms/Platform.ts +77 -77
  196. package/src/core/platforms/web/WebPlatform.ts +121 -121
  197. package/src/core/renderers/CoreContextTexture.ts +43 -43
  198. package/src/core/renderers/CoreRenderOp.ts +22 -22
  199. package/src/core/renderers/CoreRenderer.ts +110 -110
  200. package/src/core/renderers/CoreShaderNode.ts +175 -175
  201. package/src/core/renderers/CoreShaderProgram.ts +23 -23
  202. package/src/core/renderers/canvas/CanvasRenderer.ts +283 -283
  203. package/src/core/renderers/canvas/CanvasShaderNode.ts +96 -96
  204. package/src/core/renderers/canvas/CanvasTexture.ts +156 -156
  205. package/src/core/renderers/webgl/WebGlCtxRenderTexture.ts +91 -91
  206. package/src/core/renderers/webgl/WebGlCtxSubTexture.ts +50 -50
  207. package/src/core/renderers/webgl/WebGlCtxTexture.ts +310 -310
  208. package/src/core/renderers/webgl/WebGlRenderOp.ts +167 -167
  209. package/src/core/renderers/webgl/WebGlRenderer.ts +747 -747
  210. package/src/core/renderers/webgl/WebGlShaderNode.ts +435 -435
  211. package/src/core/renderers/webgl/WebGlShaderProgram.ts +341 -341
  212. package/src/core/renderers/webgl/internal/BufferCollection.ts +54 -54
  213. package/src/core/renderers/webgl/internal/RendererUtils.ts +155 -155
  214. package/src/core/renderers/webgl/internal/ShaderUtils.ts +281 -281
  215. package/src/core/renderers/webgl/internal/WebGlUtils.ts +35 -35
  216. package/src/core/shaders/canvas/Border.ts +75 -75
  217. package/src/core/shaders/canvas/HolePunch.ts +62 -62
  218. package/src/core/shaders/canvas/LinearGradient.ts +71 -71
  219. package/src/core/shaders/canvas/RadialGradient.ts +99 -99
  220. package/src/core/shaders/canvas/Rounded.ts +55 -55
  221. package/src/core/shaders/canvas/RoundedWithBorder.ts +74 -74
  222. package/src/core/shaders/canvas/RoundedWithBorderAndShadow.ts +90 -90
  223. package/src/core/shaders/canvas/RoundedWithShadow.ts +70 -70
  224. package/src/core/shaders/canvas/Shadow.ts +52 -52
  225. package/src/core/shaders/canvas/utils/render.ts +151 -151
  226. package/src/core/shaders/templates/BorderTemplate.ts +115 -115
  227. package/src/core/shaders/templates/HolePunchTemplate.ts +82 -82
  228. package/src/core/shaders/templates/LinearGradientTemplate.ts +71 -71
  229. package/src/core/shaders/templates/RadialGradientTemplate.ts +81 -81
  230. package/src/core/shaders/templates/RoundedTemplate.ts +98 -98
  231. package/src/core/shaders/templates/RoundedWithBorderAndShadowTemplate.ts +38 -38
  232. package/src/core/shaders/templates/RoundedWithBorderTemplate.ts +35 -35
  233. package/src/core/shaders/templates/RoundedWithShadowTemplate.ts +35 -35
  234. package/src/core/shaders/templates/ShadowTemplate.ts +106 -106
  235. package/src/core/shaders/utils.ts +46 -46
  236. package/src/core/shaders/webgl/Border.ts +116 -116
  237. package/src/core/shaders/webgl/Default.ts +89 -89
  238. package/src/core/shaders/webgl/DefaultBatched.ts +129 -129
  239. package/src/core/shaders/webgl/HolePunch.ts +75 -75
  240. package/src/core/shaders/webgl/LinearGradient.ts +82 -82
  241. package/src/core/shaders/webgl/RadialGradient.ts +85 -85
  242. package/src/core/shaders/webgl/Rounded.ts +117 -117
  243. package/src/core/shaders/webgl/RoundedWithBorder.ts +155 -155
  244. package/src/core/shaders/webgl/RoundedWithBorderAndShadow.ts +175 -175
  245. package/src/core/shaders/webgl/RoundedWithShadow.ts +98 -98
  246. package/src/core/shaders/webgl/SdfShader.ts +134 -134
  247. package/src/core/shaders/webgl/Shadow.ts +115 -115
  248. package/src/core/text-rendering/CanvasFontHandler.ts +210 -176
  249. package/src/core/text-rendering/CanvasTextRenderer.ts +622 -622
  250. package/src/core/text-rendering/SdfFontHandler.ts +554 -517
  251. package/src/core/text-rendering/SdfTextRenderer.ts +466 -466
  252. package/src/core/text-rendering/TextRenderer.ts +406 -404
  253. package/src/core/text-rendering/Utils.ts +257 -257
  254. package/src/core/text-rendering/canvas/Settings.ts +99 -99
  255. package/src/core/text-rendering/canvas/Utils.test.ts +206 -206
  256. package/src/core/text-rendering/canvas/Utils.ts +178 -178
  257. package/src/core/text-rendering/canvas/calculateRenderInfo.ts +299 -299
  258. package/src/core/text-rendering/canvas/draw.ts +165 -165
  259. package/src/core/text-rendering/sdf/Utils.test.ts +402 -402
  260. package/src/core/text-rendering/sdf/Utils.ts +436 -436
  261. package/src/core/text-rendering/sdf/index.ts +20 -20
  262. package/src/core/textures/ColorTexture.ts +102 -102
  263. package/src/core/textures/ImageTexture.ts +418 -418
  264. package/src/core/textures/NoiseTexture.ts +104 -104
  265. package/src/core/textures/RenderTexture.ts +85 -85
  266. package/src/core/textures/SubTexture.ts +205 -205
  267. package/src/core/textures/Texture.ts +381 -381
  268. package/src/core/utils.ts +227 -227
  269. package/src/env.d.ts +7 -7
  270. package/src/main-api/INode.ts +100 -100
  271. package/src/main-api/Inspector.ts +567 -567
  272. package/src/main-api/Renderer.ts +873 -873
  273. package/src/main-api/utils.ts +45 -45
  274. package/src/utils.ts +267 -267
  275. package/COPYING +0 -1
@@ -1,244 +1,244 @@
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
-
20
- /**
21
- * A 3D matrix representing a 2D graphics transformation
22
- *
23
- * @remarks
24
- * For convenience, entries in the first two rows can be accessed by the following
25
- * properties:
26
- * | ta tb tx |
27
- * | tc td ty |
28
- * | 0 0 1 |
29
- *
30
- * This matrix is optimized for 2D transformations and hence the last row will
31
- * always be considered [0, 0 ,1].
32
- *
33
- * To access a column major array for WebGL, use the {@link getFloatArr} method.
34
- */
35
- export class Matrix3d {
36
- public ta: number;
37
- public tb: number;
38
- public tx: number;
39
- public tc: number;
40
- public td: number;
41
- public ty: number;
42
- private _floatArr: Float32Array | null = null;
43
- /**
44
- * Potential Mutation Flag
45
- *
46
- * @remarks
47
- * This flag is set to true whenever the matrix is potentially modified.
48
- * We don't waste CPU trying to identify if each operation actually modifies
49
- * the matrix. Instead, we set this flag to true whenever we think the matrix
50
- * is modified. This signals that the `floatArr` should to be updated.
51
- */
52
- private mutation: boolean;
53
-
54
- /**
55
- * Creates a new 3x3 matrix.
56
- *
57
- * @param entries Row-major 3x3 matrix
58
- */
59
- public constructor() {
60
- this.ta = 0;
61
- this.tb = 0;
62
- this.tx = 0;
63
- this.tc = 0;
64
- this.td = 0;
65
- this.ty = 0;
66
- this.mutation = true;
67
- }
68
-
69
- /**
70
- * Returns a temporary matrix that can be used for calculations.
71
- *
72
- * @remarks
73
- * This is useful for avoiding allocations in tight loops.
74
- *
75
- * The matrix is not guaranteed to be the same between calls.
76
- *
77
- * @returns
78
- */
79
- public static get temp(): Matrix3d {
80
- return tempMatrix;
81
- }
82
-
83
- public static multiply(a: Matrix3d, b: Matrix3d, out?: Matrix3d): Matrix3d {
84
- const e0 = a.ta * b.ta + a.tb * b.tc;
85
- const e1 = a.ta * b.tb + a.tb * b.td;
86
- const e2 = a.ta * b.tx + a.tb * b.ty + a.tx;
87
- const e3 = a.tc * b.ta + a.td * b.tc;
88
- const e4 = a.tc * b.tb + a.td * b.td;
89
- const e5 = a.tc * b.tx + a.td * b.ty + a.ty;
90
- if (!out) {
91
- out = new Matrix3d();
92
- }
93
- out.ta = e0;
94
- out.tb = e1;
95
- out.tx = e2;
96
- out.tc = e3;
97
- out.td = e4;
98
- out.ty = e5;
99
- out.mutation = true;
100
- return out;
101
- }
102
-
103
- public static identity(out?: Matrix3d): Matrix3d {
104
- if (!out) {
105
- out = new Matrix3d();
106
- }
107
- out.ta = 1;
108
- out.tb = 0;
109
- out.tx = 0;
110
- out.tc = 0;
111
- out.td = 1;
112
- out.ty = 0;
113
- out.mutation = true;
114
- return out;
115
- }
116
-
117
- public static translate(x: number, y: number, out?: Matrix3d): Matrix3d {
118
- if (!out) {
119
- out = new Matrix3d();
120
- }
121
- out.ta = 1;
122
- out.tb = 0;
123
- out.tx = x;
124
- out.tc = 0;
125
- out.td = 1;
126
- out.ty = y;
127
- out.mutation = true;
128
- return out;
129
- }
130
-
131
- public static scale(sx: number, sy: number, out?: Matrix3d): Matrix3d {
132
- if (!out) {
133
- out = new Matrix3d();
134
- }
135
- out.ta = sx;
136
- out.tb = 0;
137
- out.tx = 0;
138
- out.tc = 0;
139
- out.td = sy;
140
- out.ty = 0;
141
- out.mutation = true;
142
- return out;
143
- }
144
-
145
- public static rotate(angle: number, out?: Matrix3d): Matrix3d {
146
- const cos = Math.cos(angle);
147
- const sin = Math.sin(angle);
148
- if (!out) {
149
- out = new Matrix3d();
150
- }
151
- out.ta = cos;
152
- out.tb = -sin;
153
- out.tx = 0;
154
- out.tc = sin;
155
- out.td = cos;
156
- out.ty = 0;
157
- out.mutation = true;
158
- return out;
159
- }
160
-
161
- public static copy(src: Matrix3d, dst?: Matrix3d): Matrix3d {
162
- if (!dst) {
163
- dst = new Matrix3d();
164
- }
165
- dst.ta = src.ta;
166
- dst.tc = src.tc;
167
- dst.tb = src.tb;
168
- dst.td = src.td;
169
- dst.tx = src.tx;
170
- dst.ty = src.ty;
171
- dst.mutation = true;
172
- return dst;
173
- }
174
-
175
- public translate(x: number, y: number): Matrix3d {
176
- this.tx = this.ta * x + this.tb * y + this.tx;
177
- this.ty = this.tc * x + this.td * y + this.ty;
178
- this.mutation = true;
179
- return this;
180
- }
181
-
182
- public scale(sx: number, sy: number): Matrix3d {
183
- this.ta = this.ta * sx;
184
- this.tb = this.tb * sy;
185
- this.tc = this.tc * sx;
186
- this.td = this.td * sy;
187
- this.mutation = true;
188
- return this;
189
- }
190
-
191
- public rotate(angle: number): Matrix3d {
192
- if (angle === 0 || !((angle % Math.PI) * 2)) {
193
- return this;
194
- }
195
- const cos = Math.cos(angle);
196
- const sin = Math.sin(angle);
197
- const e0 = this.ta * cos + this.tb * sin;
198
- const e1 = this.tb * cos - this.ta * sin;
199
- const e3 = this.tc * cos + this.td * sin;
200
- const e4 = this.td * cos - this.tc * sin;
201
- this.ta = e0;
202
- this.tb = e1;
203
- this.tc = e3;
204
- this.td = e4;
205
- this.mutation = true;
206
- return this;
207
- }
208
-
209
- public multiply(other: Matrix3d): Matrix3d {
210
- return Matrix3d.multiply(this, other, this);
211
- }
212
-
213
- /**
214
- * Returns the matrix as a Float32Array in column-major order.
215
- *
216
- * @remarks
217
- * This method is optimized to avoid unnecessary allocations. The same array
218
- * is returned every time this method is called, and is updated in place.
219
- *
220
- * WARNING: Use the array only for passing directly to a WebGL shader uniform
221
- * during a frame render. Do not modify or hold onto the array for longer than
222
- * a frame.
223
- */
224
- getFloatArr(): Float32Array {
225
- if (!this._floatArr) {
226
- this._floatArr = new Float32Array(9);
227
- }
228
- if (this.mutation) {
229
- this._floatArr[0] = this.ta;
230
- this._floatArr[1] = this.tc;
231
- this._floatArr[2] = 0;
232
- this._floatArr[3] = this.tb;
233
- this._floatArr[4] = this.td;
234
- this._floatArr[5] = 0;
235
- this._floatArr[6] = this.tx;
236
- this._floatArr[7] = this.ty;
237
- this._floatArr[8] = 1;
238
- this.mutation = false;
239
- }
240
- return this._floatArr;
241
- }
242
- }
243
-
244
- const tempMatrix = new Matrix3d();
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
+
20
+ /**
21
+ * A 3D matrix representing a 2D graphics transformation
22
+ *
23
+ * @remarks
24
+ * For convenience, entries in the first two rows can be accessed by the following
25
+ * properties:
26
+ * | ta tb tx |
27
+ * | tc td ty |
28
+ * | 0 0 1 |
29
+ *
30
+ * This matrix is optimized for 2D transformations and hence the last row will
31
+ * always be considered [0, 0 ,1].
32
+ *
33
+ * To access a column major array for WebGL, use the {@link getFloatArr} method.
34
+ */
35
+ export class Matrix3d {
36
+ public ta: number;
37
+ public tb: number;
38
+ public tx: number;
39
+ public tc: number;
40
+ public td: number;
41
+ public ty: number;
42
+ private _floatArr: Float32Array | null = null;
43
+ /**
44
+ * Potential Mutation Flag
45
+ *
46
+ * @remarks
47
+ * This flag is set to true whenever the matrix is potentially modified.
48
+ * We don't waste CPU trying to identify if each operation actually modifies
49
+ * the matrix. Instead, we set this flag to true whenever we think the matrix
50
+ * is modified. This signals that the `floatArr` should to be updated.
51
+ */
52
+ private mutation: boolean;
53
+
54
+ /**
55
+ * Creates a new 3x3 matrix.
56
+ *
57
+ * @param entries Row-major 3x3 matrix
58
+ */
59
+ public constructor() {
60
+ this.ta = 0;
61
+ this.tb = 0;
62
+ this.tx = 0;
63
+ this.tc = 0;
64
+ this.td = 0;
65
+ this.ty = 0;
66
+ this.mutation = true;
67
+ }
68
+
69
+ /**
70
+ * Returns a temporary matrix that can be used for calculations.
71
+ *
72
+ * @remarks
73
+ * This is useful for avoiding allocations in tight loops.
74
+ *
75
+ * The matrix is not guaranteed to be the same between calls.
76
+ *
77
+ * @returns
78
+ */
79
+ public static get temp(): Matrix3d {
80
+ return tempMatrix;
81
+ }
82
+
83
+ public static multiply(a: Matrix3d, b: Matrix3d, out?: Matrix3d): Matrix3d {
84
+ const e0 = a.ta * b.ta + a.tb * b.tc;
85
+ const e1 = a.ta * b.tb + a.tb * b.td;
86
+ const e2 = a.ta * b.tx + a.tb * b.ty + a.tx;
87
+ const e3 = a.tc * b.ta + a.td * b.tc;
88
+ const e4 = a.tc * b.tb + a.td * b.td;
89
+ const e5 = a.tc * b.tx + a.td * b.ty + a.ty;
90
+ if (!out) {
91
+ out = new Matrix3d();
92
+ }
93
+ out.ta = e0;
94
+ out.tb = e1;
95
+ out.tx = e2;
96
+ out.tc = e3;
97
+ out.td = e4;
98
+ out.ty = e5;
99
+ out.mutation = true;
100
+ return out;
101
+ }
102
+
103
+ public static identity(out?: Matrix3d): Matrix3d {
104
+ if (!out) {
105
+ out = new Matrix3d();
106
+ }
107
+ out.ta = 1;
108
+ out.tb = 0;
109
+ out.tx = 0;
110
+ out.tc = 0;
111
+ out.td = 1;
112
+ out.ty = 0;
113
+ out.mutation = true;
114
+ return out;
115
+ }
116
+
117
+ public static translate(x: number, y: number, out?: Matrix3d): Matrix3d {
118
+ if (!out) {
119
+ out = new Matrix3d();
120
+ }
121
+ out.ta = 1;
122
+ out.tb = 0;
123
+ out.tx = x;
124
+ out.tc = 0;
125
+ out.td = 1;
126
+ out.ty = y;
127
+ out.mutation = true;
128
+ return out;
129
+ }
130
+
131
+ public static scale(sx: number, sy: number, out?: Matrix3d): Matrix3d {
132
+ if (!out) {
133
+ out = new Matrix3d();
134
+ }
135
+ out.ta = sx;
136
+ out.tb = 0;
137
+ out.tx = 0;
138
+ out.tc = 0;
139
+ out.td = sy;
140
+ out.ty = 0;
141
+ out.mutation = true;
142
+ return out;
143
+ }
144
+
145
+ public static rotate(angle: number, out?: Matrix3d): Matrix3d {
146
+ const cos = Math.cos(angle);
147
+ const sin = Math.sin(angle);
148
+ if (!out) {
149
+ out = new Matrix3d();
150
+ }
151
+ out.ta = cos;
152
+ out.tb = -sin;
153
+ out.tx = 0;
154
+ out.tc = sin;
155
+ out.td = cos;
156
+ out.ty = 0;
157
+ out.mutation = true;
158
+ return out;
159
+ }
160
+
161
+ public static copy(src: Matrix3d, dst?: Matrix3d): Matrix3d {
162
+ if (!dst) {
163
+ dst = new Matrix3d();
164
+ }
165
+ dst.ta = src.ta;
166
+ dst.tc = src.tc;
167
+ dst.tb = src.tb;
168
+ dst.td = src.td;
169
+ dst.tx = src.tx;
170
+ dst.ty = src.ty;
171
+ dst.mutation = true;
172
+ return dst;
173
+ }
174
+
175
+ public translate(x: number, y: number): Matrix3d {
176
+ this.tx = this.ta * x + this.tb * y + this.tx;
177
+ this.ty = this.tc * x + this.td * y + this.ty;
178
+ this.mutation = true;
179
+ return this;
180
+ }
181
+
182
+ public scale(sx: number, sy: number): Matrix3d {
183
+ this.ta = this.ta * sx;
184
+ this.tb = this.tb * sy;
185
+ this.tc = this.tc * sx;
186
+ this.td = this.td * sy;
187
+ this.mutation = true;
188
+ return this;
189
+ }
190
+
191
+ public rotate(angle: number): Matrix3d {
192
+ if (angle === 0 || !((angle % Math.PI) * 2)) {
193
+ return this;
194
+ }
195
+ const cos = Math.cos(angle);
196
+ const sin = Math.sin(angle);
197
+ const e0 = this.ta * cos + this.tb * sin;
198
+ const e1 = this.tb * cos - this.ta * sin;
199
+ const e3 = this.tc * cos + this.td * sin;
200
+ const e4 = this.td * cos - this.tc * sin;
201
+ this.ta = e0;
202
+ this.tb = e1;
203
+ this.tc = e3;
204
+ this.td = e4;
205
+ this.mutation = true;
206
+ return this;
207
+ }
208
+
209
+ public multiply(other: Matrix3d): Matrix3d {
210
+ return Matrix3d.multiply(this, other, this);
211
+ }
212
+
213
+ /**
214
+ * Returns the matrix as a Float32Array in column-major order.
215
+ *
216
+ * @remarks
217
+ * This method is optimized to avoid unnecessary allocations. The same array
218
+ * is returned every time this method is called, and is updated in place.
219
+ *
220
+ * WARNING: Use the array only for passing directly to a WebGL shader uniform
221
+ * during a frame render. Do not modify or hold onto the array for longer than
222
+ * a frame.
223
+ */
224
+ getFloatArr(): Float32Array {
225
+ if (!this._floatArr) {
226
+ this._floatArr = new Float32Array(9);
227
+ }
228
+ if (this.mutation) {
229
+ this._floatArr[0] = this.ta;
230
+ this._floatArr[1] = this.tc;
231
+ this._floatArr[2] = 0;
232
+ this._floatArr[3] = this.tb;
233
+ this._floatArr[4] = this.td;
234
+ this._floatArr[5] = 0;
235
+ this._floatArr[6] = this.tx;
236
+ this._floatArr[7] = this.ty;
237
+ this._floatArr[8] = 1;
238
+ this.mutation = false;
239
+ }
240
+ return this._floatArr;
241
+ }
242
+ }
243
+
244
+ const tempMatrix = new Matrix3d();
@@ -1,71 +1,71 @@
1
- /*
2
- * Copyright 2023 Comcast Cable Communications Management, LLC
3
- * Licensed under the Apache License, Version 2.0 (the "License");
4
- * you may not use this file except in compliance with the License.
5
- * You may obtain a copy of the License at
6
- *
7
- * http://www.apache.org/licenses/LICENSE-2.0
8
- *
9
- * Unless required by applicable law or agreed to in writing, software
10
- * distributed under the License is distributed on an "AS IS" BASIS,
11
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12
- * See the License for the specific language governing permissions and
13
- * limitations under the License.
14
- *
15
- * SPDX-License-Identifier: Apache-2.0
16
- */
17
- export class RenderCoords {
18
- public x1: number;
19
- public y1: number;
20
- public x2: number;
21
- public y2: number;
22
- public x3: number;
23
- public y3: number;
24
- public x4: number;
25
- public y4: number;
26
-
27
- constructor(
28
- x1: number,
29
- y1: number,
30
- x2: number,
31
- y2: number,
32
- x3: number,
33
- y3: number,
34
- x4: number,
35
- y4: number,
36
- ) {
37
- this.x1 = x1;
38
- this.y1 = y1;
39
- this.x2 = x2;
40
- this.y2 = y2;
41
- this.x3 = x3;
42
- this.y3 = y3;
43
- this.x4 = x4;
44
- this.y4 = y4;
45
- }
46
-
47
- static translate(
48
- x1: number,
49
- y1: number,
50
- x2: number,
51
- y2: number,
52
- x3: number,
53
- y3: number,
54
- x4: number,
55
- y4: number,
56
- out?: RenderCoords,
57
- ): RenderCoords {
58
- if (out === undefined) {
59
- return new RenderCoords(x1, y1, x2, y2, x3, y3, x4, y4);
60
- }
61
- out.x1 = x1;
62
- out.y1 = y1;
63
- out.x2 = x2;
64
- out.y2 = y2;
65
- out.x3 = x3;
66
- out.y3 = y3;
67
- out.x4 = x4;
68
- out.y4 = y4;
69
- return out;
70
- }
71
- }
1
+ /*
2
+ * Copyright 2023 Comcast Cable Communications Management, LLC
3
+ * Licensed under the Apache License, Version 2.0 (the "License");
4
+ * you may not use this file except in compliance with the License.
5
+ * You may obtain a copy of the License at
6
+ *
7
+ * http://www.apache.org/licenses/LICENSE-2.0
8
+ *
9
+ * Unless required by applicable law or agreed to in writing, software
10
+ * distributed under the License is distributed on an "AS IS" BASIS,
11
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12
+ * See the License for the specific language governing permissions and
13
+ * limitations under the License.
14
+ *
15
+ * SPDX-License-Identifier: Apache-2.0
16
+ */
17
+ export class RenderCoords {
18
+ public x1: number;
19
+ public y1: number;
20
+ public x2: number;
21
+ public y2: number;
22
+ public x3: number;
23
+ public y3: number;
24
+ public x4: number;
25
+ public y4: number;
26
+
27
+ constructor(
28
+ x1: number,
29
+ y1: number,
30
+ x2: number,
31
+ y2: number,
32
+ x3: number,
33
+ y3: number,
34
+ x4: number,
35
+ y4: number,
36
+ ) {
37
+ this.x1 = x1;
38
+ this.y1 = y1;
39
+ this.x2 = x2;
40
+ this.y2 = y2;
41
+ this.x3 = x3;
42
+ this.y3 = y3;
43
+ this.x4 = x4;
44
+ this.y4 = y4;
45
+ }
46
+
47
+ static translate(
48
+ x1: number,
49
+ y1: number,
50
+ x2: number,
51
+ y2: number,
52
+ x3: number,
53
+ y3: number,
54
+ x4: number,
55
+ y4: number,
56
+ out?: RenderCoords,
57
+ ): RenderCoords {
58
+ if (out === undefined) {
59
+ return new RenderCoords(x1, y1, x2, y2, x3, y3, x4, y4);
60
+ }
61
+ out.x1 = x1;
62
+ out.y1 = y1;
63
+ out.x2 = x2;
64
+ out.y2 = y2;
65
+ out.x3 = x3;
66
+ out.y3 = y3;
67
+ out.x4 = x4;
68
+ out.y4 = y4;
69
+ return out;
70
+ }
71
+ }