[{"data":1,"prerenderedAt":672},["ShallowReactive",2],{"navigation":3,"/api/pmndrs/sepia":181,"/api/pmndrs/sepia-surround":667},[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":117,"body":183,"description":661,"extension":662,"links":663,"meta":664,"navigation":347,"path":118,"seo":665,"stem":119,"__hash__":666},"docs/2.api/1.pmndrs/sepia.md",{"type":184,"value":185,"toc":656},"minimark",[186,192,210,215,221,576,580,640,644,652],[187,188,189],"docs-demo",{},[190,191],"pmndrs-sepia",{},[193,194,195,196,199,200,209],"p",{},"The ",[197,198,117],"code",{}," effect is part of the ",[201,202,206],"a",{"href":203,"rel":204},"https://pmndrs.github.io/postprocessing/public/docs/class/src/effects/SepiaEffect.js~SepiaEffect.html",[205],"nofollow",[197,207,208],{},"postprocessing"," package. It applies a sepia tone to the scene, giving it a warm, antique appearance. This effect can enhance the visual appeal of your scene by adding a vintage or stylized touch.",[211,212,214],"h2",{"id":213},"usage","Usage",[193,216,195,217,220],{},[197,218,219],{},"\u003CSepiaPmndrs>"," component is easy to use and provides customizable options to suit different visual styles.",[222,223,228],"pre",{"className":224,"code":225,"language":226,"meta":227,"style":227},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { TresCanvas } from '@tresjs/core'\nimport { EffectComposerPmndrs, SepiaPmndrs } from '@tresjs/post-processing'\nimport { NoToneMapping } from 'three'\n\nconst gl = {\n  toneMapping: NoToneMapping,\n}\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas v-bind=\"gl\">\n    \u003CTresPerspectiveCamera :position=\"[5, 5, 5]\" />\n\n    \u003C!-- Your scene -->\n\n    \u003CSuspense>\n      \u003CEffectComposerPmndrs>\n        \u003CSepiaPmndrs :intensity=\"2\" />\n      \u003C/EffectComposerPmndrs>\n    \u003C/Suspense>\n  \u003C/TresCanvas>\n\u003C/template>\n","vue","",[197,229,230,265,294,321,342,349,363,377,383,393,398,408,431,474,479,486,491,501,512,537,547,557,567],{"__ignoreMap":227},[231,232,235,239,243,247,250,253,256,260,262],"span",{"class":233,"line":234},"line",1,[231,236,238],{"class":237},"sMK4o","\u003C",[231,240,242],{"class":241},"swJcz","script",[231,244,246],{"class":245},"spNyl"," setup",[231,248,249],{"class":245}," lang",[231,251,252],{"class":237},"=",[231,254,255],{"class":237},"\"",[231,257,259],{"class":258},"sfazB","ts",[231,261,255],{"class":237},[231,263,264],{"class":237},">\n",[231,266,268,272,275,279,282,285,288,291],{"class":233,"line":267},2,[231,269,271],{"class":270},"s7zQu","import",[231,273,274],{"class":237}," {",[231,276,278],{"class":277},"sTEyZ"," TresCanvas",[231,280,281],{"class":237}," }",[231,283,284],{"class":270}," from",[231,286,287],{"class":237}," '",[231,289,290],{"class":258},"@tresjs/core",[231,292,293],{"class":237},"'\n",[231,295,297,299,301,304,307,310,312,314,316,319],{"class":233,"line":296},3,[231,298,271],{"class":270},[231,300,274],{"class":237},[231,302,303],{"class":277}," EffectComposerPmndrs",[231,305,306],{"class":237},",",[231,308,309],{"class":277}," SepiaPmndrs",[231,311,281],{"class":237},[231,313,284],{"class":270},[231,315,287],{"class":237},[231,317,318],{"class":258},"@tresjs/post-processing",[231,320,293],{"class":237},[231,322,324,326,328,331,333,335,337,340],{"class":233,"line":323},4,[231,325,271],{"class":270},[231,327,274],{"class":237},[231,329,330],{"class":277}," NoToneMapping",[231,332,281],{"class":237},[231,334,284],{"class":270},[231,336,287],{"class":237},[231,338,339],{"class":258},"three",[231,341,293],{"class":237},[231,343,345],{"class":233,"line":344},5,[231,346,348],{"emptyLinePlaceholder":347},true,"\n",[231,350,352,355,358,360],{"class":233,"line":351},6,[231,353,354],{"class":245},"const",[231,356,357],{"class":277}," gl ",[231,359,252],{"class":237},[231,361,362],{"class":237}," {\n",[231,364,366,369,372,374],{"class":233,"line":365},7,[231,367,368],{"class":241},"  toneMapping",[231,370,371],{"class":237},":",[231,373,330],{"class":277},[231,375,376],{"class":237},",\n",[231,378,380],{"class":233,"line":379},8,[231,381,382],{"class":237},"}\n",[231,384,386,389,391],{"class":233,"line":385},9,[231,387,388],{"class":237},"\u003C/",[231,390,242],{"class":241},[231,392,264],{"class":237},[231,394,396],{"class":233,"line":395},10,[231,397,348],{"emptyLinePlaceholder":347},[231,399,401,403,406],{"class":233,"line":400},11,[231,402,238],{"class":237},[231,404,405],{"class":241},"template",[231,407,264],{"class":237},[231,409,411,414,417,420,422,424,427,429],{"class":233,"line":410},12,[231,412,413],{"class":237},"  \u003C",[231,415,416],{"class":241},"TresCanvas",[231,418,419],{"class":245}," v-bind",[231,421,252],{"class":237},[231,423,255],{"class":237},[231,425,426],{"class":277},"gl",[231,428,255],{"class":237},[231,430,264],{"class":237},[231,432,434,437,440,443,446,448,450,453,457,460,462,464,466,469,471],{"class":233,"line":433},13,[231,435,436],{"class":237},"    \u003C",[231,438,439],{"class":241},"TresPerspectiveCamera",[231,441,442],{"class":237}," :",[231,444,445],{"class":245},"position",[231,447,252],{"class":237},[231,449,255],{"class":237},[231,451,452],{"class":237},"[",[231,454,456],{"class":455},"sbssI","5",[231,458,459],{"class":237},", ",[231,461,456],{"class":455},[231,463,459],{"class":237},[231,465,456],{"class":455},[231,467,468],{"class":237},"]",[231,470,255],{"class":237},[231,472,473],{"class":237}," />\n",[231,475,477],{"class":233,"line":476},14,[231,478,348],{"emptyLinePlaceholder":347},[231,480,482],{"class":233,"line":481},15,[231,483,485],{"class":484},"sHwdD","    \u003C!-- Your scene -->\n",[231,487,489],{"class":233,"line":488},16,[231,490,348],{"emptyLinePlaceholder":347},[231,492,494,496,499],{"class":233,"line":493},17,[231,495,436],{"class":237},[231,497,498],{"class":241},"Suspense",[231,500,264],{"class":237},[231,502,504,507,510],{"class":233,"line":503},18,[231,505,506],{"class":237},"      \u003C",[231,508,509],{"class":241},"EffectComposerPmndrs",[231,511,264],{"class":237},[231,513,515,518,521,523,526,528,530,533,535],{"class":233,"line":514},19,[231,516,517],{"class":237},"        \u003C",[231,519,520],{"class":241},"SepiaPmndrs",[231,522,442],{"class":237},[231,524,525],{"class":245},"intensity",[231,527,252],{"class":237},[231,529,255],{"class":237},[231,531,532],{"class":455},"2",[231,534,255],{"class":237},[231,536,473],{"class":237},[231,538,540,543,545],{"class":233,"line":539},20,[231,541,542],{"class":237},"      \u003C/",[231,544,509],{"class":241},[231,546,264],{"class":237},[231,548,550,553,555],{"class":233,"line":549},21,[231,551,552],{"class":237},"    \u003C/",[231,554,498],{"class":241},[231,556,264],{"class":237},[231,558,560,563,565],{"class":233,"line":559},22,[231,561,562],{"class":237},"  \u003C/",[231,564,416],{"class":241},[231,566,264],{"class":237},[231,568,570,572,574],{"class":233,"line":569},23,[231,571,388],{"class":237},[231,573,405],{"class":241},[231,575,264],{"class":237},[211,577,579],{"id":578},"props","Props",[581,582,583,599],"table",{},[584,585,586],"thead",{},[587,588,589,593,596],"tr",{},[590,591,592],"th",{},"Prop",[590,594,595],{},"Description",[590,597,598],{},"Default",[600,601,602,626],"tbody",{},[587,603,604,610,621],{},[605,606,607],"td",{},[197,608,609],{},"blendFunction",[605,611,612,613,620],{},"Defines how the effect blends with the original scene. See the ",[201,614,617],{"href":615,"rel":616},"https://pmndrs.github.io/postprocessing/public/docs/variable/index.html#static-variable-BlendFunction",[205],[197,618,619],{},"BlendFunction"," options.",[605,622,623],{},[197,624,625],{},"BlendFunction.NORMAL",[587,627,628,632,635],{},[605,629,630],{},[197,631,525],{},[605,633,634],{},"The intensity of the sepia effect.",[605,636,637],{},[197,638,639],{},"1.0",[211,641,643],{"id":642},"further-reading","Further Reading",[193,645,646,647,651],{},"For more details, see the ",[201,648,650],{"href":203,"rel":649},[205],"SepiaEffect documentation",".",[653,654,655],"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":227,"searchDepth":234,"depth":267,"links":657},[658,659,660],{"id":213,"depth":267,"text":214},{"id":578,"depth":267,"text":579},{"id":642,"depth":267,"text":643},"Apply a sepia tone to the scene, giving it a warm, antique appearance.","md",null,{},{"title":117,"description":661},"PBF-WIpEKuyovMdYZnvGMKxLxFLl4EAjhrWITTUu9gY",[668,670],{"title":113,"path":114,"stem":115,"description":669,"children":-1},"Simulate scanlines reminiscent of old CRT displays.",{"title":121,"path":122,"stem":123,"description":671,"children":-1},"Simulate a shockwave effect originating from a center point, creating a ripple-like distortion in the scene.",1779713682579]