@lightningjs/renderer 3.0.0-beta15 → 3.0.0-beta17
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/common/CommonTypes.d.ts +11 -0
- package/dist/src/core/CoreNode.js +8 -0
- package/dist/src/core/CoreNode.js.map +1 -1
- package/dist/src/core/CoreTextNode.d.ts +14 -0
- package/dist/src/core/CoreTextNode.js +90 -5
- package/dist/src/core/CoreTextNode.js.map +1 -1
- package/dist/src/core/Stage.js +2 -1
- package/dist/src/core/Stage.js.map +1 -1
- package/dist/src/core/animations/Animation.d.ts +16 -0
- package/dist/src/core/animations/Animation.js +111 -0
- package/dist/src/core/animations/Animation.js.map +1 -0
- package/dist/src/core/animations/CoreAnimation.d.ts +0 -1
- package/dist/src/core/animations/CoreAnimation.js +0 -1
- package/dist/src/core/animations/CoreAnimation.js.map +1 -1
- package/dist/src/core/animations/CoreTransition.d.ts +24 -0
- package/dist/src/core/animations/CoreTransition.js +63 -0
- package/dist/src/core/animations/CoreTransition.js.map +1 -0
- package/dist/src/core/animations/Playback.d.ts +62 -0
- package/dist/src/core/animations/Playback.js +155 -0
- package/dist/src/core/animations/Playback.js.map +1 -0
- package/dist/src/core/animations/Transition.d.ts +25 -0
- package/dist/src/core/animations/Transition.js +63 -0
- package/dist/src/core/animations/Transition.js.map +1 -0
- package/dist/src/core/animations/utils.d.ts +2 -0
- package/dist/src/core/animations/utils.js +137 -0
- package/dist/src/core/animations/utils.js.map +1 -0
- package/dist/src/core/lib/collectionUtils.d.ts +5 -0
- package/dist/src/core/lib/collectionUtils.js +100 -0
- package/dist/src/core/lib/collectionUtils.js.map +1 -0
- package/dist/src/core/platforms/Platform.d.ts +5 -0
- package/dist/src/core/platforms/Platform.js.map +1 -1
- package/dist/src/core/platforms/web/WebPlatform.d.ts +1 -0
- package/dist/src/core/platforms/web/WebPlatform.js +3 -0
- package/dist/src/core/platforms/web/WebPlatform.js.map +1 -1
- package/dist/src/core/text-rendering/CanvasFontHandler.js +4 -1
- package/dist/src/core/text-rendering/CanvasFontHandler.js.map +1 -1
- package/dist/src/core/text-rendering/CanvasTextRenderer.js +7 -7
- package/dist/src/core/text-rendering/CanvasTextRenderer.js.map +1 -1
- package/dist/src/core/text-rendering/SdfFontHandler.js +3 -0
- package/dist/src/core/text-rendering/SdfFontHandler.js.map +1 -1
- package/dist/src/core/text-rendering/SdfTextRenderer.js +5 -5
- package/dist/src/core/text-rendering/SdfTextRenderer.js.map +1 -1
- package/dist/src/core/text-rendering/TextLayoutEngine.d.ts +12 -13
- package/dist/src/core/text-rendering/TextLayoutEngine.js +242 -186
- package/dist/src/core/text-rendering/TextLayoutEngine.js.map +1 -1
- package/dist/src/core/text-rendering/TextRenderer.d.ts +22 -7
- package/dist/src/core/utils.d.ts +1 -1
- package/dist/src/main-api/Inspector.js +9 -5
- package/dist/src/main-api/Inspector.js.map +1 -1
- package/dist/src/main-api/Renderer.js +3 -2
- package/dist/src/main-api/Renderer.js.map +1 -1
- package/dist/tsconfig.dist.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/common/CommonTypes.ts +16 -0
- package/src/core/CoreNode.test.ts +50 -1
- package/src/core/CoreNode.ts +11 -0
- package/src/core/CoreTextNode.ts +112 -5
- package/src/core/Stage.ts +2 -1
- package/src/core/animations/CoreAnimation.ts +0 -2
- package/src/core/platforms/Platform.ts +6 -0
- package/src/core/platforms/web/WebPlatform.ts +11 -0
- package/src/core/text-rendering/CanvasFontHandler.ts +4 -7
- package/src/core/text-rendering/CanvasTextRenderer.ts +6 -8
- package/src/core/text-rendering/SdfFontHandler.ts +3 -0
- package/src/core/text-rendering/SdfTextRenderer.ts +4 -5
- package/src/core/text-rendering/TextLayoutEngine.ts +396 -226
- package/src/core/text-rendering/TextRenderer.ts +22 -7
- package/src/core/text-rendering/tests/{SdfTests.test.ts → TextLayoutEngine.test.ts} +103 -64
- package/src/main-api/Inspector.ts +9 -5
- package/src/main-api/Renderer.ts +3 -2
- package/dist/src/core/TextureError.d.ts +0 -11
- package/dist/src/core/TextureError.js +0 -37
- package/dist/src/core/TextureError.js.map +0 -1
- package/dist/src/core/platform.d.ts +0 -10
- package/dist/src/core/platform.js +0 -81
- package/dist/src/core/platform.js.map +0 -1
- package/dist/src/core/renderers/CoreShader.d.ts +0 -9
- package/dist/src/core/renderers/CoreShader.js +0 -28
- package/dist/src/core/renderers/CoreShader.js.map +0 -1
- package/dist/src/core/renderers/canvas/CanvasCoreRenderer.d.ts +0 -33
- package/dist/src/core/renderers/canvas/CanvasCoreRenderer.js +0 -250
- package/dist/src/core/renderers/canvas/CanvasCoreRenderer.js.map +0 -1
- package/dist/src/core/renderers/canvas/CanvasCoreTexture.d.ts +0 -17
- package/dist/src/core/renderers/canvas/CanvasCoreTexture.js +0 -125
- package/dist/src/core/renderers/canvas/CanvasCoreTexture.js.map +0 -1
- package/dist/src/core/renderers/canvas/internal/C2DShaderUtils.d.ts +0 -14
- package/dist/src/core/renderers/canvas/internal/C2DShaderUtils.js +0 -138
- package/dist/src/core/renderers/canvas/internal/C2DShaderUtils.js.map +0 -1
- package/dist/src/core/renderers/canvas/internal/ColorUtils.d.ts +0 -19
- package/dist/src/core/renderers/canvas/internal/ColorUtils.js +0 -58
- package/dist/src/core/renderers/canvas/internal/ColorUtils.js.map +0 -1
- package/dist/src/core/renderers/canvas/shaders/UnsupportedShader.d.ts +0 -10
- package/dist/src/core/renderers/canvas/shaders/UnsupportedShader.js +0 -43
- package/dist/src/core/renderers/canvas/shaders/UnsupportedShader.js.map +0 -1
- package/dist/src/core/renderers/webgl/WebGlCoreCtxRenderTexture.d.ts +0 -12
- package/dist/src/core/renderers/webgl/WebGlCoreCtxRenderTexture.js +0 -58
- package/dist/src/core/renderers/webgl/WebGlCoreCtxRenderTexture.js.map +0 -1
- package/dist/src/core/renderers/webgl/WebGlCoreCtxSubTexture.d.ts +0 -9
- package/dist/src/core/renderers/webgl/WebGlCoreCtxSubTexture.js +0 -38
- package/dist/src/core/renderers/webgl/WebGlCoreCtxSubTexture.js.map +0 -1
- package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.d.ts +0 -65
- package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.js +0 -269
- package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.js.map +0 -1
- package/dist/src/core/renderers/webgl/WebGlCoreRenderOp.d.ts +0 -34
- package/dist/src/core/renderers/webgl/WebGlCoreRenderOp.js +0 -114
- package/dist/src/core/renderers/webgl/WebGlCoreRenderOp.js.map +0 -1
- package/dist/src/core/renderers/webgl/WebGlCoreRenderer.d.ts +0 -133
- package/dist/src/core/renderers/webgl/WebGlCoreRenderer.js +0 -616
- package/dist/src/core/renderers/webgl/WebGlCoreRenderer.js.map +0 -1
- package/dist/src/core/renderers/webgl/WebGlCoreShader.d.ts +0 -83
- package/dist/src/core/renderers/webgl/WebGlCoreShader.js +0 -233
- package/dist/src/core/renderers/webgl/WebGlCoreShader.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/DefaultShader.d.ts +0 -9
- package/dist/src/core/renderers/webgl/shaders/DefaultShader.js +0 -87
- package/dist/src/core/renderers/webgl/shaders/DefaultShader.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/DefaultShaderBatched.d.ts +0 -10
- package/dist/src/core/renderers/webgl/shaders/DefaultShaderBatched.js +0 -119
- package/dist/src/core/renderers/webgl/shaders/DefaultShaderBatched.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/DynamicShader.d.ts +0 -29
- package/dist/src/core/renderers/webgl/shaders/DynamicShader.js +0 -413
- package/dist/src/core/renderers/webgl/shaders/DynamicShader.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/RoundedRectangle.d.ts +0 -28
- package/dist/src/core/renderers/webgl/shaders/RoundedRectangle.js +0 -131
- package/dist/src/core/renderers/webgl/shaders/RoundedRectangle.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/SdfShader.d.ts +0 -47
- package/dist/src/core/renderers/webgl/shaders/SdfShader.js +0 -160
- package/dist/src/core/renderers/webgl/shaders/SdfShader.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.d.ts +0 -31
- package/dist/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.js +0 -71
- package/dist/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/BorderEffect.d.ts +0 -30
- package/dist/src/core/renderers/webgl/shaders/effects/BorderEffect.js +0 -58
- package/dist/src/core/renderers/webgl/shaders/effects/BorderEffect.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.d.ts +0 -31
- package/dist/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.js +0 -71
- package/dist/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/BorderRightEffect.d.ts +0 -31
- package/dist/src/core/renderers/webgl/shaders/effects/BorderRightEffect.js +0 -71
- package/dist/src/core/renderers/webgl/shaders/effects/BorderRightEffect.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/BorderTopEffect.d.ts +0 -31
- package/dist/src/core/renderers/webgl/shaders/effects/BorderTopEffect.js +0 -71
- package/dist/src/core/renderers/webgl/shaders/effects/BorderTopEffect.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/EffectUtils.d.ts +0 -9
- package/dist/src/core/renderers/webgl/shaders/effects/EffectUtils.js +0 -136
- package/dist/src/core/renderers/webgl/shaders/effects/EffectUtils.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/FadeOutEffect.d.ts +0 -36
- package/dist/src/core/renderers/webgl/shaders/effects/FadeOutEffect.js +0 -85
- package/dist/src/core/renderers/webgl/shaders/effects/FadeOutEffect.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/GlitchEffect.d.ts +0 -45
- package/dist/src/core/renderers/webgl/shaders/effects/GlitchEffect.js +0 -104
- package/dist/src/core/renderers/webgl/shaders/effects/GlitchEffect.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.d.ts +0 -22
- package/dist/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.js +0 -45
- package/dist/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/HolePunchEffect.d.ts +0 -58
- package/dist/src/core/renderers/webgl/shaders/effects/HolePunchEffect.js +0 -80
- package/dist/src/core/renderers/webgl/shaders/effects/HolePunchEffect.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.d.ts +0 -35
- package/dist/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.js +0 -129
- package/dist/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.d.ts +0 -39
- package/dist/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.js +0 -116
- package/dist/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.d.ts +0 -61
- package/dist/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.js +0 -127
- package/dist/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/RadiusEffect.d.ts +0 -40
- package/dist/src/core/renderers/webgl/shaders/effects/RadiusEffect.js +0 -71
- package/dist/src/core/renderers/webgl/shaders/effects/RadiusEffect.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/ShaderEffect.d.ts +0 -115
- package/dist/src/core/renderers/webgl/shaders/effects/ShaderEffect.js +0 -61
- package/dist/src/core/renderers/webgl/shaders/effects/ShaderEffect.js.map +0 -1
- package/dist/src/core/text-rendering/TextRenderingUtils.d.ts +0 -12
- package/dist/src/core/text-rendering/TextRenderingUtils.js +0 -14
- package/dist/src/core/text-rendering/TextRenderingUtils.js.map +0 -1
- package/dist/src/core/text-rendering/TextTextureRendererUtils.d.ts +0 -72
- package/dist/src/core/text-rendering/TextTextureRendererUtils.js +0 -217
- package/dist/src/core/text-rendering/TextTextureRendererUtils.js.map +0 -1
- package/dist/src/core/text-rendering/TrFontManager.d.ts +0 -26
- package/dist/src/core/text-rendering/TrFontManager.js +0 -131
- package/dist/src/core/text-rendering/TrFontManager.js.map +0 -1
- package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.d.ts +0 -39
- package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.js +0 -125
- package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.js.map +0 -1
- package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/FontShaper.d.ts +0 -103
- package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/FontShaper.js +0 -21
- package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/FontShaper.js.map +0 -1
- package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.d.ts +0 -62
- package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.js +0 -88
- package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.js.map +0 -1
- package/dist/src/core/text-rendering/font-face-types/TrFontFace.d.ts +0 -118
- package/dist/src/core/text-rendering/font-face-types/TrFontFace.js +0 -63
- package/dist/src/core/text-rendering/font-face-types/TrFontFace.js.map +0 -1
- package/dist/src/core/text-rendering/font-face-types/WebTrFontFace.d.ts +0 -14
- package/dist/src/core/text-rendering/font-face-types/WebTrFontFace.js +0 -66
- package/dist/src/core/text-rendering/font-face-types/WebTrFontFace.js.map +0 -1
- package/dist/src/core/text-rendering/font-face-types/utils.d.ts +0 -1
- package/dist/src/core/text-rendering/font-face-types/utils.js +0 -38
- package/dist/src/core/text-rendering/font-face-types/utils.js.map +0 -1
- package/dist/src/core/text-rendering/renderers/CanvasTextRenderer.d.ts +0 -59
- package/dist/src/core/text-rendering/renderers/CanvasTextRenderer.js +0 -397
- package/dist/src/core/text-rendering/renderers/CanvasTextRenderer.js.map +0 -1
- package/dist/src/core/text-rendering/renderers/LightningTextTextureRenderer.d.ts +0 -120
- package/dist/src/core/text-rendering/renderers/LightningTextTextureRenderer.js +0 -551
- package/dist/src/core/text-rendering/renderers/LightningTextTextureRenderer.js.map +0 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.d.ts +0 -92
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.js +0 -607
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.js.map +0 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/PeekableGenerator.d.ts +0 -12
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/PeekableGenerator.js +0 -61
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/PeekableGenerator.js.map +0 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/SpecialCodepoints.d.ts +0 -33
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/SpecialCodepoints.js +0 -52
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/SpecialCodepoints.js.map +0 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/constants.d.ts +0 -13
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/constants.js +0 -32
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/constants.js.map +0 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/getStartConditions.d.ts +0 -23
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/getStartConditions.js +0 -84
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/getStartConditions.js.map +0 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/getUnicodeCodepoints.d.ts +0 -4
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/getUnicodeCodepoints.js +0 -34
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/getUnicodeCodepoints.js.map +0 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.d.ts +0 -20
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.js +0 -308
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.js.map +0 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/measureText.d.ts +0 -10
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/measureText.js +0 -40
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/measureText.js.map +0 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/setRenderWindow.d.ts +0 -26
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/setRenderWindow.js +0 -70
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/setRenderWindow.js.map +0 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/util.d.ts +0 -16
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/util.js +0 -39
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/util.js.map +0 -1
- package/dist/src/core/text-rendering/renderers/TextRenderer.d.ts +0 -373
- package/dist/src/core/text-rendering/renderers/TextRenderer.js +0 -178
- package/dist/src/core/text-rendering/renderers/TextRenderer.js.map +0 -1
- package/dist/src/main-api/DynamicShaderController.d.ts +0 -29
- package/dist/src/main-api/DynamicShaderController.js +0 -58
- package/dist/src/main-api/DynamicShaderController.js.map +0 -1
- package/dist/src/main-api/ShaderController.d.ts +0 -31
- package/dist/src/main-api/ShaderController.js +0 -37
- package/dist/src/main-api/ShaderController.js.map +0 -1
- package/src/core/text-rendering/tests/Canvas.test.ts +0 -378
|
@@ -1,71 +0,0 @@
|
|
|
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 { updateWebSafeRadius, validateArrayLength4 } from './EffectUtils.js';
|
|
20
|
-
import { ShaderEffect, } from './ShaderEffect.js';
|
|
21
|
-
/**
|
|
22
|
-
* Masks the current maskcolor with rounded corners similar to {@link RoundedRectangle}
|
|
23
|
-
*/
|
|
24
|
-
export class RadiusEffect extends ShaderEffect {
|
|
25
|
-
static z$__type__Props;
|
|
26
|
-
name = 'radius';
|
|
27
|
-
static getEffectKey() {
|
|
28
|
-
return `radius`;
|
|
29
|
-
}
|
|
30
|
-
static uniforms = {
|
|
31
|
-
radius: {
|
|
32
|
-
value: 0,
|
|
33
|
-
method: 'uniform4fv',
|
|
34
|
-
type: 'vec4',
|
|
35
|
-
updateOnBind: true,
|
|
36
|
-
validator: validateArrayLength4,
|
|
37
|
-
updateProgramValue: updateWebSafeRadius,
|
|
38
|
-
},
|
|
39
|
-
};
|
|
40
|
-
static methods = {
|
|
41
|
-
fillMask: `
|
|
42
|
-
float function(float dist) {
|
|
43
|
-
return clamp(-dist, 0.0, 1.0);
|
|
44
|
-
}
|
|
45
|
-
`,
|
|
46
|
-
boxDist: `
|
|
47
|
-
float function(vec2 p, vec2 size, float radius) {
|
|
48
|
-
size -= vec2(radius);
|
|
49
|
-
vec2 d = abs(p) - size;
|
|
50
|
-
return min(max(d.x, d.y), 0.0) + length(max(d, 0.0)) - radius;
|
|
51
|
-
}
|
|
52
|
-
`,
|
|
53
|
-
};
|
|
54
|
-
static resolveDefaults(props) {
|
|
55
|
-
return {
|
|
56
|
-
radius: props.radius ?? 10,
|
|
57
|
-
};
|
|
58
|
-
}
|
|
59
|
-
static onShaderMask = `
|
|
60
|
-
vec2 halfDimensions = u_dimensions * 0.5;
|
|
61
|
-
float r = radius[0] * step(v_textureCoordinate.x, 0.5) * step(v_textureCoordinate.y, 0.5);
|
|
62
|
-
r = r + radius[1] * step(0.5, v_textureCoordinate.x) * step(v_textureCoordinate.y, 0.5);
|
|
63
|
-
r = r + radius[2] * step(0.5, v_textureCoordinate.x) * step(0.5, v_textureCoordinate.y);
|
|
64
|
-
r = r + radius[3] * step(v_textureCoordinate.x, 0.5) * step(0.5, v_textureCoordinate.y);
|
|
65
|
-
return $boxDist(v_textureCoordinate.xy * u_dimensions - halfDimensions, halfDimensions, r);
|
|
66
|
-
`;
|
|
67
|
-
static onEffectMask = `
|
|
68
|
-
return mix(vec4(0.0), maskColor, $fillMask(shaderMask));
|
|
69
|
-
`;
|
|
70
|
-
}
|
|
71
|
-
//# sourceMappingURL=RadiusEffect.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RadiusEffect.js","sourceRoot":"","sources":["../../../../../../../src/core/renderers/webgl/shaders/effects/RadiusEffect.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EACL,YAAY,GAGb,MAAM,mBAAmB,CAAC;AA6B3B;;GAEG;AACH,MAAM,OAAO,YAAa,SAAQ,YAAY;IAC5C,MAAM,CAAC,eAAe,CAAoB;IACxB,IAAI,GAAG,QAAQ,CAAC;IAElC,MAAM,CAAU,YAAY;QAC1B,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,MAAM,CAAU,QAAQ,GAAyB;QAC/C,MAAM,EAAE;YACN,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,YAAY;YACpB,IAAI,EAAE,MAAM;YACZ,YAAY,EAAE,IAAI;YAClB,SAAS,EAAE,oBAAoB;YAC/B,kBAAkB,EAAE,mBAAmB;SACxC;KACF,CAAC;IAEF,MAAM,CAAU,OAAO,GAA2B;QAChD,QAAQ,EAAE;;;;KAIT;QACD,OAAO,EAAE;;;;;;KAMR;KACF,CAAC;IAEF,MAAM,CAAU,eAAe,CAC7B,KAAwB;QAExB,OAAO;YACL,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,EAAE;SAC3B,CAAC;IACJ,CAAC;IAED,MAAM,CAAU,YAAY,GAAG;;;;;;;GAO9B,CAAC;IAEF,MAAM,CAAU,YAAY,GAAG;;GAE9B,CAAC"}
|
|
@@ -1,115 +0,0 @@
|
|
|
1
|
-
import type { EffectMap } from '../../../../CoreShaderManager.js';
|
|
2
|
-
import type { ExtractProps } from '../../../../CoreTextureManager.js';
|
|
3
|
-
import type { AlphaShaderProp, DimensionsShaderProp } from '../../WebGlCoreShader.js';
|
|
4
|
-
import type { UniformInfo, UniformMethodMap } from '../../internal/ShaderUtils.js';
|
|
5
|
-
export interface BaseEffectDesc {
|
|
6
|
-
name?: string;
|
|
7
|
-
type: keyof EffectMap;
|
|
8
|
-
props: Record<string, any>;
|
|
9
|
-
}
|
|
10
|
-
export interface EffectDesc<T extends {
|
|
11
|
-
name?: string;
|
|
12
|
-
type: keyof EffectMap;
|
|
13
|
-
} = {
|
|
14
|
-
name?: string;
|
|
15
|
-
type: keyof EffectMap;
|
|
16
|
-
}> extends BaseEffectDesc {
|
|
17
|
-
name?: T['name'];
|
|
18
|
-
type: T['type'];
|
|
19
|
-
props: ExtractProps<EffectMap[T['type']]>;
|
|
20
|
-
}
|
|
21
|
-
/**
|
|
22
|
-
* Allows the `keyof EffectMap` to be mapped over and form an discriminated
|
|
23
|
-
* union of all the EffectDescs structures individually.
|
|
24
|
-
*
|
|
25
|
-
* @remarks
|
|
26
|
-
* When used like the following:
|
|
27
|
-
* ```
|
|
28
|
-
* MapEffectDescs<keyof EffectMap>[]
|
|
29
|
-
* ```
|
|
30
|
-
* The resultant type will be a discriminated union like so:
|
|
31
|
-
* ```
|
|
32
|
-
* (
|
|
33
|
-
* {
|
|
34
|
-
* name: 'effect1',
|
|
35
|
-
* type: 'radius',
|
|
36
|
-
* props?: {
|
|
37
|
-
* radius?: number | number[];
|
|
38
|
-
* }
|
|
39
|
-
* } |
|
|
40
|
-
* {
|
|
41
|
-
* name: 'effect2',
|
|
42
|
-
* type: 'border',
|
|
43
|
-
* props?: {
|
|
44
|
-
* width?: number;
|
|
45
|
-
* color?: number;
|
|
46
|
-
* }
|
|
47
|
-
* } |
|
|
48
|
-
* // ...
|
|
49
|
-
* )[]
|
|
50
|
-
* ```
|
|
51
|
-
* Which means TypeScript will now base its type checking on the `type` field
|
|
52
|
-
* and will know exactly what the `props` field should be based on the `type`
|
|
53
|
-
* field.
|
|
54
|
-
*/
|
|
55
|
-
type MapEffectDescs<T extends keyof EffectMap> = T extends keyof EffectMap ? EffectDesc<{
|
|
56
|
-
type: T;
|
|
57
|
-
name: string;
|
|
58
|
-
}> : never;
|
|
59
|
-
export type EffectDescUnion = MapEffectDescs<keyof EffectMap>;
|
|
60
|
-
export interface ShaderEffectUniform {
|
|
61
|
-
value: number | number[] | boolean | string;
|
|
62
|
-
type: string;
|
|
63
|
-
method: keyof UniformMethodMap;
|
|
64
|
-
name?: string;
|
|
65
|
-
size?: (value: Record<string, unknown>) => number;
|
|
66
|
-
updateOnBind?: boolean;
|
|
67
|
-
updateProgramValue?: (programValues: ShaderEffectValueMap, shaderProps?: Record<string, unknown>) => void;
|
|
68
|
-
validator?: (value: any, props: Record<string, unknown>) => number | number[] | number[][];
|
|
69
|
-
}
|
|
70
|
-
export interface ShaderEffectValueMap extends DimensionsShaderProp, AlphaShaderProp {
|
|
71
|
-
value: ShaderEffectUniform['value'];
|
|
72
|
-
programValue: number | Float32Array | undefined;
|
|
73
|
-
method: keyof UniformMethodMap;
|
|
74
|
-
setUniformValue?: () => void | null;
|
|
75
|
-
hasValidator: boolean;
|
|
76
|
-
hasProgramValueUpdater: boolean;
|
|
77
|
-
updateOnBind: boolean;
|
|
78
|
-
validatedValue?: number | number[];
|
|
79
|
-
}
|
|
80
|
-
export interface ShaderEffectUniforms {
|
|
81
|
-
[key: string]: ShaderEffectUniform;
|
|
82
|
-
}
|
|
83
|
-
export interface DefaultEffectProps {
|
|
84
|
-
[key: string]: unknown;
|
|
85
|
-
}
|
|
86
|
-
export interface ShaderEffectOptions {
|
|
87
|
-
ref: string;
|
|
88
|
-
target: string;
|
|
89
|
-
props?: Record<string, unknown>;
|
|
90
|
-
uniforms?: ShaderEffectUniforms;
|
|
91
|
-
methods?: Record<string, string>;
|
|
92
|
-
onShaderMask?: ((value: Record<string, unknown>) => string) | string;
|
|
93
|
-
onColorize?: ((value: Record<string, unknown>) => string) | string;
|
|
94
|
-
onEffectMask?: ((value: Record<string, unknown>) => string) | string;
|
|
95
|
-
}
|
|
96
|
-
export declare abstract class ShaderEffect {
|
|
97
|
-
readonly priority = 1;
|
|
98
|
-
readonly name: string;
|
|
99
|
-
ref: string;
|
|
100
|
-
target: string;
|
|
101
|
-
passParameters: string;
|
|
102
|
-
declaredUniforms: string;
|
|
103
|
-
uniformInfo: Record<string, UniformInfo>;
|
|
104
|
-
static uniforms: ShaderEffectUniforms;
|
|
105
|
-
static methods?: Record<string, string>;
|
|
106
|
-
static onShaderMask?: ((value: Record<string, unknown>) => string) | string;
|
|
107
|
-
static onColorize?: ((value: Record<string, unknown>) => string) | string;
|
|
108
|
-
static onEffectMask?: ((value: Record<string, unknown>) => string) | string;
|
|
109
|
-
static getEffectKey(props: Record<string, unknown>): string;
|
|
110
|
-
static getMethodParameters(uniforms: ShaderEffectUniforms, props: Record<string, unknown>): string;
|
|
111
|
-
constructor(options: ShaderEffectOptions);
|
|
112
|
-
static resolveDefaults(props: Record<string, unknown>): Record<string, unknown>;
|
|
113
|
-
static makeEffectKey(props: Record<string, unknown>): string | false;
|
|
114
|
-
}
|
|
115
|
-
export {};
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
export class ShaderEffect {
|
|
2
|
-
priority = 1;
|
|
3
|
-
name = '';
|
|
4
|
-
ref;
|
|
5
|
-
target;
|
|
6
|
-
passParameters = '';
|
|
7
|
-
declaredUniforms = '';
|
|
8
|
-
uniformInfo = {};
|
|
9
|
-
static uniforms = {};
|
|
10
|
-
static methods;
|
|
11
|
-
static onShaderMask;
|
|
12
|
-
static onColorize;
|
|
13
|
-
static onEffectMask;
|
|
14
|
-
static getEffectKey(props) {
|
|
15
|
-
return '';
|
|
16
|
-
}
|
|
17
|
-
static getMethodParameters(uniforms, props) {
|
|
18
|
-
const res = [];
|
|
19
|
-
for (const u in uniforms) {
|
|
20
|
-
const uni = uniforms[u];
|
|
21
|
-
let define = '';
|
|
22
|
-
if (uni.size) {
|
|
23
|
-
define = `[${uni.size(props)}]`;
|
|
24
|
-
}
|
|
25
|
-
res.push(`${uni.type} ${u}${define}`);
|
|
26
|
-
}
|
|
27
|
-
return res.join(',');
|
|
28
|
-
}
|
|
29
|
-
constructor(options) {
|
|
30
|
-
const { ref, target, props = {} } = options;
|
|
31
|
-
this.ref = ref;
|
|
32
|
-
this.target = target;
|
|
33
|
-
const uniformInfo = {};
|
|
34
|
-
const passParameters = [];
|
|
35
|
-
let declaredUniforms = '';
|
|
36
|
-
const uniforms = this.constructor.uniforms || {};
|
|
37
|
-
for (const u in uniforms) {
|
|
38
|
-
const unif = uniforms[u];
|
|
39
|
-
const uniType = unif.type;
|
|
40
|
-
//make unique uniform name
|
|
41
|
-
const uniformName = `${ref}_${u}`;
|
|
42
|
-
let define = '';
|
|
43
|
-
if (unif.size) {
|
|
44
|
-
define = `[${unif.size(props)}]`;
|
|
45
|
-
}
|
|
46
|
-
passParameters.push(uniformName);
|
|
47
|
-
declaredUniforms += `uniform ${uniType} ${uniformName}${define};`;
|
|
48
|
-
uniformInfo[u] = { name: uniformName, uniform: uniforms[u].method };
|
|
49
|
-
}
|
|
50
|
-
this.passParameters = passParameters.join(',');
|
|
51
|
-
this.declaredUniforms = declaredUniforms;
|
|
52
|
-
this.uniformInfo = uniformInfo;
|
|
53
|
-
}
|
|
54
|
-
static resolveDefaults(props) {
|
|
55
|
-
return {};
|
|
56
|
-
}
|
|
57
|
-
static makeEffectKey(props) {
|
|
58
|
-
return false;
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
//# sourceMappingURL=ShaderEffect.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ShaderEffect.js","sourceRoot":"","sources":["../../../../../../../src/core/renderers/webgl/shaders/effects/ShaderEffect.ts"],"names":[],"mappings":"AAsHA,MAAM,OAAgB,YAAY;IACvB,QAAQ,GAAG,CAAC,CAAC;IACb,IAAI,GAAW,EAAE,CAAC;IAE3B,GAAG,CAAS;IACZ,MAAM,CAAS;IAEf,cAAc,GAAG,EAAE,CAAC;IACpB,gBAAgB,GAAG,EAAE,CAAC;IACtB,WAAW,GAAgC,EAAE,CAAC;IAE9C,MAAM,CAAC,QAAQ,GAAyB,EAAE,CAAC;IAC3C,MAAM,CAAC,OAAO,CAA0B;IAExC,MAAM,CAAC,YAAY,CAAyD;IAE5E,MAAM,CAAC,UAAU,CAAyD;IAC1E,MAAM,CAAC,YAAY,CAAyD;IAE5E,MAAM,CAAC,YAAY,CAAC,KAA8B;QAChD,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,MAAM,CAAC,mBAAmB,CACxB,QAA8B,EAC9B,KAA8B;QAE9B,MAAM,GAAG,GAAa,EAAE,CAAC;QACzB,KAAK,MAAM,CAAC,IAAI,QAAQ,EAAE,CAAC;YACzB,MAAM,GAAG,GAAG,QAAQ,CAAC,CAAC,CAAE,CAAC;YACzB,IAAI,MAAM,GAAG,EAAE,CAAC;YAChB,IAAI,GAAG,CAAC,IAAI,EAAE,CAAC;gBACb,MAAM,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;YAClC,CAAC;YACD,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,IAAI,IAAI,CAAC,GAAG,MAAM,EAAE,CAAC,CAAC;QACxC,CAAC;QACD,OAAO,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACvB,CAAC;IAED,YAAY,OAA4B;QACtC,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,GAAG,EAAE,EAAE,GAAG,OAAO,CAAC;QAC5C,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;QACf,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QAErB,MAAM,WAAW,GAAgC,EAAE,CAAC;QACpD,MAAM,cAAc,GAAa,EAAE,CAAC;QACpC,IAAI,gBAAgB,GAAG,EAAE,CAAC;QAC1B,MAAM,QAAQ,GAAI,IAAI,CAAC,WAAmC,CAAC,QAAQ,IAAI,EAAE,CAAC;QAE1E,KAAK,MAAM,CAAC,IAAI,QAAQ,EAAE,CAAC;YACzB,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAE,CAAC;YAC1B,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC;YAC1B,0BAA0B;YAC1B,MAAM,WAAW,GAAG,GAAG,GAAG,IAAI,CAAC,EAAE,CAAC;YAClC,IAAI,MAAM,GAAG,EAAE,CAAC;YAChB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;gBACd,MAAM,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;YACnC,CAAC;YACD,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;YACjC,gBAAgB,IAAI,WAAW,OAAO,IAAI,WAAW,GAAG,MAAM,GAAG,CAAC;YAClE,WAAW,CAAC,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAE,CAAC,MAAM,EAAE,CAAC;QACvE,CAAC;QAED,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC/C,IAAI,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;QACzC,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;IACjC,CAAC;IAED,MAAM,CAAC,eAAe,CACpB,KAA8B;QAE9B,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,MAAM,CAAC,aAAa,CAAC,KAA8B;QACjD,OAAO,KAAK,CAAC;IACf,CAAC"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import type { NormalizedFontMetrics } from './font-face-types/TrFontFace.js';
|
|
2
|
-
/**
|
|
3
|
-
* Calculate the default line height given normalized font metrics
|
|
4
|
-
*
|
|
5
|
-
* @remarks
|
|
6
|
-
* This method may be used for both the WebTrFontFace and SdfTrFontFace font types.
|
|
7
|
-
*
|
|
8
|
-
* @param metrics
|
|
9
|
-
* @param fontSize
|
|
10
|
-
* @returns
|
|
11
|
-
*/
|
|
12
|
-
export declare function calcDefaultLineHeight(metrics: NormalizedFontMetrics, fontSize: number): number;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Calculate the default line height given normalized font metrics
|
|
3
|
-
*
|
|
4
|
-
* @remarks
|
|
5
|
-
* This method may be used for both the WebTrFontFace and SdfTrFontFace font types.
|
|
6
|
-
*
|
|
7
|
-
* @param metrics
|
|
8
|
-
* @param fontSize
|
|
9
|
-
* @returns
|
|
10
|
-
*/
|
|
11
|
-
export function calcDefaultLineHeight(metrics, fontSize) {
|
|
12
|
-
return fontSize * (metrics.ascender - metrics.descender + metrics.lineGap);
|
|
13
|
-
}
|
|
14
|
-
//# sourceMappingURL=TextRenderingUtils.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextRenderingUtils.js","sourceRoot":"","sources":["../../../../src/core/text-rendering/TextRenderingUtils.ts"],"names":[],"mappings":"AAoBA;;;;;;;;;GASG;AACH,MAAM,UAAU,qBAAqB,CACnC,OAA8B,EAC9B,QAAgB;IAEhB,OAAO,QAAQ,GAAG,CAAC,OAAO,CAAC,QAAQ,GAAG,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;AAC7E,CAAC"}
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
import type { NormalizedFontMetrics } from './font-face-types/TrFontFace.js';
|
|
2
|
-
import type { WebTrFontFace } from './font-face-types/WebTrFontFace.js';
|
|
3
|
-
/**
|
|
4
|
-
* Returns CSS font setting string for use in canvas context.
|
|
5
|
-
*
|
|
6
|
-
* @param fontFace
|
|
7
|
-
* @param fontStyle
|
|
8
|
-
* @param fontSize
|
|
9
|
-
* @param precision
|
|
10
|
-
* @param defaultFontFace
|
|
11
|
-
* @returns
|
|
12
|
-
*/
|
|
13
|
-
export declare function getFontSetting(fontFace: string | string[], fontStyle: string, fontSize: number, precision: number, defaultFontFace: string): string;
|
|
14
|
-
/**
|
|
15
|
-
* Returns true if the given character is a zero-width space.
|
|
16
|
-
*
|
|
17
|
-
* @param space
|
|
18
|
-
*/
|
|
19
|
-
export declare function isZeroWidthSpace(space: string): boolean;
|
|
20
|
-
/**
|
|
21
|
-
* Returns true if the given character is a zero-width space or a regular space.
|
|
22
|
-
*
|
|
23
|
-
* @param space
|
|
24
|
-
*/
|
|
25
|
-
export declare function isSpace(space: string): boolean;
|
|
26
|
-
/**
|
|
27
|
-
* Converts a string into an array of tokens and the words between them.
|
|
28
|
-
*
|
|
29
|
-
* @param tokenRegex
|
|
30
|
-
* @param text
|
|
31
|
-
*/
|
|
32
|
-
export declare function tokenizeString(tokenRegex: RegExp, text: string): string[];
|
|
33
|
-
/**
|
|
34
|
-
* Measure the width of a string accounting for letter spacing.
|
|
35
|
-
*
|
|
36
|
-
* @param context
|
|
37
|
-
* @param word
|
|
38
|
-
* @param space
|
|
39
|
-
*/
|
|
40
|
-
export declare function measureText(context: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D, word: string, space?: number): number;
|
|
41
|
-
/**
|
|
42
|
-
* Get the font metrics for a font face.
|
|
43
|
-
*
|
|
44
|
-
* @remarks
|
|
45
|
-
* This function will attempt to grab the explicitly defined metrics from the
|
|
46
|
-
* font face first. If the font face does not have metrics defined, it will
|
|
47
|
-
* attempt to calculate the metrics using the browser's measureText method.
|
|
48
|
-
*
|
|
49
|
-
* If the browser does not support the font metrics API, it will use some
|
|
50
|
-
* default values.
|
|
51
|
-
*
|
|
52
|
-
* @param context
|
|
53
|
-
* @param fontFace
|
|
54
|
-
* @param fontSize
|
|
55
|
-
* @returns
|
|
56
|
-
*/
|
|
57
|
-
export declare function getWebFontMetrics(context: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D, fontFace: WebTrFontFace, fontSize: number): NormalizedFontMetrics;
|
|
58
|
-
export interface WrapTextResult {
|
|
59
|
-
l: string[];
|
|
60
|
-
n: number[];
|
|
61
|
-
}
|
|
62
|
-
/**
|
|
63
|
-
* Applies newlines to a string to have it optimally fit into the horizontal
|
|
64
|
-
* bounds set by the Text object's wordWrapWidth property.
|
|
65
|
-
*
|
|
66
|
-
* @param context
|
|
67
|
-
* @param text
|
|
68
|
-
* @param wordWrapWidth
|
|
69
|
-
* @param letterSpacing
|
|
70
|
-
* @param indent
|
|
71
|
-
*/
|
|
72
|
-
export declare function wrapText(context: CanvasRenderingContext2D, text: string, wordWrapWidth: number, letterSpacing: number, indent: number): WrapTextResult;
|
|
@@ -1,217 +0,0 @@
|
|
|
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
|
-
* Returns CSS font setting string for use in canvas context.
|
|
21
|
-
*
|
|
22
|
-
* @param fontFace
|
|
23
|
-
* @param fontStyle
|
|
24
|
-
* @param fontSize
|
|
25
|
-
* @param precision
|
|
26
|
-
* @param defaultFontFace
|
|
27
|
-
* @returns
|
|
28
|
-
*/
|
|
29
|
-
export function getFontSetting(fontFace, fontStyle, fontSize, precision, defaultFontFace) {
|
|
30
|
-
let ff = fontFace;
|
|
31
|
-
if (!Array.isArray(ff)) {
|
|
32
|
-
ff = [ff];
|
|
33
|
-
}
|
|
34
|
-
const ffs = [];
|
|
35
|
-
for (let i = 0, n = ff.length; i < n; i++) {
|
|
36
|
-
let curFf = ff[i];
|
|
37
|
-
// Replace the default font face `null` with the actual default font face set
|
|
38
|
-
// on the stage.
|
|
39
|
-
if (curFf === null || curFf === undefined) {
|
|
40
|
-
curFf = defaultFontFace;
|
|
41
|
-
}
|
|
42
|
-
if (curFf === 'serif' || curFf === 'sans-serif') {
|
|
43
|
-
ffs.push(curFf);
|
|
44
|
-
}
|
|
45
|
-
else {
|
|
46
|
-
ffs.push(`"${curFf}"`);
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
return `${fontStyle} ${fontSize * precision}px ${ffs.join(',')}`;
|
|
50
|
-
}
|
|
51
|
-
/**
|
|
52
|
-
* Returns true if the given character is a zero-width space.
|
|
53
|
-
*
|
|
54
|
-
* @param space
|
|
55
|
-
*/
|
|
56
|
-
export function isZeroWidthSpace(space) {
|
|
57
|
-
return space === '' || space === '\u200B';
|
|
58
|
-
}
|
|
59
|
-
/**
|
|
60
|
-
* Returns true if the given character is a zero-width space or a regular space.
|
|
61
|
-
*
|
|
62
|
-
* @param space
|
|
63
|
-
*/
|
|
64
|
-
export function isSpace(space) {
|
|
65
|
-
return isZeroWidthSpace(space) || space === ' ';
|
|
66
|
-
}
|
|
67
|
-
/**
|
|
68
|
-
* Converts a string into an array of tokens and the words between them.
|
|
69
|
-
*
|
|
70
|
-
* @param tokenRegex
|
|
71
|
-
* @param text
|
|
72
|
-
*/
|
|
73
|
-
export function tokenizeString(tokenRegex, text) {
|
|
74
|
-
const delimeters = text.match(tokenRegex) || [];
|
|
75
|
-
const words = text.split(tokenRegex) || [];
|
|
76
|
-
const final = [];
|
|
77
|
-
for (let i = 0; i < words.length; i++) {
|
|
78
|
-
final.push(words[i], delimeters[i]);
|
|
79
|
-
}
|
|
80
|
-
final.pop();
|
|
81
|
-
return final.filter((word) => word != '');
|
|
82
|
-
}
|
|
83
|
-
/**
|
|
84
|
-
* Measure the width of a string accounting for letter spacing.
|
|
85
|
-
*
|
|
86
|
-
* @param context
|
|
87
|
-
* @param word
|
|
88
|
-
* @param space
|
|
89
|
-
*/
|
|
90
|
-
export function measureText(context, word, space = 0) {
|
|
91
|
-
if (!space) {
|
|
92
|
-
return context.measureText(word).width;
|
|
93
|
-
}
|
|
94
|
-
return word.split('').reduce((acc, char) => {
|
|
95
|
-
// Zero-width spaces should not include letter spacing.
|
|
96
|
-
// And since we know the width of a zero-width space is 0, we can skip
|
|
97
|
-
// measuring it.
|
|
98
|
-
if (isZeroWidthSpace(char)) {
|
|
99
|
-
return acc;
|
|
100
|
-
}
|
|
101
|
-
return acc + context.measureText(char).width + space;
|
|
102
|
-
}, 0);
|
|
103
|
-
}
|
|
104
|
-
/**
|
|
105
|
-
* Get the font metrics for a font face.
|
|
106
|
-
*
|
|
107
|
-
* @remarks
|
|
108
|
-
* This function will attempt to grab the explicitly defined metrics from the
|
|
109
|
-
* font face first. If the font face does not have metrics defined, it will
|
|
110
|
-
* attempt to calculate the metrics using the browser's measureText method.
|
|
111
|
-
*
|
|
112
|
-
* If the browser does not support the font metrics API, it will use some
|
|
113
|
-
* default values.
|
|
114
|
-
*
|
|
115
|
-
* @param context
|
|
116
|
-
* @param fontFace
|
|
117
|
-
* @param fontSize
|
|
118
|
-
* @returns
|
|
119
|
-
*/
|
|
120
|
-
export function getWebFontMetrics(context, fontFace, fontSize) {
|
|
121
|
-
if (fontFace.metrics) {
|
|
122
|
-
return fontFace.metrics;
|
|
123
|
-
}
|
|
124
|
-
// If the font face doesn't have metrics defined, we fallback to using the
|
|
125
|
-
// browser's measureText method to calculate take a best guess at the font
|
|
126
|
-
// actual font's metrics.
|
|
127
|
-
// - fontBoundingBox[Ascent|Descent] is the best estimate but only supported
|
|
128
|
-
// in Chrome 87+ (2020), Firefox 116+ (2023), and Safari 11.1+ (2018).
|
|
129
|
-
// - It is an estimate as it can vary between browsers.
|
|
130
|
-
// - actualBoundingBox[Ascent|Descent] is less accurate and supported in
|
|
131
|
-
// Chrome 77+ (2019), Firefox 74+ (2020), and Safari 11.1+ (2018).
|
|
132
|
-
// - If neither are supported, we'll use some default values which will
|
|
133
|
-
// get text on the screen but likely not be great.
|
|
134
|
-
// NOTE: It's been decided not to rely on fontBoundingBox[Ascent|Descent]
|
|
135
|
-
// as it's browser support is limited and it also tends to produce higher than
|
|
136
|
-
// expected values. It is instead HIGHLY RECOMMENDED that developers provide
|
|
137
|
-
// explicit metrics in the font face definition.
|
|
138
|
-
const browserMetrics = context.measureText('ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz');
|
|
139
|
-
console.warn(`Font metrics not provided for Canvas Web font ${fontFace.fontFamily}. ` +
|
|
140
|
-
'Using fallback values. It is HIGHLY recommended you use the latest ' +
|
|
141
|
-
'version of the Lightning 3 `msdf-generator` tool to extract the default ' +
|
|
142
|
-
'metrics for the font and provide them in the Canvas Web font definition.');
|
|
143
|
-
let metrics;
|
|
144
|
-
if (browserMetrics.actualBoundingBoxDescent &&
|
|
145
|
-
browserMetrics.actualBoundingBoxAscent) {
|
|
146
|
-
metrics = {
|
|
147
|
-
ascender: browserMetrics.actualBoundingBoxAscent / fontSize,
|
|
148
|
-
descender: -browserMetrics.actualBoundingBoxDescent / fontSize,
|
|
149
|
-
lineGap: 0.2,
|
|
150
|
-
};
|
|
151
|
-
}
|
|
152
|
-
else {
|
|
153
|
-
// If the browser doesn't support the font metrics API, we'll use some
|
|
154
|
-
// default values.
|
|
155
|
-
metrics = {
|
|
156
|
-
ascender: 0.8,
|
|
157
|
-
descender: -0.2,
|
|
158
|
-
lineGap: 0.2,
|
|
159
|
-
};
|
|
160
|
-
}
|
|
161
|
-
// Save the calculated metrics to the font face for future use.
|
|
162
|
-
fontFace.metrics = metrics;
|
|
163
|
-
return metrics;
|
|
164
|
-
}
|
|
165
|
-
/**
|
|
166
|
-
* Applies newlines to a string to have it optimally fit into the horizontal
|
|
167
|
-
* bounds set by the Text object's wordWrapWidth property.
|
|
168
|
-
*
|
|
169
|
-
* @param context
|
|
170
|
-
* @param text
|
|
171
|
-
* @param wordWrapWidth
|
|
172
|
-
* @param letterSpacing
|
|
173
|
-
* @param indent
|
|
174
|
-
*/
|
|
175
|
-
export function wrapText(context, text, wordWrapWidth, letterSpacing, indent) {
|
|
176
|
-
// Greedy wrapping algorithm that will wrap words as the line grows longer.
|
|
177
|
-
// than its horizontal bounds.
|
|
178
|
-
const spaceRegex = / |\u200B/g;
|
|
179
|
-
const lines = text.split(/\r?\n/g);
|
|
180
|
-
let allLines = [];
|
|
181
|
-
const realNewlines = [];
|
|
182
|
-
for (let i = 0; i < lines.length; i++) {
|
|
183
|
-
const resultLines = [];
|
|
184
|
-
let result = '';
|
|
185
|
-
let spaceLeft = wordWrapWidth - indent;
|
|
186
|
-
const words = lines[i].split(spaceRegex);
|
|
187
|
-
const spaces = lines[i].match(spaceRegex) || [];
|
|
188
|
-
for (let j = 0; j < words.length; j++) {
|
|
189
|
-
const space = spaces[j - 1] || '';
|
|
190
|
-
const word = words[j];
|
|
191
|
-
const wordWidth = measureText(context, word, letterSpacing);
|
|
192
|
-
const wordWidthWithSpace = wordWidth + measureText(context, space, letterSpacing);
|
|
193
|
-
if (j === 0 || wordWidthWithSpace > spaceLeft) {
|
|
194
|
-
// Skip printing the newline if it's the first word of the line that is.
|
|
195
|
-
// greater than the word wrap width.
|
|
196
|
-
if (j > 0) {
|
|
197
|
-
resultLines.push(result);
|
|
198
|
-
result = '';
|
|
199
|
-
}
|
|
200
|
-
result += word;
|
|
201
|
-
spaceLeft = wordWrapWidth - wordWidth - (j === 0 ? indent : 0);
|
|
202
|
-
}
|
|
203
|
-
else {
|
|
204
|
-
spaceLeft -= wordWidthWithSpace;
|
|
205
|
-
result += space + word;
|
|
206
|
-
}
|
|
207
|
-
}
|
|
208
|
-
resultLines.push(result);
|
|
209
|
-
result = '';
|
|
210
|
-
allLines = allLines.concat(resultLines);
|
|
211
|
-
if (i < lines.length - 1) {
|
|
212
|
-
realNewlines.push(allLines.length);
|
|
213
|
-
}
|
|
214
|
-
}
|
|
215
|
-
return { l: allLines, n: realNewlines };
|
|
216
|
-
}
|
|
217
|
-
//# sourceMappingURL=TextTextureRendererUtils.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextTextureRendererUtils.js","sourceRoot":"","sources":["../../../../src/core/text-rendering/TextTextureRendererUtils.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import type { TrFontFace } from './font-face-types/TrFontFace.js';
|
|
2
|
-
import type { TextRendererMap, TrFontProps } from './renderers/TextRenderer.js';
|
|
3
|
-
/**
|
|
4
|
-
* Structure mapping font family names to a set of font faces.
|
|
5
|
-
*/
|
|
6
|
-
export interface FontFamilyMap {
|
|
7
|
-
[familyName: string]: Set<TrFontFace>;
|
|
8
|
-
}
|
|
9
|
-
export declare class TrFontManager {
|
|
10
|
-
private textRenderers;
|
|
11
|
-
private fontCache;
|
|
12
|
-
constructor(textRenderers: Partial<TextRendererMap>);
|
|
13
|
-
addFontFace(font: TrFontFace): void;
|
|
14
|
-
/**
|
|
15
|
-
* Utility method to resolve a single font face from a list of prioritized family maps based on
|
|
16
|
-
* a set of font properties.
|
|
17
|
-
*
|
|
18
|
-
* @remarks
|
|
19
|
-
* These are to be used by a text renderer to resolve a font face if needed.
|
|
20
|
-
*
|
|
21
|
-
* @param familyMapsByPriority
|
|
22
|
-
* @param props
|
|
23
|
-
* @returns
|
|
24
|
-
*/
|
|
25
|
-
resolveFontFace(familyMapsByPriority: FontFamilyMap[], props: TrFontProps, rendererType: 'canvas' | 'sdf'): TrFontFace | undefined;
|
|
26
|
-
}
|