[{"data":1,"prerenderedAt":508},["ShallowReactive",2],{"navigation":3,"/api/three/glitch":181,"/api/three/glitch-surround":503},[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":497,"extension":498,"links":499,"meta":500,"navigation":310,"path":151,"seo":501,"stem":152,"__hash__":502},"docs/2.api/2.three/glitch.md",{"type":184,"value":185,"toc":492},"minimark",[186,193,197,205,211,216,417,421,473,477,488],[187,188,190],"docs-demo",{":controls":189},"false",[191,192],"three-glitch",{},[194,195,196],"p",{},"Glitch is an effect that simulates digital glitches, which are random or intentional errors that occur in digital media. 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 native ",[201,202,203],"code",{},"\u003CGlitch />"," component 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 { EffectComposer, Glitch } from '@tresjs/post-processing'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas>\n    \u003C!-- Your scene -->\n\n    \u003CSuspense>\n      \u003CEffectComposer>\n        \u003CGlitch />\n      \u003C/EffectComposer>\n    \u003C/Suspense>\n  \u003C/TresCanvas>\n\u003C/template>\n","vue","",[201,224,225,260,295,305,312,322,333,340,345,356,367,378,388,398,408],{"__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"," EffectComposer",[226,275,276],{"class":232},",",[226,278,279],{"class":272}," Glitch",[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],{"class":228,"line":335},7,[226,337,339],{"class":338},"sHwdD","    \u003C!-- Your scene -->\n",[226,341,343],{"class":228,"line":342},8,[226,344,311],{"emptyLinePlaceholder":310},[226,346,348,351,354],{"class":228,"line":347},9,[226,349,350],{"class":232},"    \u003C",[226,352,353],{"class":236},"Suspense",[226,355,259],{"class":232},[226,357,359,362,365],{"class":228,"line":358},10,[226,360,361],{"class":232},"      \u003C",[226,363,364],{"class":236},"EffectComposer",[226,366,259],{"class":232},[226,368,370,373,375],{"class":228,"line":369},11,[226,371,372],{"class":232},"        \u003C",[226,374,73],{"class":236},[226,376,377],{"class":232}," />\n",[226,379,381,384,386],{"class":228,"line":380},12,[226,382,383],{"class":232},"      \u003C/",[226,385,364],{"class":236},[226,387,259],{"class":232},[226,389,391,394,396],{"class":228,"line":390},13,[226,392,393],{"class":232},"    \u003C/",[226,395,353],{"class":236},[226,397,259],{"class":232},[226,399,401,404,406],{"class":228,"line":400},14,[226,402,403],{"class":232},"  \u003C/",[226,405,330],{"class":236},[226,407,259],{"class":232},[226,409,411,413,415],{"class":228,"line":410},15,[226,412,300],{"class":232},[226,414,319],{"class":236},[226,416,259],{"class":232},[212,418,420],{"id":419},"props","Props",[422,423,424,440],"table",{},[425,426,427],"thead",{},[428,429,430,434,437],"tr",{},[431,432,433],"th",{},"Prop",[431,435,436],{},"Description",[431,438,439],{},"Default",[441,442,443,459],"tbody",{},[428,444,445,451,454],{},[446,447,448],"td",{},[201,449,450],{},"dtSize",[446,452,453],{},"The size of the generated noise map. Will be ignored if a perturbation map is provided.",[446,455,456],{},[201,457,458],{},"64",[428,460,461,466,469],{},[446,462,463],{},[201,464,465],{},"goWild",[446,467,468],{},"If true, the glitch effect will be more wild.",[446,470,471],{},[201,472,189],{},[212,474,476],{"id":475},"further-reading","Further Reading",[194,478,479,480,487],{},"See the ",[481,482,486],"a",{"href":483,"rel":484},"https://threejs.org/examples/?q=glit#webgl_postprocessing_glitch",[485],"nofollow","Three.js example",".",[489,490,491],"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 .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":493},[494,495,496],{"id":214,"depth":262,"text":215},{"id":419,"depth":262,"text":420},{"id":475,"depth":262,"text":476},"Simulate digital glitches with random shifts and flickers.","md",null,{},{"title":73,"description":497},"J9OqiKeufnS6o8iYw8QoCC8E03DPcgwO9zq2DsLnHiM",[504,506],{"title":145,"path":146,"stem":147,"description":505,"children":-1},"Native Three.js post-processing effects.",{"title":154,"path":155,"stem":156,"description":507,"children":-1},"Simulate halftone printing with dots for a comic book look.",1779713682975]