@lightningjs/renderer 3.0.0-beta19 → 3.0.0-beta20
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.
- package/dist/src/core/Autosizer.d.ts +9 -3
- package/dist/src/core/Autosizer.js +37 -19
- package/dist/src/core/Autosizer.js.map +1 -1
- package/dist/src/core/CoreNode.d.ts +1 -1
- package/dist/src/core/CoreNode.js +30 -13
- package/dist/src/core/CoreNode.js.map +1 -1
- package/dist/src/core/Stage.js +1 -1
- package/dist/src/core/Stage.js.map +1 -1
- package/dist/src/core/lib/WebGlContextWrapper.d.ts +5 -5
- package/dist/src/core/platform.d.ts +10 -0
- package/dist/src/core/platform.js +81 -0
- package/dist/src/core/platform.js.map +1 -0
- package/dist/src/core/renderers/CoreShader.d.ts +9 -0
- package/dist/src/core/renderers/CoreShader.js +28 -0
- package/dist/src/core/renderers/CoreShader.js.map +1 -0
- package/dist/src/core/renderers/canvas/CanvasCoreRenderer.d.ts +33 -0
- package/dist/src/core/renderers/canvas/CanvasCoreRenderer.js +250 -0
- package/dist/src/core/renderers/canvas/CanvasCoreRenderer.js.map +1 -0
- package/dist/src/core/renderers/canvas/CanvasCoreTexture.d.ts +17 -0
- package/dist/src/core/renderers/canvas/CanvasCoreTexture.js +125 -0
- package/dist/src/core/renderers/canvas/CanvasCoreTexture.js.map +1 -0
- package/dist/src/core/renderers/canvas/CanvasRenderer.js +22 -38
- package/dist/src/core/renderers/canvas/CanvasRenderer.js.map +1 -1
- package/dist/src/core/renderers/canvas/internal/C2DShaderUtils.d.ts +14 -0
- package/dist/src/core/renderers/canvas/internal/C2DShaderUtils.js +138 -0
- package/dist/src/core/renderers/canvas/internal/C2DShaderUtils.js.map +1 -0
- package/dist/src/core/renderers/canvas/internal/ColorUtils.d.ts +19 -0
- package/dist/src/core/renderers/canvas/internal/ColorUtils.js +58 -0
- package/dist/src/core/renderers/canvas/internal/ColorUtils.js.map +1 -0
- package/dist/src/core/renderers/canvas/shaders/UnsupportedShader.d.ts +10 -0
- package/dist/src/core/renderers/canvas/shaders/UnsupportedShader.js +43 -0
- package/dist/src/core/renderers/canvas/shaders/UnsupportedShader.js.map +1 -0
- package/dist/src/core/renderers/webgl/WebGlCoreCtxRenderTexture.d.ts +12 -0
- package/dist/src/core/renderers/webgl/WebGlCoreCtxRenderTexture.js +58 -0
- package/dist/src/core/renderers/webgl/WebGlCoreCtxRenderTexture.js.map +1 -0
- package/dist/src/core/renderers/webgl/WebGlCoreCtxSubTexture.d.ts +9 -0
- package/dist/src/core/renderers/webgl/WebGlCoreCtxSubTexture.js +38 -0
- package/dist/src/core/renderers/webgl/WebGlCoreCtxSubTexture.js.map +1 -0
- package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.d.ts +69 -0
- package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.js +272 -0
- package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.js.map +1 -0
- package/dist/src/core/renderers/webgl/WebGlCoreRenderOp.d.ts +34 -0
- package/dist/src/core/renderers/webgl/WebGlCoreRenderOp.js +114 -0
- package/dist/src/core/renderers/webgl/WebGlCoreRenderOp.js.map +1 -0
- package/dist/src/core/renderers/webgl/WebGlCoreRenderer.d.ts +133 -0
- package/dist/src/core/renderers/webgl/WebGlCoreRenderer.js +649 -0
- package/dist/src/core/renderers/webgl/WebGlCoreRenderer.js.map +1 -0
- package/dist/src/core/renderers/webgl/WebGlCoreShader.d.ts +78 -0
- package/dist/src/core/renderers/webgl/WebGlCoreShader.js +202 -0
- package/dist/src/core/renderers/webgl/WebGlCoreShader.js.map +1 -0
- package/dist/src/core/renderers/webgl/WebGlRenderOp.d.ts +1 -1
- package/dist/src/core/renderers/webgl/WebGlRenderOp.js +1 -1
- package/dist/src/core/renderers/webgl/WebGlRenderOp.js.map +1 -1
- package/dist/src/core/renderers/webgl/WebGlRenderer.js +17 -10
- package/dist/src/core/renderers/webgl/WebGlRenderer.js.map +1 -1
- package/dist/src/core/renderers/webgl/shaders/DefaultShader.d.ts +9 -0
- package/dist/src/core/renderers/webgl/shaders/DefaultShader.js +84 -0
- package/dist/src/core/renderers/webgl/shaders/DefaultShader.js.map +1 -0
- package/dist/src/core/renderers/webgl/shaders/DefaultShaderBatched.d.ts +10 -0
- package/dist/src/core/renderers/webgl/shaders/DefaultShaderBatched.js +108 -0
- package/dist/src/core/renderers/webgl/shaders/DefaultShaderBatched.js.map +1 -0
- package/dist/src/core/renderers/webgl/shaders/DynamicShader.d.ts +29 -0
- package/dist/src/core/renderers/webgl/shaders/DynamicShader.js +408 -0
- package/dist/src/core/renderers/webgl/shaders/DynamicShader.js.map +1 -0
- package/dist/src/core/renderers/webgl/shaders/RoundedRectangle.d.ts +28 -0
- package/dist/src/core/renderers/webgl/shaders/RoundedRectangle.js +126 -0
- package/dist/src/core/renderers/webgl/shaders/RoundedRectangle.js.map +1 -0
- package/dist/src/core/renderers/webgl/shaders/SdfShader.d.ts +47 -0
- package/dist/src/core/renderers/webgl/shaders/SdfShader.js +148 -0
- package/dist/src/core/renderers/webgl/shaders/SdfShader.js.map +1 -0
- package/dist/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.d.ts +31 -0
- package/dist/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.js +71 -0
- package/dist/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.js.map +1 -0
- package/dist/src/core/renderers/webgl/shaders/effects/BorderEffect.d.ts +30 -0
- package/dist/src/core/renderers/webgl/shaders/effects/BorderEffect.js +58 -0
- package/dist/src/core/renderers/webgl/shaders/effects/BorderEffect.js.map +1 -0
- package/dist/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.d.ts +31 -0
- package/dist/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.js +71 -0
- package/dist/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.js.map +1 -0
- package/dist/src/core/renderers/webgl/shaders/effects/BorderRightEffect.d.ts +31 -0
- package/dist/src/core/renderers/webgl/shaders/effects/BorderRightEffect.js +71 -0
- package/dist/src/core/renderers/webgl/shaders/effects/BorderRightEffect.js.map +1 -0
- package/dist/src/core/renderers/webgl/shaders/effects/BorderTopEffect.d.ts +31 -0
- package/dist/src/core/renderers/webgl/shaders/effects/BorderTopEffect.js +71 -0
- package/dist/src/core/renderers/webgl/shaders/effects/BorderTopEffect.js.map +1 -0
- package/dist/src/core/renderers/webgl/shaders/effects/EffectUtils.d.ts +9 -0
- package/dist/src/core/renderers/webgl/shaders/effects/EffectUtils.js +136 -0
- package/dist/src/core/renderers/webgl/shaders/effects/EffectUtils.js.map +1 -0
- package/dist/src/core/renderers/webgl/shaders/effects/FadeOutEffect.d.ts +36 -0
- package/dist/src/core/renderers/webgl/shaders/effects/FadeOutEffect.js +85 -0
- package/dist/src/core/renderers/webgl/shaders/effects/FadeOutEffect.js.map +1 -0
- package/dist/src/core/renderers/webgl/shaders/effects/GlitchEffect.d.ts +45 -0
- package/dist/src/core/renderers/webgl/shaders/effects/GlitchEffect.js +104 -0
- package/dist/src/core/renderers/webgl/shaders/effects/GlitchEffect.js.map +1 -0
- package/dist/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.d.ts +22 -0
- package/dist/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.js +45 -0
- package/dist/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.js.map +1 -0
- package/dist/src/core/renderers/webgl/shaders/effects/HolePunchEffect.d.ts +58 -0
- package/dist/src/core/renderers/webgl/shaders/effects/HolePunchEffect.js +80 -0
- package/dist/src/core/renderers/webgl/shaders/effects/HolePunchEffect.js.map +1 -0
- package/dist/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.d.ts +35 -0
- package/dist/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.js +134 -0
- package/dist/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.js.map +1 -0
- package/dist/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.d.ts +40 -0
- package/dist/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.js +143 -0
- package/dist/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.js.map +1 -0
- package/dist/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.d.ts +61 -0
- package/dist/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.js +127 -0
- package/dist/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.js.map +1 -0
- package/dist/src/core/renderers/webgl/shaders/effects/RadiusEffect.d.ts +40 -0
- package/dist/src/core/renderers/webgl/shaders/effects/RadiusEffect.js +71 -0
- package/dist/src/core/renderers/webgl/shaders/effects/RadiusEffect.js.map +1 -0
- package/dist/src/core/renderers/webgl/shaders/effects/ShaderEffect.d.ts +115 -0
- package/dist/src/core/renderers/webgl/shaders/effects/ShaderEffect.js +61 -0
- package/dist/src/core/renderers/webgl/shaders/effects/ShaderEffect.js.map +1 -0
- package/dist/src/core/shaders/webgl/Default.js +6 -7
- package/dist/src/core/shaders/webgl/Default.js.map +1 -1
- package/dist/src/core/shaders/webgl/SdfShader.js +6 -7
- package/dist/src/core/shaders/webgl/SdfShader.js.map +1 -1
- package/dist/src/core/text-rendering/TextRenderingUtils.d.ts +12 -0
- package/dist/src/core/text-rendering/TextRenderingUtils.js +14 -0
- package/dist/src/core/text-rendering/TextRenderingUtils.js.map +1 -0
- package/dist/src/core/text-rendering/TextTextureRendererUtils.d.ts +72 -0
- package/dist/src/core/text-rendering/TextTextureRendererUtils.js +217 -0
- package/dist/src/core/text-rendering/TextTextureRendererUtils.js.map +1 -0
- package/dist/src/core/text-rendering/TrFontManager.d.ts +26 -0
- package/dist/src/core/text-rendering/TrFontManager.js +131 -0
- package/dist/src/core/text-rendering/TrFontManager.js.map +1 -0
- package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.d.ts +39 -0
- package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.js +125 -0
- package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.js.map +1 -0
- package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/FontShaper.d.ts +103 -0
- package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/FontShaper.js +21 -0
- package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/FontShaper.js.map +1 -0
- package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.d.ts +62 -0
- package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.js +88 -0
- package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.js.map +1 -0
- package/dist/src/core/text-rendering/font-face-types/TrFontFace.d.ts +118 -0
- package/dist/src/core/text-rendering/font-face-types/TrFontFace.js +63 -0
- package/dist/src/core/text-rendering/font-face-types/TrFontFace.js.map +1 -0
- package/dist/src/core/text-rendering/font-face-types/WebTrFontFace.d.ts +14 -0
- package/dist/src/core/text-rendering/font-face-types/WebTrFontFace.js +66 -0
- package/dist/src/core/text-rendering/font-face-types/WebTrFontFace.js.map +1 -0
- package/dist/src/core/text-rendering/font-face-types/utils.d.ts +1 -0
- package/dist/src/core/text-rendering/font-face-types/utils.js +38 -0
- package/dist/src/core/text-rendering/font-face-types/utils.js.map +1 -0
- package/dist/src/core/text-rendering/renderers/CanvasTextRenderer.d.ts +59 -0
- package/dist/src/core/text-rendering/renderers/CanvasTextRenderer.js +397 -0
- package/dist/src/core/text-rendering/renderers/CanvasTextRenderer.js.map +1 -0
- package/dist/src/core/text-rendering/renderers/LightningTextTextureRenderer.d.ts +120 -0
- package/dist/src/core/text-rendering/renderers/LightningTextTextureRenderer.js +551 -0
- package/dist/src/core/text-rendering/renderers/LightningTextTextureRenderer.js.map +1 -0
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.d.ts +92 -0
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.js +607 -0
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.js.map +1 -0
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/PeekableGenerator.d.ts +12 -0
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/PeekableGenerator.js +61 -0
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/PeekableGenerator.js.map +1 -0
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/SpecialCodepoints.d.ts +33 -0
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/SpecialCodepoints.js +52 -0
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/SpecialCodepoints.js.map +1 -0
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/constants.d.ts +13 -0
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/constants.js +32 -0
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/constants.js.map +1 -0
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/getStartConditions.d.ts +23 -0
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/getStartConditions.js +84 -0
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/getStartConditions.js.map +1 -0
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/getUnicodeCodepoints.d.ts +4 -0
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/getUnicodeCodepoints.js +34 -0
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/getUnicodeCodepoints.js.map +1 -0
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.d.ts +20 -0
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.js +308 -0
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.js.map +1 -0
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/measureText.d.ts +10 -0
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/measureText.js +40 -0
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/measureText.js.map +1 -0
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/setRenderWindow.d.ts +26 -0
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/setRenderWindow.js +70 -0
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/setRenderWindow.js.map +1 -0
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/util.d.ts +16 -0
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/util.js +39 -0
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/util.js.map +1 -0
- package/dist/src/core/text-rendering/renderers/TextRenderer.d.ts +373 -0
- package/dist/src/core/text-rendering/renderers/TextRenderer.js +178 -0
- package/dist/src/core/text-rendering/renderers/TextRenderer.js.map +1 -0
- package/dist/src/main-api/DynamicShaderController.d.ts +29 -0
- package/dist/src/main-api/DynamicShaderController.js +58 -0
- package/dist/src/main-api/DynamicShaderController.js.map +1 -0
- package/dist/src/main-api/Inspector.js +5 -6
- package/dist/src/main-api/Inspector.js.map +1 -1
- package/dist/src/main-api/ShaderController.d.ts +31 -0
- package/dist/src/main-api/ShaderController.js +37 -0
- package/dist/src/main-api/ShaderController.js.map +1 -0
- package/dist/tsconfig.dist.tsbuildinfo +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -0
- package/package.json +1 -1
- package/src/core/CoreNode.ts +38 -19
- package/src/core/Stage.ts +1 -1
- package/src/core/renderers/canvas/CanvasRenderer.ts +36 -55
- package/src/core/renderers/webgl/WebGlRenderOp.ts +2 -2
- package/src/core/renderers/webgl/WebGlRenderer.ts +22 -10
- package/src/core/shaders/webgl/Default.ts +6 -7
- package/src/core/shaders/webgl/SdfShader.ts +6 -7
- package/src/main-api/Inspector.ts +5 -6
|
@@ -0,0 +1,125 @@
|
|
|
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
|
+
import { assertTruthy } from '../../../utils.js';
|
|
20
|
+
import { CoreContextTexture } from '../CoreContextTexture.js';
|
|
21
|
+
import { formatRgba } from './internal/ColorUtils.js';
|
|
22
|
+
export class CanvasCoreTexture extends CoreContextTexture {
|
|
23
|
+
image;
|
|
24
|
+
tintCache;
|
|
25
|
+
async load() {
|
|
26
|
+
this.textureSource.setState('loading');
|
|
27
|
+
try {
|
|
28
|
+
const size = await this.onLoadRequest();
|
|
29
|
+
this.textureSource.setState('loaded', size);
|
|
30
|
+
this.updateMemSize();
|
|
31
|
+
}
|
|
32
|
+
catch (err) {
|
|
33
|
+
this.textureSource.setState('failed', err);
|
|
34
|
+
throw err;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
release() {
|
|
38
|
+
this.image = undefined;
|
|
39
|
+
this.tintCache = undefined;
|
|
40
|
+
}
|
|
41
|
+
free() {
|
|
42
|
+
this.release();
|
|
43
|
+
this.textureSource.setState('freed');
|
|
44
|
+
this.setTextureMemUse(0);
|
|
45
|
+
this.textureSource.freeTextureData();
|
|
46
|
+
}
|
|
47
|
+
updateMemSize() {
|
|
48
|
+
// Counting memory usage for:
|
|
49
|
+
// - main image
|
|
50
|
+
// - tinted image
|
|
51
|
+
const mult = this.tintCache ? 8 : 4;
|
|
52
|
+
if (this.textureSource.dimensions) {
|
|
53
|
+
const { width, height } = this.textureSource.dimensions;
|
|
54
|
+
this.setTextureMemUse(width * height * mult);
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
hasImage() {
|
|
58
|
+
return this.image !== undefined;
|
|
59
|
+
}
|
|
60
|
+
getImage(color) {
|
|
61
|
+
const image = this.image;
|
|
62
|
+
assertTruthy(image, 'Attempt to get unloaded image texture');
|
|
63
|
+
if (color.isWhite) {
|
|
64
|
+
if (this.tintCache) {
|
|
65
|
+
this.tintCache = undefined;
|
|
66
|
+
this.updateMemSize();
|
|
67
|
+
}
|
|
68
|
+
return image;
|
|
69
|
+
}
|
|
70
|
+
const key = formatRgba(color);
|
|
71
|
+
if (this.tintCache?.key === key) {
|
|
72
|
+
return this.tintCache.image;
|
|
73
|
+
}
|
|
74
|
+
const tintedImage = this.tintTexture(image, key);
|
|
75
|
+
this.tintCache = {
|
|
76
|
+
key,
|
|
77
|
+
image: tintedImage,
|
|
78
|
+
};
|
|
79
|
+
this.updateMemSize();
|
|
80
|
+
return tintedImage;
|
|
81
|
+
}
|
|
82
|
+
tintTexture(source, color) {
|
|
83
|
+
const { width, height } = source;
|
|
84
|
+
const canvas = document.createElement('canvas');
|
|
85
|
+
canvas.width = width;
|
|
86
|
+
canvas.height = height;
|
|
87
|
+
const ctx = canvas.getContext('2d');
|
|
88
|
+
if (ctx) {
|
|
89
|
+
// fill with target color
|
|
90
|
+
ctx.fillStyle = color;
|
|
91
|
+
ctx.globalCompositeOperation = 'copy';
|
|
92
|
+
ctx.fillRect(0, 0, width, height);
|
|
93
|
+
// multiply with image, resulting in non-transparent tinted image
|
|
94
|
+
ctx.globalCompositeOperation = 'multiply';
|
|
95
|
+
ctx.drawImage(source, 0, 0, width, height, 0, 0, width, height);
|
|
96
|
+
// apply original image alpha
|
|
97
|
+
ctx.globalCompositeOperation = 'destination-in';
|
|
98
|
+
ctx.drawImage(source, 0, 0, width, height, 0, 0, width, height);
|
|
99
|
+
}
|
|
100
|
+
return canvas;
|
|
101
|
+
}
|
|
102
|
+
async onLoadRequest() {
|
|
103
|
+
assertTruthy(this.textureSource?.textureData?.data, 'Texture data is null');
|
|
104
|
+
const { data } = this.textureSource.textureData;
|
|
105
|
+
// TODO: canvas from text renderer should be able to provide the canvas directly
|
|
106
|
+
// instead of having to re-draw it into a new canvas...
|
|
107
|
+
if (data instanceof ImageData) {
|
|
108
|
+
const canvas = document.createElement('canvas');
|
|
109
|
+
canvas.width = data.width;
|
|
110
|
+
canvas.height = data.height;
|
|
111
|
+
const ctx = canvas.getContext('2d');
|
|
112
|
+
if (ctx)
|
|
113
|
+
ctx.putImageData(data, 0, 0);
|
|
114
|
+
this.image = canvas;
|
|
115
|
+
return { width: data.width, height: data.height };
|
|
116
|
+
}
|
|
117
|
+
else if ((typeof ImageBitmap !== 'undefined' && data instanceof ImageBitmap) ||
|
|
118
|
+
data instanceof HTMLImageElement) {
|
|
119
|
+
this.image = data;
|
|
120
|
+
return { width: data.width, height: data.height };
|
|
121
|
+
}
|
|
122
|
+
return { width: 0, height: 0 };
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
//# sourceMappingURL=CanvasCoreTexture.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CanvasCoreTexture.js","sourceRoot":"","sources":["../../../../../src/core/renderers/canvas/CanvasCoreTexture.ts"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,6 @@ import { TextureType } from '../../textures/Texture.js';
|
|
|
3
3
|
import { CoreRenderer, } from '../CoreRenderer.js';
|
|
4
4
|
import { CanvasTexture } from './CanvasTexture.js';
|
|
5
5
|
import { parseColor } from '../../lib/colorParser.js';
|
|
6
|
-
import { assertTruthy } from '../../../utils.js';
|
|
7
6
|
import { CanvasShaderNode } from './CanvasShaderNode.js';
|
|
8
7
|
import { normalizeCanvasColor } from '../../lib/colorCache.js';
|
|
9
8
|
export class CanvasRenderer extends CoreRenderer {
|
|
@@ -38,23 +37,13 @@ export class CanvasRenderer extends CoreRenderer {
|
|
|
38
37
|
const ctx = this.context;
|
|
39
38
|
const { tx, ty, ta, tb, tc, td, clippingRect } = quad;
|
|
40
39
|
let texture = quad.texture;
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
return;
|
|
49
|
-
}
|
|
50
|
-
if (texture) {
|
|
51
|
-
if (texture instanceof SubTexture) {
|
|
52
|
-
texture = texture.parentTexture;
|
|
53
|
-
}
|
|
54
|
-
if (texture.state === 'freed') {
|
|
55
|
-
return;
|
|
56
|
-
}
|
|
57
|
-
if (texture.state !== 'loaded') {
|
|
40
|
+
// The Canvas2D renderer only supports image textures, no textures are used for color blocks
|
|
41
|
+
if (texture !== null) {
|
|
42
|
+
const textureType = texture.type;
|
|
43
|
+
if (textureType !== TextureType.image &&
|
|
44
|
+
textureType !== TextureType.subTexture &&
|
|
45
|
+
textureType !== TextureType.color &&
|
|
46
|
+
textureType !== TextureType.noise) {
|
|
58
47
|
return;
|
|
59
48
|
}
|
|
60
49
|
}
|
|
@@ -105,31 +94,26 @@ export class CanvasRenderer extends CoreRenderer {
|
|
|
105
94
|
}
|
|
106
95
|
renderContext(quad) {
|
|
107
96
|
const color = quad.colorTl;
|
|
108
|
-
const
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
textureType === TextureType.noise) &&
|
|
112
|
-
quad.texture?.ctxTexture) {
|
|
97
|
+
const texture = quad.texture;
|
|
98
|
+
const textureType = texture.type;
|
|
99
|
+
if (textureType !== TextureType.color) {
|
|
113
100
|
const tintColor = parseColor(color);
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
this.context.drawImage(image, quad.
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
try {
|
|
121
|
-
this.context.drawImage(image, quad.tx, quad.ty, quad.width, quad.height);
|
|
122
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
123
|
-
}
|
|
124
|
-
catch (error) {
|
|
125
|
-
// noop
|
|
126
|
-
}
|
|
101
|
+
if (textureType !== TextureType.subTexture) {
|
|
102
|
+
const image = texture.ctxTexture.getImage(tintColor);
|
|
103
|
+
this.context.globalAlpha = tintColor.a ?? quad.alpha;
|
|
104
|
+
this.context.drawImage(image, quad.tx, quad.ty, quad.width, quad.height);
|
|
105
|
+
this.context.globalAlpha = 1;
|
|
106
|
+
return;
|
|
127
107
|
}
|
|
108
|
+
const image = texture.parentTexture.ctxTexture.getImage(tintColor);
|
|
109
|
+
const props = texture.props;
|
|
110
|
+
this.context.globalAlpha = tintColor.a ?? quad.alpha;
|
|
111
|
+
this.context.drawImage(image, props.x, props.y, props.w, props.h, quad.tx, quad.ty, quad.width, quad.height);
|
|
128
112
|
this.context.globalAlpha = 1;
|
|
129
113
|
return;
|
|
130
114
|
}
|
|
131
115
|
const hasGradient = quad.colorTl !== quad.colorTr || quad.colorTl !== quad.colorBr;
|
|
132
|
-
if (
|
|
116
|
+
if (hasGradient === true) {
|
|
133
117
|
let endX = quad.tx;
|
|
134
118
|
let endY = quad.ty;
|
|
135
119
|
let endColor;
|
|
@@ -151,7 +135,7 @@ export class CanvasRenderer extends CoreRenderer {
|
|
|
151
135
|
this.context.fillStyle = gradient;
|
|
152
136
|
this.context.fillRect(quad.tx, quad.ty, quad.width, quad.height);
|
|
153
137
|
}
|
|
154
|
-
else
|
|
138
|
+
else {
|
|
155
139
|
this.context.fillStyle = normalizeCanvasColor(color);
|
|
156
140
|
this.context.fillRect(quad.tx, quad.ty, quad.width, quad.height);
|
|
157
141
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CanvasRenderer.js","sourceRoot":"","sources":["../../../../../src/core/renderers/canvas/CanvasRenderer.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAgB,MAAM,2BAA2B,CAAC;AAEtE,OAAO,EACL,YAAY,GAGb,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"CanvasRenderer.js","sourceRoot":"","sources":["../../../../../src/core/renderers/canvas/CanvasRenderer.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { QuadOptions } from '../../CoreRenderer.js';
|
|
2
|
+
import type { BorderEffectProps } from '../../webgl/shaders/effects/BorderEffect.js';
|
|
3
|
+
import type { RadiusEffectProps } from '../../webgl/shaders/effects/RadiusEffect.js';
|
|
4
|
+
type Direction = 'Top' | 'Right' | 'Bottom' | 'Left';
|
|
5
|
+
/**
|
|
6
|
+
* Extract `RoundedRectangle` shader radius to apply as a clipping
|
|
7
|
+
*/
|
|
8
|
+
export declare function getRadius(quad: QuadOptions): RadiusEffectProps['radius'];
|
|
9
|
+
/**
|
|
10
|
+
* Extract `RoundedRectangle` shader radius to apply as a clipping */
|
|
11
|
+
export declare function getBorder(quad: QuadOptions, direction?: '' | Direction): BorderEffectProps | undefined;
|
|
12
|
+
export declare function roundRect(this: CanvasRenderingContext2D | Path2D, x: number, y: number, width: number, height: number, radius: number | DOMPointInit | (number | DOMPointInit)[]): void;
|
|
13
|
+
export declare function strokeLine(ctx: CanvasRenderingContext2D, x: number, y: number, width: number, height: number, lineWidth: number | undefined, color: number | undefined, direction: Direction): void;
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,138 @@
|
|
|
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
|
+
import { ROUNDED_RECTANGLE_SHADER_TYPE, UnsupportedShader, } from '../shaders/UnsupportedShader.js';
|
|
20
|
+
import { formatRgba, parseColorRgba } from './ColorUtils.js';
|
|
21
|
+
/**
|
|
22
|
+
* Extract `RoundedRectangle` shader radius to apply as a clipping
|
|
23
|
+
*/
|
|
24
|
+
export function getRadius(quad) {
|
|
25
|
+
if (quad.shader instanceof UnsupportedShader) {
|
|
26
|
+
const shType = quad.shader.shType;
|
|
27
|
+
if (shType === ROUNDED_RECTANGLE_SHADER_TYPE) {
|
|
28
|
+
return quad.shaderProps?.radius ?? 0;
|
|
29
|
+
}
|
|
30
|
+
else if (shType === 'DynamicShader') {
|
|
31
|
+
const effects = quad.shaderProps?.effects;
|
|
32
|
+
if (effects) {
|
|
33
|
+
const effect = effects.find((effect) => {
|
|
34
|
+
return effect.type === 'radius' && effect?.props?.radius;
|
|
35
|
+
});
|
|
36
|
+
return (effect && effect.type === 'radius' && effect.props.radius) || 0;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
return 0;
|
|
41
|
+
}
|
|
42
|
+
/**
|
|
43
|
+
* Extract `RoundedRectangle` shader radius to apply as a clipping */
|
|
44
|
+
export function getBorder(quad, direction = '') {
|
|
45
|
+
if (quad.shader instanceof UnsupportedShader) {
|
|
46
|
+
const shType = quad.shader.shType;
|
|
47
|
+
if (shType === 'DynamicShader') {
|
|
48
|
+
const effects = quad.shaderProps?.effects;
|
|
49
|
+
if (effects && effects.length) {
|
|
50
|
+
const effect = effects.find((effect) => {
|
|
51
|
+
return (effect.type === `border${direction}` &&
|
|
52
|
+
effect.props &&
|
|
53
|
+
effect.props.width);
|
|
54
|
+
});
|
|
55
|
+
return effect && effect.props;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
return undefined;
|
|
60
|
+
}
|
|
61
|
+
export function roundRect(x, y, width, height, radius) {
|
|
62
|
+
const context = Object.getPrototypeOf(this);
|
|
63
|
+
if (!context.roundRect) {
|
|
64
|
+
const fixOverlappingCorners = (radii) => {
|
|
65
|
+
const maxRadius = Math.min(width / 2, height / 2);
|
|
66
|
+
const totalHorizontal = radii.topLeft + radii.topRight + radii.bottomRight + radii.bottomLeft;
|
|
67
|
+
if (totalHorizontal > width || totalHorizontal > height) {
|
|
68
|
+
const scale = maxRadius /
|
|
69
|
+
Math.max(radii.topLeft, radii.topRight, radii.bottomRight, radii.bottomLeft);
|
|
70
|
+
radii.topLeft *= scale;
|
|
71
|
+
radii.topRight *= scale;
|
|
72
|
+
radii.bottomRight *= scale;
|
|
73
|
+
radii.bottomLeft *= scale;
|
|
74
|
+
}
|
|
75
|
+
};
|
|
76
|
+
const radii = typeof radius === 'number'
|
|
77
|
+
? {
|
|
78
|
+
topLeft: radius,
|
|
79
|
+
topRight: radius,
|
|
80
|
+
bottomRight: radius,
|
|
81
|
+
bottomLeft: radius,
|
|
82
|
+
}
|
|
83
|
+
: { topLeft: 0, topRight: 0, bottomRight: 0, bottomLeft: 0, ...radius };
|
|
84
|
+
fixOverlappingCorners(radii);
|
|
85
|
+
this.moveTo(x + radii.topLeft, y);
|
|
86
|
+
this.lineTo(x + width - radii.topRight, y);
|
|
87
|
+
this.ellipse(x + width - radii.topRight, y + radii.topRight, radii.topRight, radii.topRight, 0, 1.5 * Math.PI, 2 * Math.PI);
|
|
88
|
+
this.lineTo(x + width, y + height - radii.bottomRight);
|
|
89
|
+
this.ellipse(x + width - radii.bottomRight, y + height - radii.bottomRight, radii.bottomRight, radii.bottomRight, 0, 0, 0.5 * Math.PI);
|
|
90
|
+
this.lineTo(x + radii.bottomLeft, y + height);
|
|
91
|
+
this.ellipse(x + radii.bottomLeft, y + height - radii.bottomLeft, radii.bottomLeft, radii.bottomLeft, 0, 0.5 * Math.PI, Math.PI);
|
|
92
|
+
this.lineTo(x, y + radii.topLeft);
|
|
93
|
+
this.ellipse(x + radii.topLeft, y + radii.topLeft, radii.topLeft, radii.topLeft, 0, Math.PI, 1.5 * Math.PI);
|
|
94
|
+
}
|
|
95
|
+
else {
|
|
96
|
+
this.roundRect(x, y, width, height, radius);
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
export function strokeLine(ctx, x, y, width, height, lineWidth = 0, color, direction) {
|
|
100
|
+
if (!lineWidth) {
|
|
101
|
+
return;
|
|
102
|
+
}
|
|
103
|
+
let sx, sy = 0;
|
|
104
|
+
let ex, ey = 0;
|
|
105
|
+
switch (direction) {
|
|
106
|
+
case 'Top':
|
|
107
|
+
sx = x;
|
|
108
|
+
sy = y;
|
|
109
|
+
ex = width + x;
|
|
110
|
+
ey = y;
|
|
111
|
+
break;
|
|
112
|
+
case 'Right':
|
|
113
|
+
sx = x + width;
|
|
114
|
+
sy = y;
|
|
115
|
+
ex = x + width;
|
|
116
|
+
ey = y + height;
|
|
117
|
+
break;
|
|
118
|
+
case 'Bottom':
|
|
119
|
+
sx = x;
|
|
120
|
+
sy = y + height;
|
|
121
|
+
ex = x + width;
|
|
122
|
+
ey = y + height;
|
|
123
|
+
break;
|
|
124
|
+
case 'Left':
|
|
125
|
+
sx = x;
|
|
126
|
+
sy = y;
|
|
127
|
+
ex = x;
|
|
128
|
+
ey = y + height;
|
|
129
|
+
break;
|
|
130
|
+
}
|
|
131
|
+
ctx.beginPath();
|
|
132
|
+
ctx.lineWidth = lineWidth;
|
|
133
|
+
ctx.strokeStyle = formatRgba(parseColorRgba(color ?? 0));
|
|
134
|
+
ctx.moveTo(sx, sy);
|
|
135
|
+
ctx.lineTo(ex, ey);
|
|
136
|
+
ctx.stroke();
|
|
137
|
+
}
|
|
138
|
+
//# sourceMappingURL=C2DShaderUtils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"C2DShaderUtils.js","sourceRoot":"","sources":["../../../../../../src/core/renderers/canvas/internal/C2DShaderUtils.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export interface IParsedColor {
|
|
2
|
+
isWhite: boolean;
|
|
3
|
+
a: number;
|
|
4
|
+
r: number;
|
|
5
|
+
g: number;
|
|
6
|
+
b: number;
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* Extract color components
|
|
10
|
+
*/
|
|
11
|
+
export declare function parseColor(abgr: number): IParsedColor;
|
|
12
|
+
/**
|
|
13
|
+
* Extract color components
|
|
14
|
+
*/
|
|
15
|
+
export declare function parseColorRgba(rgba: number): IParsedColor;
|
|
16
|
+
/**
|
|
17
|
+
* Format a parsed color into a rgba CSS color
|
|
18
|
+
*/
|
|
19
|
+
export declare function formatRgba({ a, r, g, b }: IParsedColor): string;
|
|
@@ -0,0 +1,58 @@
|
|
|
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
|
+
const WHITE = {
|
|
20
|
+
isWhite: true,
|
|
21
|
+
a: 1,
|
|
22
|
+
r: 0xff,
|
|
23
|
+
g: 0xff,
|
|
24
|
+
b: 0xff,
|
|
25
|
+
};
|
|
26
|
+
/**
|
|
27
|
+
* Extract color components
|
|
28
|
+
*/
|
|
29
|
+
export function parseColor(abgr) {
|
|
30
|
+
if (abgr === 0xffffffff) {
|
|
31
|
+
return WHITE;
|
|
32
|
+
}
|
|
33
|
+
const a = ((abgr >>> 24) & 0xff) / 255;
|
|
34
|
+
const b = (abgr >>> 16) & 0xff & 0xff;
|
|
35
|
+
const g = (abgr >>> 8) & 0xff & 0xff;
|
|
36
|
+
const r = abgr & 0xff & 0xff;
|
|
37
|
+
return { isWhite: false, a, r, g, b };
|
|
38
|
+
}
|
|
39
|
+
/**
|
|
40
|
+
* Extract color components
|
|
41
|
+
*/
|
|
42
|
+
export function parseColorRgba(rgba) {
|
|
43
|
+
if (rgba === 0xffffffff) {
|
|
44
|
+
return WHITE;
|
|
45
|
+
}
|
|
46
|
+
const r = (rgba >>> 24) & 0xff;
|
|
47
|
+
const g = (rgba >>> 16) & 0xff & 0xff;
|
|
48
|
+
const b = (rgba >>> 8) & 0xff & 0xff;
|
|
49
|
+
const a = (rgba & 0xff & 0xff) / 255;
|
|
50
|
+
return { isWhite: false, r, g, b, a };
|
|
51
|
+
}
|
|
52
|
+
/**
|
|
53
|
+
* Format a parsed color into a rgba CSS color
|
|
54
|
+
*/
|
|
55
|
+
export function formatRgba({ a, r, g, b }) {
|
|
56
|
+
return `rgba(${r},${g},${b},${a})`;
|
|
57
|
+
}
|
|
58
|
+
//# sourceMappingURL=ColorUtils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ColorUtils.js","sourceRoot":"","sources":["../../../../../../src/core/renderers/canvas/internal/ColorUtils.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAUH,MAAM,KAAK,GAAiB;IAC1B,OAAO,EAAE,IAAI;IACb,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,IAAI;CACR,CAAC;AAEF;;GAEG;AACH,MAAM,UAAU,UAAU,CAAC,IAAY;IACrC,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;QACxB,OAAO,KAAK,CAAC;IACf,CAAC;IACD,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC,GAAG,GAAG,CAAC;IACvC,MAAM,CAAC,GAAG,CAAC,IAAI,KAAK,EAAE,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC,MAAM,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC;IACrC,MAAM,CAAC,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC7B,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;AACxC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,cAAc,CAAC,IAAY;IACzC,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;QACxB,OAAO,KAAK,CAAC;IACf,CAAC;IACD,MAAM,CAAC,GAAG,CAAC,IAAI,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAC/B,MAAM,CAAC,GAAG,CAAC,IAAI,KAAK,EAAE,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC,MAAM,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC;IACrC,MAAM,CAAC,GAAG,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,GAAG,CAAC;IACrC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;AACxC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAgB;IACrD,OAAO,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC;AACrC,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { CoreShader } from '../../CoreShader.js';
|
|
2
|
+
export declare const ROUNDED_RECTANGLE_SHADER_TYPE = "RoundedRectangle";
|
|
3
|
+
export declare class UnsupportedShader extends CoreShader {
|
|
4
|
+
shType: string;
|
|
5
|
+
constructor(shType: string);
|
|
6
|
+
bindRenderOp(): void;
|
|
7
|
+
protected bindProps(): void;
|
|
8
|
+
attach(): void;
|
|
9
|
+
detach(): void;
|
|
10
|
+
}
|
|
@@ -0,0 +1,43 @@
|
|
|
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
|
+
import { CoreShader } from '../../CoreShader.js';
|
|
20
|
+
export const ROUNDED_RECTANGLE_SHADER_TYPE = 'RoundedRectangle';
|
|
21
|
+
export class UnsupportedShader extends CoreShader {
|
|
22
|
+
shType;
|
|
23
|
+
constructor(shType) {
|
|
24
|
+
super();
|
|
25
|
+
this.shType = shType;
|
|
26
|
+
// if (shType !== ROUNDED_RECTANGLE_SHADER_TYPE) {
|
|
27
|
+
// console.warn('Unsupported shader:', shType);
|
|
28
|
+
// }
|
|
29
|
+
}
|
|
30
|
+
bindRenderOp() {
|
|
31
|
+
// noop
|
|
32
|
+
}
|
|
33
|
+
bindProps() {
|
|
34
|
+
// noop
|
|
35
|
+
}
|
|
36
|
+
attach() {
|
|
37
|
+
// noop
|
|
38
|
+
}
|
|
39
|
+
detach() {
|
|
40
|
+
// noop
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
//# sourceMappingURL=UnsupportedShader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UnsupportedShader.js","sourceRoot":"","sources":["../../../../../../src/core/renderers/canvas/shaders/UnsupportedShader.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,MAAM,CAAC,MAAM,6BAA6B,GAAG,kBAAkB,CAAC;AAEhE,MAAM,OAAO,iBAAkB,SAAQ,UAAU;IACxC,MAAM,CAAS;IAEtB,YAAY,MAAc;QACxB,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,kDAAkD;QAClD,iDAAiD;QACjD,IAAI;IACN,CAAC;IAED,YAAY;QACV,OAAO;IACT,CAAC;IACS,SAAS;QACjB,OAAO;IACT,CAAC;IAED,MAAM;QACJ,OAAO;IACT,CAAC;IACD,MAAM;QACJ,OAAO;IACT,CAAC;CACF"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { Dimensions } from '../../../common/CommonTypes.js';
|
|
2
|
+
import type { TextureMemoryManager } from '../../TextureMemoryManager.js';
|
|
3
|
+
import type { WebGlContextWrapper } from '../../lib/WebGlContextWrapper.js';
|
|
4
|
+
import type { RenderTexture } from '../../textures/RenderTexture.js';
|
|
5
|
+
import { WebGlCoreCtxTexture } from './WebGlCoreCtxTexture.js';
|
|
6
|
+
export declare class WebGlCoreCtxRenderTexture extends WebGlCoreCtxTexture {
|
|
7
|
+
textureSource: RenderTexture;
|
|
8
|
+
framebuffer: WebGLFramebuffer | null;
|
|
9
|
+
constructor(glw: WebGlContextWrapper, memManager: TextureMemoryManager, textureSource: RenderTexture);
|
|
10
|
+
onLoadRequest(): Promise<Dimensions>;
|
|
11
|
+
free(): void;
|
|
12
|
+
}
|
|
@@ -0,0 +1,58 @@
|
|
|
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 { assertTruthy } from '../../../utils.js';
|
|
20
|
+
import { WebGlCoreCtxTexture } from './WebGlCoreCtxTexture.js';
|
|
21
|
+
export class WebGlCoreCtxRenderTexture extends WebGlCoreCtxTexture {
|
|
22
|
+
framebuffer = null;
|
|
23
|
+
constructor(glw, memManager, textureSource) {
|
|
24
|
+
super(glw, memManager, textureSource);
|
|
25
|
+
}
|
|
26
|
+
async onLoadRequest() {
|
|
27
|
+
const { glw } = this;
|
|
28
|
+
const nativeTexture = (this._nativeCtxTexture =
|
|
29
|
+
this.createNativeCtxTexture());
|
|
30
|
+
if (!nativeTexture) {
|
|
31
|
+
throw new Error('Failed to create native texture for RenderTexture');
|
|
32
|
+
}
|
|
33
|
+
const { width, height } = this.textureSource;
|
|
34
|
+
// Create Framebuffer object
|
|
35
|
+
this.framebuffer = glw.createFramebuffer();
|
|
36
|
+
// Set the dimensions of the render texture
|
|
37
|
+
glw.texImage2D(0, glw.RGBA, width, height, 0, glw.RGBA, glw.UNSIGNED_BYTE, null);
|
|
38
|
+
// Update the texture memory manager
|
|
39
|
+
this.setTextureMemUse(width * height * 4);
|
|
40
|
+
// Bind the framebuffer
|
|
41
|
+
glw.bindFramebuffer(this.framebuffer);
|
|
42
|
+
// Attach the texture to the framebuffer
|
|
43
|
+
glw.framebufferTexture2D(glw.COLOR_ATTACHMENT0, nativeTexture, 0);
|
|
44
|
+
// Unbind the framebuffer
|
|
45
|
+
glw.bindFramebuffer(null);
|
|
46
|
+
return {
|
|
47
|
+
width,
|
|
48
|
+
height,
|
|
49
|
+
};
|
|
50
|
+
}
|
|
51
|
+
free() {
|
|
52
|
+
super.free();
|
|
53
|
+
// Delete the framebuffer
|
|
54
|
+
this.glw.deleteFramebuffer(this.framebuffer);
|
|
55
|
+
this.framebuffer = null;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
//# sourceMappingURL=WebGlCoreCtxRenderTexture.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WebGlCoreCtxRenderTexture.js","sourceRoot":"","sources":["../../../../../src/core/renderers/webgl/WebGlCoreCtxRenderTexture.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAGH,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAIjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE/D,MAAM,OAAO,yBAA0B,SAAQ,mBAAmB;IAGzD,WAAW,GAA4B,IAAI,CAAC;IAEnD,YACE,GAAwB,EACxB,UAAgC,EAChC,aAA4B;QAE5B,KAAK,CAAC,GAAG,EAAE,UAAU,EAAE,aAAa,CAAC,CAAC;IACxC,CAAC;IAEQ,KAAK,CAAC,aAAa;QAC1B,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;QACrB,MAAM,aAAa,GAAG,CAAC,IAAI,CAAC,iBAAiB;YAC3C,IAAI,CAAC,sBAAsB,EAAE,CAAC,CAAC;QAEjC,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAC;QACvE,CAAC;QAED,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC;QAE7C,4BAA4B;QAC5B,IAAI,CAAC,WAAW,GAAG,GAAG,CAAC,iBAAiB,EAAE,CAAC;QAE3C,2CAA2C;QAC3C,GAAG,CAAC,UAAU,CACZ,CAAC,EACD,GAAG,CAAC,IAAI,EACR,KAAK,EACL,MAAM,EACN,CAAC,EACD,GAAG,CAAC,IAAI,EACR,GAAG,CAAC,aAAa,EACjB,IAAI,CACL,CAAC;QAEF,oCAAoC;QACpC,IAAI,CAAC,gBAAgB,CAAC,KAAK,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC;QAE1C,uBAAuB;QACvB,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAEtC,wCAAwC;QACxC,GAAG,CAAC,oBAAoB,CAAC,GAAG,CAAC,iBAAiB,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC;QAElE,yBAAyB;QACzB,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QAE1B,OAAO;YACL,KAAK;YACL,MAAM;SACP,CAAC;IACJ,CAAC;IAEQ,IAAI;QACX,KAAK,CAAC,IAAI,EAAE,CAAC;QAEb,yBAAyB;QACzB,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAC7C,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;IAC1B,CAAC;CACF"}
|