@lightningjs/renderer 2.16.0 → 3.0.0-beta10
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/COPYING +1 -0
- package/LICENSE +202 -202
- package/NOTICE +3 -3
- package/README.md +133 -147
- package/dist/exports/canvas.d.ts +8 -2
- package/dist/exports/canvas.js +8 -2
- package/dist/exports/canvas.js.map +1 -1
- package/dist/exports/index.d.ts +16 -13
- package/dist/exports/index.js +8 -9
- package/dist/exports/index.js.map +1 -1
- package/dist/exports/utils.d.ts +2 -1
- package/dist/exports/utils.js +2 -1
- package/dist/exports/utils.js.map +1 -1
- package/dist/exports/webgl.d.ts +11 -2
- package/dist/exports/webgl.js +11 -2
- package/dist/exports/webgl.js.map +1 -1
- package/dist/src/core/CoreNode.d.ts +47 -76
- package/dist/src/core/CoreNode.js +322 -309
- package/dist/src/core/CoreNode.js.map +1 -1
- package/dist/src/core/CoreShaderManager.d.ts +29 -73
- package/dist/src/core/CoreShaderManager.js +110 -97
- package/dist/src/core/CoreShaderManager.js.map +1 -1
- package/dist/src/core/CoreTextNode.d.ts +58 -87
- package/dist/src/core/CoreTextNode.js +243 -237
- package/dist/src/core/CoreTextNode.js.map +1 -1
- package/dist/src/core/CoreTextureManager.d.ts +2 -0
- package/dist/src/core/CoreTextureManager.js +12 -10
- package/dist/src/core/CoreTextureManager.js.map +1 -1
- package/dist/src/core/Stage.d.ts +58 -53
- package/dist/src/core/Stage.js +260 -196
- package/dist/src/core/Stage.js.map +1 -1
- package/dist/src/core/TextureMemoryManager.d.ts +3 -0
- package/dist/src/core/TextureMemoryManager.js +78 -74
- package/dist/src/core/TextureMemoryManager.js.map +1 -1
- package/dist/src/core/animations/CoreAnimation.d.ts +0 -1
- package/dist/src/core/animations/CoreAnimation.js +6 -52
- package/dist/src/core/animations/CoreAnimation.js.map +1 -1
- package/dist/src/core/lib/ImageWorker.js +1 -1
- package/dist/src/core/lib/ImageWorker.js.map +1 -1
- package/dist/src/core/lib/RenderCoords.d.ts +9 -10
- package/dist/src/core/lib/RenderCoords.js +43 -55
- package/dist/src/core/lib/RenderCoords.js.map +1 -1
- package/dist/src/core/lib/WebGlContextWrapper.d.ts +117 -55
- package/dist/src/core/lib/WebGlContextWrapper.js +196 -157
- package/dist/src/core/lib/WebGlContextWrapper.js.map +1 -1
- package/dist/src/core/lib/colorCache.d.ts +1 -0
- package/dist/src/core/lib/colorCache.js +19 -0
- package/dist/src/core/lib/colorCache.js.map +1 -0
- package/dist/src/core/lib/colorParser.d.ts +21 -0
- package/dist/src/core/lib/colorParser.js +72 -0
- package/dist/src/core/lib/colorParser.js.map +1 -0
- package/dist/src/core/lib/textureCompression.js +0 -1
- package/dist/src/core/lib/textureCompression.js.map +1 -1
- package/dist/src/core/lib/utils.d.ts +3 -1
- package/dist/src/core/lib/utils.js +19 -0
- package/dist/src/core/lib/utils.js.map +1 -1
- package/dist/src/core/lib/validateImageBitmap.d.ts +2 -1
- package/dist/src/core/lib/validateImageBitmap.js +4 -4
- package/dist/src/core/lib/validateImageBitmap.js.map +1 -1
- package/dist/src/core/platforms/web/WebPlatform.js +29 -3
- package/dist/src/core/platforms/web/WebPlatform.js.map +1 -1
- package/dist/src/core/renderers/CoreRenderer.d.ts +15 -22
- package/dist/src/core/renderers/CoreRenderer.js +0 -6
- package/dist/src/core/renderers/CoreRenderer.js.map +1 -1
- package/dist/src/core/renderers/canvas/CanvasRenderer.d.ts +0 -2
- package/dist/src/core/renderers/canvas/CanvasRenderer.js +7 -21
- package/dist/src/core/renderers/canvas/CanvasRenderer.js.map +1 -1
- package/dist/src/core/renderers/canvas/CanvasShaderNode.js +2 -1
- package/dist/src/core/renderers/canvas/CanvasShaderNode.js.map +1 -1
- package/dist/src/core/renderers/canvas/CanvasTexture.d.ts +2 -2
- package/dist/src/core/renderers/canvas/CanvasTexture.js +8 -7
- package/dist/src/core/renderers/canvas/CanvasTexture.js.map +1 -1
- package/dist/src/core/renderers/canvas/internal/C2DShaderUtils.d.ts +0 -13
- package/dist/src/core/renderers/canvas/internal/C2DShaderUtils.js +192 -113
- package/dist/src/core/renderers/canvas/internal/C2DShaderUtils.js.map +1 -1
- package/dist/src/core/renderers/canvas/internal/ColorUtils.d.ts +2 -0
- package/dist/src/core/renderers/canvas/internal/ColorUtils.js +14 -0
- package/dist/src/core/renderers/canvas/internal/ColorUtils.js.map +1 -1
- package/dist/src/core/renderers/webgl/WebGlCtxRenderTexture.js +3 -0
- package/dist/src/core/renderers/webgl/WebGlCtxRenderTexture.js.map +1 -1
- package/dist/src/core/renderers/webgl/WebGlCtxTexture.d.ts +5 -6
- package/dist/src/core/renderers/webgl/WebGlCtxTexture.js +30 -18
- package/dist/src/core/renderers/webgl/WebGlCtxTexture.js.map +1 -1
- package/dist/src/core/renderers/webgl/WebGlShaderProgram.d.ts +4 -2
- package/dist/src/core/renderers/webgl/WebGlShaderProgram.js +31 -13
- package/dist/src/core/renderers/webgl/WebGlShaderProgram.js.map +1 -1
- package/dist/src/core/renderers/webgl/internal/ShaderUtils.d.ts +32 -5
- package/dist/src/core/renderers/webgl/internal/ShaderUtils.js +50 -0
- package/dist/src/core/renderers/webgl/internal/ShaderUtils.js.map +1 -1
- package/dist/src/core/shaders/canvas/Border.js +1 -1
- package/dist/src/core/shaders/canvas/Border.js.map +1 -1
- package/dist/src/core/shaders/webgl/Border.js +82 -82
- package/dist/src/core/shaders/webgl/Default.js +47 -47
- package/dist/src/core/shaders/webgl/DefaultBatched.js +61 -61
- package/dist/src/core/shaders/webgl/HolePunch.js +32 -32
- package/dist/src/core/shaders/webgl/LinearGradient.js +36 -36
- package/dist/src/core/shaders/webgl/RadialGradient.js +33 -33
- package/dist/src/core/shaders/webgl/Rounded.js +71 -71
- package/dist/src/core/shaders/webgl/RoundedWithBorder.js +111 -111
- package/dist/src/core/shaders/webgl/RoundedWithBorderAndShadow.js +130 -130
- package/dist/src/core/shaders/webgl/RoundedWithShadow.js +54 -54
- package/dist/src/core/shaders/webgl/SdfShader.js +62 -62
- package/dist/src/core/shaders/webgl/Shadow.js +83 -83
- package/dist/src/core/text-rendering/CanvasFontHandler.d.ts +4 -4
- package/dist/src/core/text-rendering/CanvasFontHandler.js +19 -6
- package/dist/src/core/text-rendering/CanvasFontHandler.js.map +1 -1
- package/dist/src/core/text-rendering/CanvasTextRenderer.d.ts +18 -2
- package/dist/src/core/text-rendering/CanvasTextRenderer.js +296 -69
- package/dist/src/core/text-rendering/CanvasTextRenderer.js.map +1 -1
- package/dist/src/core/text-rendering/SdfFontHandler.d.ts +4 -4
- package/dist/src/core/text-rendering/SdfFontHandler.js +6 -6
- package/dist/src/core/text-rendering/SdfFontHandler.js.map +1 -1
- package/dist/src/core/text-rendering/SdfTextRenderer.d.ts +4 -8
- package/dist/src/core/text-rendering/SdfTextRenderer.js +68 -37
- package/dist/src/core/text-rendering/SdfTextRenderer.js.map +1 -1
- package/dist/src/core/text-rendering/TextRenderer.d.ts +37 -113
- package/dist/src/core/text-rendering/TextRenderer.js +1 -51
- package/dist/src/core/text-rendering/TextRenderer.js.map +1 -1
- package/dist/src/core/text-rendering/TextTextureRendererUtils.js.map +1 -1
- package/dist/src/core/text-rendering/canvas/Settings.d.ts +14 -3
- package/dist/src/core/text-rendering/canvas/Utils.d.ts +3 -2
- package/dist/src/core/text-rendering/canvas/Utils.js +9 -4
- package/dist/src/core/text-rendering/canvas/Utils.js.map +1 -1
- package/dist/src/core/text-rendering/canvas/calculateRenderInfo.d.ts +32 -9
- package/dist/src/core/text-rendering/canvas/calculateRenderInfo.js +52 -57
- package/dist/src/core/text-rendering/canvas/calculateRenderInfo.js.map +1 -1
- package/dist/src/core/text-rendering/canvas/draw.d.ts +3 -10
- package/dist/src/core/text-rendering/canvas/draw.js +26 -27
- package/dist/src/core/text-rendering/canvas/draw.js.map +1 -1
- package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.js +2 -2
- package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.js.map +1 -1
- package/dist/src/core/text-rendering/renderers/CanvasTextRenderer.js +5 -0
- package/dist/src/core/text-rendering/renderers/CanvasTextRenderer.js.map +1 -1
- package/dist/src/core/text-rendering/renderers/LightningTextTextureRenderer.d.ts +7 -1
- package/dist/src/core/text-rendering/renderers/LightningTextTextureRenderer.js +50 -2
- package/dist/src/core/text-rendering/renderers/LightningTextTextureRenderer.js.map +1 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.d.ts +2 -3
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.js +42 -83
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.js.map +1 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.d.ts +1 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.js +66 -8
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.js.map +1 -1
- package/dist/src/core/text-rendering/renderers/TextRenderer.d.ts +14 -4
- package/dist/src/core/text-rendering/renderers/TextRenderer.js +3 -0
- package/dist/src/core/text-rendering/renderers/TextRenderer.js.map +1 -1
- package/dist/src/core/text-rendering/sdf/Utils.d.ts +26 -0
- package/dist/src/core/text-rendering/sdf/Utils.js +304 -0
- package/dist/src/core/text-rendering/sdf/Utils.js.map +1 -0
- package/dist/src/core/text-rendering/sdf/index.d.ts +1 -0
- package/{src/core/text-rendering/renderers/SdfTextRenderer/internal/getUnicodeCodepoints.ts → dist/src/core/text-rendering/sdf/index.js} +3 -21
- package/dist/src/core/text-rendering/sdf/index.js.map +1 -0
- package/dist/src/core/textures/ImageTexture.d.ts +1 -0
- package/dist/src/core/textures/ImageTexture.js +11 -4
- package/dist/src/core/textures/ImageTexture.js.map +1 -1
- package/dist/src/core/textures/Texture.d.ts +6 -1
- package/dist/src/core/textures/Texture.js.map +1 -1
- package/dist/src/main-api/INode.d.ts +9 -9
- package/dist/src/main-api/Inspector.d.ts +6 -1
- package/dist/src/main-api/Inspector.js +43 -7
- package/dist/src/main-api/Inspector.js.map +1 -1
- package/dist/src/main-api/Renderer.d.ts +83 -136
- package/dist/src/main-api/Renderer.js +139 -91
- package/dist/src/main-api/Renderer.js.map +1 -1
- package/dist/src/utils.d.ts +5 -4
- package/dist/src/utils.js +20 -9
- package/dist/src/utils.js.map +1 -1
- package/dist/tsconfig.dist.tsbuildinfo +1 -1
- package/exports/canvas-shaders.ts +28 -0
- package/exports/canvas.ts +45 -39
- package/exports/index.ts +82 -89
- package/exports/inspector.ts +24 -24
- package/exports/utils.ts +50 -44
- package/exports/webgl-shaders.ts +28 -0
- package/exports/webgl.ts +52 -38
- package/package.json +4 -4
- package/src/common/CommonTypes.ts +146 -146
- package/src/common/EventEmitter.ts +77 -77
- package/src/common/IAnimationController.ts +92 -92
- package/src/common/IEventEmitter.ts +28 -28
- package/src/core/CoreNode.test.ts +202 -202
- package/src/core/CoreNode.ts +2491 -2487
- package/src/core/CoreShaderManager.ts +188 -292
- package/src/core/CoreTextNode.ts +443 -455
- package/src/core/CoreTextureManager.ts +565 -561
- package/src/core/Stage.ts +906 -826
- package/src/core/TextureMemoryManager.ts +445 -431
- package/src/core/animations/AnimationManager.ts +38 -38
- package/src/core/animations/CoreAnimation.ts +291 -347
- package/src/core/animations/CoreAnimationController.ts +166 -166
- package/src/core/lib/ContextSpy.ts +41 -41
- package/src/core/lib/ImageWorker.ts +286 -280
- package/src/core/lib/Matrix3d.ts +244 -244
- package/src/core/lib/RenderCoords.ts +71 -86
- package/src/core/lib/WebGlContextWrapper.ts +1381 -1332
- package/src/core/lib/colorCache.ts +20 -0
- package/src/core/{renderers/canvas/internal/ColorUtils.ts → lib/colorParser.ts} +85 -69
- package/src/core/lib/textureCompression.ts +152 -152
- package/src/core/lib/textureSvg.ts +78 -78
- package/src/core/lib/utils.ts +412 -388
- package/src/core/lib/validateImageBitmap.ts +87 -76
- package/src/core/platforms/Platform.ts +77 -0
- package/src/core/platforms/web/WebPlatform.ts +121 -0
- package/src/core/renderers/CoreContextTexture.ts +43 -43
- package/src/core/renderers/CoreRenderOp.ts +22 -22
- package/src/core/renderers/CoreRenderer.ts +110 -115
- package/src/core/renderers/CoreShaderNode.ts +175 -0
- package/{dist/src/core/renderers/CoreShader.js → src/core/renderers/CoreShaderProgram.ts} +23 -28
- package/src/core/renderers/canvas/CanvasRenderer.ts +283 -0
- package/src/core/renderers/canvas/CanvasShaderNode.ts +96 -0
- package/src/core/renderers/canvas/{CanvasCoreTexture.ts → CanvasTexture.ts} +156 -153
- package/src/core/renderers/webgl/{WebGlCoreCtxRenderTexture.ts → WebGlCtxRenderTexture.ts} +91 -91
- package/src/core/renderers/webgl/{WebGlCoreCtxSubTexture.ts → WebGlCtxSubTexture.ts} +50 -50
- package/src/core/renderers/webgl/{WebGlCoreCtxTexture.ts → WebGlCtxTexture.ts} +310 -313
- package/src/core/renderers/webgl/WebGlRenderOp.ts +167 -0
- package/src/core/renderers/webgl/{WebGlCoreRenderer.ts → WebGlRenderer.ts} +747 -821
- package/src/core/renderers/webgl/WebGlShaderNode.ts +435 -0
- package/src/core/renderers/webgl/WebGlShaderProgram.ts +341 -0
- package/src/core/renderers/webgl/internal/BufferCollection.ts +54 -54
- package/src/core/renderers/webgl/internal/RendererUtils.ts +155 -155
- package/src/core/renderers/webgl/internal/ShaderUtils.ts +281 -143
- package/src/core/renderers/webgl/internal/WebGlUtils.ts +35 -35
- package/src/core/shaders/canvas/Border.ts +75 -0
- package/src/core/shaders/canvas/HolePunch.ts +62 -0
- package/src/core/shaders/canvas/LinearGradient.ts +71 -0
- package/src/core/shaders/canvas/RadialGradient.ts +99 -0
- package/src/core/shaders/canvas/Rounded.ts +55 -0
- package/src/core/shaders/canvas/RoundedWithBorder.ts +74 -0
- package/src/core/shaders/canvas/RoundedWithBorderAndShadow.ts +90 -0
- package/src/core/shaders/canvas/RoundedWithShadow.ts +70 -0
- package/src/core/shaders/canvas/Shadow.ts +52 -0
- package/src/core/shaders/canvas/utils/render.ts +151 -0
- package/src/core/shaders/templates/BorderTemplate.ts +115 -0
- package/src/core/shaders/templates/HolePunchTemplate.ts +82 -0
- package/src/core/shaders/templates/LinearGradientTemplate.ts +71 -0
- package/src/core/shaders/templates/RadialGradientTemplate.ts +81 -0
- package/src/core/shaders/templates/RoundedTemplate.ts +98 -0
- package/src/core/shaders/templates/RoundedWithBorderAndShadowTemplate.ts +38 -0
- package/{dist/src/core/shaders/templates/shaderUtils.js → src/core/shaders/templates/RoundedWithBorderTemplate.ts} +35 -41
- package/src/core/shaders/templates/RoundedWithShadowTemplate.ts +35 -0
- package/src/core/shaders/templates/ShadowTemplate.ts +106 -0
- package/src/core/shaders/utils.ts +46 -0
- package/src/core/shaders/webgl/Border.ts +116 -0
- package/src/core/shaders/webgl/Default.ts +89 -0
- package/src/core/shaders/webgl/DefaultBatched.ts +129 -0
- package/src/core/shaders/webgl/HolePunch.ts +75 -0
- package/src/core/shaders/webgl/LinearGradient.ts +82 -0
- package/src/core/shaders/webgl/RadialGradient.ts +85 -0
- package/src/core/shaders/webgl/Rounded.ts +117 -0
- package/src/core/shaders/webgl/RoundedWithBorder.ts +155 -0
- package/src/core/shaders/webgl/RoundedWithBorderAndShadow.ts +175 -0
- package/src/core/shaders/webgl/RoundedWithShadow.ts +98 -0
- package/src/core/shaders/webgl/SdfShader.ts +134 -0
- package/src/core/shaders/webgl/Shadow.ts +115 -0
- package/src/core/text-rendering/CanvasFontHandler.ts +176 -0
- package/src/core/text-rendering/CanvasTextRenderer.ts +622 -0
- package/src/core/text-rendering/SdfFontHandler.ts +517 -0
- package/src/core/text-rendering/SdfTextRenderer.ts +466 -0
- package/src/core/text-rendering/TextRenderer.ts +404 -0
- package/src/core/text-rendering/{TextTextureRendererUtils.ts → Utils.ts} +257 -263
- package/src/core/text-rendering/canvas/Settings.ts +99 -0
- package/src/core/text-rendering/canvas/Utils.test.ts +206 -0
- package/src/core/text-rendering/canvas/Utils.ts +178 -0
- package/src/core/text-rendering/canvas/calculateRenderInfo.ts +299 -0
- package/src/core/text-rendering/canvas/draw.ts +165 -0
- package/src/core/text-rendering/sdf/Utils.test.ts +402 -0
- package/src/core/text-rendering/sdf/Utils.ts +436 -0
- package/src/core/text-rendering/{renderers/SdfTextRenderer/internal/constants.ts → sdf/index.ts} +20 -32
- package/src/core/textures/ColorTexture.ts +102 -102
- package/src/core/textures/ImageTexture.ts +418 -400
- package/src/core/textures/NoiseTexture.ts +104 -104
- package/src/core/textures/RenderTexture.ts +85 -85
- package/src/core/textures/SubTexture.ts +205 -205
- package/src/core/textures/Texture.ts +381 -376
- package/src/core/utils.ts +227 -227
- package/src/env.d.ts +7 -7
- package/src/main-api/INode.ts +100 -101
- package/src/main-api/Inspector.ts +567 -522
- package/src/main-api/Renderer.ts +873 -807
- package/src/main-api/utils.ts +45 -45
- package/src/utils.ts +267 -248
- package/dist/src/core/platform.d.ts +0 -10
- package/dist/src/core/platform.js +0 -81
- package/dist/src/core/platform.js.map +0 -1
- package/dist/src/core/renderers/CoreShader.d.ts +0 -9
- package/dist/src/core/renderers/CoreShader.js.map +0 -1
- package/dist/src/core/renderers/canvas/CanvasCoreRenderer.d.ts +0 -33
- package/dist/src/core/renderers/canvas/CanvasCoreRenderer.js +0 -250
- package/dist/src/core/renderers/canvas/CanvasCoreRenderer.js.map +0 -1
- package/dist/src/core/renderers/canvas/CanvasCoreTexture.d.ts +0 -16
- package/dist/src/core/renderers/canvas/CanvasCoreTexture.js +0 -124
- package/dist/src/core/renderers/canvas/CanvasCoreTexture.js.map +0 -1
- package/dist/src/core/renderers/canvas/shaders/UnsupportedShader.d.ts +0 -10
- package/dist/src/core/renderers/canvas/shaders/UnsupportedShader.js +0 -43
- package/dist/src/core/renderers/canvas/shaders/UnsupportedShader.js.map +0 -1
- package/dist/src/core/renderers/webgl/WebGlCoreCtxRenderTexture.d.ts +0 -12
- package/dist/src/core/renderers/webgl/WebGlCoreCtxRenderTexture.js +0 -58
- package/dist/src/core/renderers/webgl/WebGlCoreCtxRenderTexture.js.map +0 -1
- package/dist/src/core/renderers/webgl/WebGlCoreCtxSubTexture.d.ts +0 -9
- package/dist/src/core/renderers/webgl/WebGlCoreCtxSubTexture.js +0 -38
- package/dist/src/core/renderers/webgl/WebGlCoreCtxSubTexture.js.map +0 -1
- package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.d.ts +0 -56
- package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.js +0 -239
- package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.js.map +0 -1
- package/dist/src/core/renderers/webgl/WebGlCoreRenderOp.d.ts +0 -34
- package/dist/src/core/renderers/webgl/WebGlCoreRenderOp.js +0 -114
- package/dist/src/core/renderers/webgl/WebGlCoreRenderOp.js.map +0 -1
- package/dist/src/core/renderers/webgl/WebGlCoreRenderer.d.ts +0 -133
- package/dist/src/core/renderers/webgl/WebGlCoreRenderer.js +0 -616
- package/dist/src/core/renderers/webgl/WebGlCoreRenderer.js.map +0 -1
- package/dist/src/core/renderers/webgl/WebGlCoreShader.d.ts +0 -83
- package/dist/src/core/renderers/webgl/WebGlCoreShader.js +0 -233
- package/dist/src/core/renderers/webgl/WebGlCoreShader.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/DefaultShader.d.ts +0 -9
- package/dist/src/core/renderers/webgl/shaders/DefaultShader.js +0 -87
- package/dist/src/core/renderers/webgl/shaders/DefaultShader.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/DefaultShaderBatched.d.ts +0 -10
- package/dist/src/core/renderers/webgl/shaders/DefaultShaderBatched.js +0 -119
- package/dist/src/core/renderers/webgl/shaders/DefaultShaderBatched.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/DynamicShader.d.ts +0 -29
- package/dist/src/core/renderers/webgl/shaders/DynamicShader.js +0 -413
- package/dist/src/core/renderers/webgl/shaders/DynamicShader.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/RoundedRectangle.d.ts +0 -28
- package/dist/src/core/renderers/webgl/shaders/RoundedRectangle.js +0 -131
- package/dist/src/core/renderers/webgl/shaders/RoundedRectangle.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/SdfShader.d.ts +0 -47
- package/dist/src/core/renderers/webgl/shaders/SdfShader.js +0 -160
- package/dist/src/core/renderers/webgl/shaders/SdfShader.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.d.ts +0 -31
- package/dist/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.js +0 -71
- package/dist/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/BorderEffect.d.ts +0 -30
- package/dist/src/core/renderers/webgl/shaders/effects/BorderEffect.js +0 -58
- package/dist/src/core/renderers/webgl/shaders/effects/BorderEffect.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.d.ts +0 -31
- package/dist/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.js +0 -71
- package/dist/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/BorderRightEffect.d.ts +0 -31
- package/dist/src/core/renderers/webgl/shaders/effects/BorderRightEffect.js +0 -71
- package/dist/src/core/renderers/webgl/shaders/effects/BorderRightEffect.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/BorderTopEffect.d.ts +0 -31
- package/dist/src/core/renderers/webgl/shaders/effects/BorderTopEffect.js +0 -71
- package/dist/src/core/renderers/webgl/shaders/effects/BorderTopEffect.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/EffectUtils.d.ts +0 -9
- package/dist/src/core/renderers/webgl/shaders/effects/EffectUtils.js +0 -136
- package/dist/src/core/renderers/webgl/shaders/effects/EffectUtils.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/FadeOutEffect.d.ts +0 -36
- package/dist/src/core/renderers/webgl/shaders/effects/FadeOutEffect.js +0 -85
- package/dist/src/core/renderers/webgl/shaders/effects/FadeOutEffect.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/GlitchEffect.d.ts +0 -45
- package/dist/src/core/renderers/webgl/shaders/effects/GlitchEffect.js +0 -104
- package/dist/src/core/renderers/webgl/shaders/effects/GlitchEffect.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.d.ts +0 -22
- package/dist/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.js +0 -45
- package/dist/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/HolePunchEffect.d.ts +0 -58
- package/dist/src/core/renderers/webgl/shaders/effects/HolePunchEffect.js +0 -80
- package/dist/src/core/renderers/webgl/shaders/effects/HolePunchEffect.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.d.ts +0 -35
- package/dist/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.js +0 -129
- package/dist/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.d.ts +0 -39
- package/dist/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.js +0 -116
- package/dist/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.d.ts +0 -61
- package/dist/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.js +0 -127
- package/dist/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/RadiusEffect.d.ts +0 -40
- package/dist/src/core/renderers/webgl/shaders/effects/RadiusEffect.js +0 -71
- package/dist/src/core/renderers/webgl/shaders/effects/RadiusEffect.js.map +0 -1
- package/dist/src/core/renderers/webgl/shaders/effects/ShaderEffect.d.ts +0 -115
- package/dist/src/core/renderers/webgl/shaders/effects/ShaderEffect.js +0 -61
- package/dist/src/core/renderers/webgl/shaders/effects/ShaderEffect.js.map +0 -1
- package/dist/src/core/shaders/templates/shaderUtils.d.ts +0 -5
- package/dist/src/core/shaders/templates/shaderUtils.js.map +0 -1
- package/dist/src/core/shaders/webgl/Spinner.d.ts +0 -1
- package/dist/src/core/shaders/webgl/Spinner.js +0 -2
- package/dist/src/core/shaders/webgl/Spinner.js.map +0 -1
- package/dist/src/core/text-rendering/sdf/PeekableGenerator.d.ts +0 -12
- package/dist/src/core/text-rendering/sdf/PeekableGenerator.js +0 -61
- package/dist/src/core/text-rendering/sdf/PeekableGenerator.js.map +0 -1
- package/dist/src/core/text-rendering/sdf/SimpleFontShaper.d.ts +0 -45
- package/dist/src/core/text-rendering/sdf/SimpleFontShaper.js +0 -69
- package/dist/src/core/text-rendering/sdf/SimpleFontShaper.js.map +0 -1
- package/dist/src/main-api/DynamicShaderController.d.ts +0 -29
- package/dist/src/main-api/DynamicShaderController.js +0 -58
- package/dist/src/main-api/DynamicShaderController.js.map +0 -1
- package/dist/src/main-api/ShaderController.d.ts +0 -31
- package/dist/src/main-api/ShaderController.js +0 -37
- package/dist/src/main-api/ShaderController.js.map +0 -1
- package/scripts/please-use-pnpm.js +0 -13
- package/src/core/platform.ts +0 -100
- package/src/core/renderers/CoreShader.ts +0 -41
- package/src/core/renderers/canvas/CanvasCoreRenderer.ts +0 -375
- package/src/core/renderers/canvas/internal/C2DShaderUtils.ts +0 -231
- package/src/core/renderers/canvas/shaders/UnsupportedShader.ts +0 -48
- package/src/core/renderers/webgl/WebGlCoreRenderOp.ts +0 -125
- package/src/core/renderers/webgl/WebGlCoreShader.ts +0 -365
- package/src/core/renderers/webgl/shaders/DefaultShader.ts +0 -93
- package/src/core/renderers/webgl/shaders/DefaultShaderBatched.ts +0 -132
- package/src/core/renderers/webgl/shaders/DynamicShader.ts +0 -580
- package/src/core/renderers/webgl/shaders/RoundedRectangle.ts +0 -167
- package/src/core/renderers/webgl/shaders/SdfShader.ts +0 -204
- package/src/core/renderers/webgl/shaders/effects/BorderBottomEffect.ts +0 -101
- package/src/core/renderers/webgl/shaders/effects/BorderEffect.ts +0 -87
- package/src/core/renderers/webgl/shaders/effects/BorderLeftEffect.ts +0 -101
- package/src/core/renderers/webgl/shaders/effects/BorderRightEffect.ts +0 -101
- package/src/core/renderers/webgl/shaders/effects/BorderTopEffect.ts +0 -101
- package/src/core/renderers/webgl/shaders/effects/EffectUtils.ts +0 -159
- package/src/core/renderers/webgl/shaders/effects/FadeOutEffect.ts +0 -127
- package/src/core/renderers/webgl/shaders/effects/GlitchEffect.ts +0 -148
- package/src/core/renderers/webgl/shaders/effects/GrayscaleEffect.ts +0 -67
- package/src/core/renderers/webgl/shaders/effects/HolePunchEffect.ts +0 -157
- package/src/core/renderers/webgl/shaders/effects/LinearGradientEffect.ts +0 -171
- package/src/core/renderers/webgl/shaders/effects/RadialGradientEffect.ts +0 -168
- package/src/core/renderers/webgl/shaders/effects/RadialProgressEffect.ts +0 -187
- package/src/core/renderers/webgl/shaders/effects/RadiusEffect.ts +0 -110
- package/src/core/renderers/webgl/shaders/effects/ShaderEffect.ts +0 -196
- package/src/core/text-rendering/TextRenderingUtils.ts +0 -36
- package/src/core/text-rendering/TrFontManager.ts +0 -183
- package/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.ts +0 -176
- package/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/FontShaper.ts +0 -139
- package/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.test.ts +0 -173
- package/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.ts +0 -171
- package/src/core/text-rendering/font-face-types/TrFontFace.ts +0 -187
- package/src/core/text-rendering/font-face-types/WebTrFontFace.ts +0 -94
- package/src/core/text-rendering/font-face-types/utils.ts +0 -39
- package/src/core/text-rendering/renderers/CanvasTextRenderer.ts +0 -509
- package/src/core/text-rendering/renderers/LightningTextTextureRenderer.ts +0 -808
- package/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.ts +0 -853
- package/src/core/text-rendering/renderers/SdfTextRenderer/internal/PeekableGenerator.test.ts +0 -48
- package/src/core/text-rendering/renderers/SdfTextRenderer/internal/PeekableGenerator.ts +0 -66
- package/src/core/text-rendering/renderers/SdfTextRenderer/internal/SpecialCodepoints.ts +0 -52
- package/src/core/text-rendering/renderers/SdfTextRenderer/internal/getStartConditions.ts +0 -117
- package/src/core/text-rendering/renderers/SdfTextRenderer/internal/getUnicodeCodepoints.test.ts +0 -133
- package/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.ts +0 -408
- package/src/core/text-rendering/renderers/SdfTextRenderer/internal/measureText.test.ts +0 -49
- package/src/core/text-rendering/renderers/SdfTextRenderer/internal/measureText.ts +0 -52
- package/src/core/text-rendering/renderers/SdfTextRenderer/internal/setRenderWindow.test.ts +0 -205
- package/src/core/text-rendering/renderers/SdfTextRenderer/internal/setRenderWindow.ts +0 -93
- package/src/core/text-rendering/renderers/SdfTextRenderer/internal/util.ts +0 -40
- package/src/core/text-rendering/renderers/TextRenderer.ts +0 -557
- package/src/main-api/DynamicShaderController.ts +0 -104
- package/src/main-api/ShaderController.ts +0 -80
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
import { updateWebSafeRadius, validateArrayLength4 } from './EffectUtils.js';
|
|
2
|
-
import { ShaderEffect, } from './ShaderEffect.js';
|
|
3
|
-
/**
|
|
4
|
-
* Masks the current maskcolor a holepunch effect with rounded corners similar to {@link RoundedRectangle}
|
|
5
|
-
*/
|
|
6
|
-
export class HolePunchEffect extends ShaderEffect {
|
|
7
|
-
static z$__type__Props;
|
|
8
|
-
name = 'holePunch';
|
|
9
|
-
static getEffectKey() {
|
|
10
|
-
return `holePunch`;
|
|
11
|
-
}
|
|
12
|
-
static uniforms = {
|
|
13
|
-
x: {
|
|
14
|
-
value: 0,
|
|
15
|
-
method: 'uniform1f',
|
|
16
|
-
type: 'float',
|
|
17
|
-
},
|
|
18
|
-
y: {
|
|
19
|
-
value: 0,
|
|
20
|
-
method: 'uniform1f',
|
|
21
|
-
type: 'float',
|
|
22
|
-
},
|
|
23
|
-
width: {
|
|
24
|
-
value: 0,
|
|
25
|
-
method: 'uniform1f',
|
|
26
|
-
type: 'float',
|
|
27
|
-
},
|
|
28
|
-
height: {
|
|
29
|
-
value: 0,
|
|
30
|
-
method: 'uniform1f',
|
|
31
|
-
type: 'float',
|
|
32
|
-
},
|
|
33
|
-
radius: {
|
|
34
|
-
value: 0,
|
|
35
|
-
method: 'uniform4fv',
|
|
36
|
-
type: 'vec4',
|
|
37
|
-
updateOnBind: true,
|
|
38
|
-
validator: validateArrayLength4,
|
|
39
|
-
updateProgramValue: updateWebSafeRadius,
|
|
40
|
-
},
|
|
41
|
-
};
|
|
42
|
-
static resolveDefaults(props) {
|
|
43
|
-
return {
|
|
44
|
-
x: props.x || 0,
|
|
45
|
-
y: props.y || 0,
|
|
46
|
-
width: props.width || 50,
|
|
47
|
-
height: props.height || 50,
|
|
48
|
-
radius: props.radius ?? 0,
|
|
49
|
-
};
|
|
50
|
-
}
|
|
51
|
-
static methods = {
|
|
52
|
-
fillMask: `
|
|
53
|
-
float function(float dist) {
|
|
54
|
-
return clamp(-dist, 0.0, 1.0);
|
|
55
|
-
}
|
|
56
|
-
`,
|
|
57
|
-
boxDist: `
|
|
58
|
-
float function(vec2 p, vec2 size, float radius) {
|
|
59
|
-
size -= vec2(radius);
|
|
60
|
-
vec2 d = abs(p) - size;
|
|
61
|
-
return min(max(d.x, d.y), 0.0) + length(max(d, 0.0)) - radius;
|
|
62
|
-
}
|
|
63
|
-
`,
|
|
64
|
-
};
|
|
65
|
-
static onShaderMask = `
|
|
66
|
-
vec2 halfDimensions = u_dimensions * 0.5;
|
|
67
|
-
vec2 size = vec2(width, height) * 0.5;
|
|
68
|
-
vec2 basePos = v_textureCoordinate.xy * u_dimensions.xy - vec2(x, y);
|
|
69
|
-
vec2 pos = basePos - size;
|
|
70
|
-
float r = radius[0] * step(pos.x, 0.5) * step(pos.y, 0.5);
|
|
71
|
-
r = r + radius[1] * step(0.5, pos.x) * step(pos.y, 0.5);
|
|
72
|
-
r = r + radius[2] * step(0.5, pos.x) * step(0.5, pos.y);
|
|
73
|
-
r = r + radius[3] * step(pos.x, 0.5) * step(0.5, pos.y);
|
|
74
|
-
return $boxDist(pos, size, r);
|
|
75
|
-
`;
|
|
76
|
-
static onEffectMask = `
|
|
77
|
-
return mix(maskColor, vec4(0.0), $fillMask(shaderMask));
|
|
78
|
-
`;
|
|
79
|
-
}
|
|
80
|
-
//# sourceMappingURL=HolePunchEffect.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"HolePunchEffect.js","sourceRoot":"","sources":["../../../../../../../src/core/renderers/webgl/shaders/effects/HolePunchEffect.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EACL,YAAY,GAIb,MAAM,mBAAmB,CAAC;AA+C3B;;GAEG;AACH,MAAM,OAAO,eAAgB,SAAQ,YAAY;IAC/C,MAAM,CAAC,eAAe,CAAuB;IAC3B,IAAI,GAAG,WAAW,CAAC;IAErC,MAAM,CAAU,YAAY;QAC1B,OAAO,WAAW,CAAC;IACrB,CAAC;IAED,MAAM,CAAU,QAAQ,GAAyB;QAC/C,CAAC,EAAE;YACD,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,WAAW;YACnB,IAAI,EAAE,OAAO;SACd;QACD,CAAC,EAAE;YACD,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,WAAW;YACnB,IAAI,EAAE,OAAO;SACd;QACD,KAAK,EAAE;YACL,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,WAAW;YACnB,IAAI,EAAE,OAAO;SACd;QACD,MAAM,EAAE;YACN,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,WAAW;YACnB,IAAI,EAAE,OAAO;SACd;QACD,MAAM,EAAE;YACN,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,YAAY;YACpB,IAAI,EAAE,MAAM;YACZ,YAAY,EAAE,IAAI;YAClB,SAAS,EAAE,oBAAoB;YAC/B,kBAAkB,EAAE,mBAAmB;SACxC;KACF,CAAC;IAEF,MAAM,CAAU,eAAe,CAC7B,KAA2B;QAE3B,OAAO;YACL,CAAC,EAAE,KAAK,CAAC,CAAC,IAAI,CAAC;YACf,CAAC,EAAE,KAAK,CAAC,CAAC,IAAI,CAAC;YACf,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE;YACxB,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,EAAE;YAC1B,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,CAAC;SAC1B,CAAC;IACJ,CAAC;IAED,MAAM,CAAU,OAAO,GAA2B;QAChD,QAAQ,EAAE;;;;KAIT;QACD,OAAO,EAAE;;;;;;KAMR;KACF,CAAC;IAEF,MAAM,CAAU,YAAY,GAAG;;;;;;;;;;GAU9B,CAAC;IAEF,MAAM,CAAU,YAAY,GAAG;;GAE9B,CAAC"}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { type DefaultEffectProps, ShaderEffect, type ShaderEffectUniforms } from './ShaderEffect.js';
|
|
2
|
-
/**
|
|
3
|
-
* Properties of the {@link LinearGradientEffect} effect
|
|
4
|
-
*/
|
|
5
|
-
export interface LinearGradientEffectProps extends DefaultEffectProps {
|
|
6
|
-
/**
|
|
7
|
-
* Array of colors to be used in the LinearGradientEffect
|
|
8
|
-
*
|
|
9
|
-
* @default [0xff000000, 0xffffffff]
|
|
10
|
-
*/
|
|
11
|
-
colors?: number[];
|
|
12
|
-
/**
|
|
13
|
-
* Angle of the LinearGradientEffect, Angle in Radians
|
|
14
|
-
*
|
|
15
|
-
* @default 0
|
|
16
|
-
*/
|
|
17
|
-
angle?: number;
|
|
18
|
-
/**
|
|
19
|
-
* Array of color stops
|
|
20
|
-
*/
|
|
21
|
-
stops?: number[];
|
|
22
|
-
}
|
|
23
|
-
/**
|
|
24
|
-
* Linear Gradient effect over a effect mask
|
|
25
|
-
*/
|
|
26
|
-
export declare class LinearGradientEffect extends ShaderEffect {
|
|
27
|
-
static z$__type__Props: LinearGradientEffectProps;
|
|
28
|
-
readonly name = "linearGradient";
|
|
29
|
-
static getEffectKey(props: LinearGradientEffectProps): string;
|
|
30
|
-
static resolveDefaults(props: LinearGradientEffectProps): Required<LinearGradientEffectProps>;
|
|
31
|
-
static uniforms: ShaderEffectUniforms;
|
|
32
|
-
static methods: Record<string, string>;
|
|
33
|
-
static ColorLoop: (amount: number) => string;
|
|
34
|
-
static onColorize: (props: LinearGradientEffectProps) => string;
|
|
35
|
-
}
|
|
@@ -1,129 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* If not stated otherwise in this file or this component's LICENSE file the
|
|
3
|
-
* following copyright and licenses apply:
|
|
4
|
-
*
|
|
5
|
-
* Copyright 2023 Comcast Cable Communications Management, LLC.
|
|
6
|
-
*
|
|
7
|
-
* Licensed under the Apache License, Version 2.0 (the License);
|
|
8
|
-
* you may not use this file except in compliance with the License.
|
|
9
|
-
* You may obtain a copy of the License at
|
|
10
|
-
*
|
|
11
|
-
* http://www.apache.org/licenses/LICENSE-2.0
|
|
12
|
-
*
|
|
13
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
14
|
-
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
15
|
-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
16
|
-
* See the License for the specific language governing permissions and
|
|
17
|
-
* limitations under the License.
|
|
18
|
-
*/
|
|
19
|
-
import { getNormalizedRgbaComponents } from '../../../../lib/utils.js';
|
|
20
|
-
import { updateFloat32ArrayLengthN } from './EffectUtils.js';
|
|
21
|
-
import { ShaderEffect, } from './ShaderEffect.js';
|
|
22
|
-
/**
|
|
23
|
-
* Linear Gradient effect over a effect mask
|
|
24
|
-
*/
|
|
25
|
-
export class LinearGradientEffect extends ShaderEffect {
|
|
26
|
-
static z$__type__Props;
|
|
27
|
-
name = 'linearGradient';
|
|
28
|
-
static getEffectKey(props) {
|
|
29
|
-
if (props.colors.value) {
|
|
30
|
-
return `linearGradient${props.colors.value
|
|
31
|
-
.length}`;
|
|
32
|
-
}
|
|
33
|
-
return `linearGradient${props.colors.length}`;
|
|
34
|
-
}
|
|
35
|
-
static resolveDefaults(props) {
|
|
36
|
-
const colors = props.colors ?? [0xff000000, 0xffffffff];
|
|
37
|
-
let stops = props.stops || [];
|
|
38
|
-
if (stops.length === 0 || stops.length !== colors.length) {
|
|
39
|
-
const colorsL = colors.length;
|
|
40
|
-
let i = 0;
|
|
41
|
-
const tmp = stops;
|
|
42
|
-
for (; i < colorsL; i++) {
|
|
43
|
-
if (stops[i]) {
|
|
44
|
-
tmp[i] = stops[i];
|
|
45
|
-
if (stops[i - 1] === undefined && tmp[i - 2] !== undefined) {
|
|
46
|
-
tmp[i - 1] = tmp[i - 2] + (stops[i] - tmp[i - 2]) / 2;
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
else {
|
|
50
|
-
tmp[i] = i * (1 / (colors.length - 1));
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
stops = tmp;
|
|
54
|
-
}
|
|
55
|
-
return {
|
|
56
|
-
colors,
|
|
57
|
-
stops,
|
|
58
|
-
angle: props.angle ?? 0,
|
|
59
|
-
};
|
|
60
|
-
}
|
|
61
|
-
static uniforms = {
|
|
62
|
-
angle: {
|
|
63
|
-
value: 0,
|
|
64
|
-
method: 'uniform1f',
|
|
65
|
-
type: 'float',
|
|
66
|
-
},
|
|
67
|
-
colors: {
|
|
68
|
-
value: 0xffffffff,
|
|
69
|
-
validator: (rgbas) => {
|
|
70
|
-
return rgbas.reduce((acc, val) => acc.concat(getNormalizedRgbaComponents(val)), []);
|
|
71
|
-
},
|
|
72
|
-
updateProgramValue: updateFloat32ArrayLengthN,
|
|
73
|
-
size: (props) => props.colors.length,
|
|
74
|
-
method: 'uniform4fv',
|
|
75
|
-
type: 'vec4',
|
|
76
|
-
},
|
|
77
|
-
stops: {
|
|
78
|
-
value: [],
|
|
79
|
-
size: (props) => props.colors.length,
|
|
80
|
-
method: 'uniform1fv',
|
|
81
|
-
type: 'float',
|
|
82
|
-
},
|
|
83
|
-
};
|
|
84
|
-
static methods = {
|
|
85
|
-
fromLinear: `
|
|
86
|
-
vec4 function(vec4 linearRGB) {
|
|
87
|
-
vec4 higher = vec4(1.055)*pow(linearRGB, vec4(1.0/2.4)) - vec4(0.055);
|
|
88
|
-
vec4 lower = linearRGB * vec4(12.92);
|
|
89
|
-
return mix(higher, lower, 1.0);
|
|
90
|
-
}
|
|
91
|
-
`,
|
|
92
|
-
toLinear: `
|
|
93
|
-
vec4 function(vec4 sRGB) {
|
|
94
|
-
vec4 higher = pow((sRGB + vec4(0.055))/vec4(1.055), vec4(2.4));
|
|
95
|
-
vec4 lower = sRGB/vec4(12.92);
|
|
96
|
-
return mix(higher, lower, 1.0);
|
|
97
|
-
}
|
|
98
|
-
`,
|
|
99
|
-
calcPoint: `
|
|
100
|
-
vec2 function(float d, float angle) {
|
|
101
|
-
return d * vec2(cos(angle), sin(angle)) + (u_dimensions * 0.5);
|
|
102
|
-
}
|
|
103
|
-
`,
|
|
104
|
-
};
|
|
105
|
-
static ColorLoop = (amount) => {
|
|
106
|
-
let loop = '';
|
|
107
|
-
for (let i = 2; i < amount; i++) {
|
|
108
|
-
loop += `colorOut = mix(colorOut, colors[${i}], clamp((dist - stops[${i - 1}]) / (stops[${i}] - stops[${i - 1}]), 0.0, 1.0));`;
|
|
109
|
-
}
|
|
110
|
-
return loop;
|
|
111
|
-
};
|
|
112
|
-
static onColorize = (props) => {
|
|
113
|
-
const colors = props.colors.length || 1;
|
|
114
|
-
return `
|
|
115
|
-
float a = angle - (PI / 180.0 * 90.0);
|
|
116
|
-
float lineDist = abs(u_dimensions.x * cos(a)) + abs(u_dimensions.y * sin(a));
|
|
117
|
-
vec2 f = $calcPoint(lineDist * 0.5, a);
|
|
118
|
-
vec2 t = $calcPoint(lineDist * 0.5, a + PI);
|
|
119
|
-
vec2 gradVec = t - f;
|
|
120
|
-
float dist = dot(v_textureCoordinate.xy * u_dimensions - f, gradVec) / dot(gradVec, gradVec);
|
|
121
|
-
|
|
122
|
-
float stopCalc = (dist - stops[0]) / (stops[1] - stops[0]);
|
|
123
|
-
vec4 colorOut = $fromLinear(mix($toLinear(colors[0]), $toLinear(colors[1]), stopCalc));
|
|
124
|
-
${this.ColorLoop(colors)}
|
|
125
|
-
return mix(maskColor, colorOut, clamp(colorOut.a, 0.0, 1.0));
|
|
126
|
-
`;
|
|
127
|
-
};
|
|
128
|
-
}
|
|
129
|
-
//# sourceMappingURL=LinearGradientEffect.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAEL,YAAY,GAGb,MAAM,mBAAmB,CAAC;AAwB3B;;GAEG;AACH,MAAM,OAAO,oBAAqB,SAAQ,YAAY;IACpD,MAAM,CAAC,eAAe,CAA4B;IAChC,IAAI,GAAG,gBAAgB,CAAC;IAE1C,MAAM,CAAU,YAAY,CAAC,KAAgC;QAC3D,IAAK,KAAK,CAAC,MAA0C,CAAC,KAAiB,EAAE,CAAC;YACxE,OAAO,iBACH,KAAK,CAAC,MAA0C,CAAC,KAAkB;iBAClE,MACL,EAAE,CAAC;QACL,CAAC;QACD,OAAO,iBAAiB,KAAK,CAAC,MAAO,CAAC,MAAM,EAAE,CAAC;IACjD,CAAC;IAED,MAAM,CAAU,eAAe,CAC7B,KAAgC;QAEhC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;QAExD,IAAI,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;QAC9B,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,EAAE,CAAC;YACzD,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC;YAC9B,IAAI,CAAC,GAAG,CAAC,CAAC;YACV,MAAM,GAAG,GAAG,KAAK,CAAC;YAClB,OAAO,CAAC,GAAG,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC;gBACxB,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;oBACb,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAE,CAAC;oBACnB,IAAI,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,SAAS,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,SAAS,EAAE,CAAC;wBAC3D,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,CAAE,GAAG,CAAC,KAAK,CAAC,CAAC,CAAE,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,CAAE,CAAC,GAAG,CAAC,CAAC;oBAC3D,CAAC;gBACH,CAAC;qBAAM,CAAC;oBACN,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;gBACzC,CAAC;YACH,CAAC;YACD,KAAK,GAAG,GAAG,CAAC;QACd,CAAC;QACD,OAAO;YACL,MAAM;YACN,KAAK;YACL,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;SACxB,CAAC;IACJ,CAAC;IAED,MAAM,CAAU,QAAQ,GAAyB;QAC/C,KAAK,EAAE;YACL,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,WAAW;YACnB,IAAI,EAAE,OAAO;SACd;QACD,MAAM,EAAE;YACN,KAAK,EAAE,UAAU;YACjB,SAAS,EAAE,CAAC,KAAe,EAAY,EAAE;gBACvC,OAAO,KAAK,CAAC,MAAM,CACjB,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,2BAA2B,CAAC,GAAG,CAAC,CAAC,EAC1D,EAAc,CACf,CAAC;YACJ,CAAC;YACD,kBAAkB,EAAE,yBAAyB;YAC7C,IAAI,EAAE,CAAC,KAAgC,EAAE,EAAE,CAAC,KAAK,CAAC,MAAO,CAAC,MAAM;YAChE,MAAM,EAAE,YAAY;YACpB,IAAI,EAAE,MAAM;SACb;QACD,KAAK,EAAE;YACL,KAAK,EAAE,EAAE;YACT,IAAI,EAAE,CAAC,KAAgC,EAAE,EAAE,CAAC,KAAK,CAAC,MAAO,CAAC,MAAM;YAChE,MAAM,EAAE,YAAY;YACpB,IAAI,EAAE,OAAO;SACd;KACF,CAAC;IAEF,MAAM,CAAU,OAAO,GAA2B;QAChD,UAAU,EAAE;;;;;;KAMX;QACD,QAAQ,EAAE;;;;;;KAMT;QACD,SAAS,EAAE;;;;KAIV;KACF,CAAC;IAEF,MAAM,CAAC,SAAS,GAAG,CAAC,MAAc,EAAU,EAAE;QAC5C,IAAI,IAAI,GAAG,EAAE,CAAC;QACd,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAChC,IAAI,IAAI,mCAAmC,CAAC,0BAC1C,CAAC,GAAG,CACN,eAAe,CAAC,aAAa,CAAC,GAAG,CAAC,iBAAiB,CAAC;QACtD,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,CAAU,UAAU,GAAG,CAAC,KAAgC,EAAE,EAAE;QAChE,MAAM,MAAM,GAAG,KAAK,CAAC,MAAO,CAAC,MAAM,IAAI,CAAC,CAAC;QACzC,OAAO;;;;;;;;;;QAUH,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;;KAEzB,CAAC;IACJ,CAAC,CAAC"}
|
|
@@ -1,39 +0,0 @@
|
|
|
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 ColorLoop: (amount: number) => string;
|
|
38
|
-
static onColorize: (props: RadialGradientEffectProps) => string;
|
|
39
|
-
}
|
|
@@ -1,116 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* If not stated otherwise in this file or this component's LICENSE file the
|
|
3
|
-
* following copyright and licenses apply:
|
|
4
|
-
*
|
|
5
|
-
* Copyright 2023 Comcast Cable Communications Management, LLC.
|
|
6
|
-
*
|
|
7
|
-
* Licensed under the Apache License, Version 2.0 (the License);
|
|
8
|
-
* you may not use this file except in compliance with the License.
|
|
9
|
-
* You may obtain a copy of the License at
|
|
10
|
-
*
|
|
11
|
-
* http://www.apache.org/licenses/LICENSE-2.0
|
|
12
|
-
*
|
|
13
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
14
|
-
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
15
|
-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
16
|
-
* See the License for the specific language governing permissions and
|
|
17
|
-
* limitations under the License.
|
|
18
|
-
*/
|
|
19
|
-
import { getNormalizedRgbaComponents } from '../../../../lib/utils.js';
|
|
20
|
-
import { updateFloat32ArrayLength2, updateFloat32ArrayLengthN, } from './EffectUtils.js';
|
|
21
|
-
import { ShaderEffect, } from './ShaderEffect.js';
|
|
22
|
-
export class RadialGradientEffect extends ShaderEffect {
|
|
23
|
-
static z$__type__Props;
|
|
24
|
-
name = 'radialGradient';
|
|
25
|
-
static getEffectKey(props) {
|
|
26
|
-
if (props.colors.value) {
|
|
27
|
-
return `radialGradient${props.colors.value
|
|
28
|
-
.length}`;
|
|
29
|
-
}
|
|
30
|
-
return `radialGradient${props.colors.length}`;
|
|
31
|
-
}
|
|
32
|
-
static resolveDefaults(props) {
|
|
33
|
-
const colors = props.colors ?? [0xff000000, 0xffffffff];
|
|
34
|
-
let stops = props.stops || [];
|
|
35
|
-
if (stops.length === 0 || stops.length !== colors.length) {
|
|
36
|
-
const colorsL = colors.length;
|
|
37
|
-
let i = 0;
|
|
38
|
-
const tmp = stops;
|
|
39
|
-
for (; i < colorsL; i++) {
|
|
40
|
-
if (stops[i]) {
|
|
41
|
-
tmp[i] = stops[i];
|
|
42
|
-
if (stops[i - 1] === undefined && tmp[i - 2] !== undefined) {
|
|
43
|
-
tmp[i - 1] = tmp[i - 2] + (stops[i] - tmp[i - 2]) / 2;
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
else {
|
|
47
|
-
tmp[i] = i * (1 / (colors.length - 1));
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
stops = tmp;
|
|
51
|
-
}
|
|
52
|
-
return {
|
|
53
|
-
colors,
|
|
54
|
-
stops,
|
|
55
|
-
width: props.width ?? 0,
|
|
56
|
-
height: props.height ?? props.width ?? 0,
|
|
57
|
-
pivot: props.pivot ?? [0.5, 0.5],
|
|
58
|
-
};
|
|
59
|
-
}
|
|
60
|
-
static uniforms = {
|
|
61
|
-
width: {
|
|
62
|
-
value: 0,
|
|
63
|
-
method: 'uniform1f',
|
|
64
|
-
type: 'float',
|
|
65
|
-
},
|
|
66
|
-
height: {
|
|
67
|
-
value: 0,
|
|
68
|
-
method: 'uniform1f',
|
|
69
|
-
type: 'float',
|
|
70
|
-
},
|
|
71
|
-
pivot: {
|
|
72
|
-
value: [0.5, 0.5],
|
|
73
|
-
updateProgramValue: updateFloat32ArrayLength2,
|
|
74
|
-
method: 'uniform2fv',
|
|
75
|
-
type: 'vec2',
|
|
76
|
-
},
|
|
77
|
-
colors: {
|
|
78
|
-
value: 0xffffffff,
|
|
79
|
-
validator: (rgbas) => {
|
|
80
|
-
return rgbas.reduce((acc, val) => acc.concat(getNormalizedRgbaComponents(val)), []);
|
|
81
|
-
},
|
|
82
|
-
updateProgramValue: updateFloat32ArrayLengthN,
|
|
83
|
-
size: (props) => props.colors.length,
|
|
84
|
-
method: 'uniform4fv',
|
|
85
|
-
type: 'vec4',
|
|
86
|
-
},
|
|
87
|
-
stops: {
|
|
88
|
-
value: [],
|
|
89
|
-
size: (props) => props.colors.length,
|
|
90
|
-
method: 'uniform1fv',
|
|
91
|
-
type: 'float',
|
|
92
|
-
},
|
|
93
|
-
};
|
|
94
|
-
static ColorLoop = (amount) => {
|
|
95
|
-
let loop = '';
|
|
96
|
-
for (let i = 2; i < amount; i++) {
|
|
97
|
-
loop += `colorOut = mix(colorOut, colors[${i}], clamp((dist - stops[${i - 1}]) / (stops[${i}] - stops[${i - 1}]), 0.0, 1.0));`;
|
|
98
|
-
}
|
|
99
|
-
return loop;
|
|
100
|
-
};
|
|
101
|
-
static onColorize = (props) => {
|
|
102
|
-
const colors = props.colors.length || 1;
|
|
103
|
-
return `
|
|
104
|
-
vec2 point = v_textureCoordinate.xy * u_dimensions;
|
|
105
|
-
vec2 projection = vec2(pivot.x * u_dimensions.x, pivot.y * u_dimensions.y);
|
|
106
|
-
|
|
107
|
-
float dist = length((point - projection) / vec2(width, height));
|
|
108
|
-
|
|
109
|
-
float stopCalc = (dist - stops[0]) / (stops[1] - stops[0]);
|
|
110
|
-
vec4 colorOut = mix(colors[0], colors[1], stopCalc);
|
|
111
|
-
${this.ColorLoop(colors)}
|
|
112
|
-
return mix(maskColor, colorOut, clamp(colorOut.a, 0.0, 1.0));
|
|
113
|
-
`;
|
|
114
|
-
};
|
|
115
|
-
}
|
|
116
|
-
//# sourceMappingURL=RadialGradientEffect.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RadialGradientEffect.js","sourceRoot":"","sources":["../../../../../../../src/core/renderers/webgl/shaders/effects/RadialGradientEffect.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import { ShaderEffect, type DefaultEffectProps, type ShaderEffectUniforms } from './ShaderEffect.js';
|
|
2
|
-
/**
|
|
3
|
-
* Properties of the {@link RadialProgressEffect} effect
|
|
4
|
-
*/
|
|
5
|
-
export interface RadialProgressEffectProps extends DefaultEffectProps {
|
|
6
|
-
/**
|
|
7
|
-
* Width of the border in pixels
|
|
8
|
-
*
|
|
9
|
-
* @default 10
|
|
10
|
-
*/
|
|
11
|
-
width?: number;
|
|
12
|
-
/**
|
|
13
|
-
* progress from 0 to 1 in floats
|
|
14
|
-
*
|
|
15
|
-
* @default 0.5;
|
|
16
|
-
*/
|
|
17
|
-
progress?: number;
|
|
18
|
-
/**
|
|
19
|
-
* offset where the radial progress starts drawing.
|
|
20
|
-
*
|
|
21
|
-
* @default 0;
|
|
22
|
-
*/
|
|
23
|
-
offset?: number;
|
|
24
|
-
/**
|
|
25
|
-
* maximum range of the radial progress in radians
|
|
26
|
-
*
|
|
27
|
-
* @default Math.PI * 2
|
|
28
|
-
*/
|
|
29
|
-
range?: number;
|
|
30
|
-
/**
|
|
31
|
-
* rounded ends of the progress bar;
|
|
32
|
-
*
|
|
33
|
-
* @default false
|
|
34
|
-
*/
|
|
35
|
-
rounded?: boolean;
|
|
36
|
-
/**
|
|
37
|
-
* radius from center to outer edge from 0 to 1 in floats;
|
|
38
|
-
*
|
|
39
|
-
* @default 1
|
|
40
|
-
*/
|
|
41
|
-
radius?: number;
|
|
42
|
-
/**
|
|
43
|
-
* Color of the border in 0xRRGGBBAA
|
|
44
|
-
*
|
|
45
|
-
* @default 0xffffffff
|
|
46
|
-
*/
|
|
47
|
-
color?: number;
|
|
48
|
-
}
|
|
49
|
-
/**
|
|
50
|
-
* The RadialProgressEffect renders a border along all edges of an element
|
|
51
|
-
*/
|
|
52
|
-
export declare class RadialProgressEffect extends ShaderEffect {
|
|
53
|
-
static z$__type__Props: RadialProgressEffectProps;
|
|
54
|
-
readonly name = "radialProgress";
|
|
55
|
-
static getEffectKey(): string;
|
|
56
|
-
static resolveDefaults(props: RadialProgressEffectProps): Required<RadialProgressEffectProps>;
|
|
57
|
-
static uniforms: ShaderEffectUniforms;
|
|
58
|
-
static methods: Record<string, string>;
|
|
59
|
-
static onEffectMask: string;
|
|
60
|
-
static onColorize: string;
|
|
61
|
-
}
|
|
@@ -1,127 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* If not stated otherwise in this file or this component's LICENSE file the
|
|
3
|
-
* following copyright and licenses apply:
|
|
4
|
-
*
|
|
5
|
-
* Copyright 2023 Comcast Cable Communications Management, LLC.
|
|
6
|
-
*
|
|
7
|
-
* Licensed under the Apache License, Version 2.0 (the License);
|
|
8
|
-
* you may not use this file except in compliance with the License.
|
|
9
|
-
* You may obtain a copy of the License at
|
|
10
|
-
*
|
|
11
|
-
* http://www.apache.org/licenses/LICENSE-2.0
|
|
12
|
-
*
|
|
13
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
14
|
-
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
15
|
-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
16
|
-
* See the License for the specific language governing permissions and
|
|
17
|
-
* limitations under the License.
|
|
18
|
-
*/
|
|
19
|
-
import { getNormalizedRgbaComponents } from '../../../../lib/utils.js';
|
|
20
|
-
import { updateShaderEffectColor } from './EffectUtils.js';
|
|
21
|
-
import { ShaderEffect, } from './ShaderEffect.js';
|
|
22
|
-
/**
|
|
23
|
-
* The RadialProgressEffect renders a border along all edges of an element
|
|
24
|
-
*/
|
|
25
|
-
export class RadialProgressEffect extends ShaderEffect {
|
|
26
|
-
static z$__type__Props;
|
|
27
|
-
name = 'radialProgress';
|
|
28
|
-
static getEffectKey() {
|
|
29
|
-
return `radialProgress`;
|
|
30
|
-
}
|
|
31
|
-
static resolveDefaults(props) {
|
|
32
|
-
return {
|
|
33
|
-
width: props.width ?? 10,
|
|
34
|
-
progress: props.progress ?? 0.5,
|
|
35
|
-
offset: props.offset ?? 0,
|
|
36
|
-
range: props.range ?? Math.PI * 2,
|
|
37
|
-
rounded: props.rounded ?? false,
|
|
38
|
-
radius: props.radius ?? 1,
|
|
39
|
-
color: props.color ?? 0xffffffff,
|
|
40
|
-
};
|
|
41
|
-
}
|
|
42
|
-
static uniforms = {
|
|
43
|
-
width: {
|
|
44
|
-
value: 0,
|
|
45
|
-
method: 'uniform1f',
|
|
46
|
-
type: 'float',
|
|
47
|
-
},
|
|
48
|
-
progress: {
|
|
49
|
-
value: 0.5,
|
|
50
|
-
method: 'uniform1f',
|
|
51
|
-
type: 'float',
|
|
52
|
-
},
|
|
53
|
-
offset: {
|
|
54
|
-
value: 0,
|
|
55
|
-
method: 'uniform1f',
|
|
56
|
-
type: 'float',
|
|
57
|
-
},
|
|
58
|
-
range: {
|
|
59
|
-
value: 0,
|
|
60
|
-
method: 'uniform1f',
|
|
61
|
-
type: 'float',
|
|
62
|
-
},
|
|
63
|
-
rounded: {
|
|
64
|
-
value: 0,
|
|
65
|
-
method: 'uniform1f',
|
|
66
|
-
type: 'float',
|
|
67
|
-
validator: (value) => {
|
|
68
|
-
return value ? 1 : 0;
|
|
69
|
-
},
|
|
70
|
-
},
|
|
71
|
-
radius: {
|
|
72
|
-
value: 1,
|
|
73
|
-
method: 'uniform1f',
|
|
74
|
-
type: 'float',
|
|
75
|
-
},
|
|
76
|
-
color: {
|
|
77
|
-
value: 0xffffffff,
|
|
78
|
-
updateProgramValue: updateShaderEffectColor,
|
|
79
|
-
method: 'uniform4fv',
|
|
80
|
-
type: 'vec4',
|
|
81
|
-
},
|
|
82
|
-
};
|
|
83
|
-
static methods = {
|
|
84
|
-
rotateUV: `
|
|
85
|
-
vec2 function(vec2 uv, float d) {
|
|
86
|
-
float s = sin(d);
|
|
87
|
-
float c = cos(d);
|
|
88
|
-
mat2 rotMatrix = mat2(c, -s, s, c);
|
|
89
|
-
return uv * rotMatrix;
|
|
90
|
-
}
|
|
91
|
-
`,
|
|
92
|
-
drawDot: `
|
|
93
|
-
float function(vec2 uv, vec2 p, float r) {
|
|
94
|
-
uv += p;
|
|
95
|
-
float circle = length(uv) - r;
|
|
96
|
-
return clamp(-circle, 0.0, 1.0);
|
|
97
|
-
}
|
|
98
|
-
`,
|
|
99
|
-
};
|
|
100
|
-
static onEffectMask = `
|
|
101
|
-
float outerRadius = radius * u_dimensions.y * 0.5;
|
|
102
|
-
|
|
103
|
-
float endAngle = range * progress - 0.0005;
|
|
104
|
-
|
|
105
|
-
vec2 uv = v_textureCoordinate.xy * u_dimensions.xy - u_dimensions * 0.5;
|
|
106
|
-
|
|
107
|
-
uv = $rotateUV(uv, -(offset));
|
|
108
|
-
float linewidth = width * u_pixelRatio;
|
|
109
|
-
float circle = length(uv) - (outerRadius - linewidth) ;
|
|
110
|
-
circle = abs(circle) - linewidth;
|
|
111
|
-
circle = clamp(-circle, 0.0, 1.0);
|
|
112
|
-
|
|
113
|
-
float angle = (atan(uv.x, -uv.y) / 3.14159265359 * 0.5);
|
|
114
|
-
float p = endAngle / (PI * 2.);
|
|
115
|
-
|
|
116
|
-
circle *= step(fract(angle), fract(p));
|
|
117
|
-
|
|
118
|
-
circle = rounded < 1. ? circle : max(circle, $drawDot(uv, vec2(0, outerRadius - linewidth), linewidth));
|
|
119
|
-
circle = rounded < 1. ? circle : max(circle, $drawDot($rotateUV(uv, -(endAngle)), vec2(0, outerRadius - linewidth), linewidth));
|
|
120
|
-
|
|
121
|
-
return mix(shaderColor, maskColor, circle);
|
|
122
|
-
`;
|
|
123
|
-
static onColorize = `
|
|
124
|
-
return color;
|
|
125
|
-
`;
|
|
126
|
-
}
|
|
127
|
-
//# sourceMappingURL=RadialProgressEffect.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RadialProgressEffect.js","sourceRoot":"","sources":["../../../../../../../src/core/renderers/webgl/shaders/effects/RadialProgressEffect.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EACL,YAAY,GAGb,MAAM,mBAAmB,CAAC;AAkD3B;;GAEG;AACH,MAAM,OAAO,oBAAqB,SAAQ,YAAY;IACpD,MAAM,CAAC,eAAe,CAA4B;IAChC,IAAI,GAAG,gBAAgB,CAAC;IAE1C,MAAM,CAAU,YAAY;QAC1B,OAAO,gBAAgB,CAAC;IAC1B,CAAC;IAED,MAAM,CAAU,eAAe,CAC7B,KAAgC;QAEhC,OAAO;YACL,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE;YACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,GAAG;YAC/B,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,CAAC;YACzB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC,EAAE,GAAG,CAAC;YACjC,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK;YAC/B,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,CAAC;YACzB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,UAAU;SACjC,CAAC;IACJ,CAAC;IAED,MAAM,CAAU,QAAQ,GAAyB;QAC/C,KAAK,EAAE;YACL,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,WAAW;YACnB,IAAI,EAAE,OAAO;SACd;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,WAAW;YACnB,IAAI,EAAE,OAAO;SACd;QACD,MAAM,EAAE;YACN,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,WAAW;YACnB,IAAI,EAAE,OAAO;SACd;QACD,KAAK,EAAE;YACL,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,WAAW;YACnB,IAAI,EAAE,OAAO;SACd;QACD,OAAO,EAAE;YACP,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,WAAW;YACnB,IAAI,EAAE,OAAO;YACb,SAAS,EAAE,CAAC,KAAc,EAAU,EAAE;gBACpC,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACvB,CAAC;SACF;QACD,MAAM,EAAE;YACN,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,WAAW;YACnB,IAAI,EAAE,OAAO;SACd;QACD,KAAK,EAAE;YACL,KAAK,EAAE,UAAU;YACjB,kBAAkB,EAAE,uBAAuB;YAC3C,MAAM,EAAE,YAAY;YACpB,IAAI,EAAE,MAAM;SACb;KACF,CAAC;IAEF,MAAM,CAAU,OAAO,GAA2B;QAChD,QAAQ,EAAE;;;;;;;KAOT;QACD,OAAO,EAAE;;;;;;KAMR;KACF,CAAC;IAEF,MAAM,CAAU,YAAY,GAAG;;;;;;;;;;;;;;;;;;;;;;GAsB9B,CAAC;IAEF,MAAM,CAAU,UAAU,GAAG;;GAE5B,CAAC"}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { ShaderEffect, type DefaultEffectProps, type ShaderEffectUniforms } from './ShaderEffect.js';
|
|
2
|
-
/**
|
|
3
|
-
* Properties of the {@link RadiusEffect} shader
|
|
4
|
-
*/
|
|
5
|
-
export interface RadiusEffectProps extends DefaultEffectProps {
|
|
6
|
-
/**
|
|
7
|
-
* Corner radius, in pixels, to cut out of the corners
|
|
8
|
-
*
|
|
9
|
-
* @remarks
|
|
10
|
-
* You can input an array with a length of up to four or a number.
|
|
11
|
-
*
|
|
12
|
-
* array length 4:
|
|
13
|
-
* [topLeft, topRight, bottomRight, bottomLeft]
|
|
14
|
-
*
|
|
15
|
-
* array length 2:
|
|
16
|
-
* [20, 40] -> [20(topLeft), 40(topRight), 20(bottomRight), 40(bottomLeft)]
|
|
17
|
-
*
|
|
18
|
-
* array length 3:
|
|
19
|
-
* [20, 40, 60] -> [20(topLeft), 40(topRight), 60(bottomRight), 20(bottomLeft)]
|
|
20
|
-
*
|
|
21
|
-
* number:
|
|
22
|
-
* 30 -> [30, 30, 30, 30]
|
|
23
|
-
*
|
|
24
|
-
* @default 10
|
|
25
|
-
*/
|
|
26
|
-
radius?: number | number[];
|
|
27
|
-
}
|
|
28
|
-
/**
|
|
29
|
-
* Masks the current maskcolor with rounded corners similar to {@link RoundedRectangle}
|
|
30
|
-
*/
|
|
31
|
-
export declare class RadiusEffect extends ShaderEffect {
|
|
32
|
-
static z$__type__Props: RadiusEffectProps;
|
|
33
|
-
readonly name = "radius";
|
|
34
|
-
static getEffectKey(): string;
|
|
35
|
-
static uniforms: ShaderEffectUniforms;
|
|
36
|
-
static methods: Record<string, string>;
|
|
37
|
-
static resolveDefaults(props: RadiusEffectProps): Required<RadiusEffectProps>;
|
|
38
|
-
static onShaderMask: string;
|
|
39
|
-
static onEffectMask: string;
|
|
40
|
-
}
|