[{"data":1,"prerenderedAt":928},["ShallowReactive",2],{"navigation":3,"/api/pmndrs/ascii":181,"/api/pmndrs/ascii-surround":923},[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":29,"body":183,"description":917,"extension":918,"links":919,"meta":920,"navigation":306,"path":30,"seo":921,"stem":31,"__hash__":922},"docs/2.api/1.pmndrs/ascii.md",{"type":184,"value":185,"toc":912},"minimark",[186,192,211,216,222,725,729,897,901,908],[187,188,189],"docs-demo",{},[190,191],"pmndrs-ascii",{},[193,194,195,196,200,201,210],"p",{},"The ",[197,198,199],"code",{},"ASCIIEffect"," effect is part of the ",[202,203,207],"a",{"href":204,"rel":205},"https://pmndrs.github.io/postprocessing/public/docs/class/src/effects/ASCIIEffect.js~ASCIIEffect.html",[206],"nofollow",[197,208,209],{},"postprocessing"," package.\nThis effect transforms the visual output into a grid of ASCII characters, offering a unique and artistic way to display 3D content. The ASCII characters used can be customized, allowing for a wide range of creative possibilities.",[212,213,215],"h2",{"id":214},"usage","Usage",[193,217,195,218,221],{},[197,219,220],{},"\u003CASCIIPmndrs>"," component is straightforward to integrate and offers a variety of customizable properties, allowing you to adapt it to diverse artistic and visual requirements.",[223,224,229],"pre",{"className":225,"code":226,"language":227,"meta":228,"style":228},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { ASCIIPmndrs, EffectComposerPmndrs } from '@tresjs/post-processing'\n\nconst gl = {\n  toneMapping: NoToneMapping,\n}\n\nconst glComposer = {\n  multisampling: 4,\n}\n\nconst effectProps = {\n  blendFunction: BlendFunction.NORMAL,\n  asciiTexture: {\n    characters: ' .,:-~+=*≡HELLOWORLD#░▒▓█■▲◼◾',\n  }\n}\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas v-bind=\"gl\">\n    \u003CTresPerspectiveCamera />\n\n    \u003CTresMesh :position=\"[0, .5, 0]\">\n      \u003CTresBoxGeometry :args=\"[2, 2, 2]\" />\n      \u003CTresMeshToonMaterial color=\"black\" />\n    \u003C/TresMesh>\n\n    \u003CSuspense>\n      \u003CEffectComposerPmndrs v-bind=\"glComposer\">\n        \u003CASCIIPmndrs v-bind=\"effectProps\" />\n      \u003C/EffectComposerPmndrs>\n    \u003C/Suspense>\n  \u003C/TresCanvas>\n\u003C/template>\n","vue","",[197,230,231,266,301,308,322,337,343,348,360,374,379,384,396,415,425,443,449,454,464,469,479,502,514,519,560,597,619,629,634,644,665,687,697,706,716],{"__ignoreMap":228},[232,233,236,240,244,248,251,254,257,261,263],"span",{"class":234,"line":235},"line",1,[232,237,239],{"class":238},"sMK4o","\u003C",[232,241,243],{"class":242},"swJcz","script",[232,245,247],{"class":246},"spNyl"," setup",[232,249,250],{"class":246}," lang",[232,252,253],{"class":238},"=",[232,255,256],{"class":238},"\"",[232,258,260],{"class":259},"sfazB","ts",[232,262,256],{"class":238},[232,264,265],{"class":238},">\n",[232,267,269,273,276,280,283,286,289,292,295,298],{"class":234,"line":268},2,[232,270,272],{"class":271},"s7zQu","import",[232,274,275],{"class":238}," {",[232,277,279],{"class":278},"sTEyZ"," ASCIIPmndrs",[232,281,282],{"class":238},",",[232,284,285],{"class":278}," EffectComposerPmndrs",[232,287,288],{"class":238}," }",[232,290,291],{"class":271}," from",[232,293,294],{"class":238}," '",[232,296,297],{"class":259},"@tresjs/post-processing",[232,299,300],{"class":238},"'\n",[232,302,304],{"class":234,"line":303},3,[232,305,307],{"emptyLinePlaceholder":306},true,"\n",[232,309,311,314,317,319],{"class":234,"line":310},4,[232,312,313],{"class":246},"const",[232,315,316],{"class":278}," gl ",[232,318,253],{"class":238},[232,320,321],{"class":238}," {\n",[232,323,325,328,331,334],{"class":234,"line":324},5,[232,326,327],{"class":242},"  toneMapping",[232,329,330],{"class":238},":",[232,332,333],{"class":278}," NoToneMapping",[232,335,336],{"class":238},",\n",[232,338,340],{"class":234,"line":339},6,[232,341,342],{"class":238},"}\n",[232,344,346],{"class":234,"line":345},7,[232,347,307],{"emptyLinePlaceholder":306},[232,349,351,353,356,358],{"class":234,"line":350},8,[232,352,313],{"class":246},[232,354,355],{"class":278}," glComposer ",[232,357,253],{"class":238},[232,359,321],{"class":238},[232,361,363,366,368,372],{"class":234,"line":362},9,[232,364,365],{"class":242},"  multisampling",[232,367,330],{"class":238},[232,369,371],{"class":370},"sbssI"," 4",[232,373,336],{"class":238},[232,375,377],{"class":234,"line":376},10,[232,378,342],{"class":238},[232,380,382],{"class":234,"line":381},11,[232,383,307],{"emptyLinePlaceholder":306},[232,385,387,389,392,394],{"class":234,"line":386},12,[232,388,313],{"class":246},[232,390,391],{"class":278}," effectProps ",[232,393,253],{"class":238},[232,395,321],{"class":238},[232,397,399,402,404,407,410,413],{"class":234,"line":398},13,[232,400,401],{"class":242},"  blendFunction",[232,403,330],{"class":238},[232,405,406],{"class":278}," BlendFunction",[232,408,409],{"class":238},".",[232,411,412],{"class":278},"NORMAL",[232,414,336],{"class":238},[232,416,418,421,423],{"class":234,"line":417},14,[232,419,420],{"class":242},"  asciiTexture",[232,422,330],{"class":238},[232,424,321],{"class":238},[232,426,428,431,433,435,438,441],{"class":234,"line":427},15,[232,429,430],{"class":242},"    characters",[232,432,330],{"class":238},[232,434,294],{"class":238},[232,436,437],{"class":259}," .,:-~+=*≡HELLOWORLD#░▒▓█■▲◼◾",[232,439,440],{"class":238},"'",[232,442,336],{"class":238},[232,444,446],{"class":234,"line":445},16,[232,447,448],{"class":238},"  }\n",[232,450,452],{"class":234,"line":451},17,[232,453,342],{"class":238},[232,455,457,460,462],{"class":234,"line":456},18,[232,458,459],{"class":238},"\u003C/",[232,461,243],{"class":242},[232,463,265],{"class":238},[232,465,467],{"class":234,"line":466},19,[232,468,307],{"emptyLinePlaceholder":306},[232,470,472,474,477],{"class":234,"line":471},20,[232,473,239],{"class":238},[232,475,476],{"class":242},"template",[232,478,265],{"class":238},[232,480,482,485,488,491,493,495,498,500],{"class":234,"line":481},21,[232,483,484],{"class":238},"  \u003C",[232,486,487],{"class":242},"TresCanvas",[232,489,490],{"class":246}," v-bind",[232,492,253],{"class":238},[232,494,256],{"class":238},[232,496,497],{"class":278},"gl",[232,499,256],{"class":238},[232,501,265],{"class":238},[232,503,505,508,511],{"class":234,"line":504},22,[232,506,507],{"class":238},"    \u003C",[232,509,510],{"class":242},"TresPerspectiveCamera",[232,512,513],{"class":238}," />\n",[232,515,517],{"class":234,"line":516},23,[232,518,307],{"emptyLinePlaceholder":306},[232,520,522,524,527,530,533,535,537,540,543,546,549,551,553,556,558],{"class":234,"line":521},24,[232,523,507],{"class":238},[232,525,526],{"class":242},"TresMesh",[232,528,529],{"class":238}," :",[232,531,532],{"class":246},"position",[232,534,253],{"class":238},[232,536,256],{"class":238},[232,538,539],{"class":238},"[",[232,541,542],{"class":370},"0",[232,544,545],{"class":238},", ",[232,547,548],{"class":370},".5",[232,550,545],{"class":238},[232,552,542],{"class":370},[232,554,555],{"class":238},"]",[232,557,256],{"class":238},[232,559,265],{"class":238},[232,561,563,566,569,571,574,576,578,580,583,585,587,589,591,593,595],{"class":234,"line":562},25,[232,564,565],{"class":238},"      \u003C",[232,567,568],{"class":242},"TresBoxGeometry",[232,570,529],{"class":238},[232,572,573],{"class":246},"args",[232,575,253],{"class":238},[232,577,256],{"class":238},[232,579,539],{"class":238},[232,581,582],{"class":370},"2",[232,584,545],{"class":238},[232,586,582],{"class":370},[232,588,545],{"class":238},[232,590,582],{"class":370},[232,592,555],{"class":238},[232,594,256],{"class":238},[232,596,513],{"class":238},[232,598,600,602,605,608,610,612,615,617],{"class":234,"line":599},26,[232,601,565],{"class":238},[232,603,604],{"class":242},"TresMeshToonMaterial",[232,606,607],{"class":246}," color",[232,609,253],{"class":238},[232,611,256],{"class":238},[232,613,614],{"class":259},"black",[232,616,256],{"class":238},[232,618,513],{"class":238},[232,620,622,625,627],{"class":234,"line":621},27,[232,623,624],{"class":238},"    \u003C/",[232,626,526],{"class":242},[232,628,265],{"class":238},[232,630,632],{"class":234,"line":631},28,[232,633,307],{"emptyLinePlaceholder":306},[232,635,637,639,642],{"class":234,"line":636},29,[232,638,507],{"class":238},[232,640,641],{"class":242},"Suspense",[232,643,265],{"class":238},[232,645,647,649,652,654,656,658,661,663],{"class":234,"line":646},30,[232,648,565],{"class":238},[232,650,651],{"class":242},"EffectComposerPmndrs",[232,653,490],{"class":246},[232,655,253],{"class":238},[232,657,256],{"class":238},[232,659,660],{"class":278},"glComposer",[232,662,256],{"class":238},[232,664,265],{"class":238},[232,666,668,671,674,676,678,680,683,685],{"class":234,"line":667},31,[232,669,670],{"class":238},"        \u003C",[232,672,673],{"class":242},"ASCIIPmndrs",[232,675,490],{"class":246},[232,677,253],{"class":238},[232,679,256],{"class":238},[232,681,682],{"class":278},"effectProps",[232,684,256],{"class":238},[232,686,513],{"class":238},[232,688,690,693,695],{"class":234,"line":689},32,[232,691,692],{"class":238},"      \u003C/",[232,694,651],{"class":242},[232,696,265],{"class":238},[232,698,700,702,704],{"class":234,"line":699},33,[232,701,624],{"class":238},[232,703,641],{"class":242},[232,705,265],{"class":238},[232,707,709,712,714],{"class":234,"line":708},34,[232,710,711],{"class":238},"  \u003C/",[232,713,487],{"class":242},[232,715,265],{"class":238},[232,717,719,721,723],{"class":234,"line":718},35,[232,720,459],{"class":238},[232,722,476],{"class":242},[232,724,265],{"class":238},[212,726,728],{"id":727},"props","Props",[730,731,732,748],"table",{},[733,734,735],"thead",{},[736,737,738,742,745],"tr",{},[739,740,741],"th",{},"Prop",[739,743,744],{},"Description",[739,746,747],{},"Default",[749,750,751,775,790,805,820,855,876],"tbody",{},[736,752,753,759,770],{},[754,755,756],"td",{},[197,757,758],{},"blendFunction",[754,760,761,762,769],{},"Defines how the effect blends with the original scene. See the ",[202,763,766],{"href":764,"rel":765},"https://pmndrs.github.io/postprocessing/public/docs/variable/index.html#static-variable-BlendFunction",[206],[197,767,768],{},"BlendFunction"," options.",[754,771,772],{},[197,773,774],{},"BlendFunction.NORMAL",[736,776,777,782,785],{},[754,778,779],{},[197,780,781],{},"opacity",[754,783,784],{},"The opacity of the effect.",[754,786,787],{},[197,788,789],{},"1.0",[736,791,792,797,800],{},[754,793,794],{},[197,795,796],{},"cellSize",[754,798,799],{},"The size of the ASCII grid cells.",[754,801,802],{},[197,803,804],{},"16",[736,806,807,812,815],{},[754,808,809],{},[197,810,811],{},"inverted",[754,813,814],{},"Controls whether the effect should be inverted.",[754,816,817],{},[197,818,819],{},"false",[736,821,822,827,851],{},[754,823,824],{},[197,825,826],{},"color",[754,828,829,830,545,837,545,840,843,844,847,848,850],{},"The color of the effect. Can be a ",[202,831,834],{"href":832,"rel":833},"https://threejs.org/docs/#api/en/math/Color",[206],[197,835,836],{},"Color",[197,838,839],{},"string",[197,841,842],{},"number",", or ",[197,845,846],{},"null",". If set to ",[197,849,846],{},", the colors of the scene will be used.",[754,852,853],{},[197,854,846],{},[736,856,857,862,872],{},[754,858,859],{},[197,860,861],{},"useSceneColor",[754,863,864,865,868,869,871],{},"Controls whether the effect should use the scene color. If ",[197,866,867],{},"true",", overrides the ",[197,870,826],{}," prop.",[754,873,874],{},[197,875,819],{},[736,877,878,883,886],{},[754,879,880],{},[197,881,882],{},"asciiTexture",[754,884,885],{},"Options for creating an ASCIITexture instance.",[754,887,888,889,896],{},"See the ",[202,890,893],{"href":891,"rel":892},"https://pmndrs.github.io/postprocessing/public/docs/class/src/textures/ASCIITexture.js~ASCIITexture.html",[206],[197,894,895],{},"ASCIITexture"," documentation.",[212,898,900],{"id":899},"further-reading","Further Reading",[193,902,903,904,409],{},"For more details, see the ",[202,905,907],{"href":204,"rel":906},[206],"ASCIIEffect documentation",[909,910,911],"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 .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":228,"searchDepth":235,"depth":268,"links":913},[914,915,916],{"id":214,"depth":268,"text":215},{"id":727,"depth":268,"text":728},{"id":899,"depth":268,"text":900},"Transform your scene into a grid of ASCII characters for a unique artistic effect.","md",null,{},{"title":29,"description":917},"9Pypf2OZz1sAIynzlNga9lsp0shYAaq7zfU_GzuJDmc",[924,926],{"title":23,"path":24,"stem":25,"description":925,"children":-1},"Effects powered by pmndrs/postprocessing.",{"title":33,"path":34,"stem":35,"description":927,"children":-1},"Apply barrel distortion with chromatic aberration blur for a unique lens effect.",1779713681231]