@lightningjs/renderer 2.9.0-beta4 → 2.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (208) hide show
  1. package/LICENSE +202 -202
  2. package/NOTICE +3 -3
  3. package/README.md +147 -147
  4. package/dist/exports/core-api.d.ts +74 -0
  5. package/dist/exports/core-api.js +96 -0
  6. package/dist/exports/core-api.js.map +1 -0
  7. package/dist/exports/main-api.d.ts +30 -0
  8. package/dist/exports/main-api.js +45 -0
  9. package/dist/exports/main-api.js.map +1 -0
  10. package/dist/src/core/CoreExtension.d.ts +12 -0
  11. package/dist/src/core/CoreExtension.js +29 -0
  12. package/dist/src/core/CoreExtension.js.map +1 -0
  13. package/dist/src/core/CoreNode.d.ts +5 -1
  14. package/dist/src/core/CoreNode.js +14 -4
  15. package/dist/src/core/CoreNode.js.map +1 -1
  16. package/dist/src/core/CoreTextureManager.d.ts +24 -0
  17. package/dist/src/core/CoreTextureManager.js.map +1 -1
  18. package/dist/src/core/renderers/webgl/shaders/DefaultShader.js +45 -45
  19. package/dist/src/core/renderers/webgl/shaders/DefaultShaderBatched.js +61 -61
  20. package/dist/src/core/renderers/webgl/shaders/DynamicShader.js +93 -93
  21. package/dist/src/core/renderers/webgl/shaders/RoundedRectangle.js +63 -63
  22. package/dist/src/core/renderers/webgl/shaders/SdfShader.js +62 -62
  23. package/dist/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.js +15 -15
  24. package/dist/src/core/renderers/webgl/shaders/effects/BorderEffect.js +6 -6
  25. package/dist/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.js +15 -15
  26. package/dist/src/core/renderers/webgl/shaders/effects/BorderRightEffect.js +15 -15
  27. package/dist/src/core/renderers/webgl/shaders/effects/BorderTopEffect.js +15 -15
  28. package/dist/src/core/renderers/webgl/shaders/effects/FadeOutEffect.js +42 -42
  29. package/dist/src/core/renderers/webgl/shaders/effects/GlitchEffect.js +44 -44
  30. package/dist/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.js +3 -3
  31. package/dist/src/core/renderers/webgl/shaders/effects/HolePunchEffect.js +22 -22
  32. package/dist/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.js +28 -28
  33. package/dist/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.js +10 -10
  34. package/dist/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.js +37 -37
  35. package/dist/src/core/renderers/webgl/shaders/effects/RadiusEffect.js +19 -19
  36. package/dist/src/main-api/ICoreDriver.d.ts +24 -0
  37. package/dist/src/main-api/ICoreDriver.js +20 -0
  38. package/dist/src/main-api/ICoreDriver.js.map +1 -0
  39. package/dist/src/main-api/RendererMain.d.ts +378 -0
  40. package/dist/src/main-api/RendererMain.js +367 -0
  41. package/dist/src/main-api/RendererMain.js.map +1 -0
  42. package/dist/src/main-api/texture-usage-trackers/FinalizationRegistryTextureUsageTracker.d.ts +9 -0
  43. package/dist/src/main-api/texture-usage-trackers/FinalizationRegistryTextureUsageTracker.js +38 -0
  44. package/dist/src/main-api/texture-usage-trackers/FinalizationRegistryTextureUsageTracker.js.map +1 -0
  45. package/dist/src/main-api/texture-usage-trackers/ManualCountTextureUsageTracker.d.ts +56 -0
  46. package/dist/src/main-api/texture-usage-trackers/ManualCountTextureUsageTracker.js +101 -0
  47. package/dist/src/main-api/texture-usage-trackers/ManualCountTextureUsageTracker.js.map +1 -0
  48. package/dist/src/main-api/texture-usage-trackers/TextureUsageTracker.d.ts +32 -0
  49. package/dist/src/main-api/texture-usage-trackers/TextureUsageTracker.js +28 -0
  50. package/dist/src/main-api/texture-usage-trackers/TextureUsageTracker.js.map +1 -0
  51. package/dist/src/render-drivers/main/MainCoreDriver.d.ts +21 -0
  52. package/dist/src/render-drivers/main/MainCoreDriver.js +115 -0
  53. package/dist/src/render-drivers/main/MainCoreDriver.js.map +1 -0
  54. package/dist/src/render-drivers/main/MainOnlyNode.d.ts +101 -0
  55. package/dist/src/render-drivers/main/MainOnlyNode.js +425 -0
  56. package/dist/src/render-drivers/main/MainOnlyNode.js.map +1 -0
  57. package/dist/src/render-drivers/main/MainOnlyTextNode.d.ts +47 -0
  58. package/dist/src/render-drivers/main/MainOnlyTextNode.js +204 -0
  59. package/dist/src/render-drivers/main/MainOnlyTextNode.js.map +1 -0
  60. package/dist/src/render-drivers/threadx/NodeStruct.d.ts +93 -0
  61. package/dist/src/render-drivers/threadx/NodeStruct.js +290 -0
  62. package/dist/src/render-drivers/threadx/NodeStruct.js.map +1 -0
  63. package/dist/src/render-drivers/threadx/SharedNode.d.ts +40 -0
  64. package/dist/src/render-drivers/threadx/SharedNode.js +61 -0
  65. package/dist/src/render-drivers/threadx/SharedNode.js.map +1 -0
  66. package/dist/src/render-drivers/threadx/TextNodeStruct.d.ts +44 -0
  67. package/dist/src/render-drivers/threadx/TextNodeStruct.js +203 -0
  68. package/dist/src/render-drivers/threadx/TextNodeStruct.js.map +1 -0
  69. package/dist/src/render-drivers/threadx/ThreadXCoreDriver.d.ts +25 -0
  70. package/dist/src/render-drivers/threadx/ThreadXCoreDriver.js +232 -0
  71. package/dist/src/render-drivers/threadx/ThreadXCoreDriver.js.map +1 -0
  72. package/dist/src/render-drivers/threadx/ThreadXMainAnimationController.d.ts +24 -0
  73. package/dist/src/render-drivers/threadx/ThreadXMainAnimationController.js +113 -0
  74. package/dist/src/render-drivers/threadx/ThreadXMainAnimationController.js.map +1 -0
  75. package/dist/src/render-drivers/threadx/ThreadXMainNode.d.ts +46 -0
  76. package/dist/src/render-drivers/threadx/ThreadXMainNode.js +160 -0
  77. package/dist/src/render-drivers/threadx/ThreadXMainNode.js.map +1 -0
  78. package/dist/src/render-drivers/threadx/ThreadXMainTextNode.d.ts +28 -0
  79. package/dist/src/render-drivers/threadx/ThreadXMainTextNode.js +55 -0
  80. package/dist/src/render-drivers/threadx/ThreadXMainTextNode.js.map +1 -0
  81. package/dist/src/render-drivers/threadx/ThreadXRendererMessage.d.ts +70 -0
  82. package/dist/src/render-drivers/threadx/ThreadXRendererMessage.js +32 -0
  83. package/dist/src/render-drivers/threadx/ThreadXRendererMessage.js.map +1 -0
  84. package/dist/src/render-drivers/threadx/worker/ThreadXRendererNode.d.ts +19 -0
  85. package/dist/src/render-drivers/threadx/worker/ThreadXRendererNode.js +184 -0
  86. package/dist/src/render-drivers/threadx/worker/ThreadXRendererNode.js.map +1 -0
  87. package/dist/src/render-drivers/threadx/worker/ThreadXRendererTextNode.d.ts +27 -0
  88. package/dist/src/render-drivers/threadx/worker/ThreadXRendererTextNode.js +109 -0
  89. package/dist/src/render-drivers/threadx/worker/ThreadXRendererTextNode.js.map +1 -0
  90. package/dist/src/render-drivers/threadx/worker/renderer.d.ts +1 -0
  91. package/dist/src/render-drivers/threadx/worker/renderer.js +147 -0
  92. package/dist/src/render-drivers/threadx/worker/renderer.js.map +1 -0
  93. package/dist/src/render-drivers/utils.d.ts +12 -0
  94. package/dist/src/render-drivers/utils.js +74 -0
  95. package/dist/src/render-drivers/utils.js.map +1 -0
  96. package/dist/tsconfig.dist.tsbuildinfo +1 -1
  97. package/dist/tsconfig.tsbuildinfo +1 -0
  98. package/exports/canvas.ts +39 -39
  99. package/exports/index.ts +89 -89
  100. package/exports/inspector.ts +24 -24
  101. package/exports/utils.ts +44 -44
  102. package/exports/webgl.ts +38 -38
  103. package/package.json +1 -1
  104. package/scripts/please-use-pnpm.js +13 -13
  105. package/src/common/CommonTypes.ts +139 -139
  106. package/src/common/EventEmitter.ts +77 -77
  107. package/src/common/IAnimationController.ts +92 -92
  108. package/src/common/IEventEmitter.ts +28 -28
  109. package/src/core/CoreNode.test.ts +199 -199
  110. package/src/core/CoreNode.ts +2335 -2313
  111. package/src/core/CoreShaderManager.ts +292 -292
  112. package/src/core/CoreTextNode.ts +455 -455
  113. package/src/core/CoreTextureManager.ts +548 -522
  114. package/src/core/Stage.ts +700 -700
  115. package/src/core/TextureMemoryManager.ts +277 -277
  116. package/src/core/animations/AnimationManager.ts +38 -38
  117. package/src/core/animations/CoreAnimation.ts +340 -340
  118. package/src/core/animations/CoreAnimationController.ts +157 -157
  119. package/src/core/lib/ContextSpy.ts +41 -41
  120. package/src/core/lib/ImageWorker.ts +270 -270
  121. package/src/core/lib/Matrix3d.ts +244 -244
  122. package/src/core/lib/RenderCoords.ts +86 -86
  123. package/src/core/lib/WebGlContextWrapper.ts +1322 -1322
  124. package/src/core/lib/textureCompression.ts +152 -152
  125. package/src/core/lib/textureSvg.ts +78 -78
  126. package/src/core/lib/utils.ts +306 -306
  127. package/src/core/platform.ts +61 -61
  128. package/src/core/renderers/CoreContextTexture.ts +43 -43
  129. package/src/core/renderers/CoreRenderOp.ts +22 -22
  130. package/src/core/renderers/CoreRenderer.ts +114 -114
  131. package/src/core/renderers/CoreShader.ts +41 -41
  132. package/src/core/renderers/canvas/CanvasCoreRenderer.ts +364 -364
  133. package/src/core/renderers/canvas/CanvasCoreTexture.ts +150 -150
  134. package/src/core/renderers/canvas/internal/C2DShaderUtils.ts +231 -231
  135. package/src/core/renderers/canvas/internal/ColorUtils.ts +69 -69
  136. package/src/core/renderers/canvas/shaders/UnsupportedShader.ts +48 -48
  137. package/src/core/renderers/webgl/WebGlCoreCtxRenderTexture.ts +79 -79
  138. package/src/core/renderers/webgl/WebGlCoreCtxSubTexture.ts +50 -50
  139. package/src/core/renderers/webgl/WebGlCoreCtxTexture.ts +298 -298
  140. package/src/core/renderers/webgl/WebGlCoreRenderOp.ts +125 -125
  141. package/src/core/renderers/webgl/WebGlCoreRenderer.ts +805 -805
  142. package/src/core/renderers/webgl/WebGlCoreShader.ts +362 -362
  143. package/src/core/renderers/webgl/internal/BufferCollection.ts +54 -54
  144. package/src/core/renderers/webgl/internal/RendererUtils.ts +155 -155
  145. package/src/core/renderers/webgl/internal/ShaderUtils.ts +143 -143
  146. package/src/core/renderers/webgl/internal/WebGlUtils.ts +35 -35
  147. package/src/core/renderers/webgl/shaders/DefaultShader.ts +93 -93
  148. package/src/core/renderers/webgl/shaders/DefaultShaderBatched.ts +132 -132
  149. package/src/core/renderers/webgl/shaders/DynamicShader.ts +580 -580
  150. package/src/core/renderers/webgl/shaders/RoundedRectangle.ts +167 -167
  151. package/src/core/renderers/webgl/shaders/SdfShader.ts +204 -204
  152. package/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.ts +101 -101
  153. package/src/core/renderers/webgl/shaders/effects/BorderEffect.ts +87 -87
  154. package/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.ts +101 -101
  155. package/src/core/renderers/webgl/shaders/effects/BorderRightEffect.ts +101 -101
  156. package/src/core/renderers/webgl/shaders/effects/BorderTopEffect.ts +101 -101
  157. package/src/core/renderers/webgl/shaders/effects/EffectUtils.ts +159 -159
  158. package/src/core/renderers/webgl/shaders/effects/FadeOutEffect.ts +127 -127
  159. package/src/core/renderers/webgl/shaders/effects/GlitchEffect.ts +148 -148
  160. package/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.ts +67 -67
  161. package/src/core/renderers/webgl/shaders/effects/HolePunchEffect.ts +157 -157
  162. package/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.ts +171 -171
  163. package/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.ts +168 -168
  164. package/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.ts +187 -187
  165. package/src/core/renderers/webgl/shaders/effects/RadiusEffect.ts +110 -110
  166. package/src/core/renderers/webgl/shaders/effects/ShaderEffect.ts +196 -196
  167. package/src/core/text-rendering/TextRenderingUtils.ts +36 -36
  168. package/src/core/text-rendering/TextTextureRendererUtils.ts +263 -263
  169. package/src/core/text-rendering/TrFontManager.ts +183 -183
  170. package/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.ts +176 -176
  171. package/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/FontShaper.ts +139 -139
  172. package/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.test.ts +173 -173
  173. package/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.ts +171 -171
  174. package/src/core/text-rendering/font-face-types/TrFontFace.ts +187 -187
  175. package/src/core/text-rendering/font-face-types/WebTrFontFace.ts +89 -89
  176. package/src/core/text-rendering/renderers/CanvasTextRenderer.ts +509 -509
  177. package/src/core/text-rendering/renderers/LightningTextTextureRenderer.ts +798 -798
  178. package/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.ts +853 -853
  179. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/PeekableGenerator.test.ts +48 -48
  180. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/PeekableGenerator.ts +66 -66
  181. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/SpecialCodepoints.ts +52 -52
  182. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/constants.ts +32 -32
  183. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/getStartConditions.ts +117 -117
  184. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/getUnicodeCodepoints.test.ts +133 -133
  185. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/getUnicodeCodepoints.ts +38 -38
  186. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.ts +403 -403
  187. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/measureText.test.ts +49 -49
  188. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/measureText.ts +52 -52
  189. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/setRenderWindow.test.ts +205 -205
  190. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/setRenderWindow.ts +93 -93
  191. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/util.ts +40 -40
  192. package/src/core/text-rendering/renderers/TextRenderer.ts +557 -557
  193. package/src/core/textures/ColorTexture.ts +102 -102
  194. package/src/core/textures/ImageTexture.ts +378 -378
  195. package/src/core/textures/NoiseTexture.ts +104 -104
  196. package/src/core/textures/RenderTexture.ts +85 -85
  197. package/src/core/textures/SubTexture.ts +171 -171
  198. package/src/core/textures/Texture.ts +423 -423
  199. package/src/core/utils.ts +227 -227
  200. package/src/env.d.ts +7 -7
  201. package/src/main-api/DynamicShaderController.ts +104 -104
  202. package/src/main-api/INode.ts +101 -101
  203. package/src/main-api/Inspector.ts +505 -505
  204. package/src/main-api/Renderer.ts +693 -693
  205. package/src/main-api/ShaderController.ts +80 -80
  206. package/src/main-api/utils.ts +45 -45
  207. package/src/utils.ts +248 -248
  208. package/COPYING +0 -1
