@lightningjs/renderer 2.9.0 → 2.9.2

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