@zephyr3d/scene 0.9.2 → 0.9.3

package/dist/src/posteffect/compositor.js

@@ -0,0 +1,226 @@
+import { linearToGamma } from '../shaders/misc.js';
+import { PostEffectLayer } from './posteffect.js';
+import { MaterialVaryingFlags } from '../values.js';
+import { fetchSampler } from '../utility/misc.js';
+import { DRef } from '@zephyr3d/base';
+
+/**
+ * Post processing compositor
+ * @public
+ */ class Compositor {
+    /** @internal */ _postEffects;
+    /** @internal */ _finalFramebuffer;
+    /** @internal */ _prevInputTexture;
+    /** @internal */ _prevFrameBuffer;
+    /** @internal */ static _blitProgram = null;
+    /** @internal */ static _blitBindgroup = null;
+    /** @internal */ static _blitRenderStates = null;
+    /** @internal */ static _blitVertexLayout = null;
+    /**
+   * Creates an instance of Compositor
+   */ constructor(){
+        this._postEffects = [];
+        this._postEffects[PostEffectLayer.opaque] = [];
+        this._postEffects[PostEffectLayer.transparent] = [];
+        this._postEffects[PostEffectLayer.end] = [];
+        this._finalFramebuffer = null;
+        this._prevInputTexture = null;
+        this._prevFrameBuffer = null;
+    }
+    /** @internal */ requireLinearDepth(ctx) {
+        for (const list of this._postEffects){
+            for (const postEffect of list){
+                if (postEffect.get().requireLinearDepthTexture(ctx)) {
+                    return true;
+                }
+            }
+        }
+        return false;
+    }
+    /**
+   * Adds a posteffect
+   *
+   * @param postEffect - The post effect to add
+   * @param opaque - true if the post effect should be applied after the opaque pass and before the transparent pass, otherwise the post effect should be applied after the transparent pass
+   */ appendPostEffect(postEffect) {
+        if (postEffect) {
+            for (const list of this._postEffects){
+                if (list.findIndex((val)=>val.get() === postEffect) >= 0) {
+                    console.error(`Posteffect cannot be added to same compositor multiple times`);
+                    return;
+                }
+            }
+            this._postEffects[postEffect.layer].push(new DRef(postEffect));
+        }
+    }
+    /**
+   * Removes a posteffect that was previously added
+   *
+   * @param postEffect - The posteffect to be remove.
+   */ removePostEffect(postEffect) {
+        for (const list of this._postEffects){
+            const index = list.findIndex((val)=>val.get() === postEffect);
+            if (index >= 0) {
+                list[index].dispose();
+                list.splice(index, 1);
+                return;
+            }
+        }
+    }
+    /**
+   * Removes all post effects
+   */ clear() {
+        for (const list of this._postEffects){
+            for (const p of list){
+                p.dispose();
+            }
+            list.splice(0, list.length);
+        }
+    }
+    /** @internal */ begin(ctx) {
+        const device = ctx.device;
+        this._finalFramebuffer = device.getFramebuffer();
+        const ssr = !!(ctx.materialFlags & MaterialVaryingFlags.SSR_STORE_ROUGHNESS);
+        if (this._postEffects.every((list)=>list.length === 0)) {
+            return;
+        }
+        const format = device.getDeviceCaps().textureCaps.supportHalfFloatColorBuffer ? 'rgba16f' : 'rgba8unorm';
+        const depth = this._finalFramebuffer?.getDepthAttachment();
+        const w = depth ? depth.width : device.getDrawingBufferWidth();
+        const h = depth ? depth.height : device.getDrawingBufferHeight();
+        //const fmt2: TextureFormat = ssr ? (device.type === 'webgl' ? format : 'rgba8unorm') : format;
+        const tmpFramebuffer = device.pool.fetchTemporalFramebuffer(true, w, h, ssr ? [
+            format,
+            ctx.SSRRoughnessTexture,
+            ctx.SSRNormalTexture
+        ] : format, depth ?? ctx.depthFormat);
+        device.setFramebuffer(tmpFramebuffer);
+    }
+    /** @internal */ drawPostEffects(ctx, layer, sceneDepthTexture) {
+        const postEffects = this._postEffects[layer];
+        if (postEffects.length > 0) {
+            const device = ctx.device;
+            const inputFramebuffer = device.getFramebuffer();
+            const inputTexture = inputFramebuffer.getColorAttachments()[0];
+            let tmpTexture = null;
+            for(let i = 0; i < postEffects.length; i++){
+                const postEffect = postEffects[i].get();
+                if (!postEffect.enabled) {
+                    continue;
+                }
+                if (this._prevFrameBuffer) {
+                    device.pool.releaseFrameBuffer(this._prevFrameBuffer);
+                    this._prevFrameBuffer = null;
+                }
+                const isLast = this.isLastPostEffect(layer, i);
+                const finalEffect = isLast && (!postEffect.requireDepthAttachment(ctx) || !!this._finalFramebuffer);
+                if (finalEffect) {
+                    device.setFramebuffer(this._finalFramebuffer);
+                } else {
+                    this._prevFrameBuffer = device.pool.fetchTemporalFramebuffer(false, inputFramebuffer.getWidth(), inputFramebuffer.getHeight(), 'rgba16f', inputFramebuffer.getDepthAttachment() ?? null);
+                    device.setFramebuffer(this._prevFrameBuffer);
+                }
+                const inputColorTexture = tmpTexture ?? inputTexture;
+                postEffect.apply(ctx, inputColorTexture, sceneDepthTexture, !device.getFramebuffer());
+                if (this._prevInputTexture) {
+                    device.pool.releaseTexture(this._prevInputTexture);
+                    this._prevInputTexture = null;
+                }
+                if (this._prevFrameBuffer) {
+                    tmpTexture = this._prevFrameBuffer.getColorAttachments()[0];
+                    device.pool.retainTexture(tmpTexture);
+                    this._prevInputTexture = tmpTexture;
+                }
+            }
+        }
+    }
+    /** @internal */ end(ctx) {
+        const device = ctx.device;
+        if (device.getFramebuffer() !== this._finalFramebuffer) {
+            const srcTex = device.getFramebuffer().getColorAttachments()[0];
+            device.setFramebuffer(this._finalFramebuffer);
+            device.setViewport(null);
+            device.setScissor(null);
+            Compositor._blit(device, srcTex, !this._finalFramebuffer);
+        }
+        if (this._prevInputTexture) {
+            device.pool.releaseTexture(this._prevInputTexture);
+            this._prevInputTexture = null;
+        }
+        if (this._prevFrameBuffer) {
+            device.pool.releaseFrameBuffer(this._prevFrameBuffer);
+            this._prevFrameBuffer = null;
+        }
+    }
+    /** @internal */ isLastPostEffect(layer, index) {
+        for(let i = layer; i < this._postEffects.length; i++){
+            const start = i === layer ? index + 1 : 0;
+            for(let j = start; j < this._postEffects[i].length; j++){
+                if (this._postEffects[i][j].get().enabled) {
+                    return false;
+                }
+            }
+        }
+        return true;
+    }
+    /** @internal */ static _blit(device, srcTex, srgbOutput) {
+        if (!this._blitProgram) {
+            this._blitProgram = device.buildRenderProgram({
+                vertex (pb) {
+                    this.$inputs.pos = pb.vec2().attrib('position');
+                    this.$outputs.uv = pb.vec2();
+                    this.flip = pb.int().uniform(0);
+                    pb.main(function() {
+                        this.$builtins.position = pb.vec4(this.$inputs.pos, 0, 1);
+                        this.$outputs.uv = pb.add(pb.mul(this.$inputs.pos.xy, 0.5), pb.vec2(0.5));
+                        this.$if(pb.notEqual(this.flip, 0), function() {
+                            this.$builtins.position.y = pb.neg(this.$builtins.position.y);
+                        });
+                    });
+                },
+                fragment (pb) {
+                    this.srcTex = pb.tex2D().sampleType('unfilterable-float').uniform(0);
+                    this.srgbOutput = pb.int().uniform(0);
+                    this.$outputs.outColor = pb.vec4();
+                    pb.main(function() {
+                        this.$outputs.outColor = pb.textureSample(this.srcTex, this.$inputs.uv);
+                        this.$if(pb.notEqual(this.srgbOutput, 0), function() {
+                            this.$outputs.outColor = pb.vec4(linearToGamma(this, this.$outputs.outColor.rgb), 1);
+                        });
+                    });
+                }
+            });
+            this._blitBindgroup = device.createBindGroup(this._blitProgram.bindGroupLayouts[0]);
+            this._blitVertexLayout = device.createVertexLayout({
+                vertexBuffers: [
+                    {
+                        buffer: device.createVertexBuffer('position_f32x2', new Float32Array([
+                            -1,
+                            -1,
+                            1,
+                            -1,
+                            -1,
+                            1,
+                            1,
+                            1
+                        ]))
+                    }
+                ]
+            });
+            this._blitRenderStates = device.createRenderStateSet();
+            this._blitRenderStates.useRasterizerState().setCullMode('none');
+            this._blitRenderStates.useDepthState().enableTest(false).enableWrite(false);
+        }
+        this._blitBindgroup.setTexture('srcTex', srcTex, fetchSampler('clamp_nearest_nomip'));
+        this._blitBindgroup.setValue('srgbOutput', srgbOutput ? 1 : 0);
+        this._blitBindgroup.setValue('flip', device.type === 'webgpu' && !!device.getFramebuffer() ? 1 : 0);
+        device.setRenderStates(this._blitRenderStates);
+        device.setProgram(this._blitProgram);
+        device.setBindGroup(0, this._blitBindgroup);
+        device.setVertexLayout(this._blitVertexLayout);
+        device.draw('triangle-strip', 0, 4);
+    }
+}
+
+export { Compositor };
+//# sourceMappingURL=compositor.js.map