@@ -47,25 +47,25 @@ export class BorderTopEffect extends ShaderEffect {
47
47
  },
48
48
  };
49
49
  static methods = {
50
- fillMask: `
51
- float function(float dist) {
52
- return clamp(-dist, 0.0, 1.0);
53
- }
50
+ fillMask: `
51
+ float function(float dist) {
52
+ return clamp(-dist, 0.0, 1.0);
53
+ }
54
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
- }
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
60
  `,
61
61
  };
62
- static onEffectMask = `
63
- vec2 pos = vec2(0.0, 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));
62
+ static onEffectMask = `
63
+ vec2 pos = vec2(0.0, 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
66
  `;
67
- static onColorize = `
68
- return color;
67
+ static onColorize = `
68
+ return color;
69
69
  `;
70
70
  }
71
71
  //# sourceMappingURL=BorderTopEffect.js.map
@@ -38,48 +38,48 @@ export class FadeOutEffect extends ShaderEffect {
38
38
  fade: props.fade ?? 10,
39
39
  };
40
40
  }
41
- static onColorize = `
42
- vec2 point = v_textureCoordinate.xy * u_dimensions.xy;
43
- vec2 pos1;
44
- vec2 pos2;
45
- vec2 d;
46
- float c;
47
- vec4 result = maskColor;
48
-
49
-
50
- if(fade[0] > 0.0) {
51
- pos1 = vec2(point.x, point.y);
52
- pos2 = vec2(point.x, point.y + fade[0]);
53
- d = pos2 - pos1;
54
- c = dot(pos1, d) / dot(d, d);
55
- result = mix(vec4(0.0), result, smoothstep(0.0, 1.0, clamp(c, 0.0, 1.0)));
56
- }
57
-
58
- if(fade[1] > 0.0) {
59
- pos1 = vec2(point.x - u_dimensions.x - fade[1], v_textureCoordinate.y);
60
- pos2 = vec2(point.x - u_dimensions.x, v_textureCoordinate.y);
61
- d = pos1 - pos2;
62
- c = dot(pos2, d) / dot(d, d);
63
- result = mix(vec4(0.0), result, smoothstep(0.0, 1.0, clamp(c, 0.0, 1.0)));
64
- }
65
-
66
- if(fade[2] > 0.0) {
67
- pos1 = vec2(v_textureCoordinate.x, point.y - u_dimensions.y - fade[2]);
68
- pos2 = vec2(v_textureCoordinate.x, point.y - u_dimensions.y);
69
- d = pos1 - pos2;
70
- c = dot(pos2, d) / dot(d, d);
71
- result = mix(vec4(0.0), result, smoothstep(0.0, 1.0, clamp(c, 0.0, 1.0)));
72
- }
73
-
74
- if(fade[3] > 0.0) {
75
- pos1 = vec2(point.x, point.y);
76
- pos2 = vec2(point.x + fade[3], point.y);
77
- d = pos2 - pos1;
78
- c = dot(pos1, d) / dot(d, d);
79
- result = mix(vec4(0.0), result, smoothstep(0.0, 1.0, clamp(c, 0.0, 1.0)));
80
- }
81
-
82
- return result;
41
+ static onColorize = `
42
+ vec2 point = v_textureCoordinate.xy * u_dimensions.xy;
43
+ vec2 pos1;
44
+ vec2 pos2;
45
+ vec2 d;
46
+ float c;
47
+ vec4 result = maskColor;
48
+
49
+
50
+ if(fade[0] > 0.0) {
51
+ pos1 = vec2(point.x, point.y);
52
+ pos2 = vec2(point.x, point.y + fade[0]);
53
+ d = pos2 - pos1;
54
+ c = dot(pos1, d) / dot(d, d);
55
+ result = mix(vec4(0.0), result, smoothstep(0.0, 1.0, clamp(c, 0.0, 1.0)));
56
+ }
57
+
58
+ if(fade[1] > 0.0) {
59
+ pos1 = vec2(point.x - u_dimensions.x - fade[1], v_textureCoordinate.y);
60
+ pos2 = vec2(point.x - u_dimensions.x, v_textureCoordinate.y);
61
+ d = pos1 - pos2;
62
+ c = dot(pos2, d) / dot(d, d);
63
+ result = mix(vec4(0.0), result, smoothstep(0.0, 1.0, clamp(c, 0.0, 1.0)));
64
+ }
65
+
66
+ if(fade[2] > 0.0) {
67
+ pos1 = vec2(v_textureCoordinate.x, point.y - u_dimensions.y - fade[2]);
68
+ pos2 = vec2(v_textureCoordinate.x, point.y - u_dimensions.y);
69
+ d = pos1 - pos2;
70
+ c = dot(pos2, d) / dot(d, d);
71
+ result = mix(vec4(0.0), result, smoothstep(0.0, 1.0, clamp(c, 0.0, 1.0)));
72
+ }
73
+
74
+ if(fade[3] > 0.0) {
75
+ pos1 = vec2(point.x, point.y);
76
+ pos2 = vec2(point.x + fade[3], point.y);
77
+ d = pos2 - pos1;
78
+ c = dot(pos1, d) / dot(d, d);
79
+ result = mix(vec4(0.0), result, smoothstep(0.0, 1.0, clamp(c, 0.0, 1.0)));
80
+ }
81
+
82
+ return result;
83
83
  `;
