@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,143 +1,143 @@
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 type { WebGlContextWrapper } from '../../../lib/WebGlContextWrapper.js';
21
- import type { WebGlCoreRenderer } from '../WebGlCoreRenderer.js';
22
-
23
- //#region Types
24
- export interface AttributeInfo {
25
- name: string;
26
- size: number;
27
- type: number;
28
- normalized: boolean;
29
- stride: number;
30
- offset: number;
31
- }
32
-
33
- export interface UniformInfo {
34
- name: string;
35
- uniform: keyof UniformMethodMap;
36
- }
37
-
38
- export interface ShaderOptions {
39
- renderer: WebGlCoreRenderer;
40
- attributes: string[];
41
- uniforms: UniformInfo[];
42
- shaderSources?: ShaderProgramSources;
43
- supportsIndexedTextures?: boolean;
44
- webgl1Extensions?: string[];
45
- webgl2Extensions?: string[];
46
- }
47
-
48
- // prettier-ignore
49
- type IsUniformMethod<MethodName, MethodType> = MethodName extends `uniform${string}`
50
- ? // eslint-disable-next-line @typescript-eslint/no-explicit-any
51
- MethodType extends (location: WebGLUniformLocation | null, ...args: any[]) => void
52
- ? true
53
- : false
54
- : false;
55
-
56
- // prettier-ignore
57
- export type UniformMethodMap = {
58
- [Key in keyof WebGLRenderingContext as IsUniformMethod<Key, WebGLRenderingContext[Key]> extends true ? Key : never]: WebGLRenderingContext[Key] extends (
59
- location: WebGLUniformLocation | null,
60
- ...args: infer T
61
- ) => void
62
- ? T
63
- : never;
64
- };
65
-
66
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
67
- type TupleToObject<T extends any[]> = Omit<T, keyof any[]>;
68
-
69
- // Why the below has to be so insane is beyond me
70
- // prettier-ignore
71
- export type UniformTupleToMap<Uniforms extends [...UniformInfo[]]> = {
72
- [Key in keyof TupleToObject<Uniforms> as TupleToObject<Uniforms>[Key] extends {
73
- name: infer K extends string;
74
- }
75
- ? K
76
- : never]: TupleToObject<Uniforms>[Key] extends {
77
- uniform: infer T extends keyof UniformMethodMap;
78
- }
79
- ? UniformMethodMap[T]
80
- : never;
81
- };
82
-
83
- type ShaderSource = string | ((textureUnits: number) => string);
84
-
85
- export interface ShaderProgramSources {
86
- vertex: ShaderSource;
87
- fragment: ShaderSource;
88
- webGl2?: {
89
- vertex: ShaderSource;
90
- fragment: ShaderSource;
91
- };
92
- }
93
-
94
- //#endregion Types
95
-
96
- export function createShader(
97
- glw: WebGlContextWrapper,
98
- type: number,
99
- source: string,
100
- ) {
101
- const shader = glw.createShader(type);
102
- if (!shader) {
103
- const glError = glw.getError();
104
- throw new Error(
105
- `Unable to create the shader: ${
106
- type === glw.VERTEX_SHADER ? 'VERTEX_SHADER' : 'FRAGMENT_SHADER'
107
- }.${glError ? ` WebGlContext Error: ${glError}` : ''}`,
108
- );
109
- }
110
-
111
- glw.shaderSource(shader, source);
112
- glw.compileShader(shader);
113
- const success = !!glw.getShaderParameter(shader, glw.COMPILE_STATUS);
114
- if (success) {
115
- return shader;
116
- }
117
-
118
- console.error(glw.getShaderInfoLog(shader));
119
- glw.deleteShader(shader);
120
- }
121
-
122
- export function createProgram(
123
- glw: WebGlContextWrapper,
124
- vertexShader: WebGLShader,
125
- fragmentShader: WebGLShader,
126
- ) {
127
- const program = glw.createProgram();
128
- if (!program) {
129
- throw new Error('Unable to create program');
130
- }
131
-
132
- glw.attachShader(program, vertexShader);
133
- glw.attachShader(program, fragmentShader);
134
- glw.linkProgram(program);
135
- const success = !!glw.getProgramParameter(program, glw.LINK_STATUS);
136
- if (success) {
137
- return program;
138
- }
139
-
140
- console.warn(glw.getProgramInfoLog(program));
141
- glw.deleteProgram(program);
142
- return undefined;
143
- }
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 type { WebGlContextWrapper } from '../../../lib/WebGlContextWrapper.js';
21
+ import type { WebGlCoreRenderer } from '../WebGlCoreRenderer.js';
22
+
23
+ //#region Types
24
+ export interface AttributeInfo {
25
+ name: string;
26
+ size: number;
27
+ type: number;
28
+ normalized: boolean;
29
+ stride: number;
30
+ offset: number;
31
+ }
32
+
33
+ export interface UniformInfo {
34
+ name: string;
35
+ uniform: keyof UniformMethodMap;
36
+ }
37
+
38
+ export interface ShaderOptions {
39
+ renderer: WebGlCoreRenderer;
40
+ attributes: string[];
41
+ uniforms: UniformInfo[];
42
+ shaderSources?: ShaderProgramSources;
43
+ supportsIndexedTextures?: boolean;
44
+ webgl1Extensions?: string[];
45
+ webgl2Extensions?: string[];
46
+ }
47
+
48
+ // prettier-ignore
49
+ type IsUniformMethod<MethodName, MethodType> = MethodName extends `uniform${string}`
50
+ ? // eslint-disable-next-line @typescript-eslint/no-explicit-any
51
+ MethodType extends (location: WebGLUniformLocation | null, ...args: any[]) => void
52
+ ? true
53
+ : false
54
+ : false;
55
+
56
+ // prettier-ignore
57
+ export type UniformMethodMap = {
58
+ [Key in keyof WebGLRenderingContext as IsUniformMethod<Key, WebGLRenderingContext[Key]> extends true ? Key : never]: WebGLRenderingContext[Key] extends (
59
+ location: WebGLUniformLocation | null,
60
+ ...args: infer T
61
+ ) => void
62
+ ? T
63
+ : never;
64
+ };
65
+
66
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
67
+ type TupleToObject<T extends any[]> = Omit<T, keyof any[]>;
68
+
69
+ // Why the below has to be so insane is beyond me
70
+ // prettier-ignore
71
+ export type UniformTupleToMap<Uniforms extends [...UniformInfo[]]> = {
72
+ [Key in keyof TupleToObject<Uniforms> as TupleToObject<Uniforms>[Key] extends {
73
+ name: infer K extends string;
74
+ }
75
+ ? K
76
+ : never]: TupleToObject<Uniforms>[Key] extends {
77
+ uniform: infer T extends keyof UniformMethodMap;
78
+ }
79
+ ? UniformMethodMap[T]
80
+ : never;
81
+ };
82
+
83
+ type ShaderSource = string | ((textureUnits: number) => string);
84
+
85
+ export interface ShaderProgramSources {
86
+ vertex: ShaderSource;
87
+ fragment: ShaderSource;
88
+ webGl2?: {
89
+ vertex: ShaderSource;
90
+ fragment: ShaderSource;
91
+ };
92
+ }
93
+
94
+ //#endregion Types
95
+
96
+ export function createShader(
97
+ glw: WebGlContextWrapper,
98
+ type: number,
99
+ source: string,
100
+ ) {
101
+ const shader = glw.createShader(type);
102
+ if (!shader) {
103
+ const glError = glw.getError();
104
+ throw new Error(
105
+ `Unable to create the shader: ${
106
+ type === glw.VERTEX_SHADER ? 'VERTEX_SHADER' : 'FRAGMENT_SHADER'
107
+ }.${glError ? ` WebGlContext Error: ${glError}` : ''}`,
108
+ );
109
+ }
110
+
111
+ glw.shaderSource(shader, source);
112
+ glw.compileShader(shader);
113
+ const success = !!glw.getShaderParameter(shader, glw.COMPILE_STATUS);
114
+ if (success) {
115
+ return shader;
116
+ }
117
+
118
+ console.error(glw.getShaderInfoLog(shader));
119
+ glw.deleteShader(shader);
120
+ }
121
+
122
+ export function createProgram(
123
+ glw: WebGlContextWrapper,
124
+ vertexShader: WebGLShader,
125
+ fragmentShader: WebGLShader,
126
+ ) {
127
+ const program = glw.createProgram();
128
+ if (!program) {
129
+ throw new Error('Unable to create program');
130
+ }
131
+
132
+ glw.attachShader(program, vertexShader);
133
+ glw.attachShader(program, fragmentShader);
134
+ glw.linkProgram(program);
135
+ const success = !!glw.getProgramParameter(program, glw.LINK_STATUS);
136
+ if (success) {
137
+ return program;
138
+ }
139
+
140
+ console.warn(glw.getProgramInfoLog(program));
141
+ glw.deleteProgram(program);
142
+ return undefined;
143
+ }
@@ -1,35 +1,35 @@
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
- /**
21
- * Generic WebGL Utility Functions
22
- *
23
- * @remarks
24
- * Nothing here should be coupled to Renderer logic / types.
25
- *
26
- * @param gl
27
- * @returns
28
- */
29
- export function isWebGl2(
30
- gl: WebGLRenderingContext,
31
- ): gl is WebGL2RenderingContext {
32
- return (
33
- self.WebGL2RenderingContext && gl instanceof self.WebGL2RenderingContext
34
- );
35
- }
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
+ /**
21
+ * Generic WebGL Utility Functions
22
+ *
23
+ * @remarks
24
+ * Nothing here should be coupled to Renderer logic / types.
25
+ *
26
+ * @param gl
27
+ * @returns
28
+ */
29
+ export function isWebGl2(
30
+ gl: WebGLRenderingContext,
31
+ ): gl is WebGL2RenderingContext {
32
+ return (
33
+ self.WebGL2RenderingContext && gl instanceof self.WebGL2RenderingContext
34
+ );
35
+ }
@@ -1,93 +1,93 @@
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 type { WebGlCoreRenderer } from '../WebGlCoreRenderer.js';
21
- import { WebGlCoreShader } from '../WebGlCoreShader.js';
22
- import type { WebGlCoreCtxTexture } from '../WebGlCoreCtxTexture.js';
23
- import type { ShaderProgramSources } from '../internal/ShaderUtils.js';
24
-
25
- export class DefaultShader extends WebGlCoreShader {
26
- constructor(renderer: WebGlCoreRenderer) {
27
- super({
28
- renderer,
29
- attributes: ['a_position', 'a_textureCoordinate', 'a_color'],
30
- uniforms: [
31
- { name: 'u_resolution', uniform: 'uniform2fv' },
32
- { name: 'u_pixelRatio', uniform: 'uniform1f' },
33
- { name: 'u_texture', uniform: 'uniform2fv' },
34
- ],
35
- });
36
- }
37
-
38
- override bindTextures(textures: WebGlCoreCtxTexture[]) {
39
- const { glw } = this;
40
- glw.activeTexture(0);
41
- glw.bindTexture(textures[0]!.ctxTexture);
42
- }
43
-
44
- static override shaderSources: ShaderProgramSources = {
45
- vertex: `
46
- # ifdef GL_FRAGMENT_PRECISION_HIGH
47
- precision highp float;
48
- # else
49
- precision mediump float;
50
- # endif
51
-
52
- attribute vec2 a_position;
53
- attribute vec2 a_textureCoordinate;
54
- attribute vec4 a_color;
55
-
56
- uniform vec2 u_resolution;
57
- uniform float u_pixelRatio;
58
-
59
-
60
- varying vec4 v_color;
61
- varying vec2 v_textureCoordinate;
62
-
63
- void main() {
64
- vec2 normalized = a_position * u_pixelRatio;
65
- vec2 screenSpace = vec2(2.0 / u_resolution.x, -2.0 / u_resolution.y);
66
-
67
- v_color = a_color;
68
- v_textureCoordinate = a_textureCoordinate;
69
-
70
- gl_Position = vec4(normalized.x * screenSpace.x - 1.0, normalized.y * -abs(screenSpace.y) + 1.0, 0.0, 1.0);
71
- gl_Position.y = -sign(screenSpace.y) * gl_Position.y;
72
- }
73
- `,
74
- fragment: `
75
- # ifdef GL_FRAGMENT_PRECISION_HIGH
76
- precision highp float;
77
- # else
78
- precision mediump float;
79
- # endif
80
-
81
- uniform vec2 u_resolution;
82
- uniform sampler2D u_texture;
83
-
84
- varying vec4 v_color;
85
- varying vec2 v_textureCoordinate;
86
-
87
- void main() {
88
- vec4 color = texture2D(u_texture, v_textureCoordinate);
89
- gl_FragColor = vec4(v_color) * texture2D(u_texture, v_textureCoordinate);
90
- }
91
- `,
92
- };
93
- }
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 type { WebGlCoreRenderer } from '../WebGlCoreRenderer.js';
21
+ import { WebGlCoreShader } from '../WebGlCoreShader.js';
22
+ import type { WebGlCoreCtxTexture } from '../WebGlCoreCtxTexture.js';
23
+ import type { ShaderProgramSources } from '../internal/ShaderUtils.js';
24
+
25
+ export class DefaultShader extends WebGlCoreShader {
26
+ constructor(renderer: WebGlCoreRenderer) {
27
+ super({
28
+ renderer,
29
+ attributes: ['a_position', 'a_textureCoordinate', 'a_color'],
30
+ uniforms: [
31
+ { name: 'u_resolution', uniform: 'uniform2fv' },
32
+ { name: 'u_pixelRatio', uniform: 'uniform1f' },
33
+ { name: 'u_texture', uniform: 'uniform2fv' },
34
+ ],
35
+ });
36
+ }
37
+
38
+ override bindTextures(textures: WebGlCoreCtxTexture[]) {
39
+ const { glw } = this;
40
+ glw.activeTexture(0);
41
+ glw.bindTexture(textures[0]!.ctxTexture);
42
+ }
43
+
44
+ static override shaderSources: ShaderProgramSources = {
45
+ vertex: `
46
+ # ifdef GL_FRAGMENT_PRECISION_HIGH
47
+ precision highp float;
48
+ # else
49
+ precision mediump float;
50
+ # endif
51
+
52
+ attribute vec2 a_position;
53
+ attribute vec2 a_textureCoordinate;
54
+ attribute vec4 a_color;
55
+
56
+ uniform vec2 u_resolution;
57
+ uniform float u_pixelRatio;
58
+
59
+
60
+ varying vec4 v_color;
61
+ varying vec2 v_textureCoordinate;
62
+
63
+ void main() {
64
+ vec2 normalized = a_position * u_pixelRatio;
65
+ vec2 screenSpace = vec2(2.0 / u_resolution.x, -2.0 / u_resolution.y);
66
+
67
+ v_color = a_color;
68
+ v_textureCoordinate = a_textureCoordinate;
69
+
70
+ gl_Position = vec4(normalized.x * screenSpace.x - 1.0, normalized.y * -abs(screenSpace.y) + 1.0, 0.0, 1.0);
71
+ gl_Position.y = -sign(screenSpace.y) * gl_Position.y;
72
+ }
73
+ `,
74
+ fragment: `
75
+ # ifdef GL_FRAGMENT_PRECISION_HIGH
76
+ precision highp float;
77
+ # else
78
+ precision mediump float;
79
+ # endif
80
+
81
+ uniform vec2 u_resolution;
82
+ uniform sampler2D u_texture;
83
+
84
+ varying vec4 v_color;
85
+ varying vec2 v_textureCoordinate;
86
+
87
+ void main() {
88
+ vec4 color = texture2D(u_texture, v_textureCoordinate);
89
+ gl_FragColor = vec4(v_color) * texture2D(u_texture, v_textureCoordinate);
90
+ }
91
+ `,
92
+ };
93
+ }