@lightningjs/renderer 0.3.0 → 0.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/NOTICE +1 -2
- package/dist/exports/core-api.js +1 -1
- package/dist/exports/main-api.js +1 -1
- package/dist/exports/utils.js +1 -1
- package/dist/src/common/CommonTypes.js +1 -1
- package/dist/src/common/EventEmitter.js +1 -1
- package/dist/src/common/IAnimationController.js +1 -1
- package/dist/src/core/CoreExtension.js +1 -1
- package/dist/src/core/CoreNode.d.ts +5 -1
- package/dist/src/core/CoreNode.js +9 -2
- package/dist/src/core/CoreNode.js.map +1 -1
- package/dist/src/core/CoreTextNode.d.ts +2 -1
- package/dist/src/core/CoreTextNode.js +3 -3
- package/dist/src/core/CoreTextNode.js.map +1 -1
- package/dist/src/core/CoreTextureManager.js +1 -1
- package/dist/src/core/Matrix2DContext.js +1 -1
- package/dist/src/core/Stage.d.ts +2 -1
- package/dist/src/core/Stage.js +20 -6
- package/dist/src/core/Stage.js.map +1 -1
- package/dist/src/core/animations/AnimationManager.js +1 -1
- package/dist/src/core/animations/CoreAnimation.js +1 -1
- package/dist/src/core/animations/CoreAnimationController.js +1 -1
- package/dist/src/core/lib/glm/common.js +1 -1
- package/dist/src/core/lib/glm/index.js +1 -1
- package/dist/src/core/lib/glm/mat2.js +1 -1
- package/dist/src/core/lib/glm/mat2d.js +1 -1
- package/dist/src/core/lib/glm/mat3.js +1 -1
- package/dist/src/core/lib/glm/mat4.js +1 -1
- package/dist/src/core/lib/glm/quat.js +1 -1
- package/dist/src/core/lib/glm/quat2.js +1 -1
- package/dist/src/core/lib/glm/vec2.js +1 -1
- package/dist/src/core/lib/glm/vec3.js +1 -1
- package/dist/src/core/lib/glm/vec4.js +1 -1
- package/dist/src/core/lib/utils.d.ts +1 -0
- package/dist/src/core/lib/utils.js +10 -1
- package/dist/src/core/lib/utils.js.map +1 -1
- package/dist/src/core/platform.js +1 -1
- package/dist/src/core/renderers/CoreContextTexture.js +1 -1
- package/dist/src/core/renderers/CoreRenderOp.js +1 -1
- package/dist/src/core/renderers/CoreRenderer.d.ts +2 -0
- package/dist/src/core/renderers/CoreRenderer.js +1 -1
- package/dist/src/core/renderers/CoreRenderer.js.map +1 -1
- package/dist/src/core/renderers/CoreShader.d.ts +2 -2
- package/dist/src/core/renderers/CoreShader.js +1 -1
- package/dist/src/core/renderers/CoreShader.js.map +1 -1
- package/dist/src/core/renderers/webgl/WebGlCoreCtxSubTexture.js +1 -1
- package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.js +1 -1
- package/dist/src/core/renderers/webgl/WebGlCoreRenderOp.d.ts +4 -1
- package/dist/src/core/renderers/webgl/WebGlCoreRenderOp.js +22 -4
- package/dist/src/core/renderers/webgl/WebGlCoreRenderOp.js.map +1 -1
- package/dist/src/core/renderers/webgl/WebGlCoreRenderer.d.ts +2 -2
- package/dist/src/core/renderers/webgl/WebGlCoreRenderer.js +29 -15
- package/dist/src/core/renderers/webgl/WebGlCoreRenderer.js.map +1 -1
- package/dist/src/core/renderers/webgl/WebGlCoreShader.d.ts +46 -3
- package/dist/src/core/renderers/webgl/WebGlCoreShader.js +44 -9
- package/dist/src/core/renderers/webgl/WebGlCoreShader.js.map +1 -1
- package/dist/src/core/renderers/webgl/internal/BufferCollection.js +1 -1
- package/dist/src/core/renderers/webgl/internal/RendererUtils.js +1 -1
- package/dist/src/core/renderers/webgl/internal/ShaderUtils.js +1 -1
- package/dist/src/core/renderers/webgl/internal/WebGlUtils.js +1 -1
- package/dist/src/core/renderers/webgl/shaders/DefaultShader.js +1 -1
- package/dist/src/core/renderers/webgl/shaders/DefaultShaderBatched.js +1 -1
- package/dist/src/core/renderers/webgl/shaders/DynamicShader.d.ts +8 -6
- package/dist/src/core/renderers/webgl/shaders/DynamicShader.js +20 -13
- package/dist/src/core/renderers/webgl/shaders/DynamicShader.js.map +1 -1
- package/dist/src/core/renderers/webgl/shaders/RoundedRectangle.d.ts +5 -6
- package/dist/src/core/renderers/webgl/shaders/RoundedRectangle.js +12 -11
- package/dist/src/core/renderers/webgl/shaders/RoundedRectangle.js.map +1 -1
- package/dist/src/core/renderers/webgl/shaders/SdfShader.d.ts +1 -1
- package/dist/src/core/renderers/webgl/shaders/SdfShader.js +1 -1
- package/dist/src/core/renderers/webgl/shaders/SdfShader.js.map +1 -1
- package/dist/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.d.ts +16 -0
- package/dist/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.js +5 -2
- package/dist/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.js.map +1 -1
- package/dist/src/core/renderers/webgl/shaders/effects/BorderEffect.d.ts +16 -0
- package/dist/src/core/renderers/webgl/shaders/effects/BorderEffect.js +5 -2
- package/dist/src/core/renderers/webgl/shaders/effects/BorderEffect.js.map +1 -1
- package/dist/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.d.ts +16 -0
- package/dist/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.js +5 -2
- package/dist/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.js.map +1 -1
- package/dist/src/core/renderers/webgl/shaders/effects/BorderRightEffect.d.ts +16 -0
- package/dist/src/core/renderers/webgl/shaders/effects/BorderRightEffect.js +5 -2
- package/dist/src/core/renderers/webgl/shaders/effects/BorderRightEffect.js.map +1 -1
- package/dist/src/core/renderers/webgl/shaders/effects/BorderTopEffect.d.ts +16 -0
- package/dist/src/core/renderers/webgl/shaders/effects/BorderTopEffect.js +5 -2
- package/dist/src/core/renderers/webgl/shaders/effects/BorderTopEffect.js.map +1 -1
- package/dist/src/core/renderers/webgl/shaders/effects/EffectUtils.js +1 -1
- package/dist/src/core/renderers/webgl/shaders/effects/FadeOutEffect.d.ts +12 -0
- package/dist/src/core/renderers/webgl/shaders/effects/FadeOutEffect.js +100 -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 +28 -0
- package/dist/src/core/renderers/webgl/shaders/effects/GlitchEffect.js +3 -0
- package/dist/src/core/renderers/webgl/shaders/effects/GlitchEffect.js.map +1 -1
- package/dist/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.d.ts +3 -0
- package/dist/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.js +4 -1
- package/dist/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.js.map +1 -1
- package/dist/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.d.ts +19 -0
- package/dist/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.js +5 -2
- package/dist/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.js.map +1 -1
- package/dist/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.d.ts +38 -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/RadiusEffect.d.ts +11 -0
- package/dist/src/core/renderers/webgl/shaders/effects/RadiusEffect.js +4 -1
- package/dist/src/core/renderers/webgl/shaders/effects/RadiusEffect.js.map +1 -1
- package/dist/src/core/scene/Scene.js +1 -1
- package/dist/src/core/text-rendering/TextTextureRendererUtils.js +1 -1
- package/dist/src/core/text-rendering/TrFontManager.js +1 -1
- package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.js +1 -1
- package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/FontShaper.js +1 -1
- package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.js +1 -1
- package/dist/src/core/text-rendering/font-face-types/TrFontFace.js +1 -1
- package/dist/src/core/text-rendering/font-face-types/WebTrFontFace.js +1 -1
- package/dist/src/core/text-rendering/renderers/CanvasTextRenderer.d.ts +2 -2
- package/dist/src/core/text-rendering/renderers/CanvasTextRenderer.js +5 -2
- package/dist/src/core/text-rendering/renderers/CanvasTextRenderer.js.map +1 -1
- package/dist/src/core/text-rendering/renderers/LightningTextTextureRenderer.js +1 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.d.ts +2 -2
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.js +3 -3
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.js.map +1 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/PeekableGenerator.js +1 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/SpecialCodepoints.js +1 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/constants.js +1 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/getStartConditions.js +1 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/getUnicodeCodepoints.js +1 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.js +1 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/makeRenderWindow.js +1 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/measureText.js +1 -1
- package/dist/src/core/text-rendering/renderers/TextRenderer.d.ts +2 -1
- package/dist/src/core/text-rendering/renderers/TextRenderer.js +1 -1
- package/dist/src/core/text-rendering/renderers/TextRenderer.js.map +1 -1
- package/dist/src/core/textures/ColorTexture.js +1 -1
- package/dist/src/core/textures/ImageTexture.js +1 -1
- package/dist/src/core/textures/NoiseTexture.js +1 -1
- package/dist/src/core/textures/SubTexture.js +1 -1
- package/dist/src/core/textures/Texture.js +1 -1
- package/dist/src/core/utils.js +1 -1
- package/dist/src/main-api/INode.d.ts +19 -0
- package/dist/src/main-api/INode.js +1 -1
- package/dist/src/main-api/IRenderDriver.js +1 -1
- package/dist/src/main-api/RendererMain.d.ts +1 -1
- package/dist/src/main-api/RendererMain.js +2 -1
- package/dist/src/main-api/RendererMain.js.map +1 -1
- package/dist/src/main-api/TextureRegistry.d.ts +33 -0
- package/dist/src/main-api/TextureRegistry.js +97 -0
- package/dist/src/main-api/TextureRegistry.js.map +1 -0
- package/dist/src/main-api/TextureUsageRegistry/TextureRegistry.d.ts +33 -0
- package/dist/src/main-api/TextureUsageRegistry/TextureRegistry.js +97 -0
- package/dist/src/main-api/TextureUsageRegistry/TextureRegistry.js.map +1 -0
- package/dist/src/main-api/texture-usage-trackers/FinalizationRegistryTextureUsageTracker.d.ts +9 -0
- package/dist/src/main-api/texture-usage-trackers/FinalizationRegistryTextureUsageTracker.js +38 -0
- package/dist/src/main-api/texture-usage-trackers/FinalizationRegistryTextureUsageTracker.js.map +1 -0
- package/dist/src/main-api/texture-usage-trackers/ManualCountTextureUsageTracker.d.ts +56 -0
- package/dist/src/main-api/texture-usage-trackers/ManualCountTextureUsageTracker.js +101 -0
- package/dist/src/main-api/texture-usage-trackers/ManualCountTextureUsageTracker.js.map +1 -0
- package/dist/src/main-api/texture-usage-trackers/TextureUsageTracker.d.ts +32 -0
- package/dist/src/main-api/texture-usage-trackers/TextureUsageTracker.js +28 -0
- package/dist/src/main-api/texture-usage-trackers/TextureUsageTracker.js.map +1 -0
- package/dist/src/render-drivers/main/MainOnlyNode.d.ts +2 -0
- package/dist/src/render-drivers/main/MainOnlyNode.js +8 -1
- package/dist/src/render-drivers/main/MainOnlyNode.js.map +1 -1
- package/dist/src/render-drivers/main/MainOnlyTextNode.js +2 -1
- package/dist/src/render-drivers/main/MainOnlyTextNode.js.map +1 -1
- package/dist/src/render-drivers/main/MainRenderDriver.js +1 -1
- package/dist/src/render-drivers/threadx/NodeStruct.d.ts +3 -0
- package/dist/src/render-drivers/threadx/NodeStruct.js +10 -1
- package/dist/src/render-drivers/threadx/NodeStruct.js.map +1 -1
- package/dist/src/render-drivers/threadx/SharedNode.d.ts +1 -0
- package/dist/src/render-drivers/threadx/SharedNode.js +2 -1
- package/dist/src/render-drivers/threadx/SharedNode.js.map +1 -1
- package/dist/src/render-drivers/threadx/TextNodeStruct.js +1 -1
- package/dist/src/render-drivers/threadx/ThreadXMainAnimationController.js +1 -1
- package/dist/src/render-drivers/threadx/ThreadXMainNode.js +1 -1
- package/dist/src/render-drivers/threadx/ThreadXMainTextNode.js +1 -1
- package/dist/src/render-drivers/threadx/ThreadXRenderDriver.js +3 -1
- package/dist/src/render-drivers/threadx/ThreadXRenderDriver.js.map +1 -1
- package/dist/src/render-drivers/threadx/ThreadXRendererMessage.js +1 -1
- package/dist/src/render-drivers/threadx/worker/ThreadXRendererNode.js +2 -1
- package/dist/src/render-drivers/threadx/worker/ThreadXRendererNode.js.map +1 -1
- package/dist/src/render-drivers/threadx/worker/ThreadXRendererTextNode.js +2 -1
- package/dist/src/render-drivers/threadx/worker/ThreadXRendererTextNode.js.map +1 -1
- package/dist/src/render-drivers/threadx/worker/renderer.js +2 -1
- package/dist/src/render-drivers/threadx/worker/renderer.js.map +1 -1
- package/dist/src/utils.d.ts +10 -2
- package/dist/src/utils.js +13 -3
- package/dist/src/utils.js.map +1 -1
- package/dist/tsconfig.dist.tsbuildinfo +1 -1
- package/package.json +6 -5
- package/src/common/CommonTypes.ts +70 -0
- package/src/common/EventEmitter.ts +77 -0
- package/src/common/IAnimationController.ts +29 -0
- package/src/core/CoreExtension.ts +32 -0
- package/src/core/CoreNode.ts +700 -0
- package/src/core/CoreShaderManager.ts +111 -0
- package/src/core/CoreTextNode.ts +342 -0
- package/src/core/CoreTextureManager.ts +323 -0
- package/src/core/Matrix2DContext.ts +52 -0
- package/src/core/Stage.ts +280 -0
- package/src/core/animations/AnimationManager.ts +38 -0
- package/src/core/animations/CoreAnimation.ts +139 -0
- package/src/core/animations/CoreAnimationController.ts +117 -0
- package/src/core/lib/glm/common.ts +231 -0
- package/src/core/lib/glm/index.ts +31 -0
- package/src/core/lib/glm/mat2.ts +499 -0
- package/src/core/lib/glm/mat2d.ts +547 -0
- package/src/core/lib/glm/mat3.ts +849 -0
- package/src/core/lib/glm/mat4.ts +2169 -0
- package/src/core/lib/glm/quat.ts +828 -0
- package/src/core/lib/glm/quat2.ts +951 -0
- package/src/core/lib/glm/vec2.ts +671 -0
- package/src/core/lib/glm/vec3.ts +859 -0
- package/src/core/lib/glm/vec4.ts +708 -0
- package/src/core/lib/utils.ts +144 -0
- package/src/core/platform.ts +40 -0
- package/src/core/renderers/CoreContextTexture.ts +30 -0
- package/src/core/renderers/CoreRenderOp.ts +22 -0
- package/src/core/renderers/CoreRenderer.ts +66 -0
- package/src/core/renderers/CoreShader.ts +41 -0
- package/src/core/renderers/webgl/WebGlCoreCtxSubTexture.ts +36 -0
- package/src/core/renderers/webgl/WebGlCoreCtxTexture.ts +208 -0
- package/src/core/renderers/webgl/WebGlCoreRenderOp.ts +111 -0
- package/src/core/renderers/webgl/WebGlCoreRenderer.ts +567 -0
- package/src/core/renderers/webgl/WebGlCoreShader.ts +328 -0
- package/src/core/renderers/webgl/internal/BufferCollection.ts +54 -0
- package/src/core/renderers/webgl/internal/RendererUtils.ts +134 -0
- package/src/core/renderers/webgl/internal/ShaderUtils.ts +135 -0
- package/src/core/renderers/webgl/internal/WebGlUtils.ts +35 -0
- package/src/core/renderers/webgl/shaders/DefaultShader.ts +95 -0
- package/src/core/renderers/webgl/shaders/DefaultShaderBatched.ts +132 -0
- package/src/core/renderers/webgl/shaders/DynamicShader.ts +430 -0
- package/src/core/renderers/webgl/shaders/RoundedRectangle.ts +168 -0
- package/src/core/renderers/webgl/shaders/SdfShader.ts +165 -0
- package/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.ts +101 -0
- package/src/core/renderers/webgl/shaders/effects/BorderEffect.ts +86 -0
- package/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.ts +101 -0
- package/src/core/renderers/webgl/shaders/effects/BorderRightEffect.ts +101 -0
- package/src/core/renderers/webgl/shaders/effects/BorderTopEffect.ts +101 -0
- package/src/core/renderers/webgl/shaders/effects/EffectUtils.ts +33 -0
- package/src/core/renderers/webgl/shaders/effects/FadeOutEffect.ts +111 -0
- package/src/core/renderers/webgl/shaders/effects/GlitchEffect.ts +145 -0
- package/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.ts +37 -0
- package/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.ts +182 -0
- package/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.ts +159 -0
- package/src/core/renderers/webgl/shaders/effects/RadiusEffect.ts +106 -0
- package/src/core/renderers/webgl/shaders/effects/ShaderEffect.ts +114 -0
- package/src/core/scene/Scene.ts +120 -0
- package/src/core/text-rendering/TextTextureRendererUtils.ts +189 -0
- package/src/core/text-rendering/TrFontManager.ts +96 -0
- package/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.ts +128 -0
- package/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/FontShaper.ts +139 -0
- package/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.test.ts +159 -0
- package/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.ts +164 -0
- package/src/core/text-rendering/font-face-types/TrFontFace.ts +105 -0
- package/src/core/text-rendering/font-face-types/WebTrFontFace.ts +77 -0
- package/src/core/text-rendering/renderers/CanvasTextRenderer.ts +634 -0
- package/src/core/text-rendering/renderers/LightningTextTextureRenderer.ts +705 -0
- package/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.ts +647 -0
- package/src/core/text-rendering/renderers/SdfTextRenderer/internal/PeekableGenerator.test.ts +48 -0
- package/src/core/text-rendering/renderers/SdfTextRenderer/internal/PeekableGenerator.ts +66 -0
- package/src/core/text-rendering/renderers/SdfTextRenderer/internal/SpecialCodepoints.ts +52 -0
- package/src/core/text-rendering/renderers/SdfTextRenderer/internal/constants.ts +32 -0
- package/src/core/text-rendering/renderers/SdfTextRenderer/internal/getStartConditions.ts +76 -0
- package/src/core/text-rendering/renderers/SdfTextRenderer/internal/getUnicodeCodepoints.test.ts +133 -0
- package/src/core/text-rendering/renderers/SdfTextRenderer/internal/getUnicodeCodepoints.ts +38 -0
- package/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.ts +381 -0
- package/src/core/text-rendering/renderers/SdfTextRenderer/internal/makeRenderWindow.test.ts +136 -0
- package/src/core/text-rendering/renderers/SdfTextRenderer/internal/makeRenderWindow.ts +64 -0
- package/src/core/text-rendering/renderers/SdfTextRenderer/internal/measureText.test.ts +41 -0
- package/src/core/text-rendering/renderers/SdfTextRenderer/internal/measureText.ts +51 -0
- package/src/core/text-rendering/renderers/TextRenderer.ts +371 -0
- package/src/core/textures/ColorTexture.ts +85 -0
- package/src/core/textures/ImageTexture.ts +113 -0
- package/src/core/textures/NoiseTexture.ts +96 -0
- package/src/core/textures/SubTexture.ts +140 -0
- package/src/core/textures/Texture.ts +162 -0
- package/src/core/utils.ts +222 -0
- package/src/main-api/INode.ts +443 -0
- package/src/main-api/IRenderDriver.ts +58 -0
- package/src/main-api/RendererMain.ts +451 -0
- package/src/render-drivers/main/MainOnlyNode.ts +429 -0
- package/src/render-drivers/main/MainOnlyTextNode.ts +220 -0
- package/src/render-drivers/main/MainRenderDriver.ts +117 -0
- package/src/render-drivers/threadx/NodeStruct.ts +290 -0
- package/src/render-drivers/threadx/SharedNode.ts +95 -0
- package/src/render-drivers/threadx/TextNodeStruct.ts +166 -0
- package/src/render-drivers/threadx/ThreadXMainAnimationController.ts +99 -0
- package/src/render-drivers/threadx/ThreadXMainNode.ts +151 -0
- package/src/render-drivers/threadx/ThreadXMainTextNode.ts +75 -0
- package/src/render-drivers/threadx/ThreadXRenderDriver.ts +247 -0
- package/src/render-drivers/threadx/ThreadXRendererMessage.ts +82 -0
- package/src/render-drivers/threadx/worker/ThreadXRendererNode.ts +232 -0
- package/src/render-drivers/threadx/worker/ThreadXRendererTextNode.ts +146 -0
- package/src/render-drivers/threadx/worker/renderer.ts +138 -0
- package/src/render-drivers/utils.ts +57 -0
- package/src/utils.ts +202 -0
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ShaderEffect, type DefaultEffectProps, type ShaderEffectUniforms } from './ShaderEffect.js';
|
|
2
|
+
export interface FadeOutEffectProps extends DefaultEffectProps {
|
|
3
|
+
fade?: number | number[];
|
|
4
|
+
}
|
|
5
|
+
export declare class FadeOutEffect extends ShaderEffect {
|
|
6
|
+
static z$__type__Props: FadeOutEffectProps;
|
|
7
|
+
readonly name = "fadeOut";
|
|
8
|
+
static getEffectKey(): string;
|
|
9
|
+
static uniforms: ShaderEffectUniforms;
|
|
10
|
+
static resolveDefaults(props: FadeOutEffectProps): Required<FadeOutEffectProps>;
|
|
11
|
+
static onColorize: string;
|
|
12
|
+
}
|
|
@@ -0,0 +1,100 @@
|
|
|
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 { ShaderEffect, } from './ShaderEffect.js';
|
|
20
|
+
export class FadeOutEffect extends ShaderEffect {
|
|
21
|
+
static z$__type__Props;
|
|
22
|
+
name = 'fadeOut';
|
|
23
|
+
static getEffectKey() {
|
|
24
|
+
return `fadeOut`;
|
|
25
|
+
}
|
|
26
|
+
static uniforms = {
|
|
27
|
+
fade: {
|
|
28
|
+
value: 0,
|
|
29
|
+
method: 'uniform4fv',
|
|
30
|
+
type: 'vec4',
|
|
31
|
+
validator: (value) => {
|
|
32
|
+
let r = value;
|
|
33
|
+
if (Array.isArray(r)) {
|
|
34
|
+
if (r.length === 2) {
|
|
35
|
+
r = [r[0], r[1], r[0], r[1]];
|
|
36
|
+
}
|
|
37
|
+
else if (r.length === 3) {
|
|
38
|
+
r = [r[0], r[1], r[2], r[0]];
|
|
39
|
+
}
|
|
40
|
+
else if (r.length !== 4) {
|
|
41
|
+
r = [r[0], r[0], r[0], r[0]];
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
else if (typeof r === 'number') {
|
|
45
|
+
r = [r, r, r, r];
|
|
46
|
+
}
|
|
47
|
+
return r;
|
|
48
|
+
},
|
|
49
|
+
},
|
|
50
|
+
};
|
|
51
|
+
static resolveDefaults(props) {
|
|
52
|
+
return {
|
|
53
|
+
fade: props.fade ?? 10,
|
|
54
|
+
};
|
|
55
|
+
}
|
|
56
|
+
static onColorize = `
|
|
57
|
+
vec2 point = v_textureCoordinate.xy * u_dimensions.xy;
|
|
58
|
+
vec2 pos1;
|
|
59
|
+
vec2 pos2;
|
|
60
|
+
vec2 d;
|
|
61
|
+
float c;
|
|
62
|
+
vec4 result = maskColor;
|
|
63
|
+
|
|
64
|
+
|
|
65
|
+
if(fade[0] > 0.0) {
|
|
66
|
+
pos1 = vec2(point.x, point.y);
|
|
67
|
+
pos2 = vec2(point.x, point.y + fade[0]);
|
|
68
|
+
d = pos2 - pos1;
|
|
69
|
+
c = dot(pos1, d) / dot(d, d);
|
|
70
|
+
result = mix(vec4(0.0), result, smoothstep(0.0, 1.0, clamp(c, 0.0, 1.0)));
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
if(fade[1] > 0.0) {
|
|
74
|
+
pos1 = vec2(point.x - u_dimensions.x - fade[1], v_textureCoordinate.y);
|
|
75
|
+
pos2 = vec2(point.x - u_dimensions.x, v_textureCoordinate.y);
|
|
76
|
+
d = pos1 - pos2;
|
|
77
|
+
c = dot(pos2, d) / dot(d, d);
|
|
78
|
+
result = mix(vec4(0.0), result, smoothstep(0.0, 1.0, clamp(c, 0.0, 1.0)));
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
if(fade[2] > 0.0) {
|
|
82
|
+
pos1 = vec2(v_textureCoordinate.x, point.y - u_dimensions.y - fade[2]);
|
|
83
|
+
pos2 = vec2(v_textureCoordinate.x, point.y - u_dimensions.y);
|
|
84
|
+
d = pos1 - pos2;
|
|
85
|
+
c = dot(pos2, d) / dot(d, d);
|
|
86
|
+
result = mix(vec4(0.0), result, smoothstep(0.0, 1.0, clamp(c, 0.0, 1.0)));
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
if(fade[3] > 0.0) {
|
|
90
|
+
pos1 = vec2(point.x, point.y);
|
|
91
|
+
pos2 = vec2(point.x + fade[3], point.y);
|
|
92
|
+
d = pos2 - pos1;
|
|
93
|
+
c = dot(pos1, d) / dot(d, d);
|
|
94
|
+
result = mix(vec4(0.0), result, smoothstep(0.0, 1.0, clamp(c, 0.0, 1.0)));
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
return result;
|
|
98
|
+
`;
|
|
99
|
+
}
|
|
100
|
+
//# sourceMappingURL=FadeOutEffect.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FadeOutEffect.js","sourceRoot":"","sources":["../../../../../../../src/core/renderers/webgl/shaders/effects/FadeOutEffect.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EACL,YAAY,GAGb,MAAM,mBAAmB,CAAC;AAM3B,MAAM,OAAO,aAAc,SAAQ,YAAY;IAC7C,MAAM,CAAC,eAAe,CAAqB;IACzB,IAAI,GAAG,SAAS,CAAC;IAEnC,MAAM,CAAU,YAAY;QAC1B,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,MAAM,CAAU,QAAQ,GAAyB;QAC/C,IAAI,EAAE;YACJ,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,YAAY;YACpB,IAAI,EAAE,MAAM;YACZ,SAAS,EAAE,CAAC,KAAwB,EAAE,EAAE;gBACtC,IAAI,CAAC,GAAG,KAAK,CAAC;gBACd,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;oBACpB,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;wBAClB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAa,CAAC;qBAC1C;yBAAM,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;wBACzB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAa,CAAC;qBAC1C;yBAAM,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;wBACzB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAa,CAAC;qBAC1C;iBACF;qBAAM,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE;oBAChC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;iBAClB;gBACD,OAAO,CAAC,CAAC;YACX,CAAC;SACF;KACF,CAAC;IAEF,MAAM,CAAU,eAAe,CAC7B,KAAyB;QAEzB,OAAO;YACL,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,EAAE;SACvB,CAAC;IACJ,CAAC;IAED,MAAM,CAAU,UAAU,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0C5B,CAAC"}
|
|
@@ -1,11 +1,39 @@
|
|
|
1
1
|
import { ShaderEffect, type DefaultEffectProps, type ShaderEffectUniforms } from './ShaderEffect.js';
|
|
2
2
|
export interface GlitchEffectProps extends DefaultEffectProps {
|
|
3
|
+
/**
|
|
4
|
+
* Amplitude determines the intensity of the horizontal shift that happens in the glitch effect.
|
|
5
|
+
*
|
|
6
|
+
* @default 0.2
|
|
7
|
+
*/
|
|
3
8
|
amplitude?: number;
|
|
9
|
+
/**
|
|
10
|
+
* Narrowness of the horizontal shift
|
|
11
|
+
*
|
|
12
|
+
* @default 4.0
|
|
13
|
+
*/
|
|
4
14
|
narrowness?: number;
|
|
15
|
+
/**
|
|
16
|
+
* Blockiness of the horizontal shift
|
|
17
|
+
*
|
|
18
|
+
* @default 2.0
|
|
19
|
+
*/
|
|
5
20
|
blockiness?: number;
|
|
21
|
+
/**
|
|
22
|
+
* Minimzer of the horizontal shift
|
|
23
|
+
*
|
|
24
|
+
* @default 8.0
|
|
25
|
+
*/
|
|
6
26
|
minimizer?: number;
|
|
27
|
+
/**
|
|
28
|
+
* Used for the time loop of the horizontal shift
|
|
29
|
+
*
|
|
30
|
+
* @default Date.now()
|
|
31
|
+
*/
|
|
7
32
|
time?: number;
|
|
8
33
|
}
|
|
34
|
+
/**
|
|
35
|
+
* Renders a Glitch effect using the incoming texture
|
|
36
|
+
*/
|
|
9
37
|
export declare class GlitchEffect extends ShaderEffect {
|
|
10
38
|
static z$__type__Props: GlitchEffectProps;
|
|
11
39
|
readonly name = "glitch";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GlitchEffect.js","sourceRoot":"","sources":["../../../../../../../src/core/renderers/webgl/shaders/effects/GlitchEffect.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,GAGb,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"GlitchEffect.js","sourceRoot":"","sources":["../../../../../../../src/core/renderers/webgl/shaders/effects/GlitchEffect.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,GAGb,MAAM,mBAAmB,CAAC;AAmC3B;;GAEG;AACH,MAAM,OAAO,YAAa,SAAQ,YAAY;IAC5C,MAAM,CAAC,eAAe,CAAoB;IACxB,IAAI,GAAG,QAAQ,CAAC;IAElC,MAAM,CAAU,YAAY,CAAC,KAAwB;QACnD,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,MAAM,CAAU,eAAe,CAC7B,KAAwB;QAExB,OAAO;YACL,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,GAAG;YACjC,UAAU,EAAE,KAAK,CAAC,UAAU,IAAI,GAAG;YACnC,UAAU,EAAE,KAAK,CAAC,UAAU,IAAI,GAAG;YACnC,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,GAAG;YACjC,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,GAAG,EAAE;SAC/B,CAAC;IACJ,CAAC;IAED,MAAM,CAAU,QAAQ,GAAyB;QAC/C,SAAS,EAAE;YACT,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,WAAW;YACnB,IAAI,EAAE,OAAO;SACd;QACD,UAAU,EAAE;YACV,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,WAAW;YACnB,IAAI,EAAE,OAAO;SACd;QACD,UAAU,EAAE;YACV,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,WAAW;YACnB,IAAI,EAAE,OAAO;SACd;QACD,SAAS,EAAE;YACT,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,WAAW;YACnB,IAAI,EAAE,OAAO;SACd;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,WAAW;YACnB,SAAS,EAAE,CAAC,KAAa,EAAE,EAAE;gBAC3B,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC;YACrC,CAAC;YACD,IAAI,EAAE,OAAO;SACd;KACF,CAAC;IAEF,MAAM,CAAU,OAAO,GAA2B;QAChD,IAAI,EAAE;;;;;KAKL;QACD,KAAK,EAAE;;;;;;;;;;;;KAYN;QACD,GAAG,EAAE;;;;;;;;;;;;;;KAcJ;KACF,CAAC;IAEF,MAAM,CAAU,UAAU,GAAG;;;;;;;;;;;;;GAa5B,CAAC"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* If not stated otherwise in this file or this component's LICENSE file the
|
|
3
3
|
* following copyright and licenses apply:
|
|
4
4
|
*
|
|
5
|
-
* Copyright 2023 Comcast
|
|
5
|
+
* Copyright 2023 Comcast Cable Communications Management, LLC.
|
|
6
6
|
*
|
|
7
7
|
* Licensed under the Apache License, Version 2.0 (the License);
|
|
8
8
|
* you may not use this file except in compliance with the License.
|
|
@@ -17,6 +17,9 @@
|
|
|
17
17
|
* limitations under the License.
|
|
18
18
|
*/
|
|
19
19
|
import { ShaderEffect } from './ShaderEffect.js';
|
|
20
|
+
/**
|
|
21
|
+
* Grayscale effect grayscales the color values of the current mask color
|
|
22
|
+
*/
|
|
20
23
|
export class GrayscaleEffect extends ShaderEffect {
|
|
21
24
|
name = 'grayscale';
|
|
22
25
|
static getEffectKey() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GrayscaleEffect.js","sourceRoot":"","sources":["../../../../../../../src/core/renderers/webgl/shaders/effects/GrayscaleEffect.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,OAAO,eAAgB,SAAQ,YAAY;IAC7B,IAAI,GAAG,WAAW,CAAC;IAErC,MAAM,CAAU,YAAY;QAC1B,OAAO,WAAW,CAAC;IACrB,CAAC;IAED,MAAM,CAAU,UAAU,GAAG;;;;;GAK5B,CAAC"}
|
|
1
|
+
{"version":3,"file":"GrayscaleEffect.js","sourceRoot":"","sources":["../../../../../../../src/core/renderers/webgl/shaders/effects/GrayscaleEffect.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD;;GAEG;AACH,MAAM,OAAO,eAAgB,SAAQ,YAAY;IAC7B,IAAI,GAAG,WAAW,CAAC;IAErC,MAAM,CAAU,YAAY;QAC1B,OAAO,WAAW,CAAC;IACrB,CAAC;IAED,MAAM,CAAU,UAAU,GAAG;;;;;GAK5B,CAAC"}
|
|
@@ -1,9 +1,28 @@
|
|
|
1
1
|
import { type DefaultEffectProps, ShaderEffect, type ShaderEffectUniforms } from './ShaderEffect.js';
|
|
2
|
+
/**
|
|
3
|
+
* Properties of the {@link LinearGradientEffect} effect
|
|
4
|
+
*/
|
|
2
5
|
export interface LinearGradientEffectProps extends DefaultEffectProps {
|
|
6
|
+
/**
|
|
7
|
+
* Array of colors to be used in the LinearGradientEffect
|
|
8
|
+
*
|
|
9
|
+
* @default [0xff000000, 0xffffffff]
|
|
10
|
+
*/
|
|
3
11
|
colors?: number[];
|
|
12
|
+
/**
|
|
13
|
+
* Angle of the LinearGradientEffect
|
|
14
|
+
*
|
|
15
|
+
* @default 0
|
|
16
|
+
*/
|
|
4
17
|
angle?: number;
|
|
18
|
+
/**
|
|
19
|
+
* Array of color stops
|
|
20
|
+
*/
|
|
5
21
|
stops?: number[];
|
|
6
22
|
}
|
|
23
|
+
/**
|
|
24
|
+
* Linear Gradient effect over a effect mask
|
|
25
|
+
*/
|
|
7
26
|
export declare class LinearGradientEffect extends ShaderEffect {
|
|
8
27
|
static z$__type__Props: LinearGradientEffectProps;
|
|
9
28
|
readonly name = "linearGradient";
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* If not stated otherwise in this file or this component's LICENSE file the
|
|
3
3
|
* following copyright and licenses apply:
|
|
4
4
|
*
|
|
5
|
-
* Copyright 2023 Comcast
|
|
5
|
+
* Copyright 2023 Comcast Cable Communications Management, LLC.
|
|
6
6
|
*
|
|
7
7
|
* Licensed under the Apache License, Version 2.0 (the License);
|
|
8
8
|
* you may not use this file except in compliance with the License.
|
|
@@ -18,6 +18,9 @@
|
|
|
18
18
|
*/
|
|
19
19
|
import { getNormalizedRgbaComponents } from '../../../../lib/utils.js';
|
|
20
20
|
import { ShaderEffect, } from './ShaderEffect.js';
|
|
21
|
+
/**
|
|
22
|
+
* Linear Gradient effect over a effect mask
|
|
23
|
+
*/
|
|
21
24
|
export class LinearGradientEffect extends ShaderEffect {
|
|
22
25
|
static z$__type__Props;
|
|
23
26
|
name = 'linearGradient';
|
|
@@ -133,7 +136,7 @@ export class LinearGradientEffect extends ShaderEffect {
|
|
|
133
136
|
stopCalc = (dist - stops[i]) / (stops[i + 1] - stops[i]);
|
|
134
137
|
colorOut = mix(colorOut, colors[i + 1], clamp(stopCalc, 0.0, 1.0));
|
|
135
138
|
}
|
|
136
|
-
return colorOut;
|
|
139
|
+
return mix(maskColor, colorOut, colorOut.a);
|
|
137
140
|
`;
|
|
138
141
|
};
|
|
139
142
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinearGradientEffect.js","sourceRoot":"","sources":["../../../../../../../src/core/renderers/webgl/shaders/effects/LinearGradientEffect.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,EAEL,YAAY,GAEb,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"LinearGradientEffect.js","sourceRoot":"","sources":["../../../../../../../src/core/renderers/webgl/shaders/effects/LinearGradientEffect.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { type DefaultEffectProps, ShaderEffect, type ShaderEffectUniforms } from './ShaderEffect.js';
|
|
2
|
+
/**
|
|
3
|
+
* Properties of the {@link RadialGradientEffect} effect
|
|
4
|
+
*/
|
|
5
|
+
export interface RadialGradientEffectProps extends DefaultEffectProps {
|
|
6
|
+
/**
|
|
7
|
+
* Array of colors to be used in the RadialGradientEffect
|
|
8
|
+
*
|
|
9
|
+
* @default [0xff000000, 0xffffffff]
|
|
10
|
+
*/
|
|
11
|
+
colors?: number[];
|
|
12
|
+
/**
|
|
13
|
+
* Array of color stops
|
|
14
|
+
*/
|
|
15
|
+
stops?: number[];
|
|
16
|
+
/**
|
|
17
|
+
* Width of the RadialGradientEffect
|
|
18
|
+
*/
|
|
19
|
+
width?: number;
|
|
20
|
+
/**
|
|
21
|
+
* height of the RadialGradientEffect
|
|
22
|
+
*
|
|
23
|
+
* @remarks if not defined uses the width value
|
|
24
|
+
*/
|
|
25
|
+
height?: number;
|
|
26
|
+
/**
|
|
27
|
+
* center point of where the RadialGradientEffect is drawn
|
|
28
|
+
*/
|
|
29
|
+
pivot?: number[];
|
|
30
|
+
}
|
|
31
|
+
export declare class RadialGradientEffect extends ShaderEffect {
|
|
32
|
+
static z$__type__Props: RadialGradientEffectProps;
|
|
33
|
+
readonly name = "radialGradient";
|
|
34
|
+
static getEffectKey(props: RadialGradientEffectProps): string;
|
|
35
|
+
static resolveDefaults(props: RadialGradientEffectProps): Required<RadialGradientEffectProps>;
|
|
36
|
+
static uniforms: ShaderEffectUniforms;
|
|
37
|
+
static onColorize: (props: RadialGradientEffectProps) => string;
|
|
38
|
+
}
|
|
@@ -0,0 +1,116 @@
|
|
|
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 { getNormalizedRgbaComponents } from '../../../../lib/utils.js';
|
|
20
|
+
import { ShaderEffect, } from './ShaderEffect.js';
|
|
21
|
+
export class RadialGradientEffect extends ShaderEffect {
|
|
22
|
+
static z$__type__Props;
|
|
23
|
+
name = 'radialGradient';
|
|
24
|
+
static getEffectKey(props) {
|
|
25
|
+
return `radialGradient${props.colors.length}`;
|
|
26
|
+
}
|
|
27
|
+
static resolveDefaults(props) {
|
|
28
|
+
const colors = props.colors ?? [0xff000000, 0xffffffff];
|
|
29
|
+
let stops = props.stops;
|
|
30
|
+
if (!stops) {
|
|
31
|
+
stops = [];
|
|
32
|
+
const calc = colors.length - 1;
|
|
33
|
+
for (let i = 0; i < colors.length; i++) {
|
|
34
|
+
stops.push(i * (1 / calc));
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
return {
|
|
38
|
+
colors,
|
|
39
|
+
stops,
|
|
40
|
+
width: props.width ?? 0,
|
|
41
|
+
height: props.height ?? props.width ?? 0,
|
|
42
|
+
pivot: props.pivot ?? [0.5, 0.5],
|
|
43
|
+
};
|
|
44
|
+
}
|
|
45
|
+
static uniforms = {
|
|
46
|
+
width: {
|
|
47
|
+
value: 0,
|
|
48
|
+
method: 'uniform1f',
|
|
49
|
+
type: 'float',
|
|
50
|
+
},
|
|
51
|
+
height: {
|
|
52
|
+
value: 0,
|
|
53
|
+
method: 'uniform1f',
|
|
54
|
+
type: 'float',
|
|
55
|
+
},
|
|
56
|
+
pivot: {
|
|
57
|
+
value: [0.5, 0.5],
|
|
58
|
+
method: 'uniform2fv',
|
|
59
|
+
type: 'vec2',
|
|
60
|
+
},
|
|
61
|
+
colors: {
|
|
62
|
+
value: 0xffffffff,
|
|
63
|
+
validator: (rgbas) => {
|
|
64
|
+
const cols = rgbas.map((rgbas) => getNormalizedRgbaComponents(rgbas));
|
|
65
|
+
return cols.reduce((acc, val) => acc.concat(val), []);
|
|
66
|
+
},
|
|
67
|
+
size: (props) => props.colors.length,
|
|
68
|
+
method: 'uniform4fv',
|
|
69
|
+
type: 'vec4',
|
|
70
|
+
},
|
|
71
|
+
stops: {
|
|
72
|
+
value: [],
|
|
73
|
+
validator: (value, props) => {
|
|
74
|
+
const colors = props.colors ?? [];
|
|
75
|
+
let stops = value;
|
|
76
|
+
const tmp = value;
|
|
77
|
+
if (stops.length === 0 || (stops && stops.length !== colors.length)) {
|
|
78
|
+
for (let i = 0; i < colors.length; i++) {
|
|
79
|
+
if (stops[i]) {
|
|
80
|
+
tmp[i] = stops[i];
|
|
81
|
+
if (stops[i - 1] === undefined && tmp[i - 2] !== undefined) {
|
|
82
|
+
tmp[i - 1] = tmp[i - 2] + (stops[i] - tmp[i - 2]) / 2;
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
else {
|
|
86
|
+
tmp[i] = i * (1 / (colors.length - 1));
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
stops = tmp;
|
|
90
|
+
}
|
|
91
|
+
return tmp;
|
|
92
|
+
},
|
|
93
|
+
size: (props) => props.colors.length,
|
|
94
|
+
method: 'uniform1fv',
|
|
95
|
+
type: 'float',
|
|
96
|
+
},
|
|
97
|
+
};
|
|
98
|
+
static onColorize = (props) => {
|
|
99
|
+
const colors = props.colors.length || 1;
|
|
100
|
+
return `
|
|
101
|
+
vec2 point = v_textureCoordinate.xy * u_dimensions;
|
|
102
|
+
vec2 projection = vec2(pivot.x * u_dimensions.x, pivot.y * u_dimensions.y);
|
|
103
|
+
|
|
104
|
+
float dist = length((point - projection) / vec2(width, height));
|
|
105
|
+
|
|
106
|
+
float stopCalc = (dist - stops[0]) / (stops[1] - stops[0]);
|
|
107
|
+
vec4 colorOut = mix(colors[0], colors[1], stopCalc);
|
|
108
|
+
for(int i = 1; i < ${colors}-1; i++) {
|
|
109
|
+
stopCalc = (dist - stops[i]) / (stops[i + 1] - stops[i]);
|
|
110
|
+
colorOut = mix(colorOut, colors[i + 1], clamp(stopCalc, 0.0, 1.0));
|
|
111
|
+
}
|
|
112
|
+
return mix(maskColor, colorOut, colorOut.a);
|
|
113
|
+
`;
|
|
114
|
+
};
|
|
115
|
+
}
|
|
116
|
+
//# sourceMappingURL=RadialGradientEffect.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadialGradientEffect.js","sourceRoot":"","sources":["../../../../../../../src/core/renderers/webgl/shaders/effects/RadialGradientEffect.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,18 @@
|
|
|
1
1
|
import { ShaderEffect, type DefaultEffectProps, type ShaderEffectUniforms } from './ShaderEffect.js';
|
|
2
|
+
/**
|
|
3
|
+
* Properties of the {@link RadiusEffect} shader
|
|
4
|
+
*/
|
|
2
5
|
export interface RadiusEffectProps extends DefaultEffectProps {
|
|
6
|
+
/**
|
|
7
|
+
* Corner radius, in pixels, to cut out of the corners
|
|
8
|
+
*
|
|
9
|
+
* @default 10
|
|
10
|
+
*/
|
|
3
11
|
radius?: number | number[];
|
|
4
12
|
}
|
|
13
|
+
/**
|
|
14
|
+
* Masks the current maskcolor with rounded corners similar to {@link RoundedRectangle}
|
|
15
|
+
*/
|
|
5
16
|
export declare class RadiusEffect extends ShaderEffect {
|
|
6
17
|
static z$__type__Props: RadiusEffectProps;
|
|
7
18
|
readonly name = "radius";
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* If not stated otherwise in this file or this component's LICENSE file the
|
|
3
3
|
* following copyright and licenses apply:
|
|
4
4
|
*
|
|
5
|
-
* Copyright 2023 Comcast
|
|
5
|
+
* Copyright 2023 Comcast Cable Communications Management, LLC.
|
|
6
6
|
*
|
|
7
7
|
* Licensed under the Apache License, Version 2.0 (the License);
|
|
8
8
|
* you may not use this file except in compliance with the License.
|
|
@@ -17,6 +17,9 @@
|
|
|
17
17
|
* limitations under the License.
|
|
18
18
|
*/
|
|
19
19
|
import { ShaderEffect, } from './ShaderEffect.js';
|
|
20
|
+
/**
|
|
21
|
+
* Masks the current maskcolor with rounded corners similar to {@link RoundedRectangle}
|
|
22
|
+
*/
|
|
20
23
|
export class RadiusEffect extends ShaderEffect {
|
|
21
24
|
static z$__type__Props;
|
|
22
25
|
name = 'radius';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadiusEffect.js","sourceRoot":"","sources":["../../../../../../../src/core/renderers/webgl/shaders/effects/RadiusEffect.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EACL,YAAY,GAGb,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"RadiusEffect.js","sourceRoot":"","sources":["../../../../../../../src/core/renderers/webgl/shaders/effects/RadiusEffect.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EACL,YAAY,GAGb,MAAM,mBAAmB,CAAC;AAc3B;;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,SAAS,EAAE,CAAC,KAAwB,EAAE,EAAE;gBACtC,IAAI,CAAC,GAAG,KAAK,CAAC;gBACd,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;oBACpB,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;wBAClB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAa,CAAC;qBAC1C;yBAAM,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;wBACzB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAa,CAAC;qBAC1C;yBAAM,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;wBACzB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAa,CAAC;qBAC1C;iBACF;qBAAM,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE;oBAChC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;iBAClB;gBACD,OAAO,CAAC,CAAC;YACX,CAAC;SACF;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"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* If not stated otherwise in this file or this component's LICENSE file the
|
|
3
3
|
* following copyright and licenses apply:
|
|
4
4
|
*
|
|
5
|
-
* Copyright 2023 Comcast
|
|
5
|
+
* Copyright 2023 Comcast Cable Communications Management, LLC.
|
|
6
6
|
*
|
|
7
7
|
* Licensed under the Apache License, Version 2.0 (the License);
|
|
8
8
|
* you may not use this file except in compliance with the License.
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* If not stated otherwise in this file or this component's LICENSE file the
|
|
3
3
|
* following copyright and licenses apply:
|
|
4
4
|
*
|
|
5
|
-
* Copyright 2023 Comcast
|
|
5
|
+
* Copyright 2023 Comcast Cable Communications Management, LLC.
|
|
6
6
|
*
|
|
7
7
|
* Licensed under the Apache License, Version 2.0 (the License);
|
|
8
8
|
* you may not use this file except in compliance with the License.
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* If not stated otherwise in this file or this component's LICENSE file the
|
|
3
3
|
* following copyright and licenses apply:
|
|
4
4
|
*
|
|
5
|
-
* Copyright 2023 Comcast
|
|
5
|
+
* Copyright 2023 Comcast Cable Communications Management, LLC.
|
|
6
6
|
*
|
|
7
7
|
* Licensed under the Apache License, Version 2.0 (the License);
|
|
8
8
|
* you may not use this file except in compliance with the License.
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* If not stated otherwise in this file or this component's LICENSE file the
|
|
3
3
|
* following copyright and licenses apply:
|
|
4
4
|
*
|
|
5
|
-
* Copyright 2023 Comcast
|
|
5
|
+
* Copyright 2023 Comcast Cable Communications Management, LLC.
|
|
6
6
|
*
|
|
7
7
|
* Licensed under the Apache License, Version 2.0 (the License);
|
|
8
8
|
* you may not use this file except in compliance with the License.
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* If not stated otherwise in this file or this component's LICENSE file the
|
|
3
3
|
* following copyright and licenses apply:
|
|
4
4
|
*
|
|
5
|
-
* Copyright 2023 Comcast
|
|
5
|
+
* Copyright 2023 Comcast Cable Communications Management, LLC.
|
|
6
6
|
*
|
|
7
7
|
* Licensed under the Apache License, Version 2.0 (the License);
|
|
8
8
|
* you may not use this file except in compliance with the License.
|
package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* If not stated otherwise in this file or this component's LICENSE file the
|
|
3
3
|
* following copyright and licenses apply:
|
|
4
4
|
*
|
|
5
|
-
* Copyright 2023 Comcast
|
|
5
|
+
* Copyright 2023 Comcast Cable Communications Management, LLC.
|
|
6
6
|
*
|
|
7
7
|
* Licensed under the Apache License, Version 2.0 (the License);
|
|
8
8
|
* you may not use this file except in compliance with the License.
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* If not stated otherwise in this file or this component's LICENSE file the
|
|
3
3
|
* following copyright and licenses apply:
|
|
4
4
|
*
|
|
5
|
-
* Copyright 2023 Comcast
|
|
5
|
+
* Copyright 2023 Comcast Cable Communications Management, LLC.
|
|
6
6
|
*
|
|
7
7
|
* Licensed under the Apache License, Version 2.0 (the License);
|
|
8
8
|
* you may not use this file except in compliance with the License.
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* If not stated otherwise in this file or this component's LICENSE file the
|
|
3
3
|
* following copyright and licenses apply:
|
|
4
4
|
*
|
|
5
|
-
* Copyright 2023 Comcast
|
|
5
|
+
* Copyright 2023 Comcast Cable Communications Management, LLC.
|
|
6
6
|
*
|
|
7
7
|
* Licensed under the Apache License, Version 2.0 (the License);
|
|
8
8
|
* you may not use this file except in compliance with the License.
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { Stage } from '../../Stage.js';
|
|
2
|
-
import { type Bound } from '../../lib/utils.js';
|
|
2
|
+
import { type Bound, type Rect } from '../../lib/utils.js';
|
|
3
3
|
import type { ImageTexture } from '../../textures/ImageTexture.js';
|
|
4
4
|
import type { TrFontFace } from '../font-face-types/TrFontFace.js';
|
|
5
5
|
import { LightningTextTextureRenderer, type RenderInfo } from './LightningTextTextureRenderer.js';
|
|
@@ -37,7 +37,7 @@ export declare class CanvasTextRenderer extends TextRenderer<CanvasTextRendererS
|
|
|
37
37
|
addFontFace(fontFace: TrFontFace): void;
|
|
38
38
|
createState(props: TrProps): CanvasTextRendererState;
|
|
39
39
|
updateState(state: CanvasTextRendererState): void;
|
|
40
|
-
renderQuads(state: CanvasTextRendererState): void;
|
|
40
|
+
renderQuads(state: CanvasTextRendererState, clippingRect: Rect | null): void;
|
|
41
41
|
private markForReload;
|
|
42
42
|
private onFontLoaded;
|
|
43
43
|
private onFontLoadError;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* If not stated otherwise in this file or this component's LICENSE file the
|
|
3
3
|
* following copyright and licenses apply:
|
|
4
4
|
*
|
|
5
|
-
* Copyright 2023 Comcast
|
|
5
|
+
* Copyright 2023 Comcast Cable Communications Management, LLC.
|
|
6
6
|
*
|
|
7
7
|
* Licensed under the Apache License, Version 2.0 (the License);
|
|
8
8
|
* you may not use this file except in compliance with the License.
|
|
@@ -334,7 +334,7 @@ export class CanvasTextRenderer extends TextRenderer {
|
|
|
334
334
|
// Report final status
|
|
335
335
|
this.setStatus(state, 'loaded');
|
|
336
336
|
}
|
|
337
|
-
renderQuads(state) {
|
|
337
|
+
renderQuads(state, clippingRect) {
|
|
338
338
|
const { stage } = this;
|
|
339
339
|
const { canvasPages, textW = 0, textH = 0, renderWindow } = state;
|
|
340
340
|
if (!canvasPages || !renderWindow)
|
|
@@ -368,6 +368,7 @@ export class CanvasTextRenderer extends TextRenderer {
|
|
|
368
368
|
if (canvasPages[0].valid) {
|
|
369
369
|
this.stage.renderer.addRenderable({
|
|
370
370
|
alpha,
|
|
371
|
+
clippingRect,
|
|
371
372
|
colorBl: 0xffffffff,
|
|
372
373
|
colorBr: 0xffffffff,
|
|
373
374
|
colorTl: 0xffffffff,
|
|
@@ -392,6 +393,7 @@ export class CanvasTextRenderer extends TextRenderer {
|
|
|
392
393
|
if (canvasPages[1].valid) {
|
|
393
394
|
this.stage.renderer.addRenderable({
|
|
394
395
|
alpha,
|
|
396
|
+
clippingRect,
|
|
395
397
|
colorBl: 0xffffffff,
|
|
396
398
|
colorBr: 0xffffffff,
|
|
397
399
|
colorTl: 0xffffffff,
|
|
@@ -416,6 +418,7 @@ export class CanvasTextRenderer extends TextRenderer {
|
|
|
416
418
|
if (canvasPages[2].valid) {
|
|
417
419
|
this.stage.renderer.addRenderable({
|
|
418
420
|
alpha,
|
|
421
|
+
clippingRect,
|
|
419
422
|
colorBl: 0xffffffff,
|
|
420
423
|
colorBr: 0xffffffff,
|
|
421
424
|
colorTl: 0xffffffff,
|