84
84
  }
85
85
  //# sourceMappingURL=FadeOutEffect.js.map
@@ -51,54 +51,54 @@ export class GlitchEffect extends ShaderEffect {
51
51
  },
52
52
  };
53
53
  static methods = {
54
- rand: `
55
- float function(vec2 p, float time) {
56
- float t = floor(time * 20.) / 10.;
57
- return fract(sin(dot(p, vec2(t * 12.9898, t * 78.233))) * 43758.5453);
58
- }
54
+ rand: `
55
+ float function(vec2 p, float time) {
56
+ float t = floor(time * 20.) / 10.;
57
+ return fract(sin(dot(p, vec2(t * 12.9898, t * 78.233))) * 43758.5453);
58
+ }
59
59
  `,
60
- noise: `
61
- float function(vec2 uv, float blockiness, float time) {
62
- vec2 lv = fract(uv);
63
- vec2 id = floor(uv);
64
-
65
- float n1 = rand(id, time);
66
- float n2 = rand(id+vec2(1,0), time);
67
- float n3 = rand(id+vec2(0,1), time);
68
- float n4 = rand(id+vec2(1,1), time);
69
- vec2 u = smoothstep(0.0, 1.0 + blockiness, lv);
70
- return mix(mix(n1, n2, u.x), mix(n3, n4, u.x), u.y);
71
- }
60
+ noise: `
61
+ float function(vec2 uv, float blockiness, float time) {
62
+ vec2 lv = fract(uv);
63
+ vec2 id = floor(uv);
64
+
65
+ float n1 = rand(id, time);
66
+ float n2 = rand(id+vec2(1,0), time);
67
+ float n3 = rand(id+vec2(0,1), time);
68
+ float n4 = rand(id+vec2(1,1), time);
69
+ vec2 u = smoothstep(0.0, 1.0 + blockiness, lv);
70
+ return mix(mix(n1, n2, u.x), mix(n3, n4, u.x), u.y);
71
+ }
72
72
  `,
73
- fbm: `
74
- float function(vec2 uv, int count, float blockiness, float complexity, float time) {
75
- float val = 0.0;
76
- float amp = 0.5;
77
- const int MAX_ITERATIONS = 10;
78
-
79
- for(int i = 0; i < MAX_ITERATIONS; i++) {
80
- if(i >= count) {break;}
81
- val += amp * noise(uv, blockiness, time);
82
- amp *= 0.5;
83
- uv *= complexity;
84
- }
85
- return val;
86
- }
73
+ fbm: `
74
+ float function(vec2 uv, int count, float blockiness, float complexity, float time) {
75
+ float val = 0.0;
76
+ float amp = 0.5;
77
+ const int MAX_ITERATIONS = 10;
78
+
79
+ for(int i = 0; i < MAX_ITERATIONS; i++) {
80
+ if(i >= count) {break;}
81
+ val += amp * noise(uv, blockiness, time);
82
+ amp *= 0.5;
83
+ uv *= complexity;
84
+ }
85
+ return val;
86
+ }
87
87
  `,
88
88
  };
89
- static onColorize = `
90
- vec2 uv = v_textureCoordinate.xy;
91
- float aspect = u_dimensions.x / u_dimensions.y;
92
- vec2 a = vec2(uv.x * aspect , uv.y);
93
- vec2 uv2 = vec2(a.x / u_dimensions.x, exp(a.y));
94
-
95
- float shift = amplitude * pow($fbm(uv2, 4, blockiness, narrowness, time), minimizer);
96
- float colR = texture2D(u_texture, vec2(uv.x + shift, uv.y)).r * (1. - shift);
97
- float colG = texture2D(u_texture, vec2(uv.x - shift, uv.y)).g * (1. - shift);
98
- float colB = texture2D(u_texture, vec2(uv.x - shift, uv.y)).b * (1. - shift);
99
-
100
- vec3 f = vec3(colR, colG, colB);
101
- return vec4(f, texture2D(u_texture, vec2(uv.x - shift, uv.y)).a);
89
+ static onColorize = `
90
+ vec2 uv = v_textureCoordinate.xy;
91
+ float aspect = u_dimensions.x / u_dimensions.y;
92
+ vec2 a = vec2(uv.x * aspect , uv.y);
93
+ vec2 uv2 = vec2(a.x / u_dimensions.x, exp(a.y));
94
+
95
+ float shift = amplitude * pow($fbm(uv2, 4, blockiness, narrowness, time), minimizer);
96
+ float colR = texture2D(u_texture, vec2(uv.x + shift, uv.y)).r * (1. - shift);
97
+ float colG = texture2D(u_texture, vec2(uv.x - shift, uv.y)).g * (1. - shift);
98
+ float colB = texture2D(u_texture, vec2(uv.x - shift, uv.y)).b * (1. - shift);
99
+
100
+ vec3 f = vec3(colR, colG, colB);
101
+ return vec4(f, texture2D(u_texture, vec2(uv.x - shift, uv.y)).a);
102
102
  `;
103
103
  }
