@lightningjs/renderer 3.0.0-beta13 → 3.0.0-beta15
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/exports/index.d.ts +1 -0
- package/dist/exports/index.js.map +1 -1
- package/dist/src/core/CoreNode.d.ts +1 -1
- package/dist/src/core/CoreTextNode.d.ts +0 -2
- package/dist/src/core/CoreTextNode.js +4 -16
- package/dist/src/core/CoreTextNode.js.map +1 -1
- package/dist/src/core/Stage.js +2 -3
- package/dist/src/core/Stage.js.map +1 -1
- package/dist/src/core/TextureError.d.ts +11 -0
- package/dist/src/core/TextureError.js +37 -0
- package/dist/src/core/TextureError.js.map +1 -0
- package/dist/src/core/animations/CoreAnimation.d.ts +3 -2
- package/dist/src/core/animations/CoreAnimation.js +3 -2
- package/dist/src/core/animations/CoreAnimation.js.map +1 -1
- package/dist/src/core/lib/WebGlContextWrapper.d.ts +6 -6
- package/dist/src/core/lib/WebGlContextWrapper.js +2 -2
- package/dist/src/core/lib/WebGlContextWrapper.js.map +1 -1
- package/dist/src/core/lib/textureCompression.js +1 -1
- package/dist/src/core/lib/textureCompression.js.map +1 -1
- 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/{src/core/text-rendering/sdf/index.ts → dist/src/core/renderers/CoreShader.js} +11 -3
- 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/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 +65 -0
- package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.js +269 -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 +616 -0
- package/dist/src/core/renderers/webgl/WebGlCoreRenderer.js.map +1 -0
- package/dist/src/core/renderers/webgl/WebGlCoreShader.d.ts +83 -0
- package/dist/src/core/renderers/webgl/WebGlCoreShader.js +233 -0
- package/dist/src/core/renderers/webgl/WebGlCoreShader.js.map +1 -0
- package/dist/src/core/renderers/webgl/WebGlShaderProgram.d.ts +1 -1
- package/dist/src/core/renderers/webgl/WebGlShaderProgram.js +4 -5
- package/dist/src/core/renderers/webgl/WebGlShaderProgram.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 +87 -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 +119 -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 +413 -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 +131 -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 +160 -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 +129 -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 +39 -0
- package/dist/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.js +116 -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/canvas/RoundedWithBorder.js +1 -1
- package/dist/src/core/shaders/canvas/RoundedWithBorder.js.map +1 -1
- package/dist/src/core/shaders/canvas/RoundedWithBorderAndShadow.js +1 -1
- package/dist/src/core/shaders/canvas/RoundedWithBorderAndShadow.js.map +1 -1
- package/dist/src/core/shaders/webgl/LinearGradient.js +26 -3
- package/dist/src/core/shaders/webgl/LinearGradient.js.map +1 -1
- package/dist/src/core/shaders/webgl/RadialGradient.js +49 -27
- package/dist/src/core/shaders/webgl/RadialGradient.js.map +1 -1
- package/dist/src/core/shaders/webgl/SdfShader.d.ts +0 -2
- package/dist/src/core/shaders/webgl/SdfShader.js +1 -10
- package/dist/src/core/shaders/webgl/SdfShader.js.map +1 -1
- package/dist/src/core/text-rendering/CanvasFontHandler.d.ts +21 -3
- package/dist/src/core/text-rendering/CanvasFontHandler.js +94 -32
- package/dist/src/core/text-rendering/CanvasFontHandler.js.map +1 -1
- package/dist/src/core/text-rendering/CanvasTextRenderer.d.ts +2 -7
- package/dist/src/core/text-rendering/CanvasTextRenderer.js +51 -260
- package/dist/src/core/text-rendering/CanvasTextRenderer.js.map +1 -1
- package/dist/src/core/text-rendering/SdfFontHandler.d.ts +35 -5
- package/dist/src/core/text-rendering/SdfFontHandler.js +76 -56
- package/dist/src/core/text-rendering/SdfFontHandler.js.map +1 -1
- package/dist/src/core/text-rendering/SdfTextRenderer.d.ts +1 -1
- package/dist/src/core/text-rendering/SdfTextRenderer.js +38 -82
- package/dist/src/core/text-rendering/SdfTextRenderer.js.map +1 -1
- package/dist/src/core/text-rendering/TextLayoutEngine.d.ts +19 -0
- package/dist/src/core/text-rendering/{sdf/Utils.js → TextLayoutEngine.js} +125 -105
- package/dist/src/core/text-rendering/TextLayoutEngine.js.map +1 -0
- package/dist/src/core/text-rendering/TextRenderer.d.ts +30 -13
- 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/Utils.d.ts +1 -42
- package/dist/src/core/text-rendering/Utils.js +4 -132
- package/dist/src/core/text-rendering/Utils.js.map +1 -1
- 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/{sdf/index.js → font-face-types/SdfTrFontFace/internal/FontShaper.js} +4 -3
- 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/{canvas/Settings.js → renderers/SdfTextRenderer/internal/util.js} +22 -3
- 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/core/utils.d.ts +2 -1
- package/dist/src/core/utils.js +1 -1
- package/dist/src/core/utils.js.map +1 -1
- 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.d.ts +124 -0
- package/dist/src/main-api/Inspector.js +283 -8
- package/dist/src/main-api/Inspector.js.map +1 -1
- package/dist/src/main-api/Renderer.d.ts +150 -26
- package/dist/src/main-api/Renderer.js +27 -25
- package/dist/src/main-api/Renderer.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/exports/index.ts +1 -0
- package/package.json +14 -15
- package/src/core/CoreTextNode.ts +4 -22
- package/src/core/Stage.ts +2 -3
- package/src/core/animations/CoreAnimation.ts +8 -7
- package/src/core/lib/WebGlContextWrapper.ts +4 -3
- package/src/core/lib/textureCompression.ts +4 -2
- package/src/core/renderers/webgl/WebGlShaderProgram.ts +5 -6
- package/src/core/shaders/canvas/RoundedWithBorder.ts +1 -1
- package/src/core/shaders/canvas/RoundedWithBorderAndShadow.ts +1 -1
- package/src/core/shaders/webgl/LinearGradient.ts +26 -3
- package/src/core/shaders/webgl/RadialGradient.ts +50 -28
- package/src/core/shaders/webgl/SdfShader.ts +1 -12
- package/src/core/text-rendering/CanvasFontHandler.ts +136 -39
- package/src/core/text-rendering/CanvasTextRenderer.ts +75 -440
- package/src/core/text-rendering/SdfFontHandler.ts +94 -60
- package/src/core/text-rendering/SdfTextRenderer.ts +62 -116
- package/src/core/text-rendering/{sdf/Utils.ts → TextLayoutEngine.ts} +209 -143
- package/src/core/text-rendering/TextRenderer.ts +36 -13
- package/src/core/text-rendering/Utils.ts +5 -163
- package/src/core/text-rendering/{sdf/Utils.test.ts → tests/Canvas.test.ts} +98 -122
- package/src/core/text-rendering/tests/SdfTests.test.ts +414 -0
- package/src/core/utils.ts +9 -7
- package/src/main-api/Inspector.ts +502 -12
- package/src/main-api/Renderer.ts +158 -26
- package/dist/src/core/text-rendering/canvas/Settings.d.ts +0 -64
- package/dist/src/core/text-rendering/canvas/Settings.js.map +0 -1
- package/dist/src/core/text-rendering/canvas/Utils.d.ts +0 -20
- package/dist/src/core/text-rendering/canvas/Utils.js +0 -144
- package/dist/src/core/text-rendering/canvas/Utils.js.map +0 -1
- package/dist/src/core/text-rendering/canvas/calculateRenderInfo.d.ts +0 -60
- package/dist/src/core/text-rendering/canvas/calculateRenderInfo.js +0 -183
- package/dist/src/core/text-rendering/canvas/calculateRenderInfo.js.map +0 -1
- package/dist/src/core/text-rendering/canvas/draw.d.ts +0 -5
- package/dist/src/core/text-rendering/canvas/draw.js +0 -132
- package/dist/src/core/text-rendering/canvas/draw.js.map +0 -1
- package/dist/src/core/text-rendering/sdf/Utils.d.ts +0 -26
- package/dist/src/core/text-rendering/sdf/Utils.js.map +0 -1
- package/dist/src/core/text-rendering/sdf/index.d.ts +0 -1
- package/dist/src/core/text-rendering/sdf/index.js.map +0 -1
- package/src/core/text-rendering/canvas/Settings.ts +0 -99
- package/src/core/text-rendering/canvas/Utils.test.ts +0 -206
- package/src/core/text-rendering/canvas/Utils.ts +0 -178
- package/src/core/text-rendering/canvas/calculateRenderInfo.ts +0 -299
- package/src/core/text-rendering/canvas/draw.ts +0 -165
|
@@ -0,0 +1,217 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextTextureRendererUtils.js","sourceRoot":"","sources":["../../../../src/core/text-rendering/TextTextureRendererUtils.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,26 @@
|
|
|
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
|
+
}
|
|
@@ -0,0 +1,131 @@
|
|
|
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 weightConversions = {
|
|
20
|
+
normal: 400,
|
|
21
|
+
bold: 700,
|
|
22
|
+
bolder: 900,
|
|
23
|
+
lighter: 100,
|
|
24
|
+
};
|
|
25
|
+
const fontWeightToNumber = (weight) => {
|
|
26
|
+
if (typeof weight === 'number') {
|
|
27
|
+
return weight;
|
|
28
|
+
}
|
|
29
|
+
return weightConversions[weight] || 400;
|
|
30
|
+
};
|
|
31
|
+
function resolveFontToUse(familyMapsByPriority, family, weightIn, style, stretch) {
|
|
32
|
+
let weight = fontWeightToNumber(weightIn);
|
|
33
|
+
for (const fontFamiles of familyMapsByPriority) {
|
|
34
|
+
const fontFaces = fontFamiles[family];
|
|
35
|
+
if (!fontFaces) {
|
|
36
|
+
continue;
|
|
37
|
+
}
|
|
38
|
+
if (fontFaces.size === 1) {
|
|
39
|
+
// No Exact match found, find nearest weight match
|
|
40
|
+
console.warn(`TrFontManager: Only one font face found for family: '${family}' - will be used for all weights and styles`);
|
|
41
|
+
return fontFaces.values().next().value;
|
|
42
|
+
}
|
|
43
|
+
const weightMap = new Map();
|
|
44
|
+
for (const fontFace of fontFaces) {
|
|
45
|
+
const fontFamilyWeight = fontWeightToNumber(fontFace.descriptors.weight);
|
|
46
|
+
if (fontFamilyWeight === weight &&
|
|
47
|
+
fontFace.descriptors.style === style &&
|
|
48
|
+
fontFace.descriptors.stretch === stretch) {
|
|
49
|
+
return fontFace;
|
|
50
|
+
}
|
|
51
|
+
weightMap.set(fontFamilyWeight, fontFace);
|
|
52
|
+
}
|
|
53
|
+
// No Exact match found, find nearest weight match
|
|
54
|
+
const msg = `TrFontManager: No exact match: '${family} Weight: ${weight} Style: ${style} Stretch: ${stretch}'`;
|
|
55
|
+
console.error(msg);
|
|
56
|
+
// Follow the CSS font-weight algorithm to find the nearest weight match
|
|
57
|
+
// https://www.w3.org/TR/2018/REC-css-fonts-3-20180920/#font-matching-algorithm
|
|
58
|
+
if (weight === 400 && weightMap.has(500)) {
|
|
59
|
+
return weightMap.get(500);
|
|
60
|
+
}
|
|
61
|
+
if (weight === 500 && weightMap.has(400)) {
|
|
62
|
+
return weightMap.get(400);
|
|
63
|
+
}
|
|
64
|
+
if (weight < 400) {
|
|
65
|
+
while (weight > 0) {
|
|
66
|
+
if (weightMap.has(weight)) {
|
|
67
|
+
return weightMap.get(weight);
|
|
68
|
+
}
|
|
69
|
+
weight -= 100;
|
|
70
|
+
}
|
|
71
|
+
// reset back for the next loop
|
|
72
|
+
weight = 600;
|
|
73
|
+
}
|
|
74
|
+
while (weight < 1000) {
|
|
75
|
+
if (weightMap.has(weight)) {
|
|
76
|
+
return weightMap.get(weight);
|
|
77
|
+
}
|
|
78
|
+
weight += 100;
|
|
79
|
+
}
|
|
80
|
+
// finally check lower again
|
|
81
|
+
weight = 500;
|
|
82
|
+
while (weight > 0) {
|
|
83
|
+
if (weightMap.has(weight)) {
|
|
84
|
+
return weightMap.get(weight);
|
|
85
|
+
}
|
|
86
|
+
weight -= 100;
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
return;
|
|
90
|
+
}
|
|
91
|
+
export class TrFontManager {
|
|
92
|
+
textRenderers;
|
|
93
|
+
fontCache = new Map();
|
|
94
|
+
constructor(textRenderers) {
|
|
95
|
+
this.textRenderers = textRenderers;
|
|
96
|
+
// Intentionally left blank
|
|
97
|
+
}
|
|
98
|
+
addFontFace(font) {
|
|
99
|
+
// All the font face to all of the text renderers that support it
|
|
100
|
+
for (const trId in this.textRenderers) {
|
|
101
|
+
const tr = this.textRenderers[trId];
|
|
102
|
+
if (tr && tr.isFontFaceSupported(font)) {
|
|
103
|
+
tr.addFontFace(font);
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
/**
|
|
108
|
+
* Utility method to resolve a single font face from a list of prioritized family maps based on
|
|
109
|
+
* a set of font properties.
|
|
110
|
+
*
|
|
111
|
+
* @remarks
|
|
112
|
+
* These are to be used by a text renderer to resolve a font face if needed.
|
|
113
|
+
*
|
|
114
|
+
* @param familyMapsByPriority
|
|
115
|
+
* @param props
|
|
116
|
+
* @returns
|
|
117
|
+
*/
|
|
118
|
+
resolveFontFace(familyMapsByPriority, props, rendererType) {
|
|
119
|
+
const { fontFamily, fontWeight, fontStyle, fontStretch } = props;
|
|
120
|
+
const fontCacheString = `${rendererType}_${fontFamily}_${fontStyle}_${fontWeight}_${fontStretch}`;
|
|
121
|
+
if (this.fontCache.has(fontCacheString) === true) {
|
|
122
|
+
return this.fontCache.get(fontCacheString);
|
|
123
|
+
}
|
|
124
|
+
const resolvedFont = resolveFontToUse(familyMapsByPriority, fontFamily, fontWeight, fontStyle, fontStretch);
|
|
125
|
+
if (resolvedFont !== undefined) {
|
|
126
|
+
this.fontCache.set(fontCacheString, resolvedFont);
|
|
127
|
+
}
|
|
128
|
+
return resolvedFont;
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
//# sourceMappingURL=TrFontManager.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TrFontManager.js","sourceRoot":"","sources":["../../../../src/core/text-rendering/TrFontManager.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import type { NormalizedFontMetrics } from './TextRenderer.js';
|
|
2
1
|
/**
|
|
3
2
|
* Returns CSS font setting string for use in canvas context.
|
|
4
3
|
*
|
|
@@ -15,7 +14,7 @@ export declare function getFontSetting(fontFace: string | string[], fontStyle: s
|
|
|
15
14
|
*
|
|
16
15
|
* @param space
|
|
17
16
|
*/
|
|
18
|
-
export declare function
|
|
17
|
+
export declare function hasZeroWidthSpace(space: string): boolean;
|
|
19
18
|
/**
|
|
20
19
|
* Returns true if the given character is a zero-width space or a regular space.
|
|
21
20
|
*
|
|
@@ -29,43 +28,3 @@ export declare function isSpace(space: string): boolean;
|
|
|
29
28
|
* @param text
|
|
30
29
|
*/
|
|
31
30
|
export declare function tokenizeString(tokenRegex: RegExp, text: string): string[];
|
|
32
|
-
/**
|
|
33
|
-
* Measure the width of a string accounting for letter spacing.
|
|
34
|
-
*
|
|
35
|
-
* @param context
|
|
36
|
-
* @param word
|
|
37
|
-
* @param space
|
|
38
|
-
*/
|
|
39
|
-
export declare function measureText(context: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D, word: string, space?: number): number;
|
|
40
|
-
/**
|
|
41
|
-
* Get the font metrics for a font face.
|
|
42
|
-
*
|
|
43
|
-
* @remarks
|
|
44
|
-
* This function will attempt to grab the explicitly defined metrics from the
|
|
45
|
-
* font face first. If the font face does not have metrics defined, it will
|
|
46
|
-
* attempt to calculate the metrics using the browser's measureText method.
|
|
47
|
-
*
|
|
48
|
-
* If the browser does not support the font metrics API, it will use some
|
|
49
|
-
* default values.
|
|
50
|
-
*
|
|
51
|
-
* @param context
|
|
52
|
-
* @param fontFace
|
|
53
|
-
* @param fontSize
|
|
54
|
-
* @returns
|
|
55
|
-
*/
|
|
56
|
-
export declare function calculateFontMetrics(context: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D, fontFamily: string, fontSize: number): NormalizedFontMetrics;
|
|
57
|
-
export interface WrapTextResult {
|
|
58
|
-
l: string[];
|
|
59
|
-
n: number[];
|
|
60
|
-
}
|
|
61
|
-
/**
|
|
62
|
-
* Applies newlines to a string to have it optimally fit into the horizontal
|
|
63
|
-
* bounds set by the Text object's wordWrapWidth property.
|
|
64
|
-
*
|
|
65
|
-
* @param context
|
|
66
|
-
* @param text
|
|
67
|
-
* @param wordWrapWidth
|
|
68
|
-
* @param letterSpacing
|
|
69
|
-
* @param indent
|
|
70
|
-
*/
|
|
71
|
-
export declare function wrapText(context: CanvasRenderingContext2D, text: string, wordWrapWidth: number, letterSpacing: number, indent: number): WrapTextResult;
|
|
@@ -16,6 +16,7 @@
|
|
|
16
16
|
* See the License for the specific language governing permissions and
|
|
17
17
|
* limitations under the License.
|
|
18
18
|
*/
|
|
19
|
+
const invisibleChars = /[\u200B\u200C\u200D\uFEFF\u00AD\u2060]/g;
|
|
19
20
|
/**
|
|
20
21
|
* Returns CSS font setting string for use in canvas context.
|
|
21
22
|
*
|
|
@@ -53,8 +54,8 @@ export function getFontSetting(fontFace, fontStyle, fontSize, precision, default
|
|
|
53
54
|
*
|
|
54
55
|
* @param space
|
|
55
56
|
*/
|
|
56
|
-
export function
|
|
57
|
-
return space ===
|
|
57
|
+
export function hasZeroWidthSpace(space) {
|
|
58
|
+
return invisibleChars.test(space) === true;
|
|
58
59
|
}
|
|
59
60
|
/**
|
|
60
61
|
* Returns true if the given character is a zero-width space or a regular space.
|
|
@@ -62,7 +63,7 @@ export function isZeroWidthSpace(space) {
|
|
|
62
63
|
* @param space
|
|
63
64
|
*/
|
|
64
65
|
export function isSpace(space) {
|
|
65
|
-
return
|
|
66
|
+
return hasZeroWidthSpace(space) || space === ' ';
|
|
66
67
|
}
|
|
67
68
|
/**
|
|
68
69
|
* Converts a string into an array of tokens and the words between them.
|
|
@@ -80,133 +81,4 @@ export function tokenizeString(tokenRegex, text) {
|
|
|
80
81
|
final.pop();
|
|
81
82
|
return final.filter((word) => word != '');
|
|
82
83
|
}
|
|
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 calculateFontMetrics(context, fontFamily, fontSize) {
|
|
121
|
-
// If the font face doesn't have metrics defined, we fallback to using the
|
|
122
|
-
// browser's measureText method to calculate take a best guess at the font
|
|
123
|
-
// actual font's metrics.
|
|
124
|
-
// - fontBoundingBox[Ascent|Descent] is the best estimate but only supported
|
|
125
|
-
// in Chrome 87+ (2020), Firefox 116+ (2023), and Safari 11.1+ (2018).
|
|
126
|
-
// - It is an estimate as it can vary between browsers.
|
|
127
|
-
// - actualBoundingBox[Ascent|Descent] is less accurate and supported in
|
|
128
|
-
// Chrome 77+ (2019), Firefox 74+ (2020), and Safari 11.1+ (2018).
|
|
129
|
-
// - If neither are supported, we'll use some default values which will
|
|
130
|
-
// get text on the screen but likely not be great.
|
|
131
|
-
// NOTE: It's been decided not to rely on fontBoundingBox[Ascent|Descent]
|
|
132
|
-
// as it's browser support is limited and it also tends to produce higher than
|
|
133
|
-
// expected values. It is instead HIGHLY RECOMMENDED that developers provide
|
|
134
|
-
// explicit metrics in the font face definition.
|
|
135
|
-
const browserMetrics = context.measureText('ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz');
|
|
136
|
-
console.warn(`Font metrics not provided for Canvas Web font ${fontFamily}. ` +
|
|
137
|
-
'Using fallback values. It is HIGHLY recommended you use the latest ' +
|
|
138
|
-
'version of the Lightning 3 `msdf-generator` tool to extract the default ' +
|
|
139
|
-
'metrics for the font and provide them in the Canvas Web font definition.');
|
|
140
|
-
let metrics;
|
|
141
|
-
if (browserMetrics.actualBoundingBoxDescent &&
|
|
142
|
-
browserMetrics.actualBoundingBoxAscent) {
|
|
143
|
-
metrics = {
|
|
144
|
-
ascender: browserMetrics.actualBoundingBoxAscent / fontSize,
|
|
145
|
-
descender: -browserMetrics.actualBoundingBoxDescent / fontSize,
|
|
146
|
-
lineGap: 0.2,
|
|
147
|
-
};
|
|
148
|
-
}
|
|
149
|
-
else {
|
|
150
|
-
// If the browser doesn't support the font metrics API, we'll use some
|
|
151
|
-
// default values.
|
|
152
|
-
metrics = {
|
|
153
|
-
ascender: 0.8,
|
|
154
|
-
descender: -0.2,
|
|
155
|
-
lineGap: 0.2,
|
|
156
|
-
};
|
|
157
|
-
}
|
|
158
|
-
return metrics;
|
|
159
|
-
}
|
|
160
|
-
/**
|
|
161
|
-
* Applies newlines to a string to have it optimally fit into the horizontal
|
|
162
|
-
* bounds set by the Text object's wordWrapWidth property.
|
|
163
|
-
*
|
|
164
|
-
* @param context
|
|
165
|
-
* @param text
|
|
166
|
-
* @param wordWrapWidth
|
|
167
|
-
* @param letterSpacing
|
|
168
|
-
* @param indent
|
|
169
|
-
*/
|
|
170
|
-
export function wrapText(context, text, wordWrapWidth, letterSpacing, indent) {
|
|
171
|
-
// Greedy wrapping algorithm that will wrap words as the line grows longer.
|
|
172
|
-
// than its horizontal bounds.
|
|
173
|
-
const spaceRegex = / |\u200B/g;
|
|
174
|
-
const lines = text.split(/\r?\n/g);
|
|
175
|
-
let allLines = [];
|
|
176
|
-
const realNewlines = [];
|
|
177
|
-
for (let i = 0; i < lines.length; i++) {
|
|
178
|
-
const resultLines = [];
|
|
179
|
-
let result = '';
|
|
180
|
-
let spaceLeft = wordWrapWidth - indent;
|
|
181
|
-
const words = lines[i].split(spaceRegex);
|
|
182
|
-
const spaces = lines[i].match(spaceRegex) || [];
|
|
183
|
-
for (let j = 0; j < words.length; j++) {
|
|
184
|
-
const space = spaces[j - 1] || '';
|
|
185
|
-
const word = words[j];
|
|
186
|
-
const wordWidth = measureText(context, word, letterSpacing);
|
|
187
|
-
const wordWidthWithSpace = wordWidth + measureText(context, space, letterSpacing);
|
|
188
|
-
if (j === 0 || wordWidthWithSpace > spaceLeft) {
|
|
189
|
-
// Skip printing the newline if it's the first word of the line that is.
|
|
190
|
-
// greater than the word wrap width.
|
|
191
|
-
if (j > 0) {
|
|
192
|
-
resultLines.push(result);
|
|
193
|
-
result = '';
|
|
194
|
-
}
|
|
195
|
-
result += word;
|
|
196
|
-
spaceLeft = wordWrapWidth - wordWidth - (j === 0 ? indent : 0);
|
|
197
|
-
}
|
|
198
|
-
else {
|
|
199
|
-
spaceLeft -= wordWidthWithSpace;
|
|
200
|
-
result += space + word;
|
|
201
|
-
}
|
|
202
|
-
}
|
|
203
|
-
resultLines.push(result);
|
|
204
|
-
result = '';
|
|
205
|
-
allLines = allLines.concat(resultLines);
|
|
206
|
-
if (i < lines.length - 1) {
|
|
207
|
-
realNewlines.push(allLines.length);
|
|
208
|
-
}
|
|
209
|
-
}
|
|
210
|
-
return { l: allLines, n: realNewlines };
|
|
211
|
-
}
|
|
212
84
|
//# sourceMappingURL=Utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Utils.js","sourceRoot":"","sources":["../../../../src/core/text-rendering/Utils.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAIH;;;;;;;;;GASG;AACH,MAAM,UAAU,cAAc,CAC5B,QAA2B,EAC3B,SAAiB,EACjB,QAAgB,EAChB,SAAiB,EACjB,eAAuB;IAEvB,IAAI,EAAE,GAAG,QAAQ,CAAC;IAElB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;QACvB,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;IACZ,CAAC;IAED,MAAM,GAAG,GAAa,EAAE,CAAC;IACzB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QAC1C,IAAI,KAAK,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;QAClB,6EAA6E;QAC7E,gBAAgB;QAChB,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YAC1C,KAAK,GAAG,eAAe,CAAC;QAC1B,CAAC;QACD,IAAI,KAAK,KAAK,OAAO,IAAI,KAAK,KAAK,YAAY,EAAE,CAAC;YAChD,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAClB,CAAC;aAAM,CAAC;YACN,GAAG,CAAC,IAAI,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC;QACzB,CAAC;IACH,CAAC;IAED,OAAO,GAAG,SAAS,IAAI,QAAQ,GAAG,SAAS,MAAM,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;AACnE,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"Utils.js","sourceRoot":"","sources":["../../../../src/core/text-rendering/Utils.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAIH,MAAM,cAAc,GAAG,yCAAyC,CAAC;AAEjE;;;;;;;;;GASG;AACH,MAAM,UAAU,cAAc,CAC5B,QAA2B,EAC3B,SAAiB,EACjB,QAAgB,EAChB,SAAiB,EACjB,eAAuB;IAEvB,IAAI,EAAE,GAAG,QAAQ,CAAC;IAElB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;QACvB,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;IACZ,CAAC;IAED,MAAM,GAAG,GAAa,EAAE,CAAC;IACzB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QAC1C,IAAI,KAAK,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;QAClB,6EAA6E;QAC7E,gBAAgB;QAChB,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YAC1C,KAAK,GAAG,eAAe,CAAC;QAC1B,CAAC;QACD,IAAI,KAAK,KAAK,OAAO,IAAI,KAAK,KAAK,YAAY,EAAE,CAAC;YAChD,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAClB,CAAC;aAAM,CAAC;YACN,GAAG,CAAC,IAAI,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC;QACzB,CAAC;IACH,CAAC;IAED,OAAO,GAAG,SAAS,IAAI,QAAQ,GAAG,SAAS,MAAM,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;AACnE,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,iBAAiB,CAAC,KAAa;IAC7C,OAAO,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;AAC7C,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,OAAO,CAAC,KAAa;IACnC,OAAO,iBAAiB,CAAC,KAAK,CAAC,IAAI,KAAK,KAAK,GAAG,CAAC;AACnD,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,cAAc,CAAC,UAAkB,EAAE,IAAY;IAC7D,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;IAChD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;IAE3C,MAAM,KAAK,GAAa,EAAE,CAAC;IAC3B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACtC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAE,EAAE,UAAU,CAAC,CAAC,CAAE,CAAC,CAAC;IACxC,CAAC;IACD,KAAK,CAAC,GAAG,EAAE,CAAC;IACZ,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;AAC5C,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import type { Stage } from '../../../Stage.js';
|
|
2
|
+
import { ImageTexture } from '../../../textures/ImageTexture.js';
|
|
3
|
+
import { TrFontFace, type TrFontFaceOptions } from '../TrFontFace.js';
|
|
4
|
+
import type { FontShaper } from './internal/FontShaper.js';
|
|
5
|
+
import { type SdfFontData } from './internal/SdfFontShaper.js';
|
|
6
|
+
type SdfFontType = 'ssdf' | 'msdf';
|
|
7
|
+
declare module '../TrFontFace.js' {
|
|
8
|
+
interface TrFontFaceMap {
|
|
9
|
+
ssdf: SdfTrFontFace<'ssdf'>;
|
|
10
|
+
msdf: SdfTrFontFace<'msdf'>;
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
interface GlyphAtlasEntry {
|
|
14
|
+
x: number;
|
|
15
|
+
y: number;
|
|
16
|
+
width: number;
|
|
17
|
+
height: number;
|
|
18
|
+
}
|
|
19
|
+
export interface SdfTrFontFaceOptions extends TrFontFaceOptions {
|
|
20
|
+
atlasUrl: string;
|
|
21
|
+
atlasDataUrl: string;
|
|
22
|
+
stage: Stage;
|
|
23
|
+
}
|
|
24
|
+
export declare class SdfTrFontFace<FontTypeT extends SdfFontType = SdfFontType> extends TrFontFace {
|
|
25
|
+
readonly type: FontTypeT;
|
|
26
|
+
readonly texture: ImageTexture;
|
|
27
|
+
/**
|
|
28
|
+
* Height of the tallest character in the font including the whitespace above it
|
|
29
|
+
* in SDF/vertex units.
|
|
30
|
+
*/
|
|
31
|
+
readonly maxCharHeight: number;
|
|
32
|
+
readonly shaper: FontShaper | undefined;
|
|
33
|
+
readonly glyphMap: Map<number, SdfFontData['chars'][0]>;
|
|
34
|
+
data: SdfFontData | undefined;
|
|
35
|
+
constructor(type: FontTypeT, options: SdfTrFontFaceOptions);
|
|
36
|
+
getAtlasEntry(glyphId: number): GlyphAtlasEntry;
|
|
37
|
+
private checkLoaded;
|
|
38
|
+
}
|
|
39
|
+
export {};
|