@lightningjs/renderer 2.9.0 → 2.9.1

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 (218) hide show
  1. package/COPYING +1 -0
  2. package/LICENSE +202 -202
  3. package/NOTICE +3 -3
  4. package/README.md +147 -147
  5. package/dist/src/core/CoreNode.js +1 -1
  6. package/dist/src/core/CoreNode.js.map +1 -1
  7. package/dist/src/core/renderers/webgl/shaders/DefaultShader.js +45 -45
  8. package/dist/src/core/renderers/webgl/shaders/DefaultShaderBatched.js +61 -61
  9. package/dist/src/core/renderers/webgl/shaders/DynamicShader.js +93 -93
  10. package/dist/src/core/renderers/webgl/shaders/RoundedRectangle.js +63 -63
  11. package/dist/src/core/renderers/webgl/shaders/SdfShader.js +62 -62
  12. package/dist/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.js +15 -15
  13. package/dist/src/core/renderers/webgl/shaders/effects/BorderEffect.js +6 -6
  14. package/dist/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.js +15 -15
  15. package/dist/src/core/renderers/webgl/shaders/effects/BorderRightEffect.js +15 -15
  16. package/dist/src/core/renderers/webgl/shaders/effects/BorderTopEffect.js +15 -15
  17. package/dist/src/core/renderers/webgl/shaders/effects/FadeOutEffect.js +42 -42
  18. package/dist/src/core/renderers/webgl/shaders/effects/GlitchEffect.js +44 -44
  19. package/dist/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.js +3 -3
  20. package/dist/src/core/renderers/webgl/shaders/effects/HolePunchEffect.js +22 -22
  21. package/dist/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.js +28 -28
  22. package/dist/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.js +10 -10
  23. package/dist/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.js +37 -37
  24. package/dist/src/core/renderers/webgl/shaders/effects/RadiusEffect.js +19 -19
  25. package/dist/src/core/text-rendering/font-face-types/WebTrFontFace.js +7 -3
  26. package/dist/src/core/text-rendering/font-face-types/WebTrFontFace.js.map +1 -1
  27. package/dist/src/core/text-rendering/renderers/LightningTextTextureRenderer.js +7 -0
  28. package/dist/src/core/text-rendering/renderers/LightningTextTextureRenderer.js.map +1 -1
  29. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.js +5 -1
  30. package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.js.map +1 -1
  31. package/dist/src/core/textures/ImageTexture.js +1 -1
  32. package/dist/src/core/textures/SubTexture.d.ts +1 -0
  33. package/dist/src/core/textures/SubTexture.js +7 -0
  34. package/dist/src/core/textures/SubTexture.js.map +1 -1
  35. package/dist/src/core/textures/Texture.d.ts +9 -0
  36. package/dist/src/core/textures/Texture.js +23 -13
  37. package/dist/src/core/textures/Texture.js.map +1 -1
  38. package/dist/tsconfig.dist.tsbuildinfo +1 -1
  39. package/exports/canvas.ts +39 -39
  40. package/exports/index.ts +89 -89
  41. package/exports/inspector.ts +24 -24
  42. package/exports/utils.ts +44 -44
  43. package/exports/webgl.ts +38 -38
  44. package/package.json +1 -1
  45. package/scripts/please-use-pnpm.js +13 -13
  46. package/src/common/CommonTypes.ts +139 -139
  47. package/src/common/EventEmitter.ts +77 -77
  48. package/src/common/IAnimationController.ts +92 -92
  49. package/src/common/IEventEmitter.ts +28 -28
  50. package/src/core/CoreNode.test.ts +199 -199
  51. package/src/core/CoreNode.ts +2335 -2335
  52. package/src/core/CoreShaderManager.ts +292 -292
  53. package/src/core/CoreTextNode.ts +455 -455
  54. package/src/core/CoreTextureManager.ts +548 -548
  55. package/src/core/Stage.ts +700 -700
  56. package/src/core/TextureMemoryManager.ts +277 -277
  57. package/src/core/animations/AnimationManager.ts +38 -38
  58. package/src/core/animations/CoreAnimation.ts +340 -340
  59. package/src/core/animations/CoreAnimationController.ts +157 -157
  60. package/src/core/lib/ContextSpy.ts +41 -41
  61. package/src/core/lib/ImageWorker.ts +270 -270
  62. package/src/core/lib/Matrix3d.ts +244 -244
  63. package/src/core/lib/RenderCoords.ts +86 -86
  64. package/src/core/lib/WebGlContextWrapper.ts +1322 -1322
  65. package/src/core/lib/textureCompression.ts +152 -152
  66. package/src/core/lib/textureSvg.ts +78 -78
  67. package/src/core/lib/utils.ts +306 -306
  68. package/src/core/platform.ts +61 -61
  69. package/src/core/renderers/CoreContextTexture.ts +43 -43
  70. package/src/core/renderers/CoreRenderOp.ts +22 -22
  71. package/src/core/renderers/CoreRenderer.ts +114 -114
  72. package/src/core/renderers/CoreShader.ts +41 -41
  73. package/src/core/renderers/canvas/CanvasCoreRenderer.ts +364 -364
  74. package/src/core/renderers/canvas/CanvasCoreTexture.ts +150 -150
  75. package/src/core/renderers/canvas/internal/C2DShaderUtils.ts +231 -231
  76. package/src/core/renderers/canvas/internal/ColorUtils.ts +69 -69
  77. package/src/core/renderers/canvas/shaders/UnsupportedShader.ts +48 -48
  78. package/src/core/renderers/webgl/WebGlCoreCtxRenderTexture.ts +79 -79
  79. package/src/core/renderers/webgl/WebGlCoreCtxSubTexture.ts +50 -50
  80. package/src/core/renderers/webgl/WebGlCoreCtxTexture.ts +298 -298
  81. package/src/core/renderers/webgl/WebGlCoreRenderOp.ts +125 -125
  82. package/src/core/renderers/webgl/WebGlCoreRenderer.ts +805 -805
  83. package/src/core/renderers/webgl/WebGlCoreShader.ts +362 -362
  84. package/src/core/renderers/webgl/internal/BufferCollection.ts +54 -54
  85. package/src/core/renderers/webgl/internal/RendererUtils.ts +155 -155
  86. package/src/core/renderers/webgl/internal/ShaderUtils.ts +143 -143
  87. package/src/core/renderers/webgl/internal/WebGlUtils.ts +35 -35
  88. package/src/core/renderers/webgl/shaders/DefaultShader.ts +93 -93
  89. package/src/core/renderers/webgl/shaders/DefaultShaderBatched.ts +132 -132
  90. package/src/core/renderers/webgl/shaders/DynamicShader.ts +580 -580
  91. package/src/core/renderers/webgl/shaders/RoundedRectangle.ts +167 -167
  92. package/src/core/renderers/webgl/shaders/SdfShader.ts +204 -204
  93. package/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.ts +101 -101
  94. package/src/core/renderers/webgl/shaders/effects/BorderEffect.ts +87 -87
  95. package/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.ts +101 -101
  96. package/src/core/renderers/webgl/shaders/effects/BorderRightEffect.ts +101 -101
  97. package/src/core/renderers/webgl/shaders/effects/BorderTopEffect.ts +101 -101
  98. package/src/core/renderers/webgl/shaders/effects/EffectUtils.ts +159 -159
  99. package/src/core/renderers/webgl/shaders/effects/FadeOutEffect.ts +127 -127
  100. package/src/core/renderers/webgl/shaders/effects/GlitchEffect.ts +148 -148
  101. package/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.ts +67 -67
  102. package/src/core/renderers/webgl/shaders/effects/HolePunchEffect.ts +157 -157
  103. package/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.ts +171 -171
  104. package/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.ts +168 -168
  105. package/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.ts +187 -187
  106. package/src/core/renderers/webgl/shaders/effects/RadiusEffect.ts +110 -110
  107. package/src/core/renderers/webgl/shaders/effects/ShaderEffect.ts +196 -196
  108. package/src/core/text-rendering/TextRenderingUtils.ts +36 -36
  109. package/src/core/text-rendering/TextTextureRendererUtils.ts +263 -263
  110. package/src/core/text-rendering/TrFontManager.ts +183 -183
  111. package/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.ts +176 -176
  112. package/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/FontShaper.ts +139 -139
  113. package/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.test.ts +173 -173
  114. package/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.ts +171 -171
  115. package/src/core/text-rendering/font-face-types/TrFontFace.ts +187 -187
  116. package/src/core/text-rendering/font-face-types/WebTrFontFace.ts +94 -89
  117. package/src/core/text-rendering/renderers/CanvasTextRenderer.ts +509 -509
  118. package/src/core/text-rendering/renderers/LightningTextTextureRenderer.ts +808 -798
  119. package/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.ts +853 -853
  120. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/PeekableGenerator.test.ts +48 -48
  121. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/PeekableGenerator.ts +66 -66
  122. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/SpecialCodepoints.ts +52 -52
  123. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/constants.ts +32 -32
  124. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/getStartConditions.ts +117 -117
  125. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/getUnicodeCodepoints.test.ts +133 -133
  126. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/getUnicodeCodepoints.ts +38 -38
  127. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.ts +408 -403
  128. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/measureText.test.ts +49 -49
  129. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/measureText.ts +52 -52
  130. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/setRenderWindow.test.ts +205 -205
  131. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/setRenderWindow.ts +93 -93
  132. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/util.ts +40 -40
  133. package/src/core/text-rendering/renderers/TextRenderer.ts +557 -557
  134. package/src/core/textures/ColorTexture.ts +102 -102
  135. package/src/core/textures/ImageTexture.ts +378 -378
  136. package/src/core/textures/NoiseTexture.ts +104 -104
  137. package/src/core/textures/RenderTexture.ts +85 -85
  138. package/src/core/textures/SubTexture.ts +179 -171
  139. package/src/core/textures/Texture.ts +435 -423
  140. package/src/core/utils.ts +227 -227
  141. package/src/env.d.ts +7 -7
  142. package/src/main-api/DynamicShaderController.ts +104 -104
  143. package/src/main-api/INode.ts +101 -101
  144. package/src/main-api/Inspector.ts +505 -505
  145. package/src/main-api/Renderer.ts +693 -693
  146. package/src/main-api/ShaderController.ts +80 -80
  147. package/src/main-api/utils.ts +45 -45
  148. package/src/utils.ts +248 -248
  149. package/dist/exports/core-api.d.ts +0 -74
  150. package/dist/exports/core-api.js +0 -96
  151. package/dist/exports/core-api.js.map +0 -1
  152. package/dist/exports/main-api.d.ts +0 -30
  153. package/dist/exports/main-api.js +0 -45
  154. package/dist/exports/main-api.js.map +0 -1
  155. package/dist/src/core/CoreExtension.d.ts +0 -12
  156. package/dist/src/core/CoreExtension.js +0 -29
  157. package/dist/src/core/CoreExtension.js.map +0 -1
  158. package/dist/src/main-api/ICoreDriver.d.ts +0 -24
  159. package/dist/src/main-api/ICoreDriver.js +0 -20
  160. package/dist/src/main-api/ICoreDriver.js.map +0 -1
  161. package/dist/src/main-api/RendererMain.d.ts +0 -378
  162. package/dist/src/main-api/RendererMain.js +0 -367
  163. package/dist/src/main-api/RendererMain.js.map +0 -1
  164. package/dist/src/main-api/texture-usage-trackers/FinalizationRegistryTextureUsageTracker.d.ts +0 -9
  165. package/dist/src/main-api/texture-usage-trackers/FinalizationRegistryTextureUsageTracker.js +0 -38
  166. package/dist/src/main-api/texture-usage-trackers/FinalizationRegistryTextureUsageTracker.js.map +0 -1
  167. package/dist/src/main-api/texture-usage-trackers/ManualCountTextureUsageTracker.d.ts +0 -56
  168. package/dist/src/main-api/texture-usage-trackers/ManualCountTextureUsageTracker.js +0 -101
  169. package/dist/src/main-api/texture-usage-trackers/ManualCountTextureUsageTracker.js.map +0 -1
  170. package/dist/src/main-api/texture-usage-trackers/TextureUsageTracker.d.ts +0 -32
  171. package/dist/src/main-api/texture-usage-trackers/TextureUsageTracker.js +0 -28
  172. package/dist/src/main-api/texture-usage-trackers/TextureUsageTracker.js.map +0 -1
  173. package/dist/src/render-drivers/main/MainCoreDriver.d.ts +0 -21
  174. package/dist/src/render-drivers/main/MainCoreDriver.js +0 -115
  175. package/dist/src/render-drivers/main/MainCoreDriver.js.map +0 -1
  176. package/dist/src/render-drivers/main/MainOnlyNode.d.ts +0 -101
  177. package/dist/src/render-drivers/main/MainOnlyNode.js +0 -425
  178. package/dist/src/render-drivers/main/MainOnlyNode.js.map +0 -1
  179. package/dist/src/render-drivers/main/MainOnlyTextNode.d.ts +0 -47
  180. package/dist/src/render-drivers/main/MainOnlyTextNode.js +0 -204
  181. package/dist/src/render-drivers/main/MainOnlyTextNode.js.map +0 -1
  182. package/dist/src/render-drivers/threadx/NodeStruct.d.ts +0 -93
  183. package/dist/src/render-drivers/threadx/NodeStruct.js +0 -290
  184. package/dist/src/render-drivers/threadx/NodeStruct.js.map +0 -1
  185. package/dist/src/render-drivers/threadx/SharedNode.d.ts +0 -40
  186. package/dist/src/render-drivers/threadx/SharedNode.js +0 -61
  187. package/dist/src/render-drivers/threadx/SharedNode.js.map +0 -1
  188. package/dist/src/render-drivers/threadx/TextNodeStruct.d.ts +0 -44
  189. package/dist/src/render-drivers/threadx/TextNodeStruct.js +0 -203
  190. package/dist/src/render-drivers/threadx/TextNodeStruct.js.map +0 -1
  191. package/dist/src/render-drivers/threadx/ThreadXCoreDriver.d.ts +0 -25
  192. package/dist/src/render-drivers/threadx/ThreadXCoreDriver.js +0 -232
  193. package/dist/src/render-drivers/threadx/ThreadXCoreDriver.js.map +0 -1
  194. package/dist/src/render-drivers/threadx/ThreadXMainAnimationController.d.ts +0 -24
  195. package/dist/src/render-drivers/threadx/ThreadXMainAnimationController.js +0 -113
  196. package/dist/src/render-drivers/threadx/ThreadXMainAnimationController.js.map +0 -1
  197. package/dist/src/render-drivers/threadx/ThreadXMainNode.d.ts +0 -46
  198. package/dist/src/render-drivers/threadx/ThreadXMainNode.js +0 -160
  199. package/dist/src/render-drivers/threadx/ThreadXMainNode.js.map +0 -1
  200. package/dist/src/render-drivers/threadx/ThreadXMainTextNode.d.ts +0 -28
  201. package/dist/src/render-drivers/threadx/ThreadXMainTextNode.js +0 -55
  202. package/dist/src/render-drivers/threadx/ThreadXMainTextNode.js.map +0 -1
  203. package/dist/src/render-drivers/threadx/ThreadXRendererMessage.d.ts +0 -70
  204. package/dist/src/render-drivers/threadx/ThreadXRendererMessage.js +0 -32
  205. package/dist/src/render-drivers/threadx/ThreadXRendererMessage.js.map +0 -1
  206. package/dist/src/render-drivers/threadx/worker/ThreadXRendererNode.d.ts +0 -19
  207. package/dist/src/render-drivers/threadx/worker/ThreadXRendererNode.js +0 -184
  208. package/dist/src/render-drivers/threadx/worker/ThreadXRendererNode.js.map +0 -1
  209. package/dist/src/render-drivers/threadx/worker/ThreadXRendererTextNode.d.ts +0 -27
  210. package/dist/src/render-drivers/threadx/worker/ThreadXRendererTextNode.js +0 -109
  211. package/dist/src/render-drivers/threadx/worker/ThreadXRendererTextNode.js.map +0 -1
  212. package/dist/src/render-drivers/threadx/worker/renderer.d.ts +0 -1
  213. package/dist/src/render-drivers/threadx/worker/renderer.js +0 -147
  214. package/dist/src/render-drivers/threadx/worker/renderer.js.map +0 -1
  215. package/dist/src/render-drivers/utils.d.ts +0 -12
  216. package/dist/src/render-drivers/utils.js +0 -74
  217. package/dist/src/render-drivers/utils.js.map +0 -1
  218. package/dist/tsconfig.tsbuildinfo +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
+ }