[{"data":1,"prerenderedAt":750},["ShallowReactive",2],{"navigation":3,"/api/pmndrs/fxaa":181,"/api/pmndrs/fxaa-surround":745},[4,14,171],{"title":5,"path":6,"stem":7,"children":8},"Introduction","/getting-started","1.getting-started/1.index",[9,10],{"title":5,"path":6,"stem":7},{"title":11,"path":12,"stem":13},"Installation","/getting-started/installation","1.getting-started/2.installation",{"title":15,"path":16,"stem":17,"children":18},"Api","/api","2.api",[19,22,144],{"title":20,"path":16,"stem":21},"API Reference","2.api/index",{"title":23,"path":24,"stem":25,"children":26},"Pmndrs Effects","/api/pmndrs","2.api/1.pmndrs/index",[27,28,32,36,40,44,48,52,56,60,64,68,72,76,80,84,88,92,96,100,104,108,112,116,120,124,128,132,136,140],{"title":23,"path":24,"stem":25},{"title":29,"path":30,"stem":31},"ASCII","/api/pmndrs/ascii","2.api/1.pmndrs/ascii",{"title":33,"path":34,"stem":35},"Barrel Blur","/api/pmndrs/barrel-blur","2.api/1.pmndrs/barrel-blur",{"title":37,"path":38,"stem":39},"Bloom","/api/pmndrs/bloom","2.api/1.pmndrs/bloom",{"title":41,"path":42,"stem":43},"Brightness & Contrast","/api/pmndrs/brightness-contrast","2.api/1.pmndrs/brightness-contrast",{"title":45,"path":46,"stem":47},"Chromatic Aberration","/api/pmndrs/chromatic-aberration","2.api/1.pmndrs/chromatic-aberration",{"title":49,"path":50,"stem":51},"Color Average","/api/pmndrs/color-average","2.api/1.pmndrs/color-average",{"title":53,"path":54,"stem":55},"Color Depth","/api/pmndrs/color-depth","2.api/1.pmndrs/color-depth",{"title":57,"path":58,"stem":59},"Depth of Field","/api/pmndrs/depth-of-field","2.api/1.pmndrs/depth-of-field",{"title":61,"path":62,"stem":63},"Dot Screen","/api/pmndrs/dot-screen","2.api/1.pmndrs/dot-screen",{"title":65,"path":66,"stem":67},"Fish Eye","/api/pmndrs/fish-eye","2.api/1.pmndrs/fish-eye",{"title":69,"path":70,"stem":71},"FXAA","/api/pmndrs/fxaa","2.api/1.pmndrs/fxaa",{"title":73,"path":74,"stem":75},"Glitch","/api/pmndrs/glitch","2.api/1.pmndrs/glitch",{"title":77,"path":78,"stem":79},"God Rays","/api/pmndrs/god-rays","2.api/1.pmndrs/god-rays",{"title":81,"path":82,"stem":83},"Grid","/api/pmndrs/grid","2.api/1.pmndrs/grid",{"title":85,"path":86,"stem":87},"Hue & Saturation","/api/pmndrs/hue-saturation","2.api/1.pmndrs/hue-saturation",{"title":89,"path":90,"stem":91},"Kuwahara","/api/pmndrs/kuwahara","2.api/1.pmndrs/kuwahara",{"title":93,"path":94,"stem":95},"Lens Distortion","/api/pmndrs/lens-distortion","2.api/1.pmndrs/lens-distortion",{"title":97,"path":98,"stem":99},"Linocut","/api/pmndrs/linocut","2.api/1.pmndrs/linocut",{"title":101,"path":102,"stem":103},"Noise","/api/pmndrs/noise","2.api/1.pmndrs/noise",{"title":105,"path":106,"stem":107},"Outline","/api/pmndrs/outline","2.api/1.pmndrs/outline",{"title":109,"path":110,"stem":111},"Pixelation","/api/pmndrs/pixelation","2.api/1.pmndrs/pixelation",{"title":113,"path":114,"stem":115},"Scanline","/api/pmndrs/scanline","2.api/1.pmndrs/scanline",{"title":117,"path":118,"stem":119},"Sepia","/api/pmndrs/sepia","2.api/1.pmndrs/sepia",{"title":121,"path":122,"stem":123},"Shock Wave","/api/pmndrs/shock-wave","2.api/1.pmndrs/shock-wave",{"title":125,"path":126,"stem":127},"SMAA","/api/pmndrs/smaa","2.api/1.pmndrs/smaa",{"title":129,"path":130,"stem":131},"Texture","/api/pmndrs/texture","2.api/1.pmndrs/texture",{"title":133,"path":134,"stem":135},"Tilt Shift","/api/pmndrs/tilt-shift","2.api/1.pmndrs/tilt-shift",{"title":137,"path":138,"stem":139},"ToneMapping","/api/pmndrs/tone-mapping","2.api/1.pmndrs/tone-mapping",{"title":141,"path":142,"stem":143},"Vignette","/api/pmndrs/vignette","2.api/1.pmndrs/vignette",{"title":145,"path":146,"stem":147,"children":148},"Three Native Effects","/api/three","2.api/2.three/index",[149,150,153,157,161,164,167],{"title":145,"path":146,"stem":147},{"title":73,"path":151,"stem":152},"/api/three/glitch","2.api/2.three/glitch",{"title":154,"path":155,"stem":156},"Halftone","/api/three/halftone","2.api/2.three/halftone",{"title":158,"path":159,"stem":160},"Output","/api/three/output","2.api/2.three/output",{"title":109,"path":162,"stem":163},"/api/three/pixelation","2.api/2.three/pixelation",{"title":125,"path":165,"stem":166},"/api/three/smaa","2.api/2.three/smaa",{"title":168,"path":169,"stem":170},"Unreal Bloom","/api/three/unreal-bloom","2.api/2.three/unreal-bloom",{"title":172,"path":173,"stem":174,"children":175},"Advanced","/advanced","3.advanced/index",[176,177],{"title":172,"path":173,"stem":174},{"title":178,"path":179,"stem":180},"You might not need post-processing","/advanced/you-might-not-need-post-processing","3.advanced/you-might-not-need-post-processing",{"id":182,"title":69,"body":183,"description":739,"extension":740,"links":741,"meta":742,"navigation":328,"path":70,"seo":743,"stem":71,"__hash__":744},"docs/2.api/1.pmndrs/fxaa.md",{"type":184,"value":185,"toc":734},"minimark",[186,192,211,216,222,244,588,592,719,723,730],[187,188,189],"docs-demo",{},[190,191],"pmndrs-fxaa",{},[193,194,195,196,200,201,210],"p",{},"The ",[197,198,199],"code",{},"FXAAEffect"," effect is part of the ",[202,203,207],"a",{"href":204,"rel":205},"https://pmndrs.github.io/postprocessing/public/docs/class/src/effects/FXAAEffect.js~FXAAEffect.html",[206],"nofollow",[197,208,209],{},"postprocessing"," package.\nFXAA offers a performance-optimized anti-aliasing solution that smooths jagged edges while maintaining excellent performance. However, its quality may be modest at times, occasionally resulting in a slightly blurred appearance.",[212,213,215],"h2",{"id":214},"usage","Usage",[193,217,195,218,221],{},[197,219,220],{},"\u003CFXAAPmndrs>"," component is easy to use and provides customizable options to suit different visual styles.",[223,224,225],"note",{},[193,226,227,228,231,232,239,240,243],{},"When using the ",[197,229,230],{},"\u003CEffectComposerPmndrs>"," pipeline, enabling native antialiasing with the ",[202,233,236],{"href":234,"rel":235},"https://docs.tresjs.org/api/tres-canvas.html#props",[206],[197,237,238],{},"antialias"," prop on ",[197,241,242],{},"\u003CTresCanvas>"," is unnecessary.",[245,246,251],"pre",{"className":247,"code":248,"language":249,"meta":250,"style":250},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { EffectComposerPmndrs, FXAAPmndrs } from '@tresjs/post-processing'\n\nconst gl = {\n  antialias: false,\n}\n// It is not required to add `antialias: false` for\n// the \u003CTresCanvas> context, as it is automatically\n// disabled when using `\u003CEffectComposerPmndrs>`.\n\nconst effectProps = {\n  samples: 24,\n}\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas v-bind=\"gl\">\n    \u003CTresPerspectiveCamera />\n\n    \u003C!-- Your scene -->\n\n    \u003CSuspense>\n      \u003CEffectComposerPmndrs>\n        \u003CFXAAPmndrs :samples=\"effectProps.samples\" />\n      \u003C/EffectComposerPmndrs>\n    \u003C/Suspense>\n  \u003C/TresCanvas>\n\u003C/template>\n","vue","",[197,252,253,288,323,330,344,360,366,373,379,385,390,402,416,421,431,436,446,469,481,486,492,497,507,518,549,559,569,579],{"__ignoreMap":250},[254,255,258,262,266,270,273,276,279,283,285],"span",{"class":256,"line":257},"line",1,[254,259,261],{"class":260},"sMK4o","\u003C",[254,263,265],{"class":264},"swJcz","script",[254,267,269],{"class":268},"spNyl"," setup",[254,271,272],{"class":268}," lang",[254,274,275],{"class":260},"=",[254,277,278],{"class":260},"\"",[254,280,282],{"class":281},"sfazB","ts",[254,284,278],{"class":260},[254,286,287],{"class":260},">\n",[254,289,291,295,298,302,305,308,311,314,317,320],{"class":256,"line":290},2,[254,292,294],{"class":293},"s7zQu","import",[254,296,297],{"class":260}," {",[254,299,301],{"class":300},"sTEyZ"," EffectComposerPmndrs",[254,303,304],{"class":260},",",[254,306,307],{"class":300}," FXAAPmndrs",[254,309,310],{"class":260}," }",[254,312,313],{"class":293}," from",[254,315,316],{"class":260}," '",[254,318,319],{"class":281},"@tresjs/post-processing",[254,321,322],{"class":260},"'\n",[254,324,326],{"class":256,"line":325},3,[254,327,329],{"emptyLinePlaceholder":328},true,"\n",[254,331,333,336,339,341],{"class":256,"line":332},4,[254,334,335],{"class":268},"const",[254,337,338],{"class":300}," gl ",[254,340,275],{"class":260},[254,342,343],{"class":260}," {\n",[254,345,347,350,353,357],{"class":256,"line":346},5,[254,348,349],{"class":264},"  antialias",[254,351,352],{"class":260},":",[254,354,356],{"class":355},"sfNiH"," false",[254,358,359],{"class":260},",\n",[254,361,363],{"class":256,"line":362},6,[254,364,365],{"class":260},"}\n",[254,367,369],{"class":256,"line":368},7,[254,370,372],{"class":371},"sHwdD","// It is not required to add `antialias: false` for\n",[254,374,376],{"class":256,"line":375},8,[254,377,378],{"class":371},"// the \u003CTresCanvas> context, as it is automatically\n",[254,380,382],{"class":256,"line":381},9,[254,383,384],{"class":371},"// disabled when using `\u003CEffectComposerPmndrs>`.\n",[254,386,388],{"class":256,"line":387},10,[254,389,329],{"emptyLinePlaceholder":328},[254,391,393,395,398,400],{"class":256,"line":392},11,[254,394,335],{"class":268},[254,396,397],{"class":300}," effectProps ",[254,399,275],{"class":260},[254,401,343],{"class":260},[254,403,405,408,410,414],{"class":256,"line":404},12,[254,406,407],{"class":264},"  samples",[254,409,352],{"class":260},[254,411,413],{"class":412},"sbssI"," 24",[254,415,359],{"class":260},[254,417,419],{"class":256,"line":418},13,[254,420,365],{"class":260},[254,422,424,427,429],{"class":256,"line":423},14,[254,425,426],{"class":260},"\u003C/",[254,428,265],{"class":264},[254,430,287],{"class":260},[254,432,434],{"class":256,"line":433},15,[254,435,329],{"emptyLinePlaceholder":328},[254,437,439,441,444],{"class":256,"line":438},16,[254,440,261],{"class":260},[254,442,443],{"class":264},"template",[254,445,287],{"class":260},[254,447,449,452,455,458,460,462,465,467],{"class":256,"line":448},17,[254,450,451],{"class":260},"  \u003C",[254,453,454],{"class":264},"TresCanvas",[254,456,457],{"class":268}," v-bind",[254,459,275],{"class":260},[254,461,278],{"class":260},[254,463,464],{"class":300},"gl",[254,466,278],{"class":260},[254,468,287],{"class":260},[254,470,472,475,478],{"class":256,"line":471},18,[254,473,474],{"class":260},"    \u003C",[254,476,477],{"class":264},"TresPerspectiveCamera",[254,479,480],{"class":260}," />\n",[254,482,484],{"class":256,"line":483},19,[254,485,329],{"emptyLinePlaceholder":328},[254,487,489],{"class":256,"line":488},20,[254,490,491],{"class":371},"    \u003C!-- Your scene -->\n",[254,493,495],{"class":256,"line":494},21,[254,496,329],{"emptyLinePlaceholder":328},[254,498,500,502,505],{"class":256,"line":499},22,[254,501,474],{"class":260},[254,503,504],{"class":264},"Suspense",[254,506,287],{"class":260},[254,508,510,513,516],{"class":256,"line":509},23,[254,511,512],{"class":260},"      \u003C",[254,514,515],{"class":264},"EffectComposerPmndrs",[254,517,287],{"class":260},[254,519,521,524,527,530,533,535,537,540,543,545,547],{"class":256,"line":520},24,[254,522,523],{"class":260},"        \u003C",[254,525,526],{"class":264},"FXAAPmndrs",[254,528,529],{"class":260}," :",[254,531,532],{"class":268},"samples",[254,534,275],{"class":260},[254,536,278],{"class":260},[254,538,539],{"class":300},"effectProps",[254,541,542],{"class":260},".",[254,544,532],{"class":300},[254,546,278],{"class":260},[254,548,480],{"class":260},[254,550,552,555,557],{"class":256,"line":551},25,[254,553,554],{"class":260},"      \u003C/",[254,556,515],{"class":264},[254,558,287],{"class":260},[254,560,562,565,567],{"class":256,"line":561},26,[254,563,564],{"class":260},"    \u003C/",[254,566,504],{"class":264},[254,568,287],{"class":260},[254,570,572,575,577],{"class":256,"line":571},27,[254,573,574],{"class":260},"  \u003C/",[254,576,454],{"class":264},[254,578,287],{"class":260},[254,580,582,584,586],{"class":256,"line":581},28,[254,583,426],{"class":260},[254,585,443],{"class":264},[254,587,287],{"class":260},[212,589,591],{"id":590},"props","Props",[593,594,595,611],"table",{},[596,597,598],"thead",{},[599,600,601,605,608],"tr",{},[602,603,604],"th",{},"Prop",[602,606,607],{},"Description",[602,609,610],{},"Default",[612,613,614,638,653,667,685,702],"tbody",{},[599,615,616,622,633],{},[617,618,619],"td",{},[197,620,621],{},"blendFunction",[617,623,624,625,632],{},"Defines how the effect blends with the original scene. See the ",[202,626,629],{"href":627,"rel":628},"https://pmndrs.github.io/postprocessing/public/docs/variable/index.html#static-variable-BlendFunction",[206],[197,630,631],{},"BlendFunction"," options.",[617,634,635],{},[197,636,637],{},"BlendFunction.SRC",[599,639,640,645,648],{},[617,641,642],{},[197,643,644],{},"opacity",[617,646,647],{},"The opacity of the effect.",[617,649,650],{},[197,651,652],{},"1",[599,654,655,659,662],{},[617,656,657],{},[197,658,532],{},[617,660,661],{},"The maximum amount of edge detection samples.",[617,663,664],{},[197,665,666],{},"12",[599,668,669,674,680],{},[617,670,671],{},[197,672,673],{},"minEdgeThreshold",[617,675,676,677,542],{},"The minimum edge detection threshold. Range: ",[197,678,679],{},"[0.0, 1.0]",[617,681,682],{},[197,683,684],{},"0.0312",[599,686,687,692,697],{},[617,688,689],{},[197,690,691],{},"maxEdgeThreshold",[617,693,694,695,542],{},"The maximum edge detection threshold. Range: ",[197,696,679],{},[617,698,699],{},[197,700,701],{},"0.125",[599,703,704,709,714],{},[617,705,706],{},[197,707,708],{},"subpixelQuality",[617,710,711,712,542],{},"The subpixel blend quality. Range: ",[197,713,679],{},[617,715,716],{},[197,717,718],{},"0.75",[212,720,722],{"id":721},"further-reading","Further Reading",[193,724,725,726,542],{},"For more details, see the ",[202,727,729],{"href":204,"rel":728},[206],"FXAAEffect documentation",[731,732,733],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":250,"searchDepth":257,"depth":290,"links":735},[736,737,738],{"id":214,"depth":290,"text":215},{"id":590,"depth":290,"text":591},{"id":721,"depth":290,"text":722},"Performance-optimized anti-aliasing that smooths jagged edges in post-processing.","md",null,{},{"title":69,"description":739},"SKiaE0uzOQHNaW0AqtsjetJNz-GzqSVblW_5PkS8N7c",[746,748],{"title":65,"path":66,"stem":67,"description":747,"children":-1},"Simulate the wide-angle distortion of a fish-eye lens.",{"title":73,"path":74,"stem":75,"description":749,"children":-1},"Simulate digital glitches with chaotic distortion and flickering effects.",1779713681235]