104
104
  //# sourceMappingURL=GlitchEffect.js.map
@@ -37,9 +37,9 @@ export class GrayscaleEffect extends ShaderEffect {
37
37
  type: 'float',
38
38
  },
39
39
  };
40
- static onColorize = `
41
- float grayness = 0.2 * maskColor.r + 0.6 * maskColor.g + 0.2 * maskColor.b;
42
- return vec4(amount * vec3(grayness) + (1.0 - amount) * maskColor.rgb, maskColor.a);
40
+ static onColorize = `
41
+ float grayness = 0.2 * maskColor.r + 0.6 * maskColor.g + 0.2 * maskColor.b;
42
+ return vec4(amount * vec3(grayness) + (1.0 - amount) * maskColor.rgb, maskColor.a);
43
43
  `;
44
44
  }
45
45
  //# sourceMappingURL=GrayscaleEffect.js.map
@@ -49,32 +49,32 @@ export class HolePunchEffect extends ShaderEffect {
49
49
  };
50
50
  }
51
51
  static methods = {
52
- fillMask: `
53
- float function(float dist) {
54
- return clamp(-dist, 0.0, 1.0);
55
- }
52
+ fillMask: `
53
+ float function(float dist) {
54
+ return clamp(-dist, 0.0, 1.0);
55
+ }
56
56
  `,
