@lightningtv/renderer 3.0.0-beta1 → 3.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/NOTICE +4 -0
- package/README.md +22 -28
- package/dist/exports/canvas-shaders.js +0 -16
- package/dist/exports/canvas-shaders.js.map +1 -1
- package/dist/exports/canvas.d.ts +1 -1
- package/dist/exports/canvas.js +1 -19
- package/dist/exports/canvas.js.map +1 -1
- package/dist/exports/index.d.ts +2 -5
- package/dist/exports/index.js +1 -23
- package/dist/exports/index.js.map +1 -1
- package/dist/exports/inspector.js +0 -18
- package/dist/exports/inspector.js.map +1 -1
- package/dist/exports/utils.d.ts +2 -1
- package/dist/exports/utils.js +2 -19
- package/dist/exports/utils.js.map +1 -1
- package/dist/exports/webgl-shaders.js +0 -16
- package/dist/exports/webgl-shaders.js.map +1 -1
- package/dist/exports/webgl.d.ts +2 -1
- package/dist/exports/webgl.js +2 -19
- package/dist/exports/webgl.js.map +1 -1
- package/dist/src/common/CommonTypes.d.ts +15 -3
- package/dist/src/common/CommonTypes.js +0 -18
- package/dist/src/common/CommonTypes.js.map +1 -1
- package/dist/src/common/EventEmitter.js +0 -18
- package/dist/src/common/EventEmitter.js.map +1 -1
- package/dist/src/common/IEventEmitter.js +0 -16
- package/dist/src/common/IEventEmitter.js.map +1 -1
- package/dist/src/core/Autosizer.d.ts +35 -0
- package/dist/src/core/Autosizer.js +178 -0
- package/dist/src/core/Autosizer.js.map +1 -0
- package/dist/src/core/CoreNode.d.ts +140 -102
- package/dist/src/core/CoreNode.js +812 -528
- package/dist/src/core/CoreNode.js.map +1 -1
- package/dist/src/core/CoreShaderManager.d.ts +3 -3
- package/dist/src/core/CoreShaderManager.js +0 -18
- package/dist/src/core/CoreShaderManager.js.map +1 -1
- package/dist/src/core/CoreTextNode.d.ts +75 -87
- package/dist/src/core/CoreTextNode.js +380 -258
- package/dist/src/core/CoreTextNode.js.map +1 -1
- package/dist/src/core/CoreTextureManager.d.ts +25 -14
- package/dist/src/core/CoreTextureManager.js +82 -139
- package/dist/src/core/CoreTextureManager.js.map +1 -1
- package/dist/src/core/Stage.d.ts +102 -36
- package/dist/src/core/Stage.js +424 -191
- package/dist/src/core/Stage.js.map +1 -1
- package/dist/src/core/TextureError.d.ts +11 -0
- package/dist/src/core/TextureError.js +37 -0
- package/dist/src/core/TextureError.js.map +1 -0
- package/dist/src/core/TextureMemoryManager.d.ts +11 -4
- package/dist/src/core/TextureMemoryManager.js +114 -134
- package/dist/src/core/TextureMemoryManager.js.map +1 -1
- package/dist/src/core/animations/AnimationManager.js +0 -18
- package/dist/src/core/animations/AnimationManager.js.map +1 -1
- package/dist/src/core/animations/CoreAnimation.d.ts +3 -3
- package/dist/src/core/animations/CoreAnimation.js +8 -24
- 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 +11 -22
- package/dist/src/core/animations/CoreAnimationController.js.map +1 -1
- package/dist/src/core/lib/ContextSpy.js +0 -18
- package/dist/src/core/lib/ContextSpy.js.map +1 -1
- package/dist/src/core/lib/ImageWorker.d.ts +2 -2
- package/dist/src/core/lib/ImageWorker.js +33 -31
- package/dist/src/core/lib/ImageWorker.js.map +1 -1
- package/dist/src/core/lib/Matrix3d.d.ts +1 -0
- package/dist/src/core/lib/Matrix3d.js +7 -19
- package/dist/src/core/lib/Matrix3d.js.map +1 -1
- package/dist/src/core/lib/RenderCoords.d.ts +9 -10
- package/dist/src/core/lib/RenderCoords.js +27 -55
- package/dist/src/core/lib/RenderCoords.js.map +1 -1
- package/dist/src/core/lib/WebGlContextWrapper.d.ts +83 -8
- package/dist/src/core/lib/WebGlContextWrapper.js +150 -25
- package/dist/src/core/lib/WebGlContextWrapper.js.map +1 -1
- package/dist/src/core/lib/collectionUtils.d.ts +5 -0
- package/dist/src/core/lib/collectionUtils.js +82 -0
- package/dist/src/core/lib/collectionUtils.js.map +1 -0
- 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/{renderers/canvas/internal/ColorUtils.js → lib/colorParser.js} +1 -19
- package/dist/src/core/lib/colorParser.js.map +1 -0
- package/dist/src/core/lib/textureCompression.d.ts +14 -2
- package/dist/src/core/lib/textureCompression.js +320 -85
- package/dist/src/core/lib/textureCompression.js.map +1 -1
- package/dist/src/core/lib/textureSvg.js +0 -18
- package/dist/src/core/lib/textureSvg.js.map +1 -1
- package/dist/src/core/lib/utils.d.ts +8 -1
- package/dist/src/core/lib/utils.js +44 -20
- 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/Platform.d.ts +42 -0
- package/dist/src/core/platforms/Platform.js +4 -0
- package/dist/src/core/platforms/Platform.js.map +1 -0
- package/dist/src/core/platforms/web/WebPlatform.d.ts +10 -0
- package/dist/src/core/platforms/web/WebPlatform.js +90 -0
- package/dist/src/core/platforms/web/WebPlatform.js.map +1 -0
- package/dist/src/core/renderers/CoreContextTexture.d.ts +2 -1
- package/dist/src/core/renderers/CoreContextTexture.js +0 -18
- package/dist/src/core/renderers/CoreContextTexture.js.map +1 -1
- package/dist/src/core/renderers/CoreRenderOp.js +0 -18
- package/dist/src/core/renderers/CoreRenderOp.js.map +1 -1
- package/dist/src/core/renderers/CoreRenderer.d.ts +15 -3
- package/dist/src/core/renderers/CoreRenderer.js +1 -18
- package/dist/src/core/renderers/CoreRenderer.js.map +1 -1
- package/dist/src/core/renderers/CoreShaderNode.d.ts +13 -3
- package/dist/src/core/renderers/CoreShaderNode.js +25 -2
- package/dist/src/core/renderers/CoreShaderNode.js.map +1 -1
- package/dist/src/core/renderers/CoreShaderProgram.js +0 -18
- package/dist/src/core/renderers/CoreShaderProgram.js.map +1 -1
- package/dist/src/core/renderers/canvas/CanvasRenderer.d.ts +4 -5
- package/dist/src/core/renderers/canvas/CanvasRenderer.js +89 -83
- package/dist/src/core/renderers/canvas/CanvasRenderer.js.map +1 -1
- package/dist/src/core/renderers/canvas/CanvasShaderNode.js +3 -21
- package/dist/src/core/renderers/canvas/CanvasShaderNode.js.map +1 -1
- package/dist/src/core/renderers/canvas/CanvasTexture.d.ts +3 -2
- package/dist/src/core/renderers/canvas/CanvasTexture.js +18 -31
- package/dist/src/core/renderers/canvas/CanvasTexture.js.map +1 -1
- package/dist/src/core/renderers/webgl/SdfRenderOp.d.ts +33 -0
- package/dist/src/core/renderers/webgl/SdfRenderOp.js +80 -0
- package/dist/src/core/renderers/webgl/SdfRenderOp.js.map +1 -0
- package/dist/src/core/renderers/webgl/WebGlCtxRenderTexture.d.ts +2 -0
- package/dist/src/core/renderers/webgl/WebGlCtxRenderTexture.js +14 -24
- package/dist/src/core/renderers/webgl/WebGlCtxRenderTexture.js.map +1 -1
- package/dist/src/core/renderers/webgl/WebGlCtxSubTexture.d.ts +13 -0
- package/dist/src/core/renderers/webgl/WebGlCtxSubTexture.js +34 -23
- package/dist/src/core/renderers/webgl/WebGlCtxSubTexture.js.map +1 -1
- package/dist/src/core/renderers/webgl/WebGlCtxTexture.d.ts +16 -6
- package/dist/src/core/renderers/webgl/WebGlCtxTexture.js +102 -70
- package/dist/src/core/renderers/webgl/WebGlCtxTexture.js.map +1 -1
- package/dist/src/core/renderers/webgl/WebGlRenderer.d.ts +34 -20
- package/dist/src/core/renderers/webgl/WebGlRenderer.js +319 -195
- package/dist/src/core/renderers/webgl/WebGlRenderer.js.map +1 -1
- package/dist/src/core/renderers/webgl/WebGlShaderNode.d.ts +2 -3
- 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/WebGlShaderProgram.d.ts +9 -7
- package/dist/src/core/renderers/webgl/WebGlShaderProgram.js +99 -48
- package/dist/src/core/renderers/webgl/WebGlShaderProgram.js.map +1 -1
- package/dist/src/core/renderers/webgl/internal/BufferCollection.d.ts +1 -0
- package/dist/src/core/renderers/webgl/internal/BufferCollection.js +12 -21
- package/dist/src/core/renderers/webgl/internal/BufferCollection.js.map +1 -1
- package/dist/src/core/renderers/webgl/internal/RendererUtils.js +0 -18
- package/dist/src/core/renderers/webgl/internal/RendererUtils.js.map +1 -1
- package/dist/src/core/renderers/webgl/internal/ShaderUtils.js +0 -18
- package/dist/src/core/renderers/webgl/internal/ShaderUtils.js.map +1 -1
- package/dist/src/core/renderers/webgl/internal/WebGlUtils.js +0 -18
- package/dist/src/core/renderers/webgl/internal/WebGlUtils.js.map +1 -1
- package/dist/src/core/shaders/canvas/Border.d.ts +8 -2
- package/dist/src/core/shaders/canvas/Border.js +67 -41
- package/dist/src/core/shaders/canvas/Border.js.map +1 -1
- package/dist/src/core/shaders/canvas/HolePunch.js +3 -19
- package/dist/src/core/shaders/canvas/HolePunch.js.map +1 -1
- package/dist/src/core/shaders/canvas/LinearGradient.js +7 -21
- package/dist/src/core/shaders/canvas/LinearGradient.js.map +1 -1
- package/dist/src/core/shaders/canvas/RadialGradient.js +14 -28
- package/dist/src/core/shaders/canvas/RadialGradient.js.map +1 -1
- package/dist/src/core/shaders/canvas/Rounded.js +1 -17
- package/dist/src/core/shaders/canvas/Rounded.js.map +1 -1
- package/dist/src/core/shaders/canvas/RoundedWithBorder.d.ts +6 -3
- package/dist/src/core/shaders/canvas/RoundedWithBorder.js +44 -22
- package/dist/src/core/shaders/canvas/RoundedWithBorder.js.map +1 -1
- package/dist/src/core/shaders/canvas/RoundedWithBorderAndShadow.d.ts +2 -3
- package/dist/src/core/shaders/canvas/RoundedWithBorderAndShadow.js +47 -25
- package/dist/src/core/shaders/canvas/RoundedWithBorderAndShadow.js.map +1 -1
- package/dist/src/core/shaders/canvas/RoundedWithShadow.js +9 -21
- package/dist/src/core/shaders/canvas/RoundedWithShadow.js.map +1 -1
- package/dist/src/core/shaders/canvas/Shadow.js +0 -16
- package/dist/src/core/shaders/canvas/Shadow.js.map +1 -1
- package/dist/src/core/shaders/canvas/utils/render.d.ts +1 -1
- package/dist/src/core/shaders/canvas/utils/render.js +31 -34
- package/dist/src/core/shaders/canvas/utils/render.js.map +1 -1
- package/dist/src/core/shaders/templates/BorderTemplate.d.ts +12 -2
- package/dist/src/core/shaders/templates/BorderTemplate.js +31 -27
- package/dist/src/core/shaders/templates/BorderTemplate.js.map +1 -1
- package/dist/src/core/shaders/templates/HolePunchTemplate.d.ts +2 -2
- package/dist/src/core/shaders/templates/HolePunchTemplate.js +3 -19
- package/dist/src/core/shaders/templates/HolePunchTemplate.js.map +1 -1
- package/dist/src/core/shaders/templates/LinearGradientTemplate.js +0 -16
- package/dist/src/core/shaders/templates/LinearGradientTemplate.js.map +1 -1
- package/dist/src/core/shaders/templates/RadialGradientTemplate.d.ts +8 -6
- package/dist/src/core/shaders/templates/RadialGradientTemplate.js +2 -18
- package/dist/src/core/shaders/templates/RadialGradientTemplate.js.map +1 -1
- package/dist/src/core/shaders/templates/RoundedTemplate.js +1 -17
- 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/RoundedWithBorderAndShadowTemplate.js +0 -16
- package/dist/src/core/shaders/templates/RoundedWithBorderAndShadowTemplate.js.map +1 -1
- package/dist/src/core/shaders/templates/RoundedWithBorderTemplate.d.ts +4 -2
- package/dist/src/core/shaders/templates/RoundedWithBorderTemplate.js +3 -17
- package/dist/src/core/shaders/templates/RoundedWithBorderTemplate.js.map +1 -1
- package/dist/src/core/shaders/templates/RoundedWithShadowTemplate.d.ts +1 -1
- package/dist/src/core/shaders/templates/RoundedWithShadowTemplate.js +0 -16
- package/dist/src/core/shaders/templates/RoundedWithShadowTemplate.js.map +1 -1
- package/dist/src/core/shaders/templates/ShadowTemplate.d.ts +1 -1
- package/dist/src/core/shaders/templates/ShadowTemplate.js +0 -16
- package/dist/src/core/shaders/templates/ShadowTemplate.js.map +1 -1
- package/dist/src/core/shaders/{templates/shaderUtils.d.ts → utils.d.ts} +1 -1
- package/dist/src/core/shaders/utils.js +25 -0
- package/dist/src/core/shaders/utils.js.map +1 -0
- package/dist/src/core/shaders/webgl/Border.js +118 -51
- package/dist/src/core/shaders/webgl/Border.js.map +1 -1
- package/dist/src/core/shaders/webgl/Default.js +6 -41
- package/dist/src/core/shaders/webgl/Default.js.map +1 -1
- package/dist/src/core/shaders/webgl/HolePunch.js +4 -19
- package/dist/src/core/shaders/webgl/HolePunch.js.map +1 -1
- package/dist/src/core/shaders/webgl/LinearGradient.js +73 -34
- package/dist/src/core/shaders/webgl/LinearGradient.js.map +1 -1
- package/dist/src/core/shaders/webgl/RadialGradient.js +56 -48
- package/dist/src/core/shaders/webgl/RadialGradient.js.map +1 -1
- package/dist/src/core/shaders/webgl/Rounded.js +25 -23
- package/dist/src/core/shaders/webgl/Rounded.js.map +1 -1
- package/dist/src/core/shaders/webgl/RoundedWithBorder.js +160 -55
- package/dist/src/core/shaders/webgl/RoundedWithBorder.js.map +1 -1
- package/dist/src/core/shaders/webgl/RoundedWithBorderAndShadow.js +168 -58
- package/dist/src/core/shaders/webgl/RoundedWithBorderAndShadow.js.map +1 -1
- package/dist/src/core/shaders/webgl/RoundedWithShadow.js +73 -34
- package/dist/src/core/shaders/webgl/RoundedWithShadow.js.map +1 -1
- package/dist/src/core/shaders/webgl/SdfShader.d.ts +0 -2
- package/dist/src/core/shaders/webgl/SdfShader.js +8 -36
- package/dist/src/core/shaders/webgl/SdfShader.js.map +1 -1
- package/dist/src/core/shaders/webgl/Shadow.js +39 -34
- package/dist/src/core/shaders/webgl/Shadow.js.map +1 -1
- package/dist/src/core/text-rendering/CanvasFontHandler.d.ts +59 -0
- package/dist/src/core/text-rendering/CanvasFontHandler.js +206 -0
- package/dist/src/core/text-rendering/CanvasFontHandler.js.map +1 -0
- package/dist/src/core/text-rendering/CanvasTextRenderer.d.ts +17 -0
- package/dist/src/core/text-rendering/CanvasTextRenderer.js +139 -0
- package/dist/src/core/text-rendering/CanvasTextRenderer.js.map +1 -0
- package/dist/src/core/text-rendering/SdfFontHandler.d.ts +167 -0
- package/dist/src/core/text-rendering/SdfFontHandler.js +371 -0
- package/dist/src/core/text-rendering/SdfFontHandler.js.map +1 -0
- package/dist/src/core/text-rendering/SdfTextRenderer.d.ts +18 -0
- package/dist/src/core/text-rendering/SdfTextRenderer.js +301 -0
- package/dist/src/core/text-rendering/SdfTextRenderer.js.map +1 -0
- package/dist/src/core/text-rendering/TextLayoutEngine.d.ts +18 -0
- package/dist/src/core/text-rendering/TextLayoutEngine.js +380 -0
- package/dist/src/core/text-rendering/TextLayoutEngine.js.map +1 -0
- package/dist/src/core/text-rendering/TextRenderer.d.ts +384 -0
- package/dist/src/core/text-rendering/TextRenderer.js +2 -0
- package/dist/src/core/text-rendering/TextRenderer.js.map +1 -0
- package/dist/src/core/text-rendering/Utils.d.ts +30 -0
- package/dist/src/core/text-rendering/Utils.js +66 -0
- package/dist/src/core/text-rendering/Utils.js.map +1 -0
- package/dist/src/core/textures/ColorTexture.d.ts +1 -1
- package/dist/src/core/textures/ColorTexture.js +3 -22
- package/dist/src/core/textures/ColorTexture.js.map +1 -1
- package/dist/src/core/textures/ImageTexture.d.ts +13 -6
- package/dist/src/core/textures/ImageTexture.js +57 -66
- package/dist/src/core/textures/ImageTexture.js.map +1 -1
- package/dist/src/core/textures/NoiseTexture.d.ts +3 -3
- package/dist/src/core/textures/NoiseTexture.js +8 -26
- package/dist/src/core/textures/NoiseTexture.js.map +1 -1
- package/dist/src/core/textures/RenderTexture.d.ts +7 -7
- package/dist/src/core/textures/RenderTexture.js +12 -30
- package/dist/src/core/textures/RenderTexture.js.map +1 -1
- package/dist/src/core/textures/SubTexture.d.ts +6 -8
- package/dist/src/core/textures/SubTexture.js +19 -55
- package/dist/src/core/textures/SubTexture.js.map +1 -1
- package/dist/src/core/textures/Texture.d.ts +90 -12
- package/dist/src/core/textures/Texture.js +160 -35
- package/dist/src/core/textures/Texture.js.map +1 -1
- package/dist/src/core/utils.d.ts +2 -1
- package/dist/src/core/utils.js +1 -19
- package/dist/src/core/utils.js.map +1 -1
- package/dist/src/main-api/INode.js.map +1 -1
- package/dist/src/main-api/Inspector.d.ts +135 -2
- package/dist/src/main-api/Inspector.js +507 -30
- package/dist/src/main-api/Inspector.js.map +1 -1
- package/dist/src/main-api/Renderer.d.ts +294 -81
- package/dist/src/main-api/Renderer.js +225 -96
- package/dist/src/main-api/Renderer.js.map +1 -1
- package/dist/src/utils.d.ts +19 -6
- package/dist/src/utils.js +32 -27
- package/dist/src/utils.js.map +1 -1
- package/dist/tsconfig.dist.tsbuildinfo +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -0
- package/exports/canvas-shaders.ts +0 -17
- package/exports/canvas.ts +1 -19
- package/exports/index.ts +6 -27
- package/exports/inspector.ts +0 -19
- package/exports/utils.ts +7 -19
- package/exports/webgl-shaders.ts +0 -16
- package/exports/webgl.ts +3 -20
- package/package.json +23 -22
- package/src/common/CommonTypes.ts +20 -22
- package/src/common/EventEmitter.ts +0 -19
- package/src/common/IAnimationController.ts +0 -18
- package/src/common/IEventEmitter.ts +0 -17
- package/src/core/Autosizer.ts +205 -0
- package/src/core/CoreNode.test.ts +376 -45
- package/src/core/CoreNode.ts +1015 -656
- package/src/core/CoreShaderManager.ts +3 -21
- package/src/core/CoreTextNode.ts +457 -314
- package/src/core/CoreTextureManager.ts +110 -167
- package/src/core/Stage.ts +526 -236
- package/src/core/TextureError.ts +46 -0
- package/src/core/TextureMemoryManager.ts +150 -167
- package/src/core/animations/AnimationManager.ts +0 -19
- package/src/core/animations/CoreAnimation.ts +15 -32
- package/src/core/animations/CoreAnimationController.ts +13 -23
- package/src/core/lib/ContextSpy.ts +0 -19
- package/src/core/lib/ImageWorker.ts +45 -32
- package/src/core/lib/Matrix3d.ts +7 -20
- package/src/core/lib/RenderCoords.ts +36 -67
- package/src/core/lib/WebGlContextWrapper.ts +196 -72
- package/src/core/lib/collectionUtils.ts +99 -0
- package/src/core/lib/colorCache.ts +20 -0
- package/src/core/{renderers/canvas/internal/ColorUtils.ts → lib/colorParser.ts} +2 -21
- package/src/core/lib/textureCompression.ts +433 -93
- package/src/core/lib/textureSvg.ts +0 -19
- package/src/core/lib/utils.ts +58 -19
- package/src/core/lib/validateImageBitmap.ts +17 -6
- package/src/core/platforms/Platform.ts +64 -0
- package/src/core/platforms/web/WebPlatform.ts +132 -0
- package/src/core/renderers/CoreContextTexture.ts +2 -20
- package/src/core/renderers/CoreRenderOp.ts +0 -19
- package/src/core/renderers/CoreRenderer.ts +16 -23
- package/src/core/renderers/CoreShaderNode.ts +37 -6
- package/src/core/renderers/CoreShaderProgram.ts +0 -19
- package/src/core/renderers/canvas/CanvasRenderer.ts +108 -137
- package/src/core/renderers/canvas/CanvasShaderNode.ts +3 -23
- package/src/core/renderers/canvas/CanvasTexture.ts +25 -37
- package/src/core/renderers/webgl/SdfRenderOp.ts +88 -0
- package/src/core/renderers/webgl/WebGlCtxRenderTexture.ts +18 -34
- package/src/core/renderers/webgl/WebGlCtxSubTexture.ts +50 -24
- package/src/core/renderers/webgl/WebGlCtxTexture.ts +134 -103
- package/src/core/renderers/webgl/WebGlRenderer.ts +368 -233
- package/src/core/renderers/webgl/WebGlShaderNode.ts +4 -7
- package/src/core/renderers/webgl/WebGlShaderProgram.ts +122 -76
- package/src/core/renderers/webgl/internal/BufferCollection.ts +15 -23
- package/src/core/renderers/webgl/internal/RendererUtils.ts +0 -19
- package/src/core/renderers/webgl/internal/ShaderUtils.ts +0 -19
- package/src/core/renderers/webgl/internal/WebGlUtils.ts +0 -19
- package/src/core/shaders/canvas/Border.ts +91 -50
- package/src/core/shaders/canvas/HolePunch.ts +4 -28
- package/src/core/shaders/canvas/LinearGradient.ts +10 -25
- package/src/core/shaders/canvas/RadialGradient.ts +23 -54
- package/src/core/shaders/canvas/Rounded.ts +2 -19
- package/src/core/shaders/canvas/RoundedWithBorder.ts +72 -35
- package/src/core/shaders/canvas/RoundedWithBorderAndShadow.ts +77 -47
- package/src/core/shaders/canvas/RoundedWithShadow.ts +21 -34
- package/src/core/shaders/canvas/Shadow.ts +0 -17
- package/src/core/shaders/canvas/utils/render.ts +45 -53
- package/src/core/shaders/templates/BorderTemplate.ts +42 -29
- package/src/core/shaders/templates/HolePunchTemplate.ts +5 -22
- package/src/core/shaders/templates/LinearGradientTemplate.ts +0 -17
- package/src/core/shaders/templates/RadialGradientTemplate.ts +10 -25
- package/src/core/shaders/templates/RoundedTemplate.ts +1 -18
- package/src/core/shaders/templates/RoundedWithBorderAndShadowTemplate.ts +1 -18
- package/src/core/shaders/templates/RoundedWithBorderTemplate.ts +7 -19
- package/src/core/shaders/templates/RoundedWithShadowTemplate.ts +1 -18
- package/src/core/shaders/templates/ShadowTemplate.ts +1 -18
- package/src/core/shaders/utils.ts +30 -0
- package/src/core/shaders/webgl/Border.ts +118 -55
- package/src/core/shaders/webgl/Default.ts +6 -43
- package/src/core/shaders/webgl/HolePunch.ts +4 -24
- package/src/core/shaders/webgl/LinearGradient.ts +73 -35
- package/src/core/shaders/webgl/RadialGradient.ts +58 -51
- package/src/core/shaders/webgl/Rounded.ts +25 -45
- package/src/core/shaders/webgl/RoundedWithBorder.ts +161 -63
- package/src/core/shaders/webgl/RoundedWithBorderAndShadow.ts +169 -68
- package/src/core/shaders/webgl/RoundedWithShadow.ts +73 -39
- package/src/core/shaders/webgl/SdfShader.ts +8 -41
- package/src/core/shaders/webgl/Shadow.ts +39 -35
- package/src/core/text-rendering/CanvasFontHandler.ts +285 -0
- package/src/core/text-rendering/CanvasTextRenderer.ts +236 -0
- package/src/core/text-rendering/SdfFontHandler.ts +566 -0
- package/src/core/text-rendering/SdfTextRenderer.ts +406 -0
- package/src/core/text-rendering/TextLayoutEngine.ts +672 -0
- package/src/core/text-rendering/TextRenderer.ts +426 -0
- package/src/core/text-rendering/Utils.ts +80 -0
- package/src/core/text-rendering/tests/TextLayoutEngine.test.ts +434 -0
- package/src/core/textures/ColorTexture.ts +7 -24
- package/src/core/textures/ImageTexture.ts +110 -92
- package/src/core/textures/NoiseTexture.ts +14 -31
- package/src/core/textures/RenderTexture.ts +18 -35
- package/src/core/textures/SubTexture.ts +25 -65
- package/src/core/textures/Texture.ts +214 -46
- package/src/core/utils.ts +9 -26
- package/src/main-api/INode.ts +0 -18
- package/src/main-api/Inspector.ts +794 -38
- package/src/main-api/Renderer.ts +519 -159
- package/src/utils.ts +64 -29
- 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/canvas/internal/C2DShaderUtils.d.ts +0 -1
- package/dist/src/core/renderers/canvas/internal/C2DShaderUtils.js +0 -217
- package/dist/src/core/renderers/canvas/internal/C2DShaderUtils.js.map +0 -1
- package/dist/src/core/renderers/canvas/internal/ColorUtils.js.map +0 -1
- package/dist/src/core/renderers/webgl/WebGlRenderOp.d.ts +0 -36
- package/dist/src/core/renderers/webgl/WebGlRenderOp.js +0 -107
- package/dist/src/core/renderers/webgl/WebGlRenderOp.js.map +0 -1
- package/dist/src/core/shaders/templates/shaderUtils.js +0 -41
- package/dist/src/core/shaders/templates/shaderUtils.js.map +0 -1
- package/dist/src/core/text-rendering/TextRenderingUtils.d.ts +0 -12
- package/dist/src/core/text-rendering/TextRenderingUtils.js +0 -14
- package/dist/src/core/text-rendering/TextRenderingUtils.js.map +0 -1
- package/dist/src/core/text-rendering/TextTextureRendererUtils.d.ts +0 -72
- package/dist/src/core/text-rendering/TextTextureRendererUtils.js +0 -217
- package/dist/src/core/text-rendering/TextTextureRendererUtils.js.map +0 -1
- package/dist/src/core/text-rendering/TrFontManager.d.ts +0 -26
- package/dist/src/core/text-rendering/TrFontManager.js +0 -131
- package/dist/src/core/text-rendering/TrFontManager.js.map +0 -1
- package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.d.ts +0 -39
- package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.js +0 -125
- package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.js.map +0 -1
- package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/FontShaper.d.ts +0 -103
- package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/FontShaper.js +0 -21
- package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/FontShaper.js.map +0 -1
- package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.d.ts +0 -62
- package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.js +0 -88
- package/dist/src/core/text-rendering/font-face-types/SdfTrFontFace/internal/SdfFontShaper.js.map +0 -1
- package/dist/src/core/text-rendering/font-face-types/TrFontFace.d.ts +0 -118
- package/dist/src/core/text-rendering/font-face-types/TrFontFace.js +0 -63
- package/dist/src/core/text-rendering/font-face-types/TrFontFace.js.map +0 -1
- package/dist/src/core/text-rendering/font-face-types/WebTrFontFace.d.ts +0 -14
- package/dist/src/core/text-rendering/font-face-types/WebTrFontFace.js +0 -66
- package/dist/src/core/text-rendering/font-face-types/WebTrFontFace.js.map +0 -1
- package/dist/src/core/text-rendering/font-face-types/utils.d.ts +0 -1
- package/dist/src/core/text-rendering/font-face-types/utils.js +0 -38
- package/dist/src/core/text-rendering/font-face-types/utils.js.map +0 -1
- package/dist/src/core/text-rendering/renderers/CanvasTextRenderer.d.ts +0 -59
- package/dist/src/core/text-rendering/renderers/CanvasTextRenderer.js +0 -397
- package/dist/src/core/text-rendering/renderers/CanvasTextRenderer.js.map +0 -1
- package/dist/src/core/text-rendering/renderers/LightningTextTextureRenderer.d.ts +0 -126
- package/dist/src/core/text-rendering/renderers/LightningTextTextureRenderer.js +0 -551
- package/dist/src/core/text-rendering/renderers/LightningTextTextureRenderer.js.map +0 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.d.ts +0 -91
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.js +0 -611
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.js.map +0 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/PeekableGenerator.d.ts +0 -12
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/PeekableGenerator.js +0 -61
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/PeekableGenerator.js.map +0 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/SpecialCodepoints.d.ts +0 -33
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/SpecialCodepoints.js +0 -52
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/SpecialCodepoints.js.map +0 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/constants.d.ts +0 -13
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/constants.js +0 -32
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/constants.js.map +0 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/getStartConditions.d.ts +0 -23
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/getStartConditions.js +0 -84
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/getStartConditions.js.map +0 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/getUnicodeCodepoints.d.ts +0 -4
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/getUnicodeCodepoints.js +0 -34
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/getUnicodeCodepoints.js.map +0 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.d.ts +0 -20
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.js +0 -308
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/layoutText.js.map +0 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/measureText.d.ts +0 -10
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/measureText.js +0 -40
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/measureText.js.map +0 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/setRenderWindow.d.ts +0 -26
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/setRenderWindow.js +0 -70
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/setRenderWindow.js.map +0 -1
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/util.d.ts +0 -16
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/util.js +0 -39
- package/dist/src/core/text-rendering/renderers/SdfTextRenderer/internal/util.js.map +0 -1
- package/dist/src/core/text-rendering/renderers/TextRenderer.d.ts +0 -370
- package/dist/src/core/text-rendering/renderers/TextRenderer.js +0 -178
- package/dist/src/core/text-rendering/renderers/TextRenderer.js.map +0 -1
- package/scripts/please-use-pnpm.js +0 -13
- package/src/core/platform.ts +0 -64
- package/src/core/renderers/canvas/internal/C2DShaderUtils.ts +0 -220
- package/src/core/renderers/webgl/WebGlRenderOp.ts +0 -145
- package/src/core/shaders/templates/shaderUtils.ts +0 -47
- package/src/core/shaders/webgl/DefaultBatched.ts +0 -129
- package/src/core/text-rendering/TextRenderingUtils.ts +0 -36
- package/src/core/text-rendering/TextTextureRendererUtils.ts +0 -263
- 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 -815
- package/src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.ts +0 -841
- 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/constants.ts +0 -32
- 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/getUnicodeCodepoints.ts +0 -38
- 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 -550
- /package/dist/src/core/{renderers/canvas/internal/ColorUtils.d.ts → lib/colorParser.d.ts} +0 -0
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
//Bucket sort implementation for sorting CoreNode arrays by zIndex
|
|
2
|
+
export const bucketSortByZIndex = (nodes, min) => {
|
|
3
|
+
const buckets = [];
|
|
4
|
+
const bucketIndices = [];
|
|
5
|
+
//distribute nodes into buckets
|
|
6
|
+
for (let i = 0; i < nodes.length; i++) {
|
|
7
|
+
const node = nodes[i];
|
|
8
|
+
const index = node.props.zIndex - min;
|
|
9
|
+
//create bucket if it doesn't exist
|
|
10
|
+
if (buckets[index] === undefined) {
|
|
11
|
+
buckets[index] = [];
|
|
12
|
+
bucketIndices.push(index);
|
|
13
|
+
}
|
|
14
|
+
buckets[index].push(node);
|
|
15
|
+
}
|
|
16
|
+
//sort each bucket using insertion sort
|
|
17
|
+
for (let i = 1; i < bucketIndices.length; i++) {
|
|
18
|
+
const key = bucketIndices[i];
|
|
19
|
+
let j = i - 1;
|
|
20
|
+
while (j >= 0 && bucketIndices[j] > key) {
|
|
21
|
+
bucketIndices[j + 1] = bucketIndices[j];
|
|
22
|
+
j--;
|
|
23
|
+
}
|
|
24
|
+
bucketIndices[j + 1] = key;
|
|
25
|
+
}
|
|
26
|
+
//flatten buckets
|
|
27
|
+
let idx = 0;
|
|
28
|
+
for (let i = 0; i < bucketIndices.length; i++) {
|
|
29
|
+
const bucket = buckets[bucketIndices[i]];
|
|
30
|
+
for (let j = 0; j < bucket.length; j++) {
|
|
31
|
+
nodes[idx++] = bucket[j];
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
//clean up
|
|
35
|
+
buckets.length = 0;
|
|
36
|
+
bucketIndices.length = 0;
|
|
37
|
+
};
|
|
38
|
+
export const incrementalRepositionByZIndex = (changedNodes, nodes) => {
|
|
39
|
+
for (let i = 0; i < changedNodes.length; i++) {
|
|
40
|
+
const node = changedNodes[i];
|
|
41
|
+
const currentIndex = findChildIndexById(node, nodes);
|
|
42
|
+
if (currentIndex === -1)
|
|
43
|
+
continue;
|
|
44
|
+
const targetZIndex = node.props.zIndex;
|
|
45
|
+
//binary search for correct insertion position
|
|
46
|
+
let left = 0;
|
|
47
|
+
let right = nodes.length;
|
|
48
|
+
while (left < right) {
|
|
49
|
+
const mid = (left + right) >>> 1;
|
|
50
|
+
if (nodes[mid].props.zIndex <= targetZIndex) {
|
|
51
|
+
left = mid + 1;
|
|
52
|
+
}
|
|
53
|
+
else {
|
|
54
|
+
right = mid;
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
//adjust target position if it's after the current position
|
|
58
|
+
const targetIndex = left > currentIndex ? left - 1 : left;
|
|
59
|
+
//only reposition if target is different from current
|
|
60
|
+
if (targetIndex !== currentIndex) {
|
|
61
|
+
nodes.splice(currentIndex, 1);
|
|
62
|
+
nodes.splice(targetIndex, 0, node);
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
};
|
|
66
|
+
export const findChildIndexById = (node, children) => {
|
|
67
|
+
for (let i = 0; i < children.length; i++) {
|
|
68
|
+
const child = children[i];
|
|
69
|
+
// @ts-ignore - accessing protected property
|
|
70
|
+
if (child._id === node._id) {
|
|
71
|
+
return i;
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
return -1;
|
|
75
|
+
};
|
|
76
|
+
export const removeChild = (node, children) => {
|
|
77
|
+
const index = findChildIndexById(node, children);
|
|
78
|
+
if (index !== -1) {
|
|
79
|
+
children.splice(index, 1);
|
|
80
|
+
}
|
|
81
|
+
};
|
|
82
|
+
//# sourceMappingURL=collectionUtils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"collectionUtils.js","sourceRoot":"","sources":["../../../../src/core/lib/collectionUtils.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function normalizeCanvasColor(color: number, isRGBA?: boolean): string;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { parseToAbgrString, parseToRgbaString } from './colorParser.js';
|
|
2
|
+
const parsedArgbColors = new Map();
|
|
3
|
+
const parsedRgbaColors = new Map();
|
|
4
|
+
export function normalizeCanvasColor(color, isRGBA = false) {
|
|
5
|
+
let targetCache = isRGBA === true ? parsedRgbaColors : parsedArgbColors;
|
|
6
|
+
let out = targetCache.get(color);
|
|
7
|
+
if (out !== undefined) {
|
|
8
|
+
return out;
|
|
9
|
+
}
|
|
10
|
+
if (isRGBA === true) {
|
|
11
|
+
out = parseToRgbaString(color);
|
|
12
|
+
}
|
|
13
|
+
else {
|
|
14
|
+
out = parseToAbgrString(color);
|
|
15
|
+
}
|
|
16
|
+
targetCache.set(color, out);
|
|
17
|
+
return out;
|
|
18
|
+
}
|
|
19
|
+
//# sourceMappingURL=colorCache.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colorCache.js","sourceRoot":"","sources":["../../../../src/core/lib/colorCache.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAExE,MAAM,gBAAgB,GAAwB,IAAI,GAAG,EAAE,CAAC;AACxD,MAAM,gBAAgB,GAAwB,IAAI,GAAG,EAAE,CAAC;AAExD,MAAM,UAAU,oBAAoB,CAAC,KAAa,EAAE,SAAkB,KAAK;IACzE,IAAI,WAAW,GAAG,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC;IACxE,IAAI,GAAG,GAAG,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IACjC,IAAI,GAAG,KAAK,SAAS,EAAE,CAAC;QACtB,OAAO,GAAG,CAAC;IACb,CAAC;IAED,IAAI,MAAM,KAAK,IAAI,EAAE,CAAC;QACpB,GAAG,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC;SAAM,CAAC;QACN,GAAG,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC;IACD,WAAW,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAC5B,OAAO,GAAG,CAAC;AACb,CAAC"}
|
|
@@ -1,21 +1,3 @@
|
|
|
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
1
|
const WHITE = {
|
|
20
2
|
isWhite: true,
|
|
21
3
|
a: 1,
|
|
@@ -69,4 +51,4 @@ export function parseColorRgba(rgba) {
|
|
|
69
51
|
export function formatRgba({ a, r, g, b }) {
|
|
70
52
|
return `rgba(${r},${g},${b},${a})`;
|
|
71
53
|
}
|
|
72
|
-
//# sourceMappingURL=
|
|
54
|
+
//# sourceMappingURL=colorParser.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colorParser.js","sourceRoot":"","sources":["../../../../src/core/lib/colorParser.ts"],"names":[],"mappings":"AAQA,MAAM,KAAK,GAAiB;IAC1B,OAAO,EAAE,IAAI;IACb,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,IAAI;CACR,CAAC;AAEF;;GAEG;AACH,MAAM,UAAU,UAAU,CAAC,IAAY;IACrC,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;QACxB,OAAO,KAAK,CAAC;IACf,CAAC;IACD,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC,GAAG,GAAG,CAAC;IACvC,MAAM,CAAC,GAAG,CAAC,IAAI,KAAK,EAAE,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC,MAAM,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC;IACrC,MAAM,CAAC,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC7B,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;AACxC,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,IAAY;IAC5C,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC,GAAG,GAAG,CAAC;IACvC,MAAM,CAAC,GAAG,CAAC,IAAI,KAAK,EAAE,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC,MAAM,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC;IACrC,MAAM,CAAC,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC7B,OAAO,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC;AACrC,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,IAAY;IAC5C,MAAM,CAAC,GAAG,CAAC,IAAI,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAC/B,MAAM,CAAC,GAAG,CAAC,IAAI,KAAK,EAAE,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC,MAAM,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC;IACrC,MAAM,CAAC,GAAG,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,GAAG,CAAC;IACrC,OAAO,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC;AACrC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,cAAc,CAAC,IAAY;IACzC,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;QACxB,OAAO,KAAK,CAAC;IACf,CAAC;IACD,MAAM,CAAC,GAAG,CAAC,IAAI,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAC/B,MAAM,CAAC,GAAG,CAAC,IAAI,KAAK,EAAE,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC,MAAM,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC;IACrC,MAAM,CAAC,GAAG,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,GAAG,CAAC;IACrC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;AACxC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAgB;IACrD,OAAO,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC;AACrC,CAAC"}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
import { type TextureData } from '../textures/Texture.js';
|
|
1
|
+
import { type CompressedData, type TextureData } from '../textures/Texture.js';
|
|
2
|
+
import type { WebGlContextWrapper } from './WebGlContextWrapper.js';
|
|
3
|
+
export type UploadCompressedTextureFunction = (glw: WebGlContextWrapper, texture: WebGLTexture, data: CompressedData) => void;
|
|
2
4
|
/**
|
|
3
5
|
* Tests if the given location is a compressed texture container
|
|
4
6
|
* @param url
|
|
@@ -7,10 +9,20 @@ import { type TextureData } from '../textures/Texture.js';
|
|
|
7
9
|
* and only supports the following extensions: .ktx and .pvr
|
|
8
10
|
* @returns
|
|
9
11
|
*/
|
|
10
|
-
export declare function isCompressedTextureContainer(
|
|
12
|
+
export declare function isCompressedTextureContainer(src: string): boolean;
|
|
11
13
|
/**
|
|
12
14
|
* Loads a compressed texture container
|
|
13
15
|
* @param url
|
|
14
16
|
* @returns
|
|
15
17
|
*/
|
|
16
18
|
export declare const loadCompressedTexture: (url: string) => Promise<TextureData>;
|
|
19
|
+
type BlockInfo = {
|
|
20
|
+
width: number;
|
|
21
|
+
height: number;
|
|
22
|
+
bytes: number;
|
|
23
|
+
};
|
|
24
|
+
export declare const blockInfoMap: {
|
|
25
|
+
[key: number]: BlockInfo;
|
|
26
|
+
};
|
|
27
|
+
export declare const uploadCompressedTexture: Record<string, UploadCompressedTextureFunction>;
|
|
28
|
+
export {};
|
|
@@ -1,21 +1,3 @@
|
|
|
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
1
|
import {} from '../textures/Texture.js';
|
|
20
2
|
/**
|
|
21
3
|
* Tests if the given location is a compressed texture container
|
|
@@ -25,104 +7,357 @@ import {} from '../textures/Texture.js';
|
|
|
25
7
|
* and only supports the following extensions: .ktx and .pvr
|
|
26
8
|
* @returns
|
|
27
9
|
*/
|
|
28
|
-
export function isCompressedTextureContainer(
|
|
29
|
-
return /\.(ktx|pvr)$/.test(
|
|
10
|
+
export function isCompressedTextureContainer(src) {
|
|
11
|
+
return /\.(ktx|pvr)$/.test(src);
|
|
30
12
|
}
|
|
13
|
+
const PVR_MAGIC = 0x03525650; // 'PVR3' in little-endian
|
|
14
|
+
const PVR_TO_GL_INTERNAL_FORMAT = {
|
|
15
|
+
0: 0x8c01,
|
|
16
|
+
1: 0x8c03,
|
|
17
|
+
2: 0x8c00,
|
|
18
|
+
3: 0x8c02, // PVRTC1
|
|
19
|
+
6: 0x8d64, // ETC1
|
|
20
|
+
7: 0x83f0,
|
|
21
|
+
8: 0x83f2,
|
|
22
|
+
9: 0x83f2,
|
|
23
|
+
10: 0x83f3,
|
|
24
|
+
11: 0x83f3, // DXT variants
|
|
25
|
+
};
|
|
26
|
+
const ASTC_MAGIC = 0x5ca1ab13;
|
|
27
|
+
const ASTC_TO_GL_INTERNAL_FORMAT = {
|
|
28
|
+
'4x4': 0x93b0, // COMPRESSED_RGBA_ASTC_4x4_KHR
|
|
29
|
+
'5x5': 0x93b1, // COMPRESSED_RGBA_ASTC_5x5_KHR
|
|
30
|
+
'6x6': 0x93b2, // COMPRESSED_RGBA_ASTC_6x6_KHR
|
|
31
|
+
'8x8': 0x93b3, // COMPRESSED_RGBA_ASTC_8x8_KHR
|
|
32
|
+
'10x10': 0x93b4, // COMPRESSED_RGBA_ASTC_10x10_KHR
|
|
33
|
+
'12x12': 0x93b5, // COMPRESSED_RGBA_ASTC_12x12_KHR
|
|
34
|
+
};
|
|
35
|
+
// KTX file identifier
|
|
36
|
+
const KTX_IDENTIFIER = [
|
|
37
|
+
0xab, 0x4b, 0x54, 0x58, 0x20, 0x31, 0x31, 0xbb, 0x0d, 0x0a, 0x1a, 0x0a,
|
|
38
|
+
];
|
|
31
39
|
/**
|
|
32
40
|
* Loads a compressed texture container
|
|
33
41
|
* @param url
|
|
34
42
|
* @returns
|
|
35
43
|
*/
|
|
36
44
|
export const loadCompressedTexture = async (url) => {
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
45
|
+
try {
|
|
46
|
+
const response = await fetch(url);
|
|
47
|
+
if (!response.ok) {
|
|
48
|
+
throw new Error(`Failed to fetch compressed texture: ${response.status} ${response.statusText}`);
|
|
49
|
+
}
|
|
50
|
+
const arrayBuffer = await response.arrayBuffer();
|
|
51
|
+
// Ensure we have enough data to check magic numbers
|
|
52
|
+
if (arrayBuffer.byteLength < 16) {
|
|
53
|
+
throw new Error(`File too small to be a valid compressed texture (${arrayBuffer.byteLength} bytes). Expected at least 16 bytes for header inspection.`);
|
|
54
|
+
}
|
|
55
|
+
const view = new DataView(arrayBuffer);
|
|
56
|
+
const magic = view.getUint32(0, true);
|
|
57
|
+
if (magic === PVR_MAGIC) {
|
|
58
|
+
return loadPVR(view);
|
|
59
|
+
}
|
|
60
|
+
if (magic === ASTC_MAGIC) {
|
|
61
|
+
return loadASTC(view);
|
|
62
|
+
}
|
|
63
|
+
let isKTX = true;
|
|
64
|
+
for (let i = 0; i < KTX_IDENTIFIER.length; i++) {
|
|
65
|
+
if (view.getUint8(i) !== KTX_IDENTIFIER[i]) {
|
|
66
|
+
isKTX = false;
|
|
67
|
+
break;
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
if (isKTX === true) {
|
|
71
|
+
return loadKTX(view);
|
|
72
|
+
}
|
|
73
|
+
else {
|
|
74
|
+
throw new Error('Unrecognized compressed texture format');
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
catch (error) {
|
|
78
|
+
throw new Error(`Failed to load compressed texture from ${url}: ${error}`);
|
|
41
79
|
}
|
|
42
|
-
return loadPVRData(arrayBuffer);
|
|
43
80
|
};
|
|
81
|
+
function readUint24(view, offset) {
|
|
82
|
+
return (view.getUint8(offset) +
|
|
83
|
+
(view.getUint8(offset + 1) << 8) +
|
|
84
|
+
(view.getUint8(offset + 2) << 16));
|
|
85
|
+
}
|
|
44
86
|
/**
|
|
45
|
-
* Loads
|
|
46
|
-
* @param
|
|
87
|
+
* Loads an ASTC texture container and returns the texture data
|
|
88
|
+
* @param view
|
|
47
89
|
* @returns
|
|
48
90
|
*/
|
|
49
|
-
const
|
|
50
|
-
const
|
|
51
|
-
const
|
|
52
|
-
const
|
|
53
|
-
const
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
pixelHeight: view.getUint32(40, littleEndian),
|
|
57
|
-
numberOfMipmapLevels: view.getUint32(56, littleEndian),
|
|
58
|
-
bytesOfKeyValueData: view.getUint32(60, littleEndian),
|
|
59
|
-
};
|
|
60
|
-
let offset = 64;
|
|
61
|
-
// Key Value Pairs of data start at byte offset 64
|
|
62
|
-
// But the only known kvp is the API version, so skipping parsing.
|
|
63
|
-
offset += data.bytesOfKeyValueData;
|
|
64
|
-
for (let i = 0; i < data.numberOfMipmapLevels; i++) {
|
|
65
|
-
const imageSize = view.getUint32(offset);
|
|
66
|
-
offset += 4;
|
|
67
|
-
mipmaps.push(view.buffer.slice(offset, imageSize));
|
|
68
|
-
offset += imageSize;
|
|
91
|
+
const loadASTC = async function (view) {
|
|
92
|
+
const blockX = view.getUint8(4);
|
|
93
|
+
const blockY = view.getUint8(5);
|
|
94
|
+
const sizeX = readUint24(view, 7);
|
|
95
|
+
const sizeY = readUint24(view, 10);
|
|
96
|
+
if (sizeX === 0 || sizeY === 0) {
|
|
97
|
+
throw new Error(`Invalid ASTC texture dimensions: ${sizeX}x${sizeY}`);
|
|
69
98
|
}
|
|
99
|
+
const expected = Math.ceil(sizeX / blockX) * Math.ceil(sizeY / blockY) * 16;
|
|
100
|
+
const dataSize = view.byteLength - 16;
|
|
101
|
+
if (expected !== dataSize) {
|
|
102
|
+
throw new Error(`Invalid ASTC texture data size: expected ${expected}, got ${dataSize}`);
|
|
103
|
+
}
|
|
104
|
+
const internalFormat = ASTC_TO_GL_INTERNAL_FORMAT[`${blockX}x${blockY}`];
|
|
105
|
+
if (internalFormat === undefined) {
|
|
106
|
+
throw new Error(`Unsupported ASTC block size: ${blockX}x${blockY}`);
|
|
107
|
+
}
|
|
108
|
+
const buffer = view.buffer;
|
|
109
|
+
const mipmaps = [];
|
|
110
|
+
mipmaps.push(buffer.slice(16));
|
|
70
111
|
return {
|
|
71
112
|
data: {
|
|
72
|
-
|
|
113
|
+
blockInfo: blockInfoMap[internalFormat],
|
|
114
|
+
glInternalFormat: internalFormat,
|
|
73
115
|
mipmaps,
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
type: '
|
|
116
|
+
w: sizeX,
|
|
117
|
+
h: sizeY,
|
|
118
|
+
type: 'astc',
|
|
77
119
|
},
|
|
78
120
|
premultiplyAlpha: false,
|
|
79
121
|
};
|
|
80
122
|
};
|
|
123
|
+
const uploadASTC = function (glw, texture, data) {
|
|
124
|
+
if (glw.getExtension('WEBGL_compressed_texture_astc') === null) {
|
|
125
|
+
throw new Error('ASTC compressed textures not supported by this device');
|
|
126
|
+
}
|
|
127
|
+
glw.bindTexture(texture);
|
|
128
|
+
const { glInternalFormat, mipmaps, w, h } = data;
|
|
129
|
+
if (mipmaps === undefined) {
|
|
130
|
+
return;
|
|
131
|
+
}
|
|
132
|
+
const view = new Uint8Array(mipmaps[0]);
|
|
133
|
+
glw.compressedTexImage2D(0, glInternalFormat, w, h, 0, view);
|
|
134
|
+
// ASTC textures MUST use no mipmaps unless stored
|
|
135
|
+
glw.texParameteri(glw.TEXTURE_WRAP_S, glw.CLAMP_TO_EDGE);
|
|
136
|
+
glw.texParameteri(glw.TEXTURE_WRAP_T, glw.CLAMP_TO_EDGE);
|
|
137
|
+
glw.texParameteri(glw.TEXTURE_MAG_FILTER, glw.LINEAR);
|
|
138
|
+
glw.texParameteri(glw.TEXTURE_MIN_FILTER, glw.LINEAR);
|
|
139
|
+
};
|
|
81
140
|
/**
|
|
82
|
-
* Loads a
|
|
83
|
-
* @param
|
|
141
|
+
* Loads a KTX texture container and returns the texture data
|
|
142
|
+
* @param view
|
|
84
143
|
* @returns
|
|
85
144
|
*/
|
|
86
|
-
const
|
|
87
|
-
|
|
88
|
-
const
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
const
|
|
93
|
-
const
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
145
|
+
const loadKTX = async function (view) {
|
|
146
|
+
const endianness = view.getUint32(12, true);
|
|
147
|
+
const littleEndian = endianness === 0x04030201;
|
|
148
|
+
if (littleEndian === false && endianness !== 0x01020304) {
|
|
149
|
+
throw new Error('Invalid KTX endianness value');
|
|
150
|
+
}
|
|
151
|
+
const glType = view.getUint32(16, littleEndian);
|
|
152
|
+
const glFormat = view.getUint32(24, littleEndian);
|
|
153
|
+
if (glType !== 0 || glFormat !== 0) {
|
|
154
|
+
throw new Error(`KTX texture is not compressed (glType: ${glType}, glFormat: ${glFormat})`);
|
|
155
|
+
}
|
|
156
|
+
const glInternalFormat = view.getUint32(28, littleEndian);
|
|
157
|
+
if (blockInfoMap[glInternalFormat] === undefined) {
|
|
158
|
+
throw new Error(`Unsupported KTX compressed texture format: 0x${glInternalFormat.toString(16)}`);
|
|
159
|
+
}
|
|
160
|
+
const width = view.getUint32(36, littleEndian);
|
|
161
|
+
const height = view.getUint32(40, littleEndian);
|
|
162
|
+
if (width === 0 || height === 0) {
|
|
163
|
+
throw new Error(`Invalid KTX texture dimensions: ${width}x${height}`);
|
|
164
|
+
}
|
|
165
|
+
const mipmapLevels = view.getUint32(56, littleEndian);
|
|
166
|
+
if (mipmapLevels === 0) {
|
|
167
|
+
throw new Error('KTX texture has no mipmap levels');
|
|
168
|
+
}
|
|
169
|
+
const bytesOfKeyValueData = view.getUint32(60, littleEndian);
|
|
100
170
|
const mipmaps = [];
|
|
101
|
-
const
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
171
|
+
const buffer = view.buffer;
|
|
172
|
+
let offset = 64 + bytesOfKeyValueData;
|
|
173
|
+
if (offset > view.byteLength) {
|
|
174
|
+
throw new Error('Invalid KTX file: key/value data exceeds file size');
|
|
175
|
+
}
|
|
176
|
+
for (let i = 0; i < mipmapLevels; i++) {
|
|
177
|
+
const imageSize = view.getUint32(offset, littleEndian);
|
|
178
|
+
offset += 4;
|
|
179
|
+
const end = offset + imageSize;
|
|
180
|
+
mipmaps.push(buffer.slice(offset, end));
|
|
181
|
+
offset = end;
|
|
182
|
+
if (offset % 4 !== 0) {
|
|
183
|
+
offset += 4 - (offset % 4);
|
|
184
|
+
}
|
|
185
|
+
}
|
|
186
|
+
return {
|
|
187
|
+
data: {
|
|
188
|
+
blockInfo: blockInfoMap[glInternalFormat],
|
|
189
|
+
glInternalFormat: glInternalFormat,
|
|
190
|
+
mipmaps,
|
|
191
|
+
w: width,
|
|
192
|
+
h: height,
|
|
193
|
+
type: 'ktx',
|
|
194
|
+
},
|
|
195
|
+
premultiplyAlpha: false,
|
|
105
196
|
};
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
197
|
+
};
|
|
198
|
+
const uploadKTX = function (glw, texture, data) {
|
|
199
|
+
const { glInternalFormat, mipmaps, w: width, h: height, blockInfo } = data;
|
|
200
|
+
if (mipmaps === undefined) {
|
|
201
|
+
return;
|
|
202
|
+
}
|
|
203
|
+
glw.bindTexture(texture);
|
|
204
|
+
const blockWidth = blockInfo.width;
|
|
205
|
+
const blockHeight = blockInfo.height;
|
|
206
|
+
let w = width;
|
|
207
|
+
let h = height;
|
|
208
|
+
for (let i = 0; i < mipmaps.length; i++) {
|
|
209
|
+
let view = new Uint8Array(mipmaps[i]);
|
|
210
|
+
const uploadW = Math.ceil(w / blockWidth) * blockWidth;
|
|
211
|
+
const uploadH = Math.ceil(h / blockHeight) * blockHeight;
|
|
212
|
+
const expectedBytes = Math.ceil(w / blockWidth) * Math.ceil(h / blockHeight) * blockInfo.bytes;
|
|
213
|
+
if (view.byteLength < expectedBytes) {
|
|
214
|
+
const padded = new Uint8Array(expectedBytes);
|
|
215
|
+
padded.set(view);
|
|
216
|
+
view = padded;
|
|
217
|
+
}
|
|
218
|
+
glw.compressedTexImage2D(i, glInternalFormat, uploadW, uploadH, 0, view);
|
|
219
|
+
w = Math.max(1, w >> 1);
|
|
220
|
+
h = Math.max(1, h >> 1);
|
|
221
|
+
}
|
|
222
|
+
glw.texParameteri(glw.TEXTURE_WRAP_S, glw.CLAMP_TO_EDGE);
|
|
223
|
+
glw.texParameteri(glw.TEXTURE_WRAP_T, glw.CLAMP_TO_EDGE);
|
|
224
|
+
glw.texParameteri(glw.TEXTURE_MAG_FILTER, glw.LINEAR);
|
|
225
|
+
glw.texParameteri(glw.TEXTURE_MIN_FILTER, mipmaps.length > 1 ? glw.LINEAR_MIPMAP_LINEAR : glw.LINEAR);
|
|
226
|
+
};
|
|
227
|
+
function pvrtcMipSize(width, height, bpp) {
|
|
228
|
+
const minW = bpp === 2 ? 16 : 8;
|
|
229
|
+
const minH = 8;
|
|
230
|
+
const w = Math.max(width, minW);
|
|
231
|
+
const h = Math.max(height, minH);
|
|
232
|
+
return (w * h * bpp) / 8;
|
|
233
|
+
}
|
|
234
|
+
const loadPVR = async function (view) {
|
|
235
|
+
const pixelFormatLow = view.getUint32(8, true);
|
|
236
|
+
const internalFormat = PVR_TO_GL_INTERNAL_FORMAT[pixelFormatLow];
|
|
237
|
+
if (internalFormat === undefined) {
|
|
238
|
+
throw new Error(`Unsupported PVR pixel format: 0x${pixelFormatLow.toString(16)}`);
|
|
239
|
+
}
|
|
240
|
+
const height = view.getInt32(24, true);
|
|
241
|
+
const width = view.getInt32(28, true);
|
|
242
|
+
// validate dimensions
|
|
243
|
+
if (width === 0 || height === 0) {
|
|
244
|
+
throw new Error(`Invalid PVR texture dimensions: ${width}x${height}`);
|
|
245
|
+
}
|
|
246
|
+
const mipmapLevels = view.getInt32(44, true);
|
|
247
|
+
const metadataSize = view.getUint32(48, true);
|
|
248
|
+
const buffer = view.buffer;
|
|
249
|
+
let offset = 52 + metadataSize;
|
|
250
|
+
if (offset > buffer.byteLength) {
|
|
251
|
+
throw new Error('Invalid PVR file: metadata exceeds file size');
|
|
252
|
+
}
|
|
253
|
+
const mipmaps = [];
|
|
254
|
+
const block = blockInfoMap[internalFormat];
|
|
255
|
+
for (let i = 0; i < mipmapLevels; i++) {
|
|
256
|
+
const declaredSize = view.getUint32(offset, true);
|
|
257
|
+
const max = buffer.byteLength - (offset + 4);
|
|
258
|
+
if (declaredSize > 0 && declaredSize <= max) {
|
|
259
|
+
offset += 4;
|
|
260
|
+
const start = offset;
|
|
261
|
+
const end = offset + declaredSize;
|
|
262
|
+
mipmaps.push(buffer.slice(start, end));
|
|
263
|
+
offset = end;
|
|
264
|
+
offset = (offset + 3) & ~3; // align to 4 bytes
|
|
265
|
+
continue;
|
|
266
|
+
}
|
|
267
|
+
if (pixelFormatLow === 0 ||
|
|
268
|
+
pixelFormatLow === 1 ||
|
|
269
|
+
pixelFormatLow === 2 ||
|
|
270
|
+
pixelFormatLow === 3) {
|
|
271
|
+
const bpp = pixelFormatLow === 0 || pixelFormatLow === 1 ? 2 : 4;
|
|
272
|
+
const computed = pvrtcMipSize(width >> i, height >> i, bpp);
|
|
273
|
+
mipmaps.push(buffer.slice(offset, offset + computed));
|
|
274
|
+
offset += computed;
|
|
275
|
+
offset = (offset + 3) & ~3; // align to 4 bytes
|
|
276
|
+
continue;
|
|
277
|
+
}
|
|
278
|
+
if (block !== undefined) {
|
|
279
|
+
const blockW = Math.ceil((width >> i) / block.width);
|
|
280
|
+
const blockH = Math.ceil((height >> i) / block.height);
|
|
281
|
+
const computed = blockW * blockH * block.bytes;
|
|
282
|
+
mipmaps.push(buffer.slice(offset, offset + computed));
|
|
283
|
+
offset += computed;
|
|
284
|
+
offset = (offset + 3) & ~3;
|
|
285
|
+
}
|
|
116
286
|
}
|
|
117
287
|
return {
|
|
118
288
|
data: {
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
289
|
+
blockInfo: blockInfoMap[internalFormat],
|
|
290
|
+
glInternalFormat: internalFormat,
|
|
291
|
+
mipmaps,
|
|
292
|
+
w: width,
|
|
293
|
+
h: height,
|
|
123
294
|
type: 'pvr',
|
|
124
295
|
},
|
|
125
296
|
premultiplyAlpha: false,
|
|
126
297
|
};
|
|
127
298
|
};
|
|
299
|
+
const uploadPVR = function (glw, texture, data) {
|
|
300
|
+
const { glInternalFormat, mipmaps, w: width, h: height } = data;
|
|
301
|
+
if (mipmaps === undefined) {
|
|
302
|
+
return;
|
|
303
|
+
}
|
|
304
|
+
glw.bindTexture(texture);
|
|
305
|
+
let w = width;
|
|
306
|
+
let h = height;
|
|
307
|
+
for (let i = 0; i < mipmaps.length; i++) {
|
|
308
|
+
glw.compressedTexImage2D(i, glInternalFormat, w, h, 0, new Uint8Array(mipmaps[i]));
|
|
309
|
+
w = Math.max(1, w >> 1);
|
|
310
|
+
h = Math.max(1, h >> 1);
|
|
311
|
+
}
|
|
312
|
+
glw.texParameteri(glw.TEXTURE_WRAP_S, glw.CLAMP_TO_EDGE);
|
|
313
|
+
glw.texParameteri(glw.TEXTURE_WRAP_T, glw.CLAMP_TO_EDGE);
|
|
314
|
+
glw.texParameteri(glw.TEXTURE_MAG_FILTER, glw.LINEAR);
|
|
315
|
+
glw.texParameteri(glw.TEXTURE_MIN_FILTER, mipmaps.length > 1 ? glw.LINEAR_MIPMAP_LINEAR : glw.LINEAR);
|
|
316
|
+
};
|
|
317
|
+
// Predefined block info for common compressed texture formats
|
|
318
|
+
const BLOCK_4x4x8 = { width: 4, height: 4, bytes: 8 };
|
|
319
|
+
const BLOCK_4x4x16 = { width: 4, height: 4, bytes: 16 };
|
|
320
|
+
const BLOCK_5x5x16 = { width: 5, height: 5, bytes: 16 };
|
|
321
|
+
const BLOCK_6x6x16 = { width: 6, height: 6, bytes: 16 };
|
|
322
|
+
const BLOCK_8x4x8 = { width: 8, height: 4, bytes: 8 };
|
|
323
|
+
const BLOCK_8x8x16 = { width: 8, height: 8, bytes: 16 };
|
|
324
|
+
const BLOCK_10x10x16 = { width: 10, height: 10, bytes: 16 };
|
|
325
|
+
const BLOCK_12x12x16 = { width: 12, height: 12, bytes: 16 };
|
|
326
|
+
// Map of GL internal formats to their corresponding block info
|
|
327
|
+
export const blockInfoMap = {
|
|
328
|
+
// S3TC / DXTn (WEBGL_compressed_texture_s3tc, sRGB variants)
|
|
329
|
+
0x83f0: BLOCK_4x4x8, // COMPRESSED_RGB_S3TC_DXT1_EXT
|
|
330
|
+
0x83f1: BLOCK_4x4x8, // COMPRESSED_RGBA_S3TC_DXT1_EXT
|
|
331
|
+
0x83f2: BLOCK_4x4x16, // COMPRESSED_RGBA_S3TC_DXT3_EXT
|
|
332
|
+
0x83f3: BLOCK_4x4x16, // COMPRESSED_RGBA_S3TC_DXT5_EXT
|
|
333
|
+
// ETC1 / ETC2 / EAC
|
|
334
|
+
0x8d64: BLOCK_4x4x8, // COMPRESSED_RGB_ETC1_WEBGL
|
|
335
|
+
0x9274: BLOCK_4x4x8, // COMPRESSED_RGB8_ETC2
|
|
336
|
+
0x9275: BLOCK_4x4x8, // COMPRESSED_SRGB8_ETC2
|
|
337
|
+
0x9278: BLOCK_4x4x16, // COMPRESSED_RGBA8_ETC2_EAC
|
|
338
|
+
0x9279: BLOCK_4x4x16, // COMPRESSED_SRGB8_ALPHA8_ETC2_EAC
|
|
339
|
+
// PVRTC (WEBGL_compressed_texture_pvrtc)
|
|
340
|
+
0x8c00: BLOCK_4x4x8, // COMPRESSED_RGB_PVRTC_4BPPV1_IMG
|
|
341
|
+
0x8c02: BLOCK_4x4x8, // COMPRESSED_RGBA_PVRTC_4BPPV1_IMG
|
|
342
|
+
0x8c01: BLOCK_8x4x8, // COMPRESSED_RGB_PVRTC_2BPPV1_IMG
|
|
343
|
+
0x8c03: BLOCK_8x4x8,
|
|
344
|
+
// ASTC (WEBGL_compressed_texture_astc)
|
|
345
|
+
0x93b0: BLOCK_4x4x16, // COMPRESSED_RGBA_ASTC_4x4_KHR
|
|
346
|
+
0x93d0: BLOCK_4x4x16, // COMPRESSED_SRGB8_ALPHA8_ASTC_4x4_KHR
|
|
347
|
+
0x93b1: BLOCK_5x5x16, // 5x5
|
|
348
|
+
0x93d1: BLOCK_5x5x16,
|
|
349
|
+
0x93b2: BLOCK_6x6x16, // 6x6
|
|
350
|
+
0x93d2: BLOCK_6x6x16,
|
|
351
|
+
0x93b3: BLOCK_8x8x16, // 8x8
|
|
352
|
+
0x93d3: BLOCK_8x8x16,
|
|
353
|
+
0x93b4: BLOCK_10x10x16, // 10x10
|
|
354
|
+
0x93d4: BLOCK_10x10x16,
|
|
355
|
+
0x93b5: BLOCK_12x12x16, // 12x12
|
|
356
|
+
0x93d5: BLOCK_12x12x16,
|
|
357
|
+
};
|
|
358
|
+
export const uploadCompressedTexture = {
|
|
359
|
+
ktx: uploadKTX,
|
|
360
|
+
pvr: uploadPVR,
|
|
361
|
+
astc: uploadASTC,
|
|
362
|
+
};
|
|
128
363
|
//# sourceMappingURL=textureCompression.js.map
|