[{"data":1,"prerenderedAt":441},["ShallowReactive",2],{"navigation":3,"/api/three/output":181,"/api/three/output-surround":436},[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":158,"body":183,"description":430,"extension":431,"links":432,"meta":433,"navigation":294,"path":159,"seo":434,"stem":160,"__hash__":435},"docs/2.api/2.three/output.md",{"type":184,"value":185,"toc":426},"minimark",[186,195,200,407,411,422],[187,188,189,190,194],"p",{},"The ",[191,192,193],"code",{},"\u003COutput />"," is usually the last pass in the chain and performs sRGB color space conversion and tone mapping.",[196,197,199],"h2",{"id":198},"usage","Usage",[201,202,207],"pre",{"className":203,"code":204,"language":205,"meta":206,"style":206},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { EffectComposer, Output } from '@tresjs/post-processing'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas>\n    \u003C!-- Your scene -->\n\n    \u003CSuspense>\n      \u003CEffectComposer>\n        \u003C!-- other passes -->\n        \u003COutput />\n      \u003C/EffectComposer>\n    \u003C/Suspense>\n  \u003C/TresCanvas>\n\u003C/template>\n","vue","",[191,208,209,244,279,289,296,306,317,324,329,340,351,357,368,378,388,398],{"__ignoreMap":206},[210,211,214,218,222,226,229,232,235,239,241],"span",{"class":212,"line":213},"line",1,[210,215,217],{"class":216},"sMK4o","\u003C",[210,219,221],{"class":220},"swJcz","script",[210,223,225],{"class":224},"spNyl"," setup",[210,227,228],{"class":224}," lang",[210,230,231],{"class":216},"=",[210,233,234],{"class":216},"\"",[210,236,238],{"class":237},"sfazB","ts",[210,240,234],{"class":216},[210,242,243],{"class":216},">\n",[210,245,247,251,254,258,261,264,267,270,273,276],{"class":212,"line":246},2,[210,248,250],{"class":249},"s7zQu","import",[210,252,253],{"class":216}," {",[210,255,257],{"class":256},"sTEyZ"," EffectComposer",[210,259,260],{"class":216},",",[210,262,263],{"class":256}," Output",[210,265,266],{"class":216}," }",[210,268,269],{"class":249}," from",[210,271,272],{"class":216}," '",[210,274,275],{"class":237},"@tresjs/post-processing",[210,277,278],{"class":216},"'\n",[210,280,282,285,287],{"class":212,"line":281},3,[210,283,284],{"class":216},"\u003C/",[210,286,221],{"class":220},[210,288,243],{"class":216},[210,290,292],{"class":212,"line":291},4,[210,293,295],{"emptyLinePlaceholder":294},true,"\n",[210,297,299,301,304],{"class":212,"line":298},5,[210,300,217],{"class":216},[210,302,303],{"class":220},"template",[210,305,243],{"class":216},[210,307,309,312,315],{"class":212,"line":308},6,[210,310,311],{"class":216},"  \u003C",[210,313,314],{"class":220},"TresCanvas",[210,316,243],{"class":216},[210,318,320],{"class":212,"line":319},7,[210,321,323],{"class":322},"sHwdD","    \u003C!-- Your scene -->\n",[210,325,327],{"class":212,"line":326},8,[210,328,295],{"emptyLinePlaceholder":294},[210,330,332,335,338],{"class":212,"line":331},9,[210,333,334],{"class":216},"    \u003C",[210,336,337],{"class":220},"Suspense",[210,339,243],{"class":216},[210,341,343,346,349],{"class":212,"line":342},10,[210,344,345],{"class":216},"      \u003C",[210,347,348],{"class":220},"EffectComposer",[210,350,243],{"class":216},[210,352,354],{"class":212,"line":353},11,[210,355,356],{"class":322},"        \u003C!-- other passes -->\n",[210,358,360,363,365],{"class":212,"line":359},12,[210,361,362],{"class":216},"        \u003C",[210,364,158],{"class":220},[210,366,367],{"class":216}," />\n",[210,369,371,374,376],{"class":212,"line":370},13,[210,372,373],{"class":216},"      \u003C/",[210,375,348],{"class":220},[210,377,243],{"class":216},[210,379,381,384,386],{"class":212,"line":380},14,[210,382,383],{"class":216},"    \u003C/",[210,385,337],{"class":220},[210,387,243],{"class":216},[210,389,391,394,396],{"class":212,"line":390},15,[210,392,393],{"class":216},"  \u003C/",[210,395,314],{"class":220},[210,397,243],{"class":216},[210,399,401,403,405],{"class":212,"line":400},16,[210,402,284],{"class":216},[210,404,303],{"class":220},[210,406,243],{"class":216},[196,408,410],{"id":409},"further-reading","Further Reading",[187,412,413,414,421],{},"See the ",[415,416,420],"a",{"href":417,"rel":418},"https://threejs.org/docs/#manual/en/introduction/How-to-use-post-processing",[419],"nofollow","Three.js docs",".",[423,424,425],"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":206,"searchDepth":213,"depth":246,"links":427},[428,429],{"id":198,"depth":246,"text":199},{"id":409,"depth":246,"text":410},"Final pass for sRGB color space conversion and tone mapping.","md",null,{},{"title":158,"description":430},"fF5r-prHv8ukEIffyGKfkaOlN97L-WkOJf1PCTTA07U",[437,439],{"title":154,"path":155,"stem":156,"description":438,"children":-1},"Simulate halftone printing with dots for a comic book look.",{"title":109,"path":162,"stem":163,"description":440,"children":-1},"Pixelate the scene for a retro pixel art look.",1779713683053]