[{"data":1,"prerenderedAt":691},["ShallowReactive",2],{"navigation":3,"/api/pmndrs/glitch":181,"/api/pmndrs/glitch-surround":686},[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":73,"body":183,"description":680,"extension":681,"links":682,"meta":683,"navigation":310,"path":74,"seo":684,"stem":75,"__hash__":685},"docs/2.api/1.pmndrs/glitch.md",{"type":184,"value":185,"toc":675},"minimark",[186,193,197,205,211,216,464,468,658,662,671],[187,188,190],"docs-demo",{":controls":189},"false",[191,192],"pmndrs-glitch",{},[194,195,196],"p",{},"Glitch is an effect that simulates digital glitches, which are random or intentional errors that occur in digital media such as images, videos, or audio. The effect can be used to create a distorted or disrupted appearance, with elements of the scene appearing to shift or flicker in a chaotic manner.",[194,198,199,200,204],{},"The ",[201,202,203],"code",{},"\u003CGlitchPmndrs />"," component in TresJS allows you to add this effect to your 3D scenes, and provides several parameters that can be tweaked to achieve the desired glitchy look, such as delay, duration, strength, mode, and more. The end result can be a unique and striking visual style that adds an extra layer of interest to your 3D scenes.",[206,207,208],"warning",{},[194,209,210],{},"This effect may potentially cause epileptic seizures in people with photosensitive epilepsy. Viewer discretion is advised.",[212,213,215],"h2",{"id":214},"usage","Usage",[217,218,223],"pre",{"className":219,"code":220,"language":221,"meta":222,"style":222},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { EffectComposerPmndrs, GlitchPmndrs } from '@tresjs/post-processing'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas>\n    \u003CTresPerspectiveCamera :position=\"[5, 5, 5]\" />\n\n    \u003C!-- Your scene -->\n\n    \u003CSuspense>\n      \u003CEffectComposerPmndrs>\n        \u003CGlitchPmndrs />\n      \u003C/EffectComposerPmndrs>\n    \u003C/Suspense>\n  \u003C/TresCanvas>\n\u003C/template>\n","vue","",[201,224,225,260,295,305,312,322,333,376,381,388,393,403,414,425,435,445,455],{"__ignoreMap":222},[226,227,230,234,238,242,245,248,251,255,257],"span",{"class":228,"line":229},"line",1,[226,231,233],{"class":232},"sMK4o","\u003C",[226,235,237],{"class":236},"swJcz","script",[226,239,241],{"class":240},"spNyl"," setup",[226,243,244],{"class":240}," lang",[226,246,247],{"class":232},"=",[226,249,250],{"class":232},"\"",[226,252,254],{"class":253},"sfazB","ts",[226,256,250],{"class":232},[226,258,259],{"class":232},">\n",[226,261,263,267,270,274,277,280,283,286,289,292],{"class":228,"line":262},2,[226,264,266],{"class":265},"s7zQu","import",[226,268,269],{"class":232}," {",[226,271,273],{"class":272},"sTEyZ"," EffectComposerPmndrs",[226,275,276],{"class":232},",",[226,278,279],{"class":272}," GlitchPmndrs",[226,281,282],{"class":232}," }",[226,284,285],{"class":265}," from",[226,287,288],{"class":232}," '",[226,290,291],{"class":253},"@tresjs/post-processing",[226,293,294],{"class":232},"'\n",[226,296,298,301,303],{"class":228,"line":297},3,[226,299,300],{"class":232},"\u003C/",[226,302,237],{"class":236},[226,304,259],{"class":232},[226,306,308],{"class":228,"line":307},4,[226,309,311],{"emptyLinePlaceholder":310},true,"\n",[226,313,315,317,320],{"class":228,"line":314},5,[226,316,233],{"class":232},[226,318,319],{"class":236},"template",[226,321,259],{"class":232},[226,323,325,328,331],{"class":228,"line":324},6,[226,326,327],{"class":232},"  \u003C",[226,329,330],{"class":236},"TresCanvas",[226,332,259],{"class":232},[226,334,336,339,342,345,348,350,352,355,359,362,364,366,368,371,373],{"class":228,"line":335},7,[226,337,338],{"class":232},"    \u003C",[226,340,341],{"class":236},"TresPerspectiveCamera",[226,343,344],{"class":232}," :",[226,346,347],{"class":240},"position",[226,349,247],{"class":232},[226,351,250],{"class":232},[226,353,354],{"class":232},"[",[226,356,358],{"class":357},"sbssI","5",[226,360,361],{"class":232},", ",[226,363,358],{"class":357},[226,365,361],{"class":232},[226,367,358],{"class":357},[226,369,370],{"class":232},"]",[226,372,250],{"class":232},[226,374,375],{"class":232}," />\n",[226,377,379],{"class":228,"line":378},8,[226,380,311],{"emptyLinePlaceholder":310},[226,382,384],{"class":228,"line":383},9,[226,385,387],{"class":386},"sHwdD","    \u003C!-- Your scene -->\n",[226,389,391],{"class":228,"line":390},10,[226,392,311],{"emptyLinePlaceholder":310},[226,394,396,398,401],{"class":228,"line":395},11,[226,397,338],{"class":232},[226,399,400],{"class":236},"Suspense",[226,402,259],{"class":232},[226,404,406,409,412],{"class":228,"line":405},12,[226,407,408],{"class":232},"      \u003C",[226,410,411],{"class":236},"EffectComposerPmndrs",[226,413,259],{"class":232},[226,415,417,420,423],{"class":228,"line":416},13,[226,418,419],{"class":232},"        \u003C",[226,421,422],{"class":236},"GlitchPmndrs",[226,424,375],{"class":232},[226,426,428,431,433],{"class":228,"line":427},14,[226,429,430],{"class":232},"      \u003C/",[226,432,411],{"class":236},[226,434,259],{"class":232},[226,436,438,441,443],{"class":228,"line":437},15,[226,439,440],{"class":232},"    \u003C/",[226,442,400],{"class":236},[226,444,259],{"class":232},[226,446,448,451,453],{"class":228,"line":447},16,[226,449,450],{"class":232},"  \u003C/",[226,452,330],{"class":236},[226,454,259],{"class":232},[226,456,458,460,462],{"class":228,"line":457},17,[226,459,300],{"class":232},[226,461,319],{"class":236},[226,463,259],{"class":232},[212,465,467],{"id":466},"props","Props",[469,470,471,487],"table",{},[472,473,474],"thead",{},[475,476,477,481,484],"tr",{},[478,479,480],"th",{},"Prop",[478,482,483],{},"Description",[478,485,486],{},"Default",[488,489,490,510,525,540,555,570,585,600,615,629,643],"tbody",{},[475,491,492,498,501],{},[493,494,495],"td",{},[201,496,497],{},"blendFunction",[493,499,500],{},"The blend function of this effect.",[493,502,503],{},[504,505,509],"a",{"href":506,"rel":507},"https://github.com/pmndrs/postprocessing/blob/3fbe7b770f826019933b1386d27ebc04315feb00/src/enums/BlendFunction.js#L36",[508],"nofollow","BlendFunction.NORMAL",[475,511,512,517,520],{},[493,513,514],{},[201,515,516],{},"delay",[493,518,519],{},"The minimum and maximum delay between glitch activations in seconds.",[493,521,522],{},[201,523,524],{},"[1.5, 3.5]",[475,526,527,532,535],{},[493,528,529],{},[201,530,531],{},"duration",[493,533,534],{},"The minimum and maximum duration of a glitch in seconds.",[493,536,537],{},[201,538,539],{},"[0.6, 1.0]",[475,541,542,547,550],{},[493,543,544],{},[201,545,546],{},"strength",[493,548,549],{},"The strength of weak and strong glitches.",[493,551,552],{},[201,553,554],{},"[0.3, 1.0]",[475,556,557,562,565],{},[493,558,559],{},[201,560,561],{},"mode",[493,563,564],{},"The glitch mode. Can be DISABLED, SPORADIC, CONSTANT_MILD, or CONSTANT_WILD.",[493,566,567],{},[201,568,569],{},"GlitchMode.SPORADIC",[475,571,572,577,580],{},[493,573,574],{},[201,575,576],{},"active",[493,578,579],{},"Turn the effect on and off.",[493,581,582],{},[201,583,584],{},"undefined",[475,586,587,592,595],{},[493,588,589],{},[201,590,591],{},"ratio",[493,593,594],{},"The threshold for strong glitches.",[493,596,597],{},[201,598,599],{},"0.85",[475,601,602,607,610],{},[493,603,604],{},[201,605,606],{},"columns",[493,608,609],{},"The scale of the blocky glitch columns.",[493,611,612],{},[201,613,614],{},"0.05",[475,616,617,622,625],{},[493,618,619],{},[201,620,621],{},"chromaticAberrationOffset",[493,623,624],{},"A chromatic aberration offset. If provided, the glitch effect will influence this offset.",[493,626,627],{},[201,628,584],{},[475,630,631,636,639],{},[493,632,633],{},[201,634,635],{},"perturbationMap",[493,637,638],{},"A perturbation map. If none is provided, a noise texture will be created.",[493,640,641],{},[201,642,584],{},[475,644,645,650,653],{},[493,646,647],{},[201,648,649],{},"dtSize",[493,651,652],{},"The size of the generated noise map. Will be ignored if a perturbation map is provided.",[493,654,655],{},[201,656,657],{},"64",[212,659,661],{"id":660},"further-reading","Further Reading",[194,663,664,665,670],{},"For more details, see the ",[504,666,669],{"href":667,"rel":668},"https://pmndrs.github.io/postprocessing/public/docs/class/src/effects/GlitchEffect.js~GlitchEffect.html",[508],"GlitchEffect documentation",".",[672,673,674],"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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}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 .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":222,"searchDepth":229,"depth":262,"links":676},[677,678,679],{"id":214,"depth":262,"text":215},{"id":466,"depth":262,"text":467},{"id":660,"depth":262,"text":661},"Simulate digital glitches with chaotic distortion and flickering effects.","md",null,{},{"title":73,"description":680},"XPaWdlYxDMUdAWbIc-7Mh61gtCq2CwfcobkWzqlIe0I",[687,689],{"title":69,"path":70,"stem":71,"description":688,"children":-1},"Performance-optimized anti-aliasing that smooths jagged edges in post-processing.",{"title":77,"path":78,"stem":79,"description":690,"children":-1},"Simulate volumetric light rays shining through objects in the scene.",1779713681236]