@lightningjs/renderer 2.9.0-beta3 → 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 (217) 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 +33 -7
  14. package/dist/src/core/CoreNode.js +113 -75
  15. package/dist/src/core/CoreNode.js.map +1 -1
  16. package/dist/src/core/CoreTextNode.d.ts +2 -2
  17. package/dist/src/core/CoreTextNode.js +7 -4
  18. package/dist/src/core/CoreTextNode.js.map +1 -1
  19. package/dist/src/core/CoreTextureManager.d.ts +24 -0
  20. package/dist/src/core/CoreTextureManager.js.map +1 -1
  21. package/dist/src/core/Stage.js +1 -0
  22. package/dist/src/core/Stage.js.map +1 -1
  23. package/dist/src/core/renderers/webgl/shaders/DefaultShader.js +45 -45
  24. package/dist/src/core/renderers/webgl/shaders/DefaultShaderBatched.js +61 -61
  25. package/dist/src/core/renderers/webgl/shaders/DynamicShader.js +93 -93
  26. package/dist/src/core/renderers/webgl/shaders/RoundedRectangle.js +63 -63
  27. package/dist/src/core/renderers/webgl/shaders/SdfShader.js +62 -62
  28. package/dist/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.js +15 -15
  29. package/dist/src/core/renderers/webgl/shaders/effects/BorderEffect.js +6 -6
  30. package/dist/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.js +15 -15
  31. package/dist/src/core/renderers/webgl/shaders/effects/BorderRightEffect.js +15 -15
  32. package/dist/src/core/renderers/webgl/shaders/effects/BorderTopEffect.js +15 -15
  33. package/dist/src/core/renderers/webgl/shaders/effects/FadeOutEffect.js +42 -42
  34. package/dist/src/core/renderers/webgl/shaders/effects/GlitchEffect.js +44 -44
  35. package/dist/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.js +3 -3
  36. package/dist/src/core/renderers/webgl/shaders/effects/HolePunchEffect.js +22 -22
  37. package/dist/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.js +28 -28
  38. package/dist/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.js +12 -12
  39. package/dist/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.js +37 -37
  40. package/dist/src/core/renderers/webgl/shaders/effects/RadiusEffect.js +19 -19
  41. package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.js +6 -0
  42. package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.js.map +1 -1
  43. package/dist/src/core/textures/Texture.d.ts +1 -1
  44. package/dist/src/core/textures/Texture.js +13 -5
  45. package/dist/src/core/textures/Texture.js.map +1 -1
  46. package/dist/src/main-api/ICoreDriver.d.ts +24 -0
  47. package/dist/src/main-api/ICoreDriver.js +20 -0
  48. package/dist/src/main-api/ICoreDriver.js.map +1 -0
  49. package/dist/src/main-api/RendererMain.d.ts +378 -0
  50. package/dist/src/main-api/RendererMain.js +367 -0
  51. package/dist/src/main-api/RendererMain.js.map +1 -0
  52. package/dist/src/main-api/texture-usage-trackers/FinalizationRegistryTextureUsageTracker.d.ts +9 -0
  53. package/dist/src/main-api/texture-usage-trackers/FinalizationRegistryTextureUsageTracker.js +38 -0
  54. package/dist/src/main-api/texture-usage-trackers/FinalizationRegistryTextureUsageTracker.js.map +1 -0
  55. package/dist/src/main-api/texture-usage-trackers/ManualCountTextureUsageTracker.d.ts +56 -0
  56. package/dist/src/main-api/texture-usage-trackers/ManualCountTextureUsageTracker.js +101 -0
  57. package/dist/src/main-api/texture-usage-trackers/ManualCountTextureUsageTracker.js.map +1 -0
  58. package/dist/src/main-api/texture-usage-trackers/TextureUsageTracker.d.ts +32 -0
  59. package/dist/src/main-api/texture-usage-trackers/TextureUsageTracker.js +28 -0
  60. package/dist/src/main-api/texture-usage-trackers/TextureUsageTracker.js.map +1 -0
  61. package/dist/src/render-drivers/main/MainCoreDriver.d.ts +21 -0
  62. package/dist/src/render-drivers/main/MainCoreDriver.js +115 -0
  63. package/dist/src/render-drivers/main/MainCoreDriver.js.map +1 -0
  64. package/dist/src/render-drivers/main/MainOnlyNode.d.ts +101 -0
  65. package/dist/src/render-drivers/main/MainOnlyNode.js +425 -0
  66. package/dist/src/render-drivers/main/MainOnlyNode.js.map +1 -0
  67. package/dist/src/render-drivers/main/MainOnlyTextNode.d.ts +47 -0
  68. package/dist/src/render-drivers/main/MainOnlyTextNode.js +204 -0
  69. package/dist/src/render-drivers/main/MainOnlyTextNode.js.map +1 -0
  70. package/dist/src/render-drivers/threadx/NodeStruct.d.ts +93 -0
  71. package/dist/src/render-drivers/threadx/NodeStruct.js +290 -0
  72. package/dist/src/render-drivers/threadx/NodeStruct.js.map +1 -0
  73. package/dist/src/render-drivers/threadx/SharedNode.d.ts +40 -0
  74. package/dist/src/render-drivers/threadx/SharedNode.js +61 -0
  75. package/dist/src/render-drivers/threadx/SharedNode.js.map +1 -0
  76. package/dist/src/render-drivers/threadx/TextNodeStruct.d.ts +44 -0
  77. package/dist/src/render-drivers/threadx/TextNodeStruct.js +203 -0
  78. package/dist/src/render-drivers/threadx/TextNodeStruct.js.map +1 -0
  79. package/dist/src/render-drivers/threadx/ThreadXCoreDriver.d.ts +25 -0
  80. package/dist/src/render-drivers/threadx/ThreadXCoreDriver.js +232 -0
  81. package/dist/src/render-drivers/threadx/ThreadXCoreDriver.js.map +1 -0
  82. package/dist/src/render-drivers/threadx/ThreadXMainAnimationController.d.ts +24 -0
  83. package/dist/src/render-drivers/threadx/ThreadXMainAnimationController.js +113 -0
  84. package/dist/src/render-drivers/threadx/ThreadXMainAnimationController.js.map +1 -0
  85. package/dist/src/render-drivers/threadx/ThreadXMainNode.d.ts +46 -0
  86. package/dist/src/render-drivers/threadx/ThreadXMainNode.js +160 -0
  87. package/dist/src/render-drivers/threadx/ThreadXMainNode.js.map +1 -0
  88. package/dist/src/render-drivers/threadx/ThreadXMainTextNode.d.ts +28 -0
  89. package/dist/src/render-drivers/threadx/ThreadXMainTextNode.js +55 -0
  90. package/dist/src/render-drivers/threadx/ThreadXMainTextNode.js.map +1 -0
  91. package/dist/src/render-drivers/threadx/ThreadXRendererMessage.d.ts +70 -0
  92. package/dist/src/render-drivers/threadx/ThreadXRendererMessage.js +32 -0
  93. package/dist/src/render-drivers/threadx/ThreadXRendererMessage.js.map +1 -0
  94. package/dist/src/render-drivers/threadx/worker/ThreadXRendererNode.d.ts +19 -0
  95. package/dist/src/render-drivers/threadx/worker/ThreadXRendererNode.js +184 -0
  96. package/dist/src/render-drivers/threadx/worker/ThreadXRendererNode.js.map +1 -0
  97. package/dist/src/render-drivers/threadx/worker/ThreadXRendererTextNode.d.ts +27 -0
  98. package/dist/src/render-drivers/threadx/worker/ThreadXRendererTextNode.js +109 -0
  99. package/dist/src/render-drivers/threadx/worker/ThreadXRendererTextNode.js.map +1 -0
  100. package/dist/src/render-drivers/threadx/worker/renderer.d.ts +1 -0
  101. package/dist/src/render-drivers/threadx/worker/renderer.js +147 -0
  102. package/dist/src/render-drivers/threadx/worker/renderer.js.map +1 -0
  103. package/dist/src/render-drivers/utils.d.ts +12 -0
  104. package/dist/src/render-drivers/utils.js +74 -0
  105. package/dist/src/render-drivers/utils.js.map +1 -0
  106. package/dist/tsconfig.dist.tsbuildinfo +1 -1
  107. package/dist/tsconfig.tsbuildinfo +1 -0
  108. package/exports/canvas.ts +39 -39
  109. package/exports/index.ts +89 -89
  110. package/exports/inspector.ts +24 -24
  111. package/exports/utils.ts +44 -44
  112. package/exports/webgl.ts +38 -38
  113. package/package.json +1 -1
  114. package/scripts/please-use-pnpm.js +13 -13
  115. package/src/common/CommonTypes.ts +139 -139
  116. package/src/common/EventEmitter.ts +77 -77
  117. package/src/common/IAnimationController.ts +92 -92
  118. package/src/common/IEventEmitter.ts +28 -28
  119. package/src/core/CoreNode.test.ts +199 -95
  120. package/src/core/CoreNode.ts +2335 -2282
  121. package/src/core/CoreShaderManager.ts +292 -292
  122. package/src/core/CoreTextNode.ts +455 -450
  123. package/src/core/CoreTextureManager.ts +548 -522
  124. package/src/core/Stage.ts +700 -699
  125. package/src/core/TextureMemoryManager.ts +277 -277
  126. package/src/core/animations/AnimationManager.ts +38 -38
  127. package/src/core/animations/CoreAnimation.ts +340 -340
  128. package/src/core/animations/CoreAnimationController.ts +157 -157
  129. package/src/core/lib/ContextSpy.ts +41 -41
  130. package/src/core/lib/ImageWorker.ts +270 -270
  131. package/src/core/lib/Matrix3d.ts +244 -244
  132. package/src/core/lib/RenderCoords.ts +86 -86
  133. package/src/core/lib/WebGlContextWrapper.ts +1322 -1322
  134. package/src/core/lib/textureCompression.ts +152 -152
  135. package/src/core/lib/textureSvg.ts +78 -78
  136. package/src/core/lib/utils.ts +306 -306
  137. package/src/core/platform.ts +61 -61
  138. package/src/core/renderers/CoreContextTexture.ts +43 -43
  139. package/src/core/renderers/CoreRenderOp.ts +22 -22
  140. package/src/core/renderers/CoreRenderer.ts +114 -114
  141. package/src/core/renderers/CoreShader.ts +41 -41
  142. package/src/core/renderers/canvas/CanvasCoreRenderer.ts +364 -364
  143. package/src/core/renderers/canvas/CanvasCoreTexture.ts +150 -150
  144. package/src/core/renderers/canvas/internal/C2DShaderUtils.ts +231 -231
  145. package/src/core/renderers/canvas/internal/ColorUtils.ts +69 -69
  146. package/src/core/renderers/canvas/shaders/UnsupportedShader.ts +48 -48
  147. package/src/core/renderers/webgl/WebGlCoreCtxRenderTexture.ts +79 -79
  148. package/src/core/renderers/webgl/WebGlCoreCtxSubTexture.ts +50 -50
  149. package/src/core/renderers/webgl/WebGlCoreCtxTexture.ts +298 -298
  150. package/src/core/renderers/webgl/WebGlCoreRenderOp.ts +125 -125
  151. package/src/core/renderers/webgl/WebGlCoreRenderer.ts +805 -805
  152. package/src/core/renderers/webgl/WebGlCoreShader.ts +362 -362
  153. package/src/core/renderers/webgl/internal/BufferCollection.ts +54 -54
  154. package/src/core/renderers/webgl/internal/ShaderUtils.ts +143 -143
  155. package/src/core/renderers/webgl/internal/WebGlUtils.ts +35 -35
  156. package/src/core/renderers/webgl/shaders/DefaultShader.ts +93 -93
  157. package/src/core/renderers/webgl/shaders/DefaultShaderBatched.ts +132 -132
  158. package/src/core/renderers/webgl/shaders/DynamicShader.ts +580 -580
  159. package/src/core/renderers/webgl/shaders/RoundedRectangle.ts +167 -167
  160. package/src/core/renderers/webgl/shaders/SdfShader.ts +204 -204
  161. package/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.ts +101 -101
  162. package/src/core/renderers/webgl/shaders/effects/BorderEffect.ts +87 -87
  163. package/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.ts +101 -101
  164. package/src/core/renderers/webgl/shaders/effects/BorderRightEffect.ts +101 -101
  165. package/src/core/renderers/webgl/shaders/effects/BorderTopEffect.ts +101 -101
  166. package/src/core/renderers/webgl/shaders/effects/EffectUtils.ts +159 -159
  167. package/src/core/renderers/webgl/shaders/effects/FadeOutEffect.ts +127 -127
  168. package/src/core/renderers/webgl/shaders/effects/GlitchEffect.ts +148 -148
  169. package/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.ts +67 -67
  170. package/src/core/renderers/webgl/shaders/effects/HolePunchEffect.ts +157 -157
  171. package/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.ts +171 -171
  172. package/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.ts +168 -168
  173. package/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.ts +187 -187
  174. package/src/core/renderers/webgl/shaders/effects/RadiusEffect.ts +110 -110
  175. package/src/core/renderers/webgl/shaders/effects/ShaderEffect.ts +196 -196
  176. package/src/core/text-rendering/TextRenderingUtils.ts +36 -36
  177. package/src/core/text-rendering/TextTextureRendererUtils.ts +263 -263
  178. package/src/core/text-rendering/TrFontManager.ts +183 -183
  179. package/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.ts +176 -169
  180. package/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/FontShaper.ts +139 -139
  181. package/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.test.ts +173 -173
  182. package/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.ts +171 -171
  183. package/src/core/text-rendering/font-face-types/TrFontFace.ts +187 -187
  184. package/src/core/text-rendering/font-face-types/WebTrFontFace.ts +89 -89
  185. package/src/core/text-rendering/renderers/CanvasTextRenderer.ts +509 -509
  186. package/src/core/text-rendering/renderers/LightningTextTextureRenderer.ts +798 -798
  187. package/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.ts +853 -853
  188. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/PeekableGenerator.test.ts +48 -48
  189. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/PeekableGenerator.ts +66 -66
  190. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/SpecialCodepoints.ts +52 -52
  191. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/constants.ts +32 -32
  192. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/getStartConditions.ts +117 -117
  193. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/getUnicodeCodepoints.test.ts +133 -133
  194. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/getUnicodeCodepoints.ts +38 -38
  195. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.ts +403 -403
  196. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/measureText.test.ts +49 -49
  197. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/measureText.ts +52 -52
  198. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/setRenderWindow.test.ts +205 -205
  199. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/setRenderWindow.ts +93 -93
  200. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/util.ts +40 -40
  201. package/src/core/text-rendering/renderers/TextRenderer.ts +557 -557
  202. package/src/core/textures/ColorTexture.ts +102 -102
  203. package/src/core/textures/ImageTexture.ts +378 -378
  204. package/src/core/textures/NoiseTexture.ts +104 -104
  205. package/src/core/textures/RenderTexture.ts +85 -85
  206. package/src/core/textures/SubTexture.ts +171 -171
  207. package/src/core/textures/Texture.ts +423 -407
  208. package/src/core/utils.ts +227 -227
  209. package/src/env.d.ts +7 -7
  210. package/src/main-api/DynamicShaderController.ts +104 -104
  211. package/src/main-api/INode.ts +101 -101
  212. package/src/main-api/Inspector.ts +505 -505
  213. package/src/main-api/Renderer.ts +693 -693
  214. package/src/main-api/ShaderController.ts +80 -80
  215. package/src/main-api/utils.ts +45 -45
  216. package/src/utils.ts +248 -248
  217. package/COPYING +0 -1
