[{"data":1,"prerenderedAt":661},["ShallowReactive",2],{"navigation":3,"/api/pmndrs/bloom":181,"/api/pmndrs/bloom-surround":656},[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":37,"body":183,"description":650,"extension":651,"links":652,"meta":653,"navigation":296,"path":38,"seo":654,"stem":39,"__hash__":655},"docs/2.api/1.pmndrs/bloom.md",{"type":184,"value":185,"toc":645},"minimark",[186,192,196,201,502,506,629,633,641],[187,188,189],"docs-demo",{},[190,191],"pmndrs-bloom",{},[193,194,195],"p",{},"Bloom is an effect that simulates the way bright objects in the real world create a \"glow\" around themselves. The effect works by adding a blurred and brightened version of the scene to the final render, producing a more realistic and visually appealing result.",[197,198,200],"h2",{"id":199},"usage","Usage",[202,203,208],"pre",{"className":204,"code":205,"language":206,"meta":207,"style":207},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { BloomPmndrs, EffectComposerPmndrs } 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        \u003CBloomPmndrs\n          :radius=\"0.85\"\n          :intensity=\"4.0\"\n          :luminance-threshold=\"0.1\"\n          :luminance-smoothing=\"0.3\"\n          mipmap-blur\n        />\n      \u003C/EffectComposerPmndrs>\n    \u003C/Suspense>\n  \u003C/TresCanvas>\n\u003C/template>\n","vue","",[209,210,211,246,281,291,298,308,319,343,348,355,360,370,381,390,406,421,436,451,457,463,473,483,493],"code",{"__ignoreMap":207},[212,213,216,220,224,228,231,234,237,241,243],"span",{"class":214,"line":215},"line",1,[212,217,219],{"class":218},"sMK4o","\u003C",[212,221,223],{"class":222},"swJcz","script",[212,225,227],{"class":226},"spNyl"," setup",[212,229,230],{"class":226}," lang",[212,232,233],{"class":218},"=",[212,235,236],{"class":218},"\"",[212,238,240],{"class":239},"sfazB","ts",[212,242,236],{"class":218},[212,244,245],{"class":218},">\n",[212,247,249,253,256,260,263,266,269,272,275,278],{"class":214,"line":248},2,[212,250,252],{"class":251},"s7zQu","import",[212,254,255],{"class":218}," {",[212,257,259],{"class":258},"sTEyZ"," BloomPmndrs",[212,261,262],{"class":218},",",[212,264,265],{"class":258}," EffectComposerPmndrs",[212,267,268],{"class":218}," }",[212,270,271],{"class":251}," from",[212,273,274],{"class":218}," '",[212,276,277],{"class":239},"@tresjs/post-processing",[212,279,280],{"class":218},"'\n",[212,282,284,287,289],{"class":214,"line":283},3,[212,285,286],{"class":218},"\u003C/",[212,288,223],{"class":222},[212,290,245],{"class":218},[212,292,294],{"class":214,"line":293},4,[212,295,297],{"emptyLinePlaceholder":296},true,"\n",[212,299,301,303,306],{"class":214,"line":300},5,[212,302,219],{"class":218},[212,304,305],{"class":222},"template",[212,307,245],{"class":218},[212,309,311,314,317],{"class":214,"line":310},6,[212,312,313],{"class":218},"  \u003C",[212,315,316],{"class":222},"TresCanvas",[212,318,245],{"class":218},[212,320,322,325,328,331,333,335,338,340],{"class":214,"line":321},7,[212,323,324],{"class":218},"    \u003C",[212,326,327],{"class":222},"TresPerspectiveCamera",[212,329,330],{"class":226}," :position",[212,332,233],{"class":218},[212,334,236],{"class":218},[212,336,337],{"class":239},"[5, 5, 5]",[212,339,236],{"class":218},[212,341,342],{"class":218}," />\n",[212,344,346],{"class":214,"line":345},8,[212,347,297],{"emptyLinePlaceholder":296},[212,349,351],{"class":214,"line":350},9,[212,352,354],{"class":353},"sHwdD","    \u003C!-- Your scene -->\n",[212,356,358],{"class":214,"line":357},10,[212,359,297],{"emptyLinePlaceholder":296},[212,361,363,365,368],{"class":214,"line":362},11,[212,364,324],{"class":218},[212,366,367],{"class":222},"Suspense",[212,369,245],{"class":218},[212,371,373,376,379],{"class":214,"line":372},12,[212,374,375],{"class":218},"      \u003C",[212,377,378],{"class":222},"EffectComposerPmndrs",[212,380,245],{"class":218},[212,382,384,387],{"class":214,"line":383},13,[212,385,386],{"class":218},"        \u003C",[212,388,389],{"class":222},"BloomPmndrs\n",[212,391,393,396,398,400,403],{"class":214,"line":392},14,[212,394,395],{"class":226},"          :radius",[212,397,233],{"class":218},[212,399,236],{"class":218},[212,401,402],{"class":239},"0.85",[212,404,405],{"class":218},"\"\n",[212,407,409,412,414,416,419],{"class":214,"line":408},15,[212,410,411],{"class":226},"          :intensity",[212,413,233],{"class":218},[212,415,236],{"class":218},[212,417,418],{"class":239},"4.0",[212,420,405],{"class":218},[212,422,424,427,429,431,434],{"class":214,"line":423},16,[212,425,426],{"class":226},"          :luminance-threshold",[212,428,233],{"class":218},[212,430,236],{"class":218},[212,432,433],{"class":239},"0.1",[212,435,405],{"class":218},[212,437,439,442,444,446,449],{"class":214,"line":438},17,[212,440,441],{"class":226},"          :luminance-smoothing",[212,443,233],{"class":218},[212,445,236],{"class":218},[212,447,448],{"class":239},"0.3",[212,450,405],{"class":218},[212,452,454],{"class":214,"line":453},18,[212,455,456],{"class":226},"          mipmap-blur\n",[212,458,460],{"class":214,"line":459},19,[212,461,462],{"class":218},"        />\n",[212,464,466,469,471],{"class":214,"line":465},20,[212,467,468],{"class":218},"      \u003C/",[212,470,378],{"class":222},[212,472,245],{"class":218},[212,474,476,479,481],{"class":214,"line":475},21,[212,477,478],{"class":218},"    \u003C/",[212,480,367],{"class":222},[212,482,245],{"class":218},[212,484,486,489,491],{"class":214,"line":485},22,[212,487,488],{"class":218},"  \u003C/",[212,490,316],{"class":222},[212,492,245],{"class":218},[212,494,496,498,500],{"class":214,"line":495},23,[212,497,286],{"class":218},[212,499,305],{"class":222},[212,501,245],{"class":218},[197,503,505],{"id":504},"props","Props",[507,508,509,525],"table",{},[510,511,512],"thead",{},[513,514,515,519,522],"tr",{},[516,517,518],"th",{},"Prop",[516,520,521],{},"Description",[516,523,524],{},"Default",[526,527,528,548,563,578,597,614],"tbody",{},[513,529,530,536,539],{},[531,532,533],"td",{},[209,534,535],{},"blendFunction",[531,537,538],{},"The blend function of this effect.",[531,540,541],{},[542,543,547],"a",{"href":544,"rel":545},"https://github.com/pmndrs/postprocessing/blob/c3ce388be247916437a314f17748a75329d65df1/src/enums/BlendFunction.js#L40",[546],"nofollow","BlendFunction.SCREEN",[513,549,550,555,558],{},[531,551,552],{},[209,553,554],{},"intensity",[531,556,557],{},"The intensity of the bloom effect.",[531,559,560],{},[209,561,562],{},"1",[513,564,565,570,573],{},[531,566,567],{},[209,568,569],{},"kernelSize",[531,571,572],{},"The kernel size.",[531,574,575],{},[209,576,577],{},"KernelSize.LARGE",[513,579,580,585,592],{},[531,581,582],{},[209,583,584],{},"luminanceThreshold",[531,586,587,588,591],{},"The luminance threshold. Raise this value to mask out darker elements in the scene. Range is ",[212,589,590],{},"0, 1",".",[531,593,594],{},[209,595,596],{},"0.9",[513,598,599,604,609],{},[531,600,601],{},[209,602,603],{},"luminanceSmoothing",[531,605,606,607,591],{},"Controls the smoothness of the luminance threshold. Range is ",[212,608,590],{},[531,610,611],{},[209,612,613],{},"0.025",[513,615,616,621,624],{},[531,617,618],{},[209,619,620],{},"mipmapBlur",[531,622,623],{},"Enables mip map blur.",[531,625,626],{},[209,627,628],{},"false",[197,630,632],{"id":631},"further-reading","Further Reading",[193,634,635,636,591],{},"For more details, see the ",[542,637,640],{"href":638,"rel":639},"https://pmndrs.github.io/postprocessing/public/docs/class/src/effects/BloomEffect.js~BloomEffect.html",[546],"BloomEffect documentation",[642,643,644],"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":207,"searchDepth":215,"depth":248,"links":646},[647,648,649],{"id":199,"depth":248,"text":200},{"id":504,"depth":248,"text":505},{"id":631,"depth":248,"text":632},"Simulate the glow of bright objects in a scene.","md",null,{},{"title":37,"description":650},"KT07m-zJWpjGzNOTEO_ZlxZ0PVct84q12OMZsntBxB4",[657,659],{"title":33,"path":34,"stem":35,"description":658,"children":-1},"Apply barrel distortion with chromatic aberration blur for a unique lens effect.",{"title":41,"path":42,"stem":43,"description":660,"children":-1},"Adjust the brightness and contrast of your scene.",1782052330346]