57
- boxDist: `
58
- float function(vec2 p, vec2 size, float radius) {
59
- size -= vec2(radius);
60
- vec2 d = abs(p) - size;
61
- return min(max(d.x, d.y), 0.0) + length(max(d, 0.0)) - radius;
62
- }
57
+ boxDist: `
58
+ float function(vec2 p, vec2 size, float radius) {
59
+ size -= vec2(radius);
60
+ vec2 d = abs(p) - size;
61
+ return min(max(d.x, d.y), 0.0) + length(max(d, 0.0)) - radius;
62
+ }
63
63
  `,
64
64
  };
65
- static onShaderMask = `
66
- vec2 halfDimensions = u_dimensions * 0.5;
67
- vec2 size = vec2(width, height) * 0.5;
68
- vec2 basePos = v_textureCoordinate.xy * u_dimensions.xy - vec2(x, y);
69
- vec2 pos = basePos - size;
70
- float r = radius[0] * step(pos.x, 0.5) * step(pos.y, 0.5);
71
- r = r + radius[1] * step(0.5, pos.x) * step(pos.y, 0.5);
72
- r = r + radius[2] * step(0.5, pos.x) * step(0.5, pos.y);
73
- r = r + radius[3] * step(pos.x, 0.5) * step(0.5, pos.y);
74
- return $boxDist(pos, size, r);
65
+ static onShaderMask = `
66
+ vec2 halfDimensions = u_dimensions * 0.5;
67
+ vec2 size = vec2(width, height) * 0.5;
68
+ vec2 basePos = v_textureCoordinate.xy * u_dimensions.xy - vec2(x, y);
69
+ vec2 pos = basePos - size;
70
+ float r = radius[0] * step(pos.x, 0.5) * step(pos.y, 0.5);
71
+ r = r + radius[1] * step(0.5, pos.x) * step(pos.y, 0.5);
72
+ r = r + radius[2] * step(0.5, pos.x) * step(0.5, pos.y);
73
+ r = r + radius[3] * step(pos.x, 0.5) * step(0.5, pos.y);
74
+ return $boxDist(pos, size, r);
75
75
  `;