@@ -1,277 +1,277 @@
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 2024 Comcast Cable Communications Management, LLC.
6
- *
7
- * Licensed under the Apache License, Version 2.0 (the License);
8
- * you may not use this file except in compliance with the License.
9
- * You may obtain a copy of the License at
10
- *
11
- * http://www.apache.org/licenses/LICENSE-2.0
12
- *
13
- * Unless required by applicable law or agreed to in writing, software
14
- * distributed under the License is distributed on an "AS IS" BASIS,
15
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16
- * See the License for the specific language governing permissions and
17
- * limitations under the License.
18
- */
19
- import type { Stage } from './Stage.js';
20
- import type { Texture } from './textures/Texture.js';
21
- import { bytesToMb } from './utils.js';
22
-
23
- export interface TextureMemoryManagerSettings {
24
- /**
25
- * Critical Threshold (in bytes)
26
- *
27
- * @remarks
28
- * When the amount of memory used by textures exceeds this threshold,
29
- * the Renderer will immediately trigger a Texture Cleanup towards the
30
- * Target Threshold Level.
31
- *
32
- * When set to `0`, the Texture Memory Manager is disabled.
33
- *
34
- * @defaultValue `124e6` (118 MB)
35
- */
36
- criticalThreshold: number;
37
-
38
- /**
39
- * Target Threshold Level (as fraction of Critical Threshold)
40
- *
41
- * @remarks
42
- * This value is the fractional level of the Critical Threshold that the
43
- * Texture Memory Manager will attempt to maintain by cleaning up textures.
44
- * The Texture Memory Manager will attempt to keep the memory usage below
45
- * this level by freeing up non-renderable textures.
46
- *
47
- * Valid Range: 0.0 - 1.0
48
- *
49
- * @defaultValue `0.5`
50
- */
51
- targetThresholdLevel: number;
52
-
53
- /**
54
- * Interval between Texture Cleanups (in milliseconds)
55
- *
56
- * @remarks
57
- * Texture Memory Manager will perform a Texture Cleanup no more
58
- * frequently than this interval generally when the scene becomes idle.
59
- *
60
- * @defaultValue `30,000` (30 seconds)
61
- */
62
- cleanupInterval: number;
63
-
64
- /**
65
- * Whether or not to log debug information
66
- *
67
- * @defaultValue `false`
68
- */
69
- debugLogging: boolean;
70
- }
71
-
72
- export interface MemoryInfo {
73
- criticalThreshold: number;
74
- targetThreshold: number;
75
- renderableMemUsed: number;
76
- memUsed: number;
77
- renderableTexturesLoaded: number;
78
- loadedTextures: number;
79
- }
80
-
81
- /**
82
- * LRU (Least Recently Used) style memory manager for textures
83
- *
84
- * @remarks
85
- * This class is responsible for managing the memory usage of textures
86
- * in the Renderer. It keeps track of the memory used by each texture
87
- * and triggers a cleanup when the memory usage exceeds a critical
88
- * threshold (`criticalThreshold`).
89
- *
90
- * The cleanup process will free up non-renderable textures until the
91
- * memory usage is below a target threshold (`targetThresholdLevel`).
92
- *
93
- * The memory manager's clean up process will also be triggered when the
94
- * scene is idle for a certain amount of time (`cleanupInterval`).
95
- */
96
- export class TextureMemoryManager {
97
- private memUsed = 0;
98
- private loadedTextures: Map<Texture, number> = new Map();
99
- private criticalThreshold: number;
100
- private targetThreshold: number;
101
- private cleanupInterval: number;
102
- private debugLogging: boolean;
103
- private lastCleanupTime = 0;
104
- public criticalCleanupRequested = false;
105
- /**
106
- * The current frame time in milliseconds
107
- *
108
- * @remarks
109
- * This is used to determine when to perform Idle Texture Cleanups.
110
- *
111
- * Set by stage via `updateFrameTime` method.
112
- */
113
- public frameTime = 0;
114
-
115
- constructor(private stage: Stage, settings: TextureMemoryManagerSettings) {
116
- const { criticalThreshold } = settings;
117
- this.criticalThreshold = Math.round(criticalThreshold);
118
- const targetFraction = Math.max(
119
- 0,
120
- Math.min(1, settings.targetThresholdLevel),
121
- );
122
- this.targetThreshold = Math.round(criticalThreshold * targetFraction);
123
- this.cleanupInterval = settings.cleanupInterval;
124
- this.debugLogging = settings.debugLogging;
125
-
126
- if (settings.debugLogging) {
127
- let lastMemUse = 0;
128
- setInterval(() => {
129
- if (lastMemUse !== this.memUsed) {
130
- lastMemUse = this.memUsed;
131
- console.log(
132
- `[TextureMemoryManager] Memory used: ${bytesToMb(
133
- this.memUsed,
134
- )} mb / ${bytesToMb(this.criticalThreshold)} mb (${(
135
- (this.memUsed / this.criticalThreshold) *
136
- 100
137
- ).toFixed(1)}%)`,
138
- );
139
- }
140
- }, 1000);
141
- }
142
-
143
- // If the threshold is 0, we disable the memory manager by replacing the
144
- // setTextureMemUse method with a no-op function.
145
- if (criticalThreshold === 0) {
146
- this.setTextureMemUse = () => {};
147
- }
148
- }
149
-
150
- setTextureMemUse(texture: Texture, byteSize: number) {
151
- if (this.loadedTextures.has(texture)) {
152
- // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
153
- this.memUsed -= this.loadedTextures.get(texture)!;
154
- }
155
-
156
- if (byteSize === 0) {
157
- this.loadedTextures.delete(texture);
158
- return;
159
- } else {
160
- this.memUsed += byteSize;
161
- this.loadedTextures.set(texture, byteSize);
162
- }
163
-
164
- if (this.memUsed > this.criticalThreshold) {
165
- this.criticalCleanupRequested = true;
166
- }
167
- }
168
-
169
- checkCleanup() {
170
- return (
171
- this.criticalCleanupRequested ||
172
- (this.memUsed > this.targetThreshold &&
173
- this.frameTime - this.lastCleanupTime >= this.cleanupInterval)
174
- );
175
- }
176
-
177
- cleanup() {
178
- const critical = this.criticalCleanupRequested;
179
- this.lastCleanupTime = this.frameTime;
180
- this.criticalCleanupRequested = false;
181
-
182
- if (critical) {
183
- this.stage.queueFrameEvent('criticalCleanup', {
184
- memUsed: this.memUsed,
185
- criticalThreshold: this.criticalThreshold,
186
- });
187
- }
188
-
189
- if (this.debugLogging) {
190
- console.log(
191
- `[TextureMemoryManager] Cleaning up textures. Critical: ${critical}`,
192
- );
193
- }
194
-
195
- /**
196
- * Sort the loaded textures by renderability, then by last touch time.
197
- *
198
- * This will ensure that the array is ordered by the following:
199
- * - Non-renderable textures, starting at the least recently rendered
200
- * - Renderable textures, starting at the least recently rendered
201
- */
202
- const textures = [...this.loadedTextures.keys()].sort(
203
- (textureA, textureB) => {
204
- const txARenderable = textureA.renderable;
205
- const txBRenderable = textureB.renderable;
206
- if (txARenderable === txBRenderable) {
207
- return (
208
- textureA.lastRenderableChangeTime -
209
- textureB.lastRenderableChangeTime
210
- );
211
- } else if (txARenderable) {
212
- return 1;
213
- } else if (txBRenderable) {
214
- return -1;
215
- }
216
- return 0;
217
- },
218
- );
219
-
220
- // Free non-renderable textures until we reach the target threshold
221
- const memTarget = this.targetThreshold;
222
- const txManager = this.stage.txManager;
223
- for (const texture of textures) {
224
- if (texture.renderable) {
225
- // Stop at the first renderable texture (The rest are renderable because of the sort above)
226
- // We don't want to free renderable textures because they will just likely be reloaded in the next frame
227
- break;
228
- }
229
- if (texture.preventCleanup === false) {
230
- texture.free();
231
- txManager.removeTextureFromCache(texture);
232
- }
233
- if (this.memUsed <= memTarget) {
234
- // Stop once we've freed enough textures to reach under the target threshold
235
- break;
236
- }
237
- }
238
-
239
- if (this.memUsed >= this.criticalThreshold) {
240
- this.stage.queueFrameEvent('criticalCleanupFailed', {
241
- memUsed: this.memUsed,
242
- criticalThreshold: this.criticalThreshold,
243
- });
244
- console.warn(
245
- `[TextureMemoryManager] Memory usage above critical threshold after cleanup: ${this.memUsed}`,
246
- );
247
- }
248
- }
249
-
250
- /**
251
- * Get the current texture memory usage information
252
- *
253
- * @remarks
254
- * This method is for debugging purposes and returns information about the
255
- * current memory usage of the textures in the Renderer.
256
- */
257
- getMemoryInfo(): MemoryInfo {
258
- let renderableTexturesLoaded = 0;
259
- const renderableMemUsed = [...this.loadedTextures.keys()].reduce(
260
- (acc, texture) => {
261
- renderableTexturesLoaded += texture.renderable ? 1 : 0;
262
- return (
263
- acc + (texture.renderable ? this.loadedTextures.get(texture)! : 0)
264
- );
265
- },
266
- 0,
267
- );
268
- return {
269
- criticalThreshold: this.criticalThreshold,
270
- targetThreshold: this.targetThreshold,
271
- renderableMemUsed,
272
- memUsed: this.memUsed,
273
- renderableTexturesLoaded,
274
- loadedTextures: this.loadedTextures.size,
275
- };
276
- }
277
- }
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 2024 Comcast Cable Communications Management, LLC.
6
+ *
7
+ * Licensed under the Apache License, Version 2.0 (the License);
8
+ * you may not use this file except in compliance with the License.
9
+ * You may obtain a copy of the License at
10
+ *
11
+ * http://www.apache.org/licenses/LICENSE-2.0
12
+ *
13
+ * Unless required by applicable law or agreed to in writing, software
14
+ * distributed under the License is distributed on an "AS IS" BASIS,
15
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16
+ * See the License for the specific language governing permissions and
17
+ * limitations under the License.
18
+ */
19
+ import type { Stage } from './Stage.js';
20
+ import type { Texture } from './textures/Texture.js';
21
+ import { bytesToMb } from './utils.js';
22
+
23
+ export interface TextureMemoryManagerSettings {
24
+ /**
25
+ * Critical Threshold (in bytes)
26
+ *
27
+ * @remarks
28
+ * When the amount of memory used by textures exceeds this threshold,
29
+ * the Renderer will immediately trigger a Texture Cleanup towards the
30
+ * Target Threshold Level.
31
+ *
32
+ * When set to `0`, the Texture Memory Manager is disabled.
33
+ *
34
+ * @defaultValue `124e6` (118 MB)
35
+ */
36
+ criticalThreshold: number;
37
+
38
+ /**
39
+ * Target Threshold Level (as fraction of Critical Threshold)
40
+ *
41
+ * @remarks
42
+ * This value is the fractional level of the Critical Threshold that the
43
+ * Texture Memory Manager will attempt to maintain by cleaning up textures.
44
+ * The Texture Memory Manager will attempt to keep the memory usage below
45
+ * this level by freeing up non-renderable textures.
46
+ *
47
+ * Valid Range: 0.0 - 1.0
48
+ *
49
+ * @defaultValue `0.5`
50
+ */
51
+ targetThresholdLevel: number;
52
+
53
+ /**
54
+ * Interval between Texture Cleanups (in milliseconds)
55
+ *
56
+ * @remarks
57
+ * Texture Memory Manager will perform a Texture Cleanup no more
58
+ * frequently than this interval generally when the scene becomes idle.
59
+ *
60
+ * @defaultValue `30,000` (30 seconds)
61
+ */
62
+ cleanupInterval: number;
63
+
64
+ /**
65
+ * Whether or not to log debug information
66
+ *
67
+ * @defaultValue `false`
68
+ */
69
+ debugLogging: boolean;
70
+ }
71
+
72
+ export interface MemoryInfo {
73
+ criticalThreshold: number;
74
+ targetThreshold: number;
75
+ renderableMemUsed: number;
76
+ memUsed: number;
77
+ renderableTexturesLoaded: number;
78
+ loadedTextures: number;
79
+ }
80
+
81
+ /**
82
+ * LRU (Least Recently Used) style memory manager for textures
83
+ *
84
+ * @remarks
85
+ * This class is responsible for managing the memory usage of textures
86
+ * in the Renderer. It keeps track of the memory used by each texture
87
+ * and triggers a cleanup when the memory usage exceeds a critical
88
+ * threshold (`criticalThreshold`).
89
+ *
90
+ * The cleanup process will free up non-renderable textures until the
91
+ * memory usage is below a target threshold (`targetThresholdLevel`).
92
+ *
93
+ * The memory manager's clean up process will also be triggered when the
94
+ * scene is idle for a certain amount of time (`cleanupInterval`).
95
+ */
96
+ export class TextureMemoryManager {
97
+ private memUsed = 0;
98
+ private loadedTextures: Map<Texture, number> = new Map();
99
+ private criticalThreshold: number;
100
+ private targetThreshold: number;
101
+ private cleanupInterval: number;
102
+ private debugLogging: boolean;
103
+ private lastCleanupTime = 0;
104
+ public criticalCleanupRequested = false;
105
+ /**
106
+ * The current frame time in milliseconds
107
+ *
108
+ * @remarks
109
+ * This is used to determine when to perform Idle Texture Cleanups.
110
+ *
111
+ * Set by stage via `updateFrameTime` method.
112
+ */
113
+ public frameTime = 0;
114
+
115
+ constructor(private stage: Stage, settings: TextureMemoryManagerSettings) {
116
+ const { criticalThreshold } = settings;
117
+ this.criticalThreshold = Math.round(criticalThreshold);
118
+ const targetFraction = Math.max(
119
+ 0,
120
+ Math.min(1, settings.targetThresholdLevel),
121
+ );
122
+ this.targetThreshold = Math.round(criticalThreshold * targetFraction);
123
+ this.cleanupInterval = settings.cleanupInterval;
124
+ this.debugLogging = settings.debugLogging;
125
+
126
+ if (settings.debugLogging) {
127
+ let lastMemUse = 0;
128
+ setInterval(() => {
129
+ if (lastMemUse !== this.memUsed) {
130
+ lastMemUse = this.memUsed;
131
+ console.log(
132
+ `[TextureMemoryManager] Memory used: ${bytesToMb(
133
+ this.memUsed,
134
+ )} mb / ${bytesToMb(this.criticalThreshold)} mb (${(
135
+ (this.memUsed / this.criticalThreshold) *
136
+ 100
137
+ ).toFixed(1)}%)`,
138
+ );
139
+ }
140
+ }, 1000);
141
+ }
142
+
143
+ // If the threshold is 0, we disable the memory manager by replacing the
144
+ // setTextureMemUse method with a no-op function.
145
+ if (criticalThreshold === 0) {
146
+ this.setTextureMemUse = () => {};
147
+ }
148
+ }
149
+
150
+ setTextureMemUse(texture: Texture, byteSize: number) {
151
+ if (this.loadedTextures.has(texture)) {
152
+ // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
153
+ this.memUsed -= this.loadedTextures.get(texture)!;
154
+ }
155
+
156
+ if (byteSize === 0) {
157
+ this.loadedTextures.delete(texture);
158
+ return;
159
+ } else {
160
+ this.memUsed += byteSize;
161
+ this.loadedTextures.set(texture, byteSize);
162
+ }
163
+
164
+ if (this.memUsed > this.criticalThreshold) {
165
+ this.criticalCleanupRequested = true;
166
+ }
167
+ }
168
+
169
+ checkCleanup() {
170
+ return (
171
+ this.criticalCleanupRequested ||
172
+ (this.memUsed > this.targetThreshold &&
173
+ this.frameTime - this.lastCleanupTime >= this.cleanupInterval)
174
+ );
175
+ }
176
+
177
+ cleanup() {
178
+ const critical = this.criticalCleanupRequested;
179
+ this.lastCleanupTime = this.frameTime;
180
+ this.criticalCleanupRequested = false;
181
+
182
+ if (critical) {
183
+ this.stage.queueFrameEvent('criticalCleanup', {
184
+ memUsed: this.memUsed,
185
+ criticalThreshold: this.criticalThreshold,
186
+ });
187
+ }
188
+
189
+ if (this.debugLogging) {
190
+ console.log(
191
+ `[TextureMemoryManager] Cleaning up textures. Critical: ${critical}`,
192
+ );
193
+ }
194
+
195
+ /**
196
+ * Sort the loaded textures by renderability, then by last touch time.
197
+ *
198
+ * This will ensure that the array is ordered by the following:
199
+ * - Non-renderable textures, starting at the least recently rendered
200
+ * - Renderable textures, starting at the least recently rendered
201
+ */
202
+ const textures = [...this.loadedTextures.keys()].sort(
203
+ (textureA, textureB) => {
204
+ const txARenderable = textureA.renderable;
205
+ const txBRenderable = textureB.renderable;
206
+ if (txARenderable === txBRenderable) {
207
+ return (
208
+ textureA.lastRenderableChangeTime -
209
+ textureB.lastRenderableChangeTime
210
+ );
211
+ } else if (txARenderable) {
212
+ return 1;
213
+ } else if (txBRenderable) {
214
+ return -1;
215
+ }
216
+ return 0;
217
+ },
218
+ );
219
+
220
+ // Free non-renderable textures until we reach the target threshold
221
+ const memTarget = this.targetThreshold;
222
+ const txManager = this.stage.txManager;
223
+ for (const texture of textures) {
224
+ if (texture.renderable) {
225
+ // Stop at the first renderable texture (The rest are renderable because of the sort above)
226
+ // We don't want to free renderable textures because they will just likely be reloaded in the next frame
227
+ break;
228
+ }
229
+ if (texture.preventCleanup === false) {
230
+ texture.free();
231
+ txManager.removeTextureFromCache(texture);
232
+ }
233
+ if (this.memUsed <= memTarget) {
234
+ // Stop once we've freed enough textures to reach under the target threshold
235
+ break;
236
+ }
237
+ }
238
+
239
+ if (this.memUsed >= this.criticalThreshold) {
240
+ this.stage.queueFrameEvent('criticalCleanupFailed', {
241
+ memUsed: this.memUsed,
242
+ criticalThreshold: this.criticalThreshold,
243
+ });
244
+ console.warn(
245
+ `[TextureMemoryManager] Memory usage above critical threshold after cleanup: ${this.memUsed}`,
246
+ );
247
+ }
248
+ }
249
+
250
+ /**
251
+ * Get the current texture memory usage information
252
+ *
253
+ * @remarks
254
+ * This method is for debugging purposes and returns information about the
255
+ * current memory usage of the textures in the Renderer.
256
+ */
257
+ getMemoryInfo(): MemoryInfo {
258
+ let renderableTexturesLoaded = 0;
259
+ const renderableMemUsed = [...this.loadedTextures.keys()].reduce(
260
+ (acc, texture) => {
261
+ renderableTexturesLoaded += texture.renderable ? 1 : 0;
262
+ return (
263
+ acc + (texture.renderable ? this.loadedTextures.get(texture)! : 0)
264
+ );
265
+ },
266
+ 0,
267
+ );
268
+ return {
269
+ criticalThreshold: this.criticalThreshold,
270
+ targetThreshold: this.targetThreshold,
271
+ renderableMemUsed,
272
+ memUsed: this.memUsed,
273
+ renderableTexturesLoaded,
274
+ loadedTextures: this.loadedTextures.size,
275
+ };
276
+ }
277
+ }
@@ -1,38 +1,38 @@
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
- import { CoreAnimation } from './CoreAnimation.js';
21
-
22
- export class AnimationManager {
23
- activeAnimations: Set<CoreAnimation> = new Set();
24
-
25
- registerAnimation(animation: CoreAnimation) {
26
- this.activeAnimations.add(animation);
27
- }
28
-
29
- unregisterAnimation(animation: CoreAnimation) {
30
- this.activeAnimations.delete(animation);
31
- }
32
-
33
- update(dt: number) {
34
- this.activeAnimations.forEach((animation) => {
35
- animation.update(dt);
36
- });
37
- }
38
- }
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
+ import { CoreAnimation } from './CoreAnimation.js';
21
+
22
+ export class AnimationManager {
23
+ activeAnimations: Set<CoreAnimation> = new Set();
24
+
25
+ registerAnimation(animation: CoreAnimation) {
26
+ this.activeAnimations.add(animation);
27
+ }
28
+
29
+ unregisterAnimation(animation: CoreAnimation) {
30
+ this.activeAnimations.delete(animation);
31
+ }
32
+
33
+ update(dt: number) {
34
+ this.activeAnimations.forEach((animation) => {
35
+ animation.update(dt);
36
+ });
37
+ }
38
+ }