@lightningjs/renderer 3.0.0-beta6 → 3.0.0-beta8
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 +147 -147
- 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/src/core/CoreNode.d.ts +33 -49
- package/dist/src/core/CoreNode.js +268 -255
- package/dist/src/core/CoreNode.js.map +1 -1
- package/dist/src/core/CoreTextNode.d.ts +1 -1
- package/dist/src/core/CoreTextNode.js +14 -15
- package/dist/src/core/CoreTextNode.js.map +1 -1
- package/dist/src/core/CoreTextureManager.js +11 -4
- package/dist/src/core/CoreTextureManager.js.map +1 -1
- package/dist/src/core/Stage.d.ts +27 -26
- package/dist/src/core/Stage.js +88 -36
- package/dist/src/core/Stage.js.map +1 -1
- package/dist/src/core/TextureMemoryManager.d.ts +9 -0
- package/dist/src/core/TextureMemoryManager.js +78 -48
- package/dist/src/core/TextureMemoryManager.js.map +1 -1
- package/dist/src/core/animations/CoreAnimation.js +5 -0
- package/dist/src/core/animations/CoreAnimation.js.map +1 -1
- package/dist/src/core/animations/CoreAnimationController.d.ts +1 -0
- package/dist/src/core/animations/CoreAnimationController.js +7 -1
- package/dist/src/core/animations/CoreAnimationController.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/utils.d.ts +1 -0
- package/dist/src/core/lib/utils.js +3 -0
- package/dist/src/core/lib/utils.js.map +1 -1
- package/dist/src/core/renderers/CoreRenderer.d.ts +1 -0
- package/dist/src/core/renderers/CoreRenderer.js.map +1 -1
- package/dist/src/core/renderers/CoreShaderNode.d.ts +1 -0
- package/dist/src/core/renderers/CoreShaderNode.js +9 -0
- package/dist/src/core/renderers/CoreShaderNode.js.map +1 -1
- package/dist/src/core/renderers/canvas/CanvasRenderer.d.ts +1 -0
- package/dist/src/core/renderers/canvas/CanvasRenderer.js +3 -0
- package/dist/src/core/renderers/canvas/CanvasRenderer.js.map +1 -1
- package/dist/src/core/renderers/canvas/CanvasShaderNode.js +1 -4
- package/dist/src/core/renderers/canvas/CanvasShaderNode.js.map +1 -1
- package/dist/src/core/renderers/webgl/WebGlCtxTexture.js +0 -3
- package/dist/src/core/renderers/webgl/WebGlCtxTexture.js.map +1 -1
- package/dist/src/core/renderers/webgl/WebGlRenderer.d.ts +2 -2
- package/dist/src/core/renderers/webgl/WebGlRenderer.js +57 -57
- package/dist/src/core/renderers/webgl/WebGlRenderer.js.map +1 -1
- package/dist/src/core/renderers/webgl/WebGlShaderNode.js +1 -4
- package/dist/src/core/renderers/webgl/WebGlShaderNode.js.map +1 -1
- package/dist/src/core/renderers/webgl/internal/ShaderUtils.js +35 -35
- package/dist/src/core/shaders/canvas/LinearGradient.js +5 -3
- package/dist/src/core/shaders/canvas/LinearGradient.js.map +1 -1
- package/dist/src/core/shaders/canvas/RadialGradient.js +13 -11
- package/dist/src/core/shaders/canvas/RadialGradient.js.map +1 -1
- package/dist/src/core/shaders/canvas/RoundedWithBorder.js +7 -5
- package/dist/src/core/shaders/canvas/RoundedWithBorder.js.map +1 -1
- package/dist/src/core/shaders/canvas/RoundedWithBorderAndShadow.js +10 -8
- package/dist/src/core/shaders/canvas/RoundedWithBorderAndShadow.js.map +1 -1
- package/dist/src/core/shaders/canvas/RoundedWithShadow.js +7 -5
- package/dist/src/core/shaders/canvas/RoundedWithShadow.js.map +1 -1
- package/dist/src/core/shaders/templates/BorderTemplate.d.ts +1 -1
- package/dist/src/core/shaders/templates/BorderTemplate.js +1 -1
- package/dist/src/core/shaders/templates/BorderTemplate.js.map +1 -1
- package/dist/src/core/shaders/templates/HolePunchTemplate.js +1 -1
- package/dist/src/core/shaders/templates/HolePunchTemplate.js.map +1 -1
- package/dist/src/core/shaders/templates/RoundedTemplate.js +1 -1
- package/dist/src/core/shaders/templates/RoundedTemplate.js.map +1 -1
- package/dist/src/core/shaders/templates/RoundedWithBorderAndShadowTemplate.d.ts +1 -1
- package/dist/src/core/shaders/templates/RoundedWithBorderTemplate.d.ts +1 -1
- package/dist/src/core/shaders/templates/RoundedWithShadowTemplate.d.ts +1 -1
- package/dist/src/core/shaders/templates/ShadowTemplate.d.ts +1 -1
- package/dist/src/core/shaders/{templates/shaderUtils.d.ts → utils.d.ts} +1 -1
- package/dist/src/core/shaders/{templates/shaderUtils.js → utils.js} +2 -2
- package/dist/src/core/shaders/utils.js.map +1 -0
- 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 +36 -35
- package/dist/src/core/shaders/webgl/HolePunch.js.map +1 -1
- package/dist/src/core/shaders/webgl/LinearGradient.js +41 -40
- package/dist/src/core/shaders/webgl/LinearGradient.js.map +1 -1
- package/dist/src/core/shaders/webgl/RadialGradient.js +39 -38
- package/dist/src/core/shaders/webgl/RadialGradient.js.map +1 -1
- package/dist/src/core/shaders/webgl/Rounded.js +71 -71
- package/dist/src/core/shaders/webgl/RoundedWithBorder.js +111 -100
- package/dist/src/core/shaders/webgl/RoundedWithBorder.js.map +1 -1
- package/dist/src/core/shaders/webgl/RoundedWithBorderAndShadow.js +136 -123
- package/dist/src/core/shaders/webgl/RoundedWithBorderAndShadow.js.map +1 -1
- 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/renderers/SdfTextRenderer/SdfTextRenderer.js +0 -50
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.js.map +1 -1
- package/dist/src/core/textures/ImageTexture.d.ts +1 -1
- package/dist/src/core/textures/ImageTexture.js +6 -1
- package/dist/src/core/textures/ImageTexture.js.map +1 -1
- package/dist/src/core/textures/Texture.d.ts +8 -0
- package/dist/src/core/textures/Texture.js +13 -0
- package/dist/src/core/textures/Texture.js.map +1 -1
- package/dist/src/core/utils.d.ts +1 -1
- package/dist/src/main-api/Inspector.d.ts +6 -1
- package/dist/src/main-api/Inspector.js +42 -4
- package/dist/src/main-api/Inspector.js.map +1 -1
- package/dist/src/main-api/Renderer.d.ts +62 -43
- package/dist/src/main-api/Renderer.js +119 -31
- package/dist/src/main-api/Renderer.js.map +1 -1
- package/dist/tsconfig.dist.tsbuildinfo +1 -1
- package/exports/canvas-shaders.ts +28 -28
- package/exports/canvas.ts +45 -45
- package/exports/index.ts +90 -90
- package/exports/inspector.ts +24 -24
- package/exports/utils.ts +50 -44
- package/exports/webgl-shaders.ts +28 -28
- package/exports/webgl.ts +50 -50
- package/package.json +1 -2
- 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 +2483 -2469
- package/src/core/CoreShaderManager.ts +188 -188
- package/src/core/CoreTextNode.ts +451 -448
- package/src/core/CoreTextureManager.ts +608 -600
- package/src/core/Stage.ts +800 -751
- package/src/core/TextureMemoryManager.ts +435 -394
- package/src/core/animations/AnimationManager.ts +38 -38
- package/src/core/animations/CoreAnimation.ts +291 -284
- package/src/core/animations/CoreAnimationController.ts +164 -157
- 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 -71
- package/src/core/lib/WebGlContextWrapper.ts +1374 -1374
- package/src/core/lib/textureCompression.ts +152 -152
- package/src/core/lib/textureSvg.ts +78 -78
- package/src/core/lib/utils.ts +390 -386
- package/src/core/lib/validateImageBitmap.ts +87 -87
- package/src/core/platforms/Platform.ts +77 -77
- package/src/core/platforms/web/WebPlatform.ts +84 -84
- package/src/core/renderers/CoreContextTexture.ts +43 -43
- package/src/core/renderers/CoreRenderOp.ts +22 -22
- package/src/core/renderers/CoreRenderer.ts +110 -109
- package/src/core/renderers/CoreShaderNode.ts +175 -165
- package/src/core/renderers/CoreShaderProgram.ts +23 -23
- package/src/core/renderers/canvas/CanvasRenderer.ts +302 -298
- package/src/core/renderers/canvas/CanvasShaderNode.ts +96 -99
- package/src/core/renderers/canvas/CanvasTexture.ts +156 -156
- package/src/core/renderers/canvas/internal/C2DShaderUtils.ts +220 -220
- package/src/core/renderers/canvas/internal/ColorUtils.ts +85 -85
- package/src/core/renderers/webgl/WebGlCtxRenderTexture.ts +86 -86
- package/src/core/renderers/webgl/WebGlCtxSubTexture.ts +50 -50
- package/src/core/renderers/webgl/WebGlCtxTexture.ts +298 -301
- package/src/core/renderers/webgl/WebGlRenderOp.ts +161 -161
- package/src/core/renderers/webgl/WebGlRenderer.ts +747 -750
- package/src/core/renderers/webgl/WebGlShaderNode.ts +435 -437
- package/src/core/renderers/webgl/WebGlShaderProgram.ts +318 -318
- 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 -281
- package/src/core/renderers/webgl/internal/WebGlUtils.ts +35 -35
- package/src/core/shaders/canvas/Border.ts +78 -78
- package/src/core/shaders/canvas/HolePunch.ts +62 -62
- package/src/core/shaders/canvas/LinearGradient.ts +71 -69
- package/src/core/shaders/canvas/RadialGradient.ts +99 -113
- package/src/core/shaders/canvas/Rounded.ts +55 -55
- package/src/core/shaders/canvas/RoundedWithBorder.ts +74 -72
- package/src/core/shaders/canvas/RoundedWithBorderAndShadow.ts +90 -88
- package/src/core/shaders/canvas/RoundedWithShadow.ts +70 -69
- package/src/core/shaders/canvas/Shadow.ts +52 -52
- package/src/core/shaders/canvas/utils/render.ts +151 -151
- package/src/core/shaders/templates/BorderTemplate.ts +115 -115
- package/src/core/shaders/templates/HolePunchTemplate.ts +82 -82
- package/src/core/shaders/templates/LinearGradientTemplate.ts +71 -71
- package/src/core/shaders/templates/RadialGradientTemplate.ts +81 -81
- package/src/core/shaders/templates/RoundedTemplate.ts +98 -98
- package/src/core/shaders/templates/RoundedWithBorderAndShadowTemplate.ts +38 -38
- package/src/core/shaders/templates/RoundedWithBorderTemplate.ts +35 -35
- package/src/core/shaders/templates/RoundedWithShadowTemplate.ts +35 -35
- package/src/core/shaders/templates/ShadowTemplate.ts +106 -106
- package/src/core/shaders/{templates/shaderUtils.ts → utils.ts} +46 -47
- package/src/core/shaders/webgl/Border.ts +116 -116
- package/src/core/shaders/webgl/Default.ts +89 -89
- package/src/core/shaders/webgl/DefaultBatched.ts +129 -129
- package/src/core/shaders/webgl/HolePunch.ts +75 -78
- package/src/core/shaders/webgl/LinearGradient.ts +82 -81
- package/src/core/shaders/webgl/RadialGradient.ts +85 -84
- package/src/core/shaders/webgl/Rounded.ts +117 -117
- package/src/core/shaders/webgl/RoundedWithBorder.ts +155 -144
- package/src/core/shaders/webgl/RoundedWithBorderAndShadow.ts +175 -166
- package/src/core/shaders/webgl/RoundedWithShadow.ts +98 -98
- package/src/core/shaders/webgl/SdfShader.ts +134 -134
- package/src/core/shaders/webgl/Shadow.ts +115 -115
- package/src/core/text-rendering/TextRenderingUtils.ts +36 -36
- package/src/core/text-rendering/TextTextureRendererUtils.ts +263 -263
- package/src/core/text-rendering/TrFontManager.ts +183 -183
- package/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.ts +176 -176
- package/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/FontShaper.ts +139 -139
- package/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.test.ts +173 -173
- package/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.ts +171 -171
- package/src/core/text-rendering/font-face-types/TrFontFace.ts +187 -187
- package/src/core/text-rendering/font-face-types/WebTrFontFace.ts +94 -94
- package/src/core/text-rendering/font-face-types/utils.ts +39 -39
- package/src/core/text-rendering/renderers/CanvasTextRenderer.ts +514 -514
- package/src/core/text-rendering/renderers/LightningTextTextureRenderer.ts +863 -863
- package/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.ts +793 -849
- package/src/core/text-rendering/renderers/SdfTextRenderer/internal/PeekableGenerator.test.ts +48 -48
- package/src/core/text-rendering/renderers/SdfTextRenderer/internal/PeekableGenerator.ts +66 -66
- package/src/core/text-rendering/renderers/SdfTextRenderer/internal/SpecialCodepoints.ts +52 -52
- package/src/core/text-rendering/renderers/SdfTextRenderer/internal/constants.ts +32 -32
- package/src/core/text-rendering/renderers/SdfTextRenderer/internal/getStartConditions.ts +117 -117
- package/src/core/text-rendering/renderers/SdfTextRenderer/internal/getUnicodeCodepoints.test.ts +133 -133
- package/src/core/text-rendering/renderers/SdfTextRenderer/internal/getUnicodeCodepoints.ts +38 -38
- package/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.ts +497 -497
- package/src/core/text-rendering/renderers/SdfTextRenderer/internal/measureText.test.ts +49 -49
- package/src/core/text-rendering/renderers/SdfTextRenderer/internal/measureText.ts +52 -52
- package/src/core/text-rendering/renderers/SdfTextRenderer/internal/setRenderWindow.test.ts +205 -205
- package/src/core/text-rendering/renderers/SdfTextRenderer/internal/setRenderWindow.ts +93 -93
- package/src/core/text-rendering/renderers/SdfTextRenderer/internal/util.ts +40 -40
- package/src/core/text-rendering/renderers/TextRenderer.ts +567 -567
- package/src/core/textures/ColorTexture.ts +102 -102
- package/src/core/textures/ImageTexture.ts +418 -410
- 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 +372 -358
- package/src/core/utils.ts +227 -227
- package/src/env.d.ts +7 -7
- package/src/main-api/INode.ts +100 -100
- package/src/main-api/Inspector.ts +569 -522
- package/src/main-api/Renderer.ts +818 -673
- package/src/main-api/utils.ts +45 -45
- package/src/utils.ts +267 -267
- package/dist/exports/core-api.d.ts +0 -74
- package/dist/exports/core-api.js +0 -96
- package/dist/exports/core-api.js.map +0 -1
- package/dist/exports/main-api.d.ts +0 -30
- package/dist/exports/main-api.js +0 -45
- package/dist/exports/main-api.js.map +0 -1
- package/dist/src/core/CoreExtension.d.ts +0 -12
- package/dist/src/core/CoreExtension.js +0 -29
- package/dist/src/core/CoreExtension.js.map +0 -1
- package/dist/src/core/CoreStuff.d.ts +0 -1
- package/dist/src/core/CoreStuff.js +0 -138
- package/dist/src/core/CoreStuff.js.map +0 -1
- package/dist/src/core/CoreTexturizer.d.ts +0 -14
- package/dist/src/core/CoreTexturizer.js +0 -47
- package/dist/src/core/CoreTexturizer.js.map +0 -1
- package/dist/src/core/LngNode.d.ts +0 -736
- package/dist/src/core/LngNode.js +0 -1174
- package/dist/src/core/LngNode.js.map +0 -1
- package/dist/src/core/Matrix2DContext.d.ts +0 -15
- package/dist/src/core/Matrix2DContext.js +0 -45
- package/dist/src/core/Matrix2DContext.js.map +0 -1
- package/dist/src/core/ShaderNode.d.ts +0 -10
- package/dist/src/core/ShaderNode.js +0 -30
- package/dist/src/core/ShaderNode.js.map +0 -1
- package/dist/src/core/TextNode.d.ts +0 -103
- package/dist/src/core/TextNode.js +0 -331
- package/dist/src/core/TextNode.js.map +0 -1
- package/dist/src/core/lib/Coords.d.ts +0 -14
- package/dist/src/core/lib/Coords.js +0 -55
- package/dist/src/core/lib/Coords.js.map +0 -1
- package/dist/src/core/lib/glm/common.d.ts +0 -162
- package/dist/src/core/lib/glm/common.js +0 -81
- package/dist/src/core/lib/glm/common.js.map +0 -1
- package/dist/src/core/lib/glm/index.d.ts +0 -11
- package/dist/src/core/lib/glm/index.js +0 -30
- package/dist/src/core/lib/glm/index.js.map +0 -1
- package/dist/src/core/lib/glm/mat2.d.ts +0 -219
- package/dist/src/core/lib/glm/mat2.js +0 -396
- package/dist/src/core/lib/glm/mat2.js.map +0 -1
- package/dist/src/core/lib/glm/mat2d.d.ts +0 -237
- package/dist/src/core/lib/glm/mat2d.js +0 -442
- package/dist/src/core/lib/glm/mat2d.js.map +0 -1
- package/dist/src/core/lib/glm/mat3.d.ts +0 -283
- package/dist/src/core/lib/glm/mat3.js +0 -680
- package/dist/src/core/lib/glm/mat3.js.map +0 -1
- package/dist/src/core/lib/glm/mat4.d.ts +0 -550
- package/dist/src/core/lib/glm/mat4.js +0 -1802
- package/dist/src/core/lib/glm/mat4.js.map +0 -1
- package/dist/src/core/lib/glm/quat.d.ts +0 -363
- package/dist/src/core/lib/glm/quat.js +0 -693
- package/dist/src/core/lib/glm/quat.js.map +0 -1
- package/dist/src/core/lib/glm/quat2.d.ts +0 -356
- package/dist/src/core/lib/glm/quat2.js +0 -754
- package/dist/src/core/lib/glm/quat2.js.map +0 -1
- package/dist/src/core/lib/glm/vec2.d.ts +0 -365
- package/dist/src/core/lib/glm/vec2.js +0 -569
- package/dist/src/core/lib/glm/vec2.js.map +0 -1
- package/dist/src/core/lib/glm/vec3.d.ts +0 -406
- package/dist/src/core/lib/glm/vec3.js +0 -720
- package/dist/src/core/lib/glm/vec3.js.map +0 -1
- package/dist/src/core/lib/glm/vec4.d.ts +0 -330
- package/dist/src/core/lib/glm/vec4.js +0 -608
- package/dist/src/core/lib/glm/vec4.js.map +0 -1
- package/dist/src/core/platform.d.ts +0 -10
- package/dist/src/core/platform.js +0 -56
- package/dist/src/core/platform.js.map +0 -1
- package/dist/src/core/renderers/CoreShader.d.ts +0 -9
- package/dist/src/core/renderers/CoreShader.js +0 -28
- package/dist/src/core/renderers/CoreShader.js.map +0 -1
- package/dist/src/core/renderers/CoreShaderManager.d.ts +0 -19
- package/dist/src/core/renderers/CoreShaderManager.js +0 -33
- package/dist/src/core/renderers/CoreShaderManager.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 -123
- 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 -55
- 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 -57
- package/dist/src/core/renderers/webgl/WebGlCoreCtxTexture.js +0 -227
- 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 -613
- 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 -231
- package/dist/src/core/renderers/webgl/WebGlCoreShader.js.map +0 -1
- package/dist/src/core/renderers/webgl/WebGlCoreShaderManager.d.ts +0 -27
- package/dist/src/core/renderers/webgl/WebGlCoreShaderManager.js +0 -82
- package/dist/src/core/renderers/webgl/WebGlCoreShaderManager.js.map +0 -1
- package/dist/src/core/renderers/webgl/WebGlCoreShaderProgram.d.ts +0 -11
- package/dist/src/core/renderers/webgl/WebGlCoreShaderProgram.js +0 -34
- package/dist/src/core/renderers/webgl/WebGlCoreShaderProgram.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/scene/Scene.d.ts +0 -59
- package/dist/src/core/scene/Scene.js +0 -106
- package/dist/src/core/scene/Scene.js.map +0 -1
- package/dist/src/core/shaders/templates/shaderUtils.js.map +0 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/makeRenderWindow.d.ts +0 -20
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/makeRenderWindow.js +0 -55
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/makeRenderWindow.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/ICoreDriver.d.ts +0 -27
- package/dist/src/main-api/ICoreDriver.js +0 -20
- package/dist/src/main-api/ICoreDriver.js.map +0 -1
- package/dist/src/main-api/IRenderDriver.d.ts +0 -20
- package/dist/src/main-api/IRenderDriver.js +0 -20
- package/dist/src/main-api/IRenderDriver.js.map +0 -1
- package/dist/src/main-api/IShaderController.d.ts +0 -14
- package/dist/src/main-api/IShaderController.js +0 -30
- package/dist/src/main-api/IShaderController.js.map +0 -1
- package/dist/src/main-api/IShaderNode.d.ts +0 -17
- package/dist/src/main-api/IShaderNode.js +0 -19
- package/dist/src/main-api/IShaderNode.js.map +0 -1
- package/dist/src/main-api/RendererMain.d.ts +0 -375
- package/dist/src/main-api/RendererMain.js +0 -365
- package/dist/src/main-api/RendererMain.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/dist/src/main-api/texture-usage-trackers/FinalizationRegistryTextureUsageTracker.d.ts +0 -9
- package/dist/src/main-api/texture-usage-trackers/FinalizationRegistryTextureUsageTracker.js +0 -38
- package/dist/src/main-api/texture-usage-trackers/FinalizationRegistryTextureUsageTracker.js.map +0 -1
- package/dist/src/main-api/texture-usage-trackers/ManualCountTextureUsageTracker.d.ts +0 -56
- package/dist/src/main-api/texture-usage-trackers/ManualCountTextureUsageTracker.js +0 -101
- package/dist/src/main-api/texture-usage-trackers/ManualCountTextureUsageTracker.js.map +0 -1
- package/dist/src/main-api/texture-usage-trackers/TextureUsageTracker.d.ts +0 -32
- package/dist/src/main-api/texture-usage-trackers/TextureUsageTracker.js +0 -28
- package/dist/src/main-api/texture-usage-trackers/TextureUsageTracker.js.map +0 -1
- package/dist/src/render-drivers/main/MainCoreDriver.d.ts +0 -24
- package/dist/src/render-drivers/main/MainCoreDriver.js +0 -118
- package/dist/src/render-drivers/main/MainCoreDriver.js.map +0 -1
- package/dist/src/render-drivers/main/MainOnlyNode.d.ts +0 -99
- package/dist/src/render-drivers/main/MainOnlyNode.js +0 -396
- package/dist/src/render-drivers/main/MainOnlyNode.js.map +0 -1
- package/dist/src/render-drivers/main/MainOnlyShaderController.d.ts +0 -6
- package/dist/src/render-drivers/main/MainOnlyShaderController.js +0 -15
- package/dist/src/render-drivers/main/MainOnlyShaderController.js.map +0 -1
- package/dist/src/render-drivers/main/MainOnlyShaderNode.d.ts +0 -7
- package/dist/src/render-drivers/main/MainOnlyShaderNode.js +0 -34
- package/dist/src/render-drivers/main/MainOnlyShaderNode.js.map +0 -1
- package/dist/src/render-drivers/main/MainOnlyTextNode.d.ts +0 -47
- package/dist/src/render-drivers/main/MainOnlyTextNode.js +0 -205
- package/dist/src/render-drivers/main/MainOnlyTextNode.js.map +0 -1
- package/dist/src/render-drivers/main/MainRenderDriver.d.ts +0 -17
- package/dist/src/render-drivers/main/MainRenderDriver.js +0 -88
- package/dist/src/render-drivers/main/MainRenderDriver.js.map +0 -1
- package/dist/src/render-drivers/threadx/NodeStruct.d.ts +0 -90
- package/dist/src/render-drivers/threadx/NodeStruct.js +0 -281
- package/dist/src/render-drivers/threadx/NodeStruct.js.map +0 -1
- package/dist/src/render-drivers/threadx/SharedNode.d.ts +0 -39
- package/dist/src/render-drivers/threadx/SharedNode.js +0 -60
- package/dist/src/render-drivers/threadx/SharedNode.js.map +0 -1
- package/dist/src/render-drivers/threadx/TextNodeStruct.d.ts +0 -44
- package/dist/src/render-drivers/threadx/TextNodeStruct.js +0 -201
- package/dist/src/render-drivers/threadx/TextNodeStruct.js.map +0 -1
- package/dist/src/render-drivers/threadx/ThreadXCoreDriver.d.ts +0 -28
- package/dist/src/render-drivers/threadx/ThreadXCoreDriver.js +0 -234
- package/dist/src/render-drivers/threadx/ThreadXCoreDriver.js.map +0 -1
- package/dist/src/render-drivers/threadx/ThreadXMainAnimationController.d.ts +0 -20
- package/dist/src/render-drivers/threadx/ThreadXMainAnimationController.js +0 -84
- package/dist/src/render-drivers/threadx/ThreadXMainAnimationController.js.map +0 -1
- package/dist/src/render-drivers/threadx/ThreadXMainNode.d.ts +0 -44
- package/dist/src/render-drivers/threadx/ThreadXMainNode.js +0 -154
- package/dist/src/render-drivers/threadx/ThreadXMainNode.js.map +0 -1
- package/dist/src/render-drivers/threadx/ThreadXMainShaderController.d.ts +0 -6
- package/dist/src/render-drivers/threadx/ThreadXMainShaderController.js +0 -16
- package/dist/src/render-drivers/threadx/ThreadXMainShaderController.js.map +0 -1
- package/dist/src/render-drivers/threadx/ThreadXMainShaderNode.d.ts +0 -7
- package/dist/src/render-drivers/threadx/ThreadXMainShaderNode.js +0 -15
- package/dist/src/render-drivers/threadx/ThreadXMainShaderNode.js.map +0 -1
- package/dist/src/render-drivers/threadx/ThreadXMainTextNode.d.ts +0 -28
- package/dist/src/render-drivers/threadx/ThreadXMainTextNode.js +0 -55
- package/dist/src/render-drivers/threadx/ThreadXMainTextNode.js.map +0 -1
- package/dist/src/render-drivers/threadx/ThreadXRenderDriver.d.ts +0 -21
- package/dist/src/render-drivers/threadx/ThreadXRenderDriver.js +0 -198
- package/dist/src/render-drivers/threadx/ThreadXRenderDriver.js.map +0 -1
- package/dist/src/render-drivers/threadx/ThreadXRendererMessage.d.ts +0 -70
- package/dist/src/render-drivers/threadx/ThreadXRendererMessage.js +0 -32
- package/dist/src/render-drivers/threadx/ThreadXRendererMessage.js.map +0 -1
- package/dist/src/render-drivers/threadx/worker/ThreadXRendererNode.d.ts +0 -19
- package/dist/src/render-drivers/threadx/worker/ThreadXRendererNode.js +0 -177
- package/dist/src/render-drivers/threadx/worker/ThreadXRendererNode.js.map +0 -1
- package/dist/src/render-drivers/threadx/worker/ThreadXRendererTextNode.d.ts +0 -27
- package/dist/src/render-drivers/threadx/worker/ThreadXRendererTextNode.js +0 -108
- package/dist/src/render-drivers/threadx/worker/ThreadXRendererTextNode.js.map +0 -1
- package/dist/src/render-drivers/threadx/worker/renderer.d.ts +0 -1
- package/dist/src/render-drivers/threadx/worker/renderer.js +0 -145
- package/dist/src/render-drivers/threadx/worker/renderer.js.map +0 -1
- package/dist/src/render-drivers/utils.d.ts +0 -12
- package/dist/src/render-drivers/utils.js +0 -69
- package/dist/src/render-drivers/utils.js.map +0 -1
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { ShaderEffect, type DefaultEffectProps, type ShaderEffectUniforms } from './ShaderEffect.js';
|
|
2
|
-
/**
|
|
3
|
-
* Properties of the {@link GrayscaleEffect} effect
|
|
4
|
-
*/
|
|
5
|
-
export interface GrayscaleEffectProps extends DefaultEffectProps {
|
|
6
|
-
/**
|
|
7
|
-
* Grey scale amount between 0 - 1.
|
|
8
|
-
*
|
|
9
|
-
* @default 1
|
|
10
|
-
*/
|
|
11
|
-
amount?: number;
|
|
12
|
-
}
|
|
13
|
-
/**
|
|
14
|
-
* Grayscale effect grayscales the color values of the current mask color
|
|
15
|
-
*/
|
|
16
|
-
export declare class GrayscaleEffect extends ShaderEffect {
|
|
17
|
-
readonly name = "grayscale";
|
|
18
|
-
static getEffectKey(): string;
|
|
19
|
-
static resolveDefaults(props: GrayscaleEffectProps): Required<GrayscaleEffectProps>;
|
|
20
|
-
static uniforms: ShaderEffectUniforms;
|
|
21
|
-
static onColorize: string;
|
|
22
|
-
}
|
|
@@ -1,45 +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 { ShaderEffect, } from './ShaderEffect.js';
|
|
20
|
-
/**
|
|
21
|
-
* Grayscale effect grayscales the color values of the current mask color
|
|
22
|
-
*/
|
|
23
|
-
export class GrayscaleEffect extends ShaderEffect {
|
|
24
|
-
name = 'grayscale';
|
|
25
|
-
static getEffectKey() {
|
|
26
|
-
return `grayscale`;
|
|
27
|
-
}
|
|
28
|
-
static resolveDefaults(props) {
|
|
29
|
-
return {
|
|
30
|
-
amount: props.amount ?? 1,
|
|
31
|
-
};
|
|
32
|
-
}
|
|
33
|
-
static uniforms = {
|
|
34
|
-
amount: {
|
|
35
|
-
value: 1,
|
|
36
|
-
method: 'uniform1f',
|
|
37
|
-
type: 'float',
|
|
38
|
-
},
|
|
39
|
-
};
|
|
40
|
-
static onColorize = `
|
|
41
|
-
float grayness = 0.2 * maskColor.r + 0.6 * maskColor.g + 0.2 * maskColor.b;
|
|
42
|
-
return vec4(amount * vec3(grayness) + (1.0 - amount) * maskColor.rgb, maskColor.a);
|
|
43
|
-
`;
|
|
44
|
-
}
|
|
45
|
-
//# sourceMappingURL=GrayscaleEffect.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"GrayscaleEffect.js","sourceRoot":"","sources":["../../../../../../../src/core/renderers/webgl/shaders/effects/GrayscaleEffect.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EACL,YAAY,GAGb,MAAM,mBAAmB,CAAC;AAc3B;;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,eAAe,CAC7B,KAA2B;QAE3B,OAAO;YACL,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,CAAC;SAC1B,CAAC;IACJ,CAAC;IAED,MAAM,CAAU,QAAQ,GAAyB;QAC/C,MAAM,EAAE;YACN,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,WAAW;YACnB,IAAI,EAAE,OAAO;SACd;KACF,CAAC;IAEF,MAAM,CAAU,UAAU,GAAG;;;GAG5B,CAAC"}
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import { ShaderEffect, type DefaultEffectProps, type ShaderEffectUniforms } from './ShaderEffect.js';
|
|
2
|
-
/**
|
|
3
|
-
* Properties of the {@link RadiusEffect} shader
|
|
4
|
-
*/
|
|
5
|
-
export interface HolePunchEffectProps extends DefaultEffectProps {
|
|
6
|
-
/**
|
|
7
|
-
* X position where the hole punch starts
|
|
8
|
-
*/
|
|
9
|
-
x?: number;
|
|
10
|
-
/**
|
|
11
|
-
* Y position where the hole punch starts
|
|
12
|
-
*/
|
|
13
|
-
y?: number;
|
|
14
|
-
/**
|
|
15
|
-
* Width of the hole punch
|
|
16
|
-
*/
|
|
17
|
-
width?: number;
|
|
18
|
-
/**
|
|
19
|
-
* height of the hole punch
|
|
20
|
-
*
|
|
21
|
-
* @remarks if not defined uses the width value
|
|
22
|
-
*/
|
|
23
|
-
height?: number;
|
|
24
|
-
/**
|
|
25
|
-
* Corner radius in pixels, to cut out of the corners of the hole punch
|
|
26
|
-
*
|
|
27
|
-
* @remarks
|
|
28
|
-
* You can input an array with a length of up to four or a number.
|
|
29
|
-
*
|
|
30
|
-
* array length 4:
|
|
31
|
-
* [topLeft, topRight, bottomRight, bottomLeft]
|
|
32
|
-
*
|
|
33
|
-
* array length 2:
|
|
34
|
-
* [20, 40] -> [20(topLeft), 40(topRight), 20(bottomRight), 40(bottomLeft)]
|
|
35
|
-
*
|
|
36
|
-
* array length 3:
|
|
37
|
-
* [20, 40, 60] -> [20(topLeft), 40(topRight), 60(bottomRight), 20(bottomLeft)]
|
|
38
|
-
*
|
|
39
|
-
* number:
|
|
40
|
-
* 30 -> [30, 30, 30, 30]
|
|
41
|
-
*
|
|
42
|
-
* @default 0
|
|
43
|
-
*/
|
|
44
|
-
radius?: number | number[];
|
|
45
|
-
}
|
|
46
|
-
/**
|
|
47
|
-
* Masks the current maskcolor a holepunch effect with rounded corners similar to {@link RoundedRectangle}
|
|
48
|
-
*/
|
|
49
|
-
export declare class HolePunchEffect extends ShaderEffect {
|
|
50
|
-
static z$__type__Props: HolePunchEffectProps;
|
|
51
|
-
readonly name = "holePunch";
|
|
52
|
-
static getEffectKey(): string;
|
|
53
|
-
static uniforms: ShaderEffectUniforms;
|
|
54
|
-
static resolveDefaults(props: HolePunchEffectProps): Required<HolePunchEffectProps>;
|
|
55
|
-
static methods: Record<string, string>;
|
|
56
|
-
static onShaderMask: string;
|
|
57
|
-
static onEffectMask: string;
|
|
58
|
-
}
|
|
@@ -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":"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"}
|
|
@@ -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
|
-
}
|