76
- static onEffectMask = `
77
- return mix(maskColor, vec4(0.0), $fillMask(shaderMask));
76
+ static onEffectMask = `
77
+ return mix(maskColor, vec4(0.0), $fillMask(shaderMask));
78
78
  `;
79
79
  }
80
80
  //# sourceMappingURL=HolePunchEffect.js.map
@@ -82,24 +82,24 @@ export class LinearGradientEffect extends ShaderEffect {
82
82
  },
83
83
  };
84
84
  static methods = {
85
- fromLinear: `
86
- vec4 function(vec4 linearRGB) {
87
- vec4 higher = vec4(1.055)*pow(linearRGB, vec4(1.0/2.4)) - vec4(0.055);
88
- vec4 lower = linearRGB * vec4(12.92);
89
- return mix(higher, lower, 1.0);
90
- }
85
+ fromLinear: `
86
+ vec4 function(vec4 linearRGB) {
87
+ vec4 higher = vec4(1.055)*pow(linearRGB, vec4(1.0/2.4)) - vec4(0.055);
88
+ vec4 lower = linearRGB * vec4(12.92);
89
+ return mix(higher, lower, 1.0);
90
+ }
91
91
  `,
92
- toLinear: `
93
- vec4 function(vec4 sRGB) {
94
- vec4 higher = pow((sRGB + vec4(0.055))/vec4(1.055), vec4(2.4));
95
- vec4 lower = sRGB/vec4(12.92);
96
- return mix(higher, lower, 1.0);
97
- }
92
+ toLinear: `
93
+ vec4 function(vec4 sRGB) {
94
+ vec4 higher = pow((sRGB + vec4(0.055))/vec4(1.055), vec4(2.4));
95
+ vec4 lower = sRGB/vec4(12.92);
96
+ return mix(higher, lower, 1.0);
97
+ }
98
98
  `,
99
- calcPoint: `
100
- vec2 function(float d, float angle) {
101
- return d * vec2(cos(angle), sin(angle)) + (u_dimensions * 0.5);
102
- }
99
+ calcPoint: `
100
+ vec2 function(float d, float angle) {
101
+ return d * vec2(cos(angle), sin(angle)) + (u_dimensions * 0.5);
102
+ }
103
103
  `,
104
104
  };