package/dist/src/posteffect/compositor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compositor.js","sources":["../../../src/posteffect/compositor.ts"],"sourcesContent":["import { linearToGamma } from '../shaders/misc';\r\nimport type { DrawContext } from '../render';\r\nimport type {\r\n  AbstractDevice,\r\n  BindGroup,\r\n  FrameBuffer,\r\n  GPUProgram,\r\n  RenderStateSet,\r\n  Texture2D,\r\n  VertexLayout\r\n} from '@zephyr3d/device';\r\nimport type { AbstractPostEffect } from './posteffect';\r\nimport { PostEffectLayer } from './posteffect';\r\nimport { MaterialVaryingFlags } from '../values';\r\nimport { fetchSampler } from '../utility/misc';\r\nimport { DRef } from '@zephyr3d/base';\r\n\r\n/**\r\n * Posteffect rendering context\r\n * @public\r\n */\r\nexport interface CompositorContext {\r\n  pingpongFramebuffers: FrameBuffer[];\r\n  finalFramebuffer: FrameBuffer;\r\n  writeIndex: number;\r\n}\r\n/**\r\n * Post processing compositor\r\n * @public\r\n */\r\nexport class Compositor {\r\n  /** @internal */\r\n  protected _postEffects: DRef<AbstractPostEffect>[][];\r\n  /** @internal */\r\n  private _finalFramebuffer: FrameBuffer;\r\n  /** @internal */\r\n  private _prevInputTexture: Texture2D;\r\n  /** @internal */\r\n  private _prevFrameBuffer: FrameBuffer;\r\n  /** @internal */\r\n  private static _blitProgram: GPUProgram = null;\r\n  /** @internal */\r\n  private static _blitBindgroup: BindGroup = null;\r\n  /** @internal */\r\n  private static _blitRenderStates: RenderStateSet = null;\r\n  /** @internal */\r\n  private static _blitVertexLayout: VertexLayout = null;\r\n  /**\r\n   * Creates an instance of Compositor\r\n   */\r\n  constructor() {\r\n    this._postEffects = [];\r\n    this._postEffects[PostEffectLayer.opaque] = [];\r\n    this._postEffects[PostEffectLayer.transparent] = [];\r\n    this._postEffects[PostEffectLayer.end] = [];\r\n    this._finalFramebuffer = null;\r\n    this._prevInputTexture = null;\r\n    this._prevFrameBuffer = null;\r\n  }\r\n  /** @internal */\r\n  requireLinearDepth(ctx: DrawContext): boolean {\r\n    for (const list of this._postEffects) {\r\n      for (const postEffect of list) {\r\n        if (postEffect.get().requireLinearDepthTexture(ctx)) {\r\n          return true;\r\n        }\r\n      }\r\n    }\r\n    return false;\r\n  }\r\n  /**\r\n   * Adds a posteffect\r\n   *\r\n   * @param postEffect - The post effect to add\r\n   * @param opaque - true if the post effect should be applied after the opaque pass and before the transparent pass, otherwise the post effect should be applied after the transparent pass\r\n   */\r\n  appendPostEffect(postEffect: AbstractPostEffect): void {\r\n    if (postEffect) {\r\n      for (const list of this._postEffects) {\r\n        if (list.findIndex((val) => val.get() === postEffect) >= 0) {\r\n          console.error(`Posteffect cannot be added to same compositor multiple times`);\r\n          return;\r\n        }\r\n      }\r\n      this._postEffects[postEffect.layer].push(new DRef(postEffect));\r\n    }\r\n  }\r\n  /**\r\n   * Removes a posteffect that was previously added\r\n   *\r\n   * @param postEffect - The posteffect to be remove.\r\n   */\r\n  removePostEffect(postEffect: AbstractPostEffect): void {\r\n    for (const list of this._postEffects) {\r\n      const index = list.findIndex((val) => val.get() === postEffect);\r\n      if (index >= 0) {\r\n        list[index].dispose();\r\n        list.splice(index, 1);\r\n        return;\r\n      }\r\n    }\r\n  }\r\n  /**\r\n   * Removes all post effects\r\n   */\r\n  clear(): void {\r\n    for (const list of this._postEffects) {\r\n      for (const p of list) {\r\n        p.dispose();\r\n      }\r\n      list.splice(0, list.length);\r\n    }\r\n  }\r\n  /** @internal */\r\n  begin(ctx: DrawContext) {\r\n    const device = ctx.device;\r\n    this._finalFramebuffer = device.getFramebuffer();\r\n    const ssr = !!(ctx.materialFlags & MaterialVaryingFlags.SSR_STORE_ROUGHNESS);\r\n    if (this._postEffects.every((list) => list.length === 0)) {\r\n      return;\r\n    }\r\n    const format = device.getDeviceCaps().textureCaps.supportHalfFloatColorBuffer ? 'rgba16f' : 'rgba8unorm';\r\n    const depth = this._finalFramebuffer?.getDepthAttachment() as Texture2D;\r\n    const w = depth ? depth.width : device.getDrawingBufferWidth();\r\n    const h = depth ? depth.height : device.getDrawingBufferHeight();\r\n    //const fmt2: TextureFormat = ssr ? (device.type === 'webgl' ? format : 'rgba8unorm') : format;\r\n    const tmpFramebuffer = device.pool.fetchTemporalFramebuffer(\r\n      true,\r\n      w,\r\n      h,\r\n      ssr ? [format, ctx.SSRRoughnessTexture, ctx.SSRNormalTexture] : format,\r\n      depth ?? ctx.depthFormat\r\n    );\r\n    device.setFramebuffer(tmpFramebuffer);\r\n  }\r\n  /** @internal */\r\n  drawPostEffects(ctx: DrawContext, layer: PostEffectLayer, sceneDepthTexture: Texture2D) {\r\n    const postEffects = this._postEffects[layer];\r\n    if (postEffects.length > 0) {\r\n      const device = ctx.device;\r\n      const inputFramebuffer = device.getFramebuffer();\r\n      const inputTexture = inputFramebuffer.getColorAttachments()[0] as Texture2D;\r\n      let tmpTexture: Texture2D = null;\r\n      for (let i = 0; i < postEffects.length; i++) {\r\n        const postEffect = postEffects[i].get();\r\n        if (!postEffect.enabled) {\r\n          continue;\r\n        }\r\n        if (this._prevFrameBuffer) {\r\n          device.pool.releaseFrameBuffer(this._prevFrameBuffer);\r\n          this._prevFrameBuffer = null;\r\n        }\r\n        const isLast = this.isLastPostEffect(layer, i);\r\n        const finalEffect = isLast && (!postEffect.requireDepthAttachment(ctx) || !!this._finalFramebuffer);\r\n        if (finalEffect) {\r\n          device.setFramebuffer(this._finalFramebuffer);\r\n        } else {\r\n          this._prevFrameBuffer = device.pool.fetchTemporalFramebuffer(\r\n            false,\r\n            inputFramebuffer.getWidth(),\r\n            inputFramebuffer.getHeight(),\r\n            'rgba16f',\r\n            inputFramebuffer.getDepthAttachment() ?? null\r\n          );\r\n          device.setFramebuffer(this._prevFrameBuffer);\r\n        }\r\n        const inputColorTexture = tmpTexture ?? inputTexture;\r\n        postEffect.apply(ctx, inputColorTexture, sceneDepthTexture, !device.getFramebuffer());\r\n        if (this._prevInputTexture) {\r\n          device.pool.releaseTexture(this._prevInputTexture);\r\n          this._prevInputTexture = null;\r\n        }\r\n        if (this._prevFrameBuffer) {\r\n          tmpTexture = this._prevFrameBuffer.getColorAttachments()[0] as Texture2D;\r\n          device.pool.retainTexture(tmpTexture);\r\n          this._prevInputTexture = tmpTexture;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  /** @internal */\r\n  end(ctx: DrawContext) {\r\n    const device = ctx.device;\r\n    if (device.getFramebuffer() !== this._finalFramebuffer) {\r\n      const srcTex = device.getFramebuffer().getColorAttachments()[0] as Texture2D;\r\n      device.setFramebuffer(this._finalFramebuffer);\r\n      device.setViewport(null);\r\n      device.setScissor(null);\r\n      Compositor._blit(device, srcTex, !this._finalFramebuffer);\r\n    }\r\n    if (this._prevInputTexture) {\r\n      device.pool.releaseTexture(this._prevInputTexture);\r\n      this._prevInputTexture = null;\r\n    }\r\n    if (this._prevFrameBuffer) {\r\n      device.pool.releaseFrameBuffer(this._prevFrameBuffer);\r\n      this._prevFrameBuffer = null;\r\n    }\r\n  }\r\n  /** @internal */\r\n  private isLastPostEffect(layer: PostEffectLayer, index: number) {\r\n    for (let i = layer; i < this._postEffects.length; i++) {\r\n      const start = i === layer ? index + 1 : 0;\r\n      for (let j = start; j < this._postEffects[i].length; j++) {\r\n        if (this._postEffects[i][j].get().enabled) {\r\n          return false;\r\n        }\r\n      }\r\n    }\r\n    return true;\r\n  }\r\n  /** @internal */\r\n  static _blit(device: AbstractDevice, srcTex: Texture2D, srgbOutput: boolean) {\r\n    if (!this._blitProgram) {\r\n      this._blitProgram = device.buildRenderProgram({\r\n        vertex(pb) {\r\n          this.$inputs.pos = pb.vec2().attrib('position');\r\n          this.$outputs.uv = pb.vec2();\r\n          this.flip = pb.int().uniform(0);\r\n          pb.main(function () {\r\n            this.$builtins.position = pb.vec4(this.$inputs.pos, 0, 1);\r\n            this.$outputs.uv = pb.add(pb.mul(this.$inputs.pos.xy, 0.5), pb.vec2(0.5));\r\n            this.$if(pb.notEqual(this.flip, 0), function () {\r\n              this.$builtins.position.y = pb.neg(this.$builtins.position.y);\r\n            });\r\n          });\r\n        },\r\n        fragment(pb) {\r\n          this.srcTex = pb.tex2D().sampleType('unfilterable-float').uniform(0);\r\n          this.srgbOutput = pb.int().uniform(0);\r\n          this.$outputs.outColor = pb.vec4();\r\n          pb.main(function () {\r\n            this.$outputs.outColor = pb.textureSample(this.srcTex, this.$inputs.uv);\r\n            this.$if(pb.notEqual(this.srgbOutput, 0), function () {\r\n              this.$outputs.outColor = pb.vec4(linearToGamma(this, this.$outputs.outColor.rgb), 1);\r\n            });\r\n          });\r\n        }\r\n      });\r\n      this._blitBindgroup = device.createBindGroup(this._blitProgram.bindGroupLayouts[0]);\r\n      this._blitVertexLayout = device.createVertexLayout({\r\n        vertexBuffers: [\r\n          {\r\n            buffer: device.createVertexBuffer(\r\n              'position_f32x2',\r\n              new Float32Array([-1, -1, 1, -1, -1, 1, 1, 1])\r\n            )\r\n          }\r\n        ]\r\n      });\r\n      this._blitRenderStates = device.createRenderStateSet();\r\n      this._blitRenderStates.useRasterizerState().setCullMode('none');\r\n      this._blitRenderStates.useDepthState().enableTest(false).enableWrite(false);\r\n    }\r\n    this._blitBindgroup.setTexture('srcTex', srcTex, fetchSampler('clamp_nearest_nomip'));\r\n    this._blitBindgroup.setValue('srgbOutput', srgbOutput ? 1 : 0);\r\n    this._blitBindgroup.setValue('flip', device.type === 'webgpu' && !!device.getFramebuffer() ? 1 : 0);\r\n    device.setRenderStates(this._blitRenderStates);\r\n    device.setProgram(this._blitProgram);\r\n    device.setBindGroup(0, this._blitBindgroup);\r\n    device.setVertexLayout(this._blitVertexLayout);\r\n    device.draw('triangle-strip', 0, 4);\r\n  }\r\n}\r\n"],"names":["Compositor","_blitProgram","_blitBindgroup","_blitRenderStates","_blitVertexLayout","_postEffects","PostEffectLayer","opaque","transparent","end","_finalFramebuffer","_prevInputTexture","_prevFrameBuffer","requireLinearDepth","ctx","list","postEffect","get","requireLinearDepthTexture","appendPostEffect","findIndex","val","console","error","layer","push","DRef","removePostEffect","index","dispose","splice","clear","p","length","begin","device","getFramebuffer","ssr","materialFlags","MaterialVaryingFlags","SSR_STORE_ROUGHNESS","every","format","getDeviceCaps","textureCaps","supportHalfFloatColorBuffer","depth","getDepthAttachment","w","width","getDrawingBufferWidth","h","height","getDrawingBufferHeight","tmpFramebuffer","pool","fetchTemporalFramebuffer","SSRRoughnessTexture","SSRNormalTexture","depthFormat","setFramebuffer","drawPostEffects","sceneDepthTexture","postEffects","inputFramebuffer","inputTexture","getColorAttachments","tmpTexture","i","enabled","releaseFrameBuffer","isLast","isLastPostEffect","finalEffect","requireDepthAttachment","getWidth","getHeight","inputColorTexture","apply","releaseTexture","retainTexture","srcTex","setViewport","setScissor","_blit","start","j","srgbOutput","buildRenderProgram","vertex","pb","$inputs","pos","vec2","attrib","$outputs","uv","flip","int","uniform","main","$builtins","position","vec4","add","mul","xy","$if","notEqual","y","neg","fragment","tex2D","sampleType","outColor","textureSample","linearToGamma","rgb","createBindGroup","bindGroupLayouts","createVertexLayout","vertexBuffers","buffer","createVertexBuffer","Float32Array","createRenderStateSet","useRasterizerState","setCullMode","useDepthState","enableTest","enableWrite","setTexture","fetchSampler","setValue","type","setRenderStates","setProgram","setBindGroup","setVertexLayout","draw"],"mappings":"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"}

package/dist/src/posteffect/fxaa.js

@@ -0,0 +1,273 @@
+import { Vector2 } from '@zephyr3d/base';
+import { AbstractPostEffect, PostEffectLayer } from './posteffect.js';
+import { linearToGamma } from '../shaders/misc.js';
+import { fetchSampler } from '../utility/misc.js';
+
+/**
+ * FXAA post effect
+ * @public
+ */ class FXAA extends AbstractPostEffect {
+    static _program = null;
+    static _bindgroup = null;
+    _invTexSize;
+    /**
+   * Creates an instance of grayscale post effect
+   */ constructor(){
+        super();
+        this._layer = PostEffectLayer.transparent;
+        this._invTexSize = new Vector2();
+    }
+    /** {@inheritDoc AbstractPostEffect.requireLinearDepthTexture} */ requireLinearDepthTexture() {
+        return false;
+    }
+    /** {@inheritDoc AbstractPostEffect.requireDepthAttachment} */ requireDepthAttachment() {
+        return false;
+    }
+    /** {@inheritDoc AbstractPostEffect.apply} */ apply(ctx, inputColorTexture, sceneDepthTexture, srgbOutput) {
+        const device = ctx.device;
+        this._prepare(device);
+        this._invTexSize.setXY(1 / inputColorTexture.width, 1 / inputColorTexture.height);
+        FXAA._bindgroup.setTexture('srcTex', inputColorTexture, fetchSampler('clamp_linear_nomip'));
+        FXAA._bindgroup.setValue('flip', this.needFlip(device) ? 1 : 0);
+        FXAA._bindgroup.setValue('srgbOut', srgbOutput ? 1 : 0);
+        FXAA._bindgroup.setValue('invTexSize', this._invTexSize);
+        device.setProgram(FXAA._program);
+        device.setBindGroup(0, FXAA._bindgroup);
+        this.drawFullscreenQuad();
+    }
+    /** @internal */ _prepare(device) {
+        if (!FXAA._program) {
+            FXAA._program = device.buildRenderProgram({
+                vertex (pb) {
+                    this.flip = pb.int().uniform(0);
+                    this.$inputs.pos = pb.vec2().attrib('position');
+                    this.$outputs.uv = pb.vec2();
+                    pb.main(function() {
+                        this.$builtins.position = pb.vec4(this.$inputs.pos, 0, 1);
+                        this.$outputs.uv = pb.add(pb.mul(this.$inputs.pos.xy, 0.5), pb.vec2(0.5));
+                        this.$if(pb.notEqual(this.flip, 0), function() {
+                            this.$builtins.position.y = pb.neg(this.$builtins.position.y);
+                        });
+                    });
+                },
+                fragment (pb) {
+                    this.srcTex = pb.tex2D().uniform(0);
+                    this.srgbOut = pb.int().uniform(0);
+                    this.invTexSize = pb.vec2().uniform(0);
+                    this.$outputs.outColor = pb.vec4();
+                    pb.func('getLuma', [
+                        pb.vec3('vSample')
+                    ], function() {
+                        this.$return(pb.dot(this.vSample, pb.vec3(0.299, 0.587, 0.114)));
+                    });
+                    pb.func('FXAA', [
+                        pb.vec2('uv')
+                    ], function() {
+                        this.$l.posM = this.uv;
+                        this.$l.rgbyM = pb.textureSampleLevel(this.srcTex, this.uv, 0);
+                        this.$l.lumaM = this.getLuma(this.rgbyM.rgb);
+                        this.$l.lumaN = this.getLuma(pb.textureSampleLevel(this.srcTex, pb.add(this.uv, pb.mul(pb.vec2(0, -1), this.invTexSize)), 0).rgb);
+                        this.$l.lumaW = this.getLuma(pb.textureSampleLevel(this.srcTex, pb.add(this.uv, pb.mul(pb.vec2(-1, 0), this.invTexSize)), 0).rgb);
+                        this.$l.lumaE = this.getLuma(pb.textureSampleLevel(this.srcTex, pb.add(this.uv, pb.mul(pb.vec2(1, 0), this.invTexSize)), 0).rgb);
+                        this.$l.lumaS = this.getLuma(pb.textureSampleLevel(this.srcTex, pb.add(this.uv, pb.mul(pb.vec2(0, 1), this.invTexSize)), 0).rgb);
+                        this.$l.rangeMin = pb.min(this.lumaM, pb.min(pb.min(this.lumaN, this.lumaW), pb.min(this.lumaS, this.lumaE)));
+                        this.$l.rangeMax = pb.max(this.lumaM, pb.max(pb.max(this.lumaN, this.lumaW), pb.max(this.lumaS, this.lumaE)));
+                        this.$l.range = pb.sub(this.rangeMax, this.rangeMin);
+                        this.$if(pb.lessThan(this.range, pb.max(1 / 16, pb.div(this.rangeMax, 8))), function() {
+                            this.$return(this.rgbyM);
+                        });
+                        this.$l.lumaNW = this.getLuma(pb.textureSampleLevel(this.srcTex, pb.add(this.uv, pb.mul(pb.vec2(-1, -1), this.invTexSize)), 0).rgb);
+                        this.$l.lumaNE = this.getLuma(pb.textureSampleLevel(this.srcTex, pb.add(this.uv, pb.mul(pb.vec2(1, -1), this.invTexSize)), 0).rgb);
+                        this.$l.lumaSW = this.getLuma(pb.textureSampleLevel(this.srcTex, pb.add(this.uv, pb.mul(pb.vec2(-1, 1), this.invTexSize)), 0).rgb);
+                        this.$l.lumaSE = this.getLuma(pb.textureSampleLevel(this.srcTex, pb.add(this.uv, pb.mul(pb.vec2(1, 1), this.invTexSize)), 0).rgb);
+                        this.$l.lumaNS = pb.add(this.lumaN, this.lumaS);
+                        this.$l.lumaWE = pb.add(this.lumaW, this.lumaE);
+                        this.$l.subpixRcpRange = pb.div(1, this.range);
+                        this.$l.subpixNSWE = pb.add(this.lumaNS, this.lumaWE);
+                        this.$l.edgeHorz1 = pb.add(pb.mul(-2, this.lumaM), this.lumaNS);
+                        this.$l.edgeVert1 = pb.add(pb.mul(-2, this.lumaM), this.lumaWE);
+                        this.$l.lumaNESE = pb.add(this.lumaNE, this.lumaSE);
+                        this.$l.lumaNWNE = pb.add(this.lumaNW, this.lumaNE);
+                        this.$l.edgeHorz2 = pb.add(pb.mul(-2, this.lumaE), this.lumaNESE);
+                        this.$l.edgeVert2 = pb.add(pb.mul(-2, this.lumaN), this.lumaNWNE);
+                        this.$l.lumaNWSW = pb.add(this.lumaNW, this.lumaSW);
+                        this.$l.lumaSWSE = pb.add(this.lumaSW, this.lumaSE);
+                        this.$l.edgeHorz4 = pb.add(pb.mul(pb.abs(this.edgeHorz1), 2), pb.abs(this.edgeHorz2));
+                        this.$l.edgeVert4 = pb.add(pb.mul(pb.abs(this.edgeVert1), 2), pb.abs(this.edgeVert2));
+                        this.$l.edgeHorz3 = pb.add(pb.mul(-2, this.lumaW), this.lumaNWSW);
+                        this.$l.edgeVert3 = pb.add(pb.mul(-2, this.lumaS), this.lumaSWSE);
+                        this.$l.edgeHorz = pb.add(pb.abs(this.edgeHorz3), this.edgeHorz4);
+                        this.$l.edgeVert = pb.add(pb.abs(this.edgeVert3), this.edgeVert4);
+                        this.$l.subpixNWSWNESE = pb.add(this.lumaNWSW, this.lumaNESE);
+                        this.$l.lengthSign = this.invTexSize.x;
+                        this.$l.horzSpan = pb.greaterThanEqual(this.edgeHorz, this.edgeVert);
+                        this.$l.subpixA = pb.add(pb.mul(this.subpixNSWE, 2), this.subpixNWSWNESE);
+                        this.$if(pb.not(this.horzSpan), function() {
+                            this.lumaN = this.lumaW;
+                            this.lumaS = this.lumaE;
+                        }).$else(function() {
+                            this.lengthSign = this.invTexSize.y;
+                        });
+                        this.$l.subpixB = pb.sub(pb.div(this.subpixA, 12), this.lumaM);
+                        this.$l.gradientN = pb.sub(this.lumaN, this.lumaM);
+                        this.$l.gradientS = pb.sub(this.lumaS, this.lumaM);
+                        this.$l.lumaNN = pb.add(this.lumaN, this.lumaM);
+                        this.$l.lumaSS = pb.add(this.lumaS, this.lumaM);
+                        this.$l.pairN = pb.greaterThanEqual(pb.abs(this.gradientN), pb.abs(this.gradientS));
+                        this.$l.gradient = pb.max(pb.abs(this.gradientN), pb.abs(this.gradientS));
+                        this.$if(this.pairN, function() {
+                            this.lengthSign = pb.neg(this.lengthSign);
+                        });
+                        this.$l.subpixC = pb.clamp(pb.mul(pb.abs(this.subpixB), this.subpixRcpRange), 0, 1);
+                        this.$l.posB = this.posM;
+                        this.$l.offNP = pb.vec2();
+                        this.$if(pb.not(this.horzSpan), function() {
+                            this.offNP.x = 0;
+                            this.offNP.y = this.invTexSize.y;
+                            this.posB.x = pb.add(this.posB.x, pb.mul(this.lengthSign, 0.5));
+                        }).$else(function() {
+                            this.offNP.x = this.invTexSize.x;
+                            this.offNP.y = 0;
+                            this.posB.y = pb.add(this.posB.y, pb.mul(this.lengthSign, 0.5));
+                        });
+                        this.$l.posN = pb.sub(this.posB, this.offNP);
+                        this.$l.posP = pb.add(this.posB, this.offNP);
+                        this.$l.subpixD = pb.add(pb.mul(-2, this.subpixC), 3);
+                        this.$l.lumaEndN = this.getLuma(pb.textureSampleLevel(this.srcTex, this.posN, 0).rgb);
+                        this.$l.subpixE = pb.mul(this.subpixC, this.subpixC);
+                        this.$l.lumaEndP = this.getLuma(pb.textureSampleLevel(this.srcTex, this.posP, 0).rgb);
+                        this.$if(pb.not(this.pairN), function() {
+                            this.lumaNN = this.lumaSS;
+                        });
+                        this.$l.gradientScaled = pb.div(this.gradient, 4);
+                        this.$l.lumaMM = pb.sub(this.lumaM, pb.mul(this.lumaNN, 0.5));
+                        this.$l.subpixF = pb.mul(this.subpixD, this.subpixE);
+                        this.$l.lumaMLTZero = pb.lessThan(this.lumaMM, 0);
+                        this.lumaEndN = pb.sub(this.lumaEndN, pb.mul(this.lumaNN, 0.5));
+                        this.lumaEndP = pb.sub(this.lumaEndP, pb.mul(this.lumaNN, 0.5));
+                        this.$l.doneN = pb.greaterThanEqual(pb.abs(this.lumaEndN), this.gradientScaled);
+                        this.$l.doneP = pb.greaterThanEqual(pb.abs(this.lumaEndP), this.gradientScaled);
+                        this.$if(pb.not(this.doneN), function() {
+                            this.posN = pb.sub(this.posN, pb.mul(this.offNP, 1.5));
+                        });
+                        this.$l.doneNP = pb.or(pb.not(this.doneN), pb.not(this.doneP));
+                        this.$if(pb.not(this.doneP), function() {
+                            this.posP = pb.add(this.posP, pb.mul(this.offNP, 1.5));
+                        });
+                        this.$if(this.doneNP, function() {
+                            this.$if(pb.not(this.doneN), function() {
+                                this.lumaEndN = this.getLuma(pb.textureSampleLevel(this.srcTex, this.posN.xy, 0).rgb);
+                                this.lumaEndN = pb.sub(this.lumaEndN, pb.mul(this.lumaNN, 0.5));
+                            });
+                            this.$if(pb.not(this.doneP), function() {
+                                this.lumaEndP = this.getLuma(pb.textureSampleLevel(this.srcTex, this.posP.xy, 0).rgb);
+                                this.lumaEndP = pb.sub(this.lumaEndP, pb.mul(this.lumaNN, 0.5));
+                            });
+                            this.doneN = pb.greaterThanEqual(pb.abs(this.lumaEndN), this.gradientScaled);
+                            this.doneP = pb.greaterThanEqual(pb.abs(this.lumaEndP), this.gradientScaled);
+                            this.$if(pb.not(this.doneN), function() {
+                                this.posN = pb.sub(this.posN, pb.mul(this.offNP, 2.0));
+                            });
+                            this.doneNP = pb.or(pb.not(this.doneN), pb.not(this.doneP));
+                            this.$if(pb.not(this.doneP), function() {
+                                this.posP = pb.add(this.posP, pb.mul(this.offNP, 2.0));
+                            });
+                            this.$if(this.doneNP, function() {
+                                this.$if(pb.not(this.doneN), function() {
+                                    this.lumaEndN = this.getLuma(pb.textureSampleLevel(this.srcTex, this.posN.xy, 0).rgb);
+                                    this.lumaEndN = pb.sub(this.lumaEndN, pb.mul(this.lumaNN, 0.5));
+                                });
+                                this.$if(pb.not(this.doneP), function() {
+                                    this.lumaEndP = this.getLuma(pb.textureSampleLevel(this.srcTex, this.posP.xy, 0).rgb);
+                                    this.lumaEndP = pb.sub(this.lumaEndP, pb.mul(this.lumaNN, 0.5));
+                                });
+                                this.doneN = pb.greaterThanEqual(pb.abs(this.lumaEndN), this.gradientScaled);
+                                this.doneP = pb.greaterThanEqual(pb.abs(this.lumaEndP), this.gradientScaled);
+                                this.$if(pb.not(this.doneN), function() {
+                                    this.posN = pb.sub(this.posN, pb.mul(this.offNP, 2.0));
+                                });
+                                this.doneNP = pb.or(pb.not(this.doneN), pb.not(this.doneP));
+                                this.$if(pb.not(this.doneP), function() {
+                                    this.posP = pb.add(this.posP, pb.mul(this.offNP, 2.0));
+                                });
+                                this.$if(this.doneNP, function() {
+                                    this.$if(pb.not(this.doneN), function() {
+                                        this.lumaEndN = this.getLuma(pb.textureSampleLevel(this.srcTex, this.posN.xy, 0).rgb);
+                                        this.lumaEndN = pb.sub(this.lumaEndN, pb.mul(this.lumaNN, 0.5));
+                                    });
+                                    this.$if(pb.not(this.doneP), function() {
+                                        this.lumaEndP = this.getLuma(pb.textureSampleLevel(this.srcTex, this.posP.xy, 0).rgb);
+                                        this.lumaEndP = pb.sub(this.lumaEndP, pb.mul(this.lumaNN, 0.5));
+                                    });
+                                    this.doneN = pb.greaterThanEqual(pb.abs(this.lumaEndN), this.gradientScaled);
+                                    this.doneP = pb.greaterThanEqual(pb.abs(this.lumaEndP), this.gradientScaled);
+                                    this.$if(pb.not(this.doneN), function() {
+                                        this.posN = pb.sub(this.posN, pb.mul(this.offNP, 4.0));
+                                    });
+                                    this.doneNP = pb.or(pb.not(this.doneN), pb.not(this.doneP));
+                                    this.$if(pb.not(this.doneP), function() {
+                                        this.posP = pb.add(this.posP, pb.mul(this.offNP, 4.0));
+                                    });
+                                    this.$if(this.doneNP, function() {
+                                        this.$if(pb.not(this.doneN), function() {
+                                            this.lumaEndN = this.getLuma(pb.textureSampleLevel(this.srcTex, this.posN.xy, 0).rgb);
+                                            this.lumaEndN = pb.sub(this.lumaEndN, pb.mul(this.lumaNN, 0.5));
+                                        });
+                                        this.$if(pb.not(this.doneP), function() {
+                                            this.lumaEndP = this.getLuma(pb.textureSampleLevel(this.srcTex, this.posP.xy, 0).rgb);
+                                            this.lumaEndP = pb.sub(this.lumaEndP, pb.mul(this.lumaNN, 0.5));
+                                        });
+                                        this.doneN = pb.greaterThanEqual(pb.abs(this.lumaEndN), this.gradientScaled);
+                                        this.doneP = pb.greaterThanEqual(pb.abs(this.lumaEndP), this.gradientScaled);
+                                        this.$if(pb.not(this.doneN), function() {
+                                            this.posN = pb.sub(this.posN, pb.mul(this.offNP, 2.0));
+                                        });
+                                        this.$if(pb.not(this.doneP), function() {
+                                            this.posP = pb.add(this.posP, pb.mul(this.offNP, 2.0));
+                                        });
+                                    });
+                                });
+                            });
+                        });
+                        this.$l.dstN = pb.sub(this.posM.x, this.posN.x);
+                        this.$l.dstP = pb.sub(this.posP.x, this.posM.x);
+                        this.$if(pb.not(this.horzSpan), function() {
+                            this.dstN = pb.sub(this.posM.y, this.posN.y);
+                            this.dstP = pb.sub(this.posP.y, this.posM.y);
+                        });
+                        this.$l.goodSpanN = pb.notEqual(pb.lessThan(this.lumaEndN, 0), this.lumaMLTZero);
+                        this.$l.spanLength = pb.add(this.dstP, this.dstN);
+                        this.$l.goodSpanP = pb.notEqual(pb.lessThan(this.lumaEndP, 0), this.lumaMLTZero);
+                        this.$l.spanLengthRcp = pb.div(1, this.spanLength);
+                        this.$l.directionN = pb.lessThan(this.dstN, this.dstP);
+                        this.$l.dst = pb.min(this.dstN, this.dstP);
+                        this.$l.goodSpan = this.$choice(this.directionN, this.goodSpanN, this.goodSpanP);
+                        this.$l.subpixG = pb.mul(this.subpixF, this.subpixF);
+                        this.$l.pixelOffset = pb.add(pb.mul(this.dst, pb.neg(this.spanLengthRcp)), 0.5);
+                        this.$l.subpixH = pb.mul(this.subpixG, 0.75);
+                        this.$l.pixelOffsetGood = this.$choice(this.goodSpan, this.pixelOffset, 0);
+                        this.$l.pixelOffsetSubpix = pb.max(this.pixelOffsetGood, this.subpixH);
+                        this.$if(pb.not(this.horzSpan), function() {
+                            this.posM.x = pb.add(this.posM.x, pb.mul(this.pixelOffsetSubpix, this.lengthSign));
+                        }).$else(function() {
+                            this.posM.y = pb.add(this.posM.y, pb.mul(this.pixelOffsetSubpix, this.lengthSign));
+                        });
+                        this.$return(pb.textureSampleLevel(this.srcTex, this.posM, 0).xyzw);
+                    });
+                    pb.main(function() {
+                        this.$l.color = this.FXAA(this.$inputs.uv);
+                        this.$if(pb.equal(this.srgbOut, 0), function() {
+                            this.$outputs.outColor = this.color;
+                        }).$else(function() {
+                            this.$outputs.outColor = pb.vec4(linearToGamma(this, this.color.rgb), this.color.a);
+                        });
+                    });
+                }
+            });
+            FXAA._bindgroup = device.createBindGroup(FXAA._program.bindGroupLayouts[0]);
+        }
+    }
+}
+
+export { FXAA };
+//# sourceMappingURL=fxaa.js.map