@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
@@ -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
+ }