105
105
  static ColorLoop = (amount) => {
@@ -111,18 +111,18 @@ export class LinearGradientEffect extends ShaderEffect {
111
111
  };
112
112
  static onColorize = (props) => {
113
113
  const colors = props.colors.length || 1;
114
- return `
115
- float a = angle - (PI / 180.0 * 90.0);
116
- float lineDist = abs(u_dimensions.x * cos(a)) + abs(u_dimensions.y * sin(a));
117
- vec2 f = $calcPoint(lineDist * 0.5, a);
118
- vec2 t = $calcPoint(lineDist * 0.5, a + PI);
119
- vec2 gradVec = t - f;
120
- float dist = dot(v_textureCoordinate.xy * u_dimensions - f, gradVec) / dot(gradVec, gradVec);
121
-
122
- float stopCalc = (dist - stops[0]) / (stops[1] - stops[0]);
123
- vec4 colorOut = $fromLinear(mix($toLinear(colors[0]), $toLinear(colors[1]), stopCalc));
124
- ${this.ColorLoop(colors)}
125
- return mix(maskColor, colorOut, clamp(colorOut.a, 0.0, 1.0));
114
+ return `
115
+ float a = angle - (PI / 180.0 * 90.0);
116
+ float lineDist = abs(u_dimensions.x * cos(a)) + abs(u_dimensions.y * sin(a));
117
+ vec2 f = $calcPoint(lineDist * 0.5, a);
118
+ vec2 t = $calcPoint(lineDist * 0.5, a + PI);
119
+ vec2 gradVec = t - f;
120
+ float dist = dot(v_textureCoordinate.xy * u_dimensions - f, gradVec) / dot(gradVec, gradVec);
121
+
122
+ float stopCalc = (dist - stops[0]) / (stops[1] - stops[0]);
123
+ vec4 colorOut = $fromLinear(mix($toLinear(colors[0]), $toLinear(colors[1]), stopCalc));
124
+ ${this.ColorLoop(colors)}
125
+ return mix(maskColor, colorOut, clamp(colorOut.a, 0.0, 1.0));
126
126
  `;
127
127
  };
128
128
  }
@@ -100,16 +100,16 @@ export class RadialGradientEffect extends ShaderEffect {
100
100
  };
101
101
  static onColorize = (props) => {
102
102
  const colors = props.colors.length || 1;
103
- return `
104
- vec2 point = v_textureCoordinate.xy * u_dimensions;
105
- vec2 projection = vec2(pivot.x * u_dimensions.x, pivot.y * u_dimensions.y);
106
-
107
- float dist = length((point - projection) / vec2(width, height));
108
-
109
- float stopCalc = (dist - stops[0]) / (stops[1] - stops[0]);
110
- vec4 colorOut = mix(colors[0], colors[1], stopCalc);
111
- ${this.ColorLoop(colors)}
112
- return mix(maskColor, colorOut, clamp(colorOut.a, 0.0, 1.0));
103
+ return `
104
+ vec2 point = v_textureCoordinate.xy * u_dimensions;
105
+ vec2 projection = vec2(pivot.x * u_dimensions.x, pivot.y * u_dimensions.y);
106
+
107
+ float dist = length((point - projection) / vec2(width, height));
108
+
109
+ float stopCalc = (dist - stops[0]) / (stops[1] - stops[0]);
110
+ vec4 colorOut = mix(colors[0], colors[1], stopCalc);
111
+ ${this.ColorLoop(colors)}
112
+ return mix(maskColor, colorOut, clamp(colorOut.a, 0.0, 1.0));
113
113
  `;
114
114
  };
115
115
  }
@@ -81,47 +81,47 @@ export class RadialProgressEffect extends ShaderEffect {
81
81
  },
82
82
  };
83
83
  static methods = {
84
- rotateUV: `
85
- vec2 function(vec2 uv, float d) {
86
- float s = sin(d);
87
- float c = cos(d);
88
- mat2 rotMatrix = mat2(c, -s, s, c);
89
- return uv * rotMatrix;
90
- }
84
+ rotateUV: `
85
+ vec2 function(vec2 uv, float d) {
86
+ float s = sin(d);
87
+ float c = cos(d);
88
+ mat2 rotMatrix = mat2(c, -s, s, c);
89
+ return uv * rotMatrix;
90
+ }
91
91
  `,
92
- drawDot: `
93
- float function(vec2 uv, vec2 p, float r) {
94
- uv += p;
95
- float circle = length(uv) - r;
96
- return clamp(-circle, 0.0, 1.0);
97
- }
92
+ drawDot: `
93
+ float function(vec2 uv, vec2 p, float r) {
94
+ uv += p;
95
+ float circle = length(uv) - r;
96
+ return clamp(-circle, 0.0, 1.0);
97
+ }
98
98
  `,
99
99
  };
100
- static onEffectMask = `
101
- float outerRadius = radius * u_dimensions.y * 0.5;
102
-
103
- float endAngle = range * progress - 0.0005;
104
-
105
- vec2 uv = v_textureCoordinate.xy * u_dimensions.xy - u_dimensions * 0.5;
106
-
107
- uv = $rotateUV(uv, -(offset));
108
- float linewidth = width * u_pixelRatio;
109
- float circle = length(uv) - (outerRadius - linewidth) ;
110
- circle = abs(circle) - linewidth;
111
- circle = clamp(-circle, 0.0, 1.0);
112
-
113
- float angle = (atan(uv.x, -uv.y) / 3.14159265359 * 0.5);
114
- float p = endAngle / (PI * 2.);
115
-
116
- circle *= step(fract(angle), fract(p));
117
-
118
- circle = rounded < 1. ? circle : max(circle, $drawDot(uv, vec2(0, outerRadius - linewidth), linewidth));
119
- circle = rounded < 1. ? circle : max(circle, $drawDot($rotateUV(uv, -(endAngle)), vec2(0, outerRadius - linewidth), linewidth));
120
-
121
- return mix(shaderColor, maskColor, circle);
100
+ static onEffectMask = `
101
+ float outerRadius = radius * u_dimensions.y * 0.5;
102
+
103
+ float endAngle = range * progress - 0.0005;
104
+
105
+ vec2 uv = v_textureCoordinate.xy * u_dimensions.xy - u_dimensions * 0.5;
106
+
107
+ uv = $rotateUV(uv, -(offset));
108
+ float linewidth = width * u_pixelRatio;
109
+ float circle = length(uv) - (outerRadius - linewidth) ;
110
+ circle = abs(circle) - linewidth;
111
+ circle = clamp(-circle, 0.0, 1.0);
112
+
113
+ float angle = (atan(uv.x, -uv.y) / 3.14159265359 * 0.5);
114
+ float p = endAngle / (PI * 2.);
115
+
116
+ circle *= step(fract(angle), fract(p));
117
+
118
+ circle = rounded < 1. ? circle : max(circle, $drawDot(uv, vec2(0, outerRadius - linewidth), linewidth));
119
+ circle = rounded < 1. ? circle : max(circle, $drawDot($rotateUV(uv, -(endAngle)), vec2(0, outerRadius - linewidth), linewidth));
120
+
121
+ return mix(shaderColor, maskColor, circle);
122
122
  `;
123
- static onColorize = `
124
- return color;
123
+ static onColorize = `
124
+ return color;
125
125
  `;
