@lightningjs/renderer 2.9.0-beta2 → 2.9.0-beta3

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 (189) 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.d.ts +2 -1
  6. package/dist/src/core/CoreNode.js +54 -43
  7. package/dist/src/core/CoreNode.js.map +1 -1
  8. package/dist/src/core/CoreTextureManager.d.ts +61 -15
  9. package/dist/src/core/CoreTextureManager.js +179 -104
  10. package/dist/src/core/CoreTextureManager.js.map +1 -1
  11. package/dist/src/core/Stage.d.ts +7 -0
  12. package/dist/src/core/Stage.js +33 -1
  13. package/dist/src/core/Stage.js.map +1 -1
  14. package/dist/src/core/TextureMemoryManager.js +2 -5
  15. package/dist/src/core/TextureMemoryManager.js.map +1 -1
  16. package/dist/src/core/lib/ImageWorker.js +31 -28
  17. package/dist/src/core/lib/ImageWorker.js.map +1 -1
  18. package/dist/src/core/lib/WebGlContextWrapper.d.ts +1 -0
  19. package/dist/src/core/lib/WebGlContextWrapper.js +2 -0
  20. package/dist/src/core/lib/WebGlContextWrapper.js.map +1 -1
  21. package/dist/src/core/renderers/CoreContextTexture.d.ts +1 -0
  22. package/dist/src/core/renderers/CoreContextTexture.js +1 -0
  23. package/dist/src/core/renderers/CoreContextTexture.js.map +1 -1
  24. package/dist/src/core/renderers/canvas/CanvasCoreRenderer.d.ts +1 -1
  25. package/dist/src/core/renderers/canvas/CanvasCoreRenderer.js +13 -5
  26. package/dist/src/core/renderers/canvas/CanvasCoreRenderer.js.map +1 -1
  27. package/dist/src/core/renderers/canvas/CanvasCoreTexture.js +6 -8
  28. package/dist/src/core/renderers/canvas/CanvasCoreTexture.js.map +1 -1
  29. package/dist/src/core/renderers/webgl/WebGlCoreCtxSubTexture.js +3 -1
  30. package/dist/src/core/renderers/webgl/WebGlCoreCtxSubTexture.js.map +1 -1
  31. package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.d.ts +1 -2
  32. package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.js +26 -24
  33. package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.js.map +1 -1
  34. package/dist/src/core/renderers/webgl/WebGlCoreRenderer.d.ts +0 -1
  35. package/dist/src/core/renderers/webgl/WebGlCoreRenderer.js +7 -17
  36. package/dist/src/core/renderers/webgl/WebGlCoreRenderer.js.map +1 -1
  37. package/dist/src/core/renderers/webgl/shaders/DefaultShader.js +45 -45
  38. package/dist/src/core/renderers/webgl/shaders/DefaultShaderBatched.js +61 -61
  39. package/dist/src/core/renderers/webgl/shaders/DynamicShader.js +93 -93
  40. package/dist/src/core/renderers/webgl/shaders/RoundedRectangle.js +63 -63
  41. package/dist/src/core/renderers/webgl/shaders/SdfShader.js +62 -62
  42. package/dist/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.js +15 -15
  43. package/dist/src/core/renderers/webgl/shaders/effects/BorderEffect.js +6 -6
  44. package/dist/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.js +15 -15
  45. package/dist/src/core/renderers/webgl/shaders/effects/BorderRightEffect.js +15 -15
  46. package/dist/src/core/renderers/webgl/shaders/effects/BorderTopEffect.js +15 -15
  47. package/dist/src/core/renderers/webgl/shaders/effects/FadeOutEffect.js +42 -42
  48. package/dist/src/core/renderers/webgl/shaders/effects/GlitchEffect.js +44 -44
  49. package/dist/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.js +3 -3
  50. package/dist/src/core/renderers/webgl/shaders/effects/HolePunchEffect.js +22 -22
  51. package/dist/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.js +28 -28
  52. package/dist/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.js +10 -10
  53. package/dist/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.js +37 -37
  54. package/dist/src/core/renderers/webgl/shaders/effects/RadiusEffect.js +19 -19
  55. package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.js +3 -5
  56. package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.js.map +1 -1
  57. package/dist/src/core/text-rendering/renderers/CanvasTextRenderer.js +2 -1
  58. package/dist/src/core/text-rendering/renderers/CanvasTextRenderer.js.map +1 -1
  59. package/dist/src/core/textures/ColorTexture.d.ts +1 -1
  60. package/dist/src/core/textures/ColorTexture.js +2 -1
  61. package/dist/src/core/textures/ColorTexture.js.map +1 -1
  62. package/dist/src/core/textures/ImageTexture.d.ts +8 -1
  63. package/dist/src/core/textures/ImageTexture.js +39 -1
  64. package/dist/src/core/textures/ImageTexture.js.map +1 -1
  65. package/dist/src/core/textures/NoiseTexture.d.ts +1 -1
  66. package/dist/src/core/textures/NoiseTexture.js +2 -1
  67. package/dist/src/core/textures/NoiseTexture.js.map +1 -1
  68. package/dist/src/core/textures/RenderTexture.d.ts +1 -1
  69. package/dist/src/core/textures/RenderTexture.js +2 -1
  70. package/dist/src/core/textures/RenderTexture.js.map +1 -1
  71. package/dist/src/core/textures/SubTexture.d.ts +1 -1
  72. package/dist/src/core/textures/SubTexture.js +21 -4
  73. package/dist/src/core/textures/SubTexture.js.map +1 -1
  74. package/dist/src/core/textures/Texture.d.ts +43 -21
  75. package/dist/src/core/textures/Texture.js +105 -33
  76. package/dist/src/core/textures/Texture.js.map +1 -1
  77. package/dist/src/main-api/Renderer.d.ts +18 -0
  78. package/dist/src/main-api/Renderer.js +6 -4
  79. package/dist/src/main-api/Renderer.js.map +1 -1
  80. package/dist/tsconfig.dist.tsbuildinfo +1 -1
  81. package/exports/canvas.ts +39 -39
  82. package/exports/index.ts +89 -89
  83. package/exports/inspector.ts +24 -24
  84. package/exports/utils.ts +44 -44
  85. package/exports/webgl.ts +38 -38
  86. package/package.json +1 -1
  87. package/scripts/please-use-pnpm.js +13 -13
  88. package/src/common/CommonTypes.ts +139 -139
  89. package/src/common/EventEmitter.ts +77 -77
  90. package/src/common/IAnimationController.ts +92 -92
  91. package/src/common/IEventEmitter.ts +28 -28
  92. package/src/core/CoreNode.test.ts +95 -95
  93. package/src/core/CoreNode.ts +2282 -2258
  94. package/src/core/CoreShaderManager.ts +292 -292
  95. package/src/core/CoreTextNode.ts +450 -450
  96. package/src/core/CoreTextureManager.ts +522 -432
  97. package/src/core/Stage.ts +699 -652
  98. package/src/core/TextureMemoryManager.ts +277 -279
  99. package/src/core/animations/AnimationManager.ts +38 -38
  100. package/src/core/animations/CoreAnimation.ts +340 -340
  101. package/src/core/animations/CoreAnimationController.ts +157 -157
  102. package/src/core/lib/ContextSpy.ts +41 -41
  103. package/src/core/lib/ImageWorker.ts +270 -267
  104. package/src/core/lib/Matrix3d.ts +244 -244
  105. package/src/core/lib/RenderCoords.ts +86 -86
  106. package/src/core/lib/WebGlContextWrapper.ts +1322 -1320
  107. package/src/core/lib/textureCompression.ts +152 -152
  108. package/src/core/lib/textureSvg.ts +78 -78
  109. package/src/core/lib/utils.ts +306 -306
  110. package/src/core/platform.ts +61 -61
  111. package/src/core/renderers/CoreContextTexture.ts +43 -42
  112. package/src/core/renderers/CoreRenderOp.ts +22 -22
  113. package/src/core/renderers/CoreRenderer.ts +114 -114
  114. package/src/core/renderers/CoreShader.ts +41 -41
  115. package/src/core/renderers/canvas/CanvasCoreRenderer.ts +364 -353
  116. package/src/core/renderers/canvas/CanvasCoreTexture.ts +150 -149
  117. package/src/core/renderers/canvas/internal/C2DShaderUtils.ts +231 -231
  118. package/src/core/renderers/canvas/internal/ColorUtils.ts +69 -69
  119. package/src/core/renderers/canvas/shaders/UnsupportedShader.ts +48 -48
  120. package/src/core/renderers/webgl/WebGlCoreCtxRenderTexture.ts +79 -79
  121. package/src/core/renderers/webgl/WebGlCoreCtxSubTexture.ts +50 -48
  122. package/src/core/renderers/webgl/WebGlCoreCtxTexture.ts +298 -290
  123. package/src/core/renderers/webgl/WebGlCoreRenderOp.ts +125 -125
  124. package/src/core/renderers/webgl/WebGlCoreRenderer.ts +805 -817
  125. package/src/core/renderers/webgl/WebGlCoreShader.ts +362 -362
  126. package/src/core/renderers/webgl/internal/BufferCollection.ts +54 -54
  127. package/src/core/renderers/webgl/internal/ShaderUtils.ts +143 -143
  128. package/src/core/renderers/webgl/internal/WebGlUtils.ts +35 -35
  129. package/src/core/renderers/webgl/shaders/DefaultShader.ts +93 -93
  130. package/src/core/renderers/webgl/shaders/DefaultShaderBatched.ts +132 -132
  131. package/src/core/renderers/webgl/shaders/DynamicShader.ts +580 -580
  132. package/src/core/renderers/webgl/shaders/RoundedRectangle.ts +167 -167
  133. package/src/core/renderers/webgl/shaders/SdfShader.ts +204 -204
  134. package/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.ts +101 -101
  135. package/src/core/renderers/webgl/shaders/effects/BorderEffect.ts +87 -87
  136. package/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.ts +101 -101
  137. package/src/core/renderers/webgl/shaders/effects/BorderRightEffect.ts +101 -101
  138. package/src/core/renderers/webgl/shaders/effects/BorderTopEffect.ts +101 -101
  139. package/src/core/renderers/webgl/shaders/effects/EffectUtils.ts +159 -159
  140. package/src/core/renderers/webgl/shaders/effects/FadeOutEffect.ts +127 -127
  141. package/src/core/renderers/webgl/shaders/effects/GlitchEffect.ts +148 -148
  142. package/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.ts +67 -67
  143. package/src/core/renderers/webgl/shaders/effects/HolePunchEffect.ts +157 -157
  144. package/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.ts +171 -171
  145. package/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.ts +168 -168
  146. package/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.ts +187 -187
  147. package/src/core/renderers/webgl/shaders/effects/RadiusEffect.ts +110 -110
  148. package/src/core/renderers/webgl/shaders/effects/ShaderEffect.ts +196 -196
  149. package/src/core/text-rendering/TextRenderingUtils.ts +36 -36
  150. package/src/core/text-rendering/TextTextureRendererUtils.ts +263 -263
  151. package/src/core/text-rendering/TrFontManager.ts +183 -183
  152. package/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.ts +169 -171
  153. package/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/FontShaper.ts +139 -139
  154. package/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.test.ts +173 -173
  155. package/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.ts +171 -171
  156. package/src/core/text-rendering/font-face-types/TrFontFace.ts +187 -187
  157. package/src/core/text-rendering/font-face-types/WebTrFontFace.ts +89 -89
  158. package/src/core/text-rendering/renderers/CanvasTextRenderer.ts +509 -507
  159. package/src/core/text-rendering/renderers/LightningTextTextureRenderer.ts +798 -798
  160. package/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.ts +853 -853
  161. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/PeekableGenerator.test.ts +48 -48
  162. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/PeekableGenerator.ts +66 -66
  163. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/SpecialCodepoints.ts +52 -52
  164. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/constants.ts +32 -32
  165. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/getStartConditions.ts +117 -117
  166. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/getUnicodeCodepoints.test.ts +133 -133
  167. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/getUnicodeCodepoints.ts +38 -38
  168. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.ts +403 -403
  169. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/measureText.test.ts +49 -49
  170. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/measureText.ts +52 -52
  171. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/setRenderWindow.test.ts +205 -205
  172. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/setRenderWindow.ts +93 -93
  173. package/src/core/text-rendering/renderers/SdfTextRenderer/internal/util.ts +40 -40
  174. package/src/core/text-rendering/renderers/TextRenderer.ts +557 -557
  175. package/src/core/textures/ColorTexture.ts +102 -100
  176. package/src/core/textures/ImageTexture.ts +378 -337
  177. package/src/core/textures/NoiseTexture.ts +104 -101
  178. package/src/core/textures/RenderTexture.ts +85 -83
  179. package/src/core/textures/SubTexture.ts +171 -146
  180. package/src/core/textures/Texture.ts +407 -318
  181. package/src/core/utils.ts +227 -227
  182. package/src/env.d.ts +7 -7
  183. package/src/main-api/DynamicShaderController.ts +104 -104
  184. package/src/main-api/INode.ts +101 -101
  185. package/src/main-api/Inspector.ts +505 -505
  186. package/src/main-api/Renderer.ts +693 -670
  187. package/src/main-api/ShaderController.ts +80 -80
  188. package/src/main-api/utils.ts +45 -45
  189. package/src/utils.ts +248 -248