126
126
  }
127
127
  //# sourceMappingURL=RadialProgressEffect.js.map
@@ -38,17 +38,17 @@ export class RadiusEffect extends ShaderEffect {
38
38
  },
39
39
  };
40
40
  static methods = {
41
- fillMask: `
42
- float function(float dist) {
43
- return clamp(-dist, 0.0, 1.0);
44
- }
41
+ fillMask: `
42
+ float function(float dist) {
43
+ return clamp(-dist, 0.0, 1.0);
44
+ }
45
45
  `,
46
- boxDist: `
47
- float function(vec2 p, vec2 size, float radius) {
48
- size -= vec2(radius);
49
- vec2 d = abs(p) - size;
50
- return min(max(d.x, d.y), 0.0) + length(max(d, 0.0)) - radius;
51
- }
46
+ boxDist: `
47
+ float function(vec2 p, vec2 size, float radius) {
48
+ size -= vec2(radius);
49
+ vec2 d = abs(p) - size;
50
+ return min(max(d.x, d.y), 0.0) + length(max(d, 0.0)) - radius;
51
+ }
52
52
  `,
53
53
  };
54
54
  static resolveDefaults(props) {
@@ -56,16 +56,16 @@ export class RadiusEffect extends ShaderEffect {
56
56
  radius: props.radius ?? 10,
57
57
  };
58
58
  }
59
- static onShaderMask = `
60
- vec2 halfDimensions = u_dimensions * 0.5;
61
- float r = radius[0] * step(v_textureCoordinate.x, 0.5) * step(v_textureCoordinate.y, 0.5);
62
- r = r + radius[1] * step(0.5, v_textureCoordinate.x) * step(v_textureCoordinate.y, 0.5);
63
- r = r + radius[2] * step(0.5, v_textureCoordinate.x) * step(0.5, v_textureCoordinate.y);
64
- r = r + radius[3] * step(v_textureCoordinate.x, 0.5) * step(0.5, v_textureCoordinate.y);
65
- return $boxDist(v_textureCoordinate.xy * u_dimensions - halfDimensions, halfDimensions, r);
59
+ static onShaderMask = `
60
+ vec2 halfDimensions = u_dimensions * 0.5;
61
+ float r = radius[0] * step(v_textureCoordinate.x, 0.5) * step(v_textureCoordinate.y, 0.5);
62
+ r = r + radius[1] * step(0.5, v_textureCoordinate.x) * step(v_textureCoordinate.y, 0.5);
63
+ r = r + radius[2] * step(0.5, v_textureCoordinate.x) * step(0.5, v_textureCoordinate.y);
64
+ r = r + radius[3] * step(v_textureCoordinate.x, 0.5) * step(0.5, v_textureCoordinate.y);
65
+ return $boxDist(v_textureCoordinate.xy * u_dimensions - halfDimensions, halfDimensions, r);
66
66
  `;
67
- static onEffectMask = `
68
- return mix(vec4(0.0), maskColor, $fillMask(shaderMask));
67
+ static onEffectMask = `
68
+ return mix(vec4(0.0), maskColor, $fillMask(shaderMask));
69
69
  `;
70
70
  }
71
71
  //# sourceMappingURL=RadiusEffect.js.map
@@ -0,0 +1,24 @@
1
+ import type { FpsUpdatePayload, FrameTickPayload } from '../common/CommonTypes.js';
2
+ import type { INode, INodeWritableProps, ITextNode, ITextNodeWritableProps } from './INode.js';
3
+ import type { RendererMain, RendererMainSettings } from './RendererMain.js';
4
+ /**
5
+ * This interface is to be implemented by Core Drivers
6
+ *
7
+ * @remarks
8
+ * Both the {@link MainCoreDriver} and the {@link ThreadXCoreDriver} exist
9
+ * that implement this interface to support both the single-threaded and
10
+ * multi-threaded Core modes.
11
+ */
12
+ export interface ICoreDriver {
13
+ init(rendererMain: RendererMain, rendererSettings: Required<RendererMainSettings>, canvas: HTMLCanvasElement): Promise<void>;
14
+ createNode(props: INodeWritableProps): INode;
15
+ createTextNode(props: ITextNodeWritableProps): ITextNode;
16
+ destroyNode(node: INode): void;
17
+ getRootNode(): INode;
18
+ releaseTexture(textureDescId: number): void;
19
+ onCreateNode(node: INode): void;
20
+ onBeforeDestroyNode(node: INode): void;
21
+ onFpsUpdate(fpsData: FpsUpdatePayload): void;
22
+ onFrameTick(frameTickData: FrameTickPayload): void;
23
+ onIdle?(): void;
24
+ }
@@ -0,0 +1,20 @@
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
+ export {};
20
+ //# sourceMappingURL=ICoreDriver.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ICoreDriver.js","sourceRoot":"","sources":["../../../src/main-api/ICoreDriver.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG"}