@@ -1,132 +1,132 @@
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
- // import type { Texture } from '../textures/Texture';
25
-
26
- export class DefaultShaderBatched extends WebGlCoreShader {
27
- override supportsIndexedTextures = true;
28
-
29
- constructor(renderer: WebGlCoreRenderer) {
30
- super({
31
- renderer,
32
- attributes: [
33
- 'a_position',
34
- 'a_textureCoordinate',
35
- 'a_color',
36
- 'a_textureIndex',
37
- ],
38
- uniforms: [
39
- { name: 'u_resolution', uniform: 'uniform2fv' },
40
- { name: 'u_pixelRatio', uniform: 'uniform1f' },
41
- { name: 'u_textures[0]', uniform: 'uniform1iv' },
42
- ],
43
- });
44
- }
45
-
46
- override bindTextures(texture: WebGlCoreCtxTexture[]) {
47
- const { renderer, glw } = this;
48
- if (
49
- texture.length > renderer.system.parameters.MAX_VERTEX_TEXTURE_IMAGE_UNITS
50
- ) {
51
- throw new Error(
52
- `DefaultShaderBatched: Cannot bind more than ${renderer.system.parameters.MAX_VERTEX_TEXTURE_IMAGE_UNITS} textures`,
53
- );
54
- }
55
- texture.forEach((t, i) => {
56
- glw.activeTexture(i);
57
- glw.bindTexture(t.ctxTexture);
58
- });
59
- const samplers = Array.from(Array(texture.length).keys());
60
- this.glw.uniform1iv(this.getUniformLocation('u_textures[0]'), samplers);
61
- }
62
-
63
- static override shaderSources: ShaderProgramSources = {
64
- vertex: `
65
- # ifdef GL_FRAGMENT_PRECISION_HIGH
66
- precision highp float;
67
- # else
68
- precision mediump float;
69
- # endif
70
-
71
- attribute vec2 a_textureCoordinate;
72
- attribute vec2 a_position;
73
- attribute vec4 a_color;
74
- attribute float a_textureIndex;
75
- attribute float a_depth;
76
-
77
- uniform vec2 u_resolution;
78
- uniform float u_pixelRatio;
79
-
80
- varying vec4 v_color;
81
- varying vec2 v_textureCoordinate;
82
- varying float v_textureIndex;
83
-
84
- void main(){
85
- vec2 normalized = a_position * u_pixelRatio / u_resolution;
86
- vec2 zero_two = normalized * 2.0;
87
- vec2 clip_space = zero_two - 1.0;
88
-
89
- // pass to fragment
90
- v_color = a_color;
91
- v_textureCoordinate = a_textureCoordinate;
92
- v_textureIndex = a_textureIndex;
93
-
94
- // flip y
95
- gl_Position = vec4(clip_space * vec2(1.0, -1.0), 0, 1);
96
- }
97
- `,
98
- fragment: (textureUnits) => `
99
- #define txUnits ${textureUnits}
100
- # ifdef GL_FRAGMENT_PRECISION_HIGH
101
- precision highp float;
102
- # else
103
- precision mediump float;
104
- # endif
105
-
106
- uniform vec2 u_resolution;
107
- uniform sampler2D u_image;
108
- uniform sampler2D u_textures[txUnits];
109
-
110
- varying vec4 v_color;
111
- varying vec2 v_textureCoordinate;
112
- varying float v_textureIndex;
113
-
114
- vec4 sampleFromTexture(sampler2D textures[${textureUnits}], int idx, vec2 uv) {
115
- ${Array.from(Array(textureUnits).keys())
116
- .map(
117
- (idx) => `
118
- ${idx !== 0 ? 'else ' : ''}if (idx == ${idx}) {
119
- return texture2D(textures[${idx}], uv);
120
- }
121
- `,
122
- )
123
- .join('')}
124
- return texture2D(textures[0], uv);
125
- }
126
-
127
- void main(){
128
- gl_FragColor = vec4(v_color) * sampleFromTexture(u_textures, int(v_textureIndex), v_textureCoordinate);
129
- }
130
- `,
131
- };
132
- }
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
+ // import type { Texture } from '../textures/Texture';
25
+
26
+ export class DefaultShaderBatched extends WebGlCoreShader {
27
+ override supportsIndexedTextures = true;
28
+
29
+ constructor(renderer: WebGlCoreRenderer) {
30
+ super({
31
+ renderer,
32
+ attributes: [
33
+ 'a_position',
34
+ 'a_textureCoordinate',
35
+ 'a_color',
36
+ 'a_textureIndex',
37
+ ],
38
+ uniforms: [
39
+ { name: 'u_resolution', uniform: 'uniform2fv' },
40
+ { name: 'u_pixelRatio', uniform: 'uniform1f' },
41
+ { name: 'u_textures[0]', uniform: 'uniform1iv' },
42
+ ],
43
+ });
44
+ }
45
+
46
+ override bindTextures(texture: WebGlCoreCtxTexture[]) {
47
+ const { renderer, glw } = this;
48
+ if (
49
+ texture.length > renderer.system.parameters.MAX_VERTEX_TEXTURE_IMAGE_UNITS
50
+ ) {
51
+ throw new Error(
52
+ `DefaultShaderBatched: Cannot bind more than ${renderer.system.parameters.MAX_VERTEX_TEXTURE_IMAGE_UNITS} textures`,
53
+ );
54
+ }
55
+ texture.forEach((t, i) => {
56
+ glw.activeTexture(i);
57
+ glw.bindTexture(t.ctxTexture);
58
+ });
59
+ const samplers = Array.from(Array(texture.length).keys());
60
+ this.glw.uniform1iv(this.getUniformLocation('u_textures[0]'), samplers);
61
+ }
62
+
63
+ static override shaderSources: ShaderProgramSources = {
64
+ vertex: `
65
+ # ifdef GL_FRAGMENT_PRECISION_HIGH
66
+ precision highp float;
67
+ # else
68
+ precision mediump float;
69
+ # endif
70
+
71
+ attribute vec2 a_textureCoordinate;
72
+ attribute vec2 a_position;
73
+ attribute vec4 a_color;
74
+ attribute float a_textureIndex;
75
+ attribute float a_depth;
76
+
77
+ uniform vec2 u_resolution;
78
+ uniform float u_pixelRatio;
79
+
80
+ varying vec4 v_color;
81
+ varying vec2 v_textureCoordinate;
82
+ varying float v_textureIndex;
83
+
84
+ void main(){
85
+ vec2 normalized = a_position * u_pixelRatio / u_resolution;
86
+ vec2 zero_two = normalized * 2.0;
87
+ vec2 clip_space = zero_two - 1.0;
88
+
89
+ // pass to fragment
90
+ v_color = a_color;
91
+ v_textureCoordinate = a_textureCoordinate;
92
+ v_textureIndex = a_textureIndex;
93
+
94
+ // flip y
95
+ gl_Position = vec4(clip_space * vec2(1.0, -1.0), 0, 1);
96
+ }
97
+ `,
98
+ fragment: (textureUnits) => `
99
+ #define txUnits ${textureUnits}
100
+ # ifdef GL_FRAGMENT_PRECISION_HIGH
101
+ precision highp float;
102
+ # else
103
+ precision mediump float;
104
+ # endif
105
+
106
+ uniform vec2 u_resolution;
107
+ uniform sampler2D u_image;
108
+ uniform sampler2D u_textures[txUnits];
109
+
110
+ varying vec4 v_color;
111
+ varying vec2 v_textureCoordinate;
112
+ varying float v_textureIndex;
113
+
114
+ vec4 sampleFromTexture(sampler2D textures[${textureUnits}], int idx, vec2 uv) {
115
+ ${Array.from(Array(textureUnits).keys())
116
+ .map(
117
+ (idx) => `
118
+ ${idx !== 0 ? 'else ' : ''}if (idx == ${idx}) {
119
+ return texture2D(textures[${idx}], uv);
120
+ }
121
+ `,
122
+ )
123
+ .join('')}
124
+ return texture2D(textures[0], uv);
125
+ }
126
+
127
+ void main(){
128
+ gl_FragColor = vec4(v_color) * sampleFromTexture(u_textures, int(v_textureIndex), v_textureCoordinate);
129
+ }
130
+ `,
131
+ };
132
+ }