[{"data":1,"prerenderedAt":740},["ShallowReactive",2],{"navigation":3,"/api/three/halftone":181,"/api/three/halftone-surround":735},[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":154,"body":183,"description":729,"extension":730,"links":731,"meta":732,"navigation":297,"path":155,"seo":733,"stem":156,"__hash__":734},"docs/2.api/2.three/halftone.md",{"type":184,"value":185,"toc":724},"minimark",[186,193,197,202,545,549,706,710,720],[187,188,190],"docs-demo",{":controls":189},"false",[191,192],"three-halftone",{},[194,195,196],"p",{},"Halftone is an effect that simulates the halftone printing technique, which uses dots of varying sizes and spacing to create the illusion of continuous tone images. This effect can be used to give your 3D scenes a unique, comic book-like appearance.",[198,199,201],"h2",{"id":200},"usage","Usage",[203,204,209],"pre",{"className":205,"code":206,"language":207,"meta":208,"style":208},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { EffectComposer, Halftone } from '@tresjs/post-processing'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas>\n    \u003C!-- Your scene -->\n\n    \u003CSuspense>\n      \u003CEffectComposer>\n        \u003CHalftone :shape=\"1\" :radius=\"4\" :rotate-r=\"Math.PI / 12\" :rotate-g=\"Math.PI / 3\" :rotate-b=\"Math.PI / 6\" :scatter=\"0\" :blending=\"1\" :greyscale=\"false\" />\n      \u003C/EffectComposer>\n    \u003C/Suspense>\n  \u003C/TresCanvas>\n\u003C/template>\n","vue","",[210,211,212,247,282,292,299,309,320,327,332,343,354,506,516,526,536],"code",{"__ignoreMap":208},[213,214,217,221,225,229,232,235,238,242,244],"span",{"class":215,"line":216},"line",1,[213,218,220],{"class":219},"sMK4o","\u003C",[213,222,224],{"class":223},"swJcz","script",[213,226,228],{"class":227},"spNyl"," setup",[213,230,231],{"class":227}," lang",[213,233,234],{"class":219},"=",[213,236,237],{"class":219},"\"",[213,239,241],{"class":240},"sfazB","ts",[213,243,237],{"class":219},[213,245,246],{"class":219},">\n",[213,248,250,254,257,261,264,267,270,273,276,279],{"class":215,"line":249},2,[213,251,253],{"class":252},"s7zQu","import",[213,255,256],{"class":219}," {",[213,258,260],{"class":259},"sTEyZ"," EffectComposer",[213,262,263],{"class":219},",",[213,265,266],{"class":259}," Halftone",[213,268,269],{"class":219}," }",[213,271,272],{"class":252}," from",[213,274,275],{"class":219}," '",[213,277,278],{"class":240},"@tresjs/post-processing",[213,280,281],{"class":219},"'\n",[213,283,285,288,290],{"class":215,"line":284},3,[213,286,287],{"class":219},"\u003C/",[213,289,224],{"class":223},[213,291,246],{"class":219},[213,293,295],{"class":215,"line":294},4,[213,296,298],{"emptyLinePlaceholder":297},true,"\n",[213,300,302,304,307],{"class":215,"line":301},5,[213,303,220],{"class":219},[213,305,306],{"class":223},"template",[213,308,246],{"class":219},[213,310,312,315,318],{"class":215,"line":311},6,[213,313,314],{"class":219},"  \u003C",[213,316,317],{"class":223},"TresCanvas",[213,319,246],{"class":219},[213,321,323],{"class":215,"line":322},7,[213,324,326],{"class":325},"sHwdD","    \u003C!-- Your scene -->\n",[213,328,330],{"class":215,"line":329},8,[213,331,298],{"emptyLinePlaceholder":297},[213,333,335,338,341],{"class":215,"line":334},9,[213,336,337],{"class":219},"    \u003C",[213,339,340],{"class":223},"Suspense",[213,342,246],{"class":219},[213,344,346,349,352],{"class":215,"line":345},10,[213,347,348],{"class":219},"      \u003C",[213,350,351],{"class":223},"EffectComposer",[213,353,246],{"class":219},[213,355,357,360,362,365,368,370,372,376,378,380,383,385,387,390,392,394,397,399,401,404,407,410,413,416,418,420,423,425,427,429,431,433,435,438,440,442,445,447,449,451,453,455,457,460,462,464,467,469,471,474,476,478,481,483,485,487,489,491,494,496,498,501,503],{"class":215,"line":356},11,[213,358,359],{"class":219},"        \u003C",[213,361,154],{"class":223},[213,363,364],{"class":219}," :",[213,366,367],{"class":227},"shape",[213,369,234],{"class":219},[213,371,237],{"class":219},[213,373,375],{"class":374},"sbssI","1",[213,377,237],{"class":219},[213,379,364],{"class":219},[213,381,382],{"class":227},"radius",[213,384,234],{"class":219},[213,386,237],{"class":219},[213,388,389],{"class":374},"4",[213,391,237],{"class":219},[213,393,364],{"class":219},[213,395,396],{"class":227},"rotate-r",[213,398,234],{"class":219},[213,400,237],{"class":219},[213,402,403],{"class":259},"Math",[213,405,406],{"class":219},".",[213,408,409],{"class":259},"PI",[213,411,412],{"class":219}," / ",[213,414,415],{"class":374},"12",[213,417,237],{"class":219},[213,419,364],{"class":219},[213,421,422],{"class":227},"rotate-g",[213,424,234],{"class":219},[213,426,237],{"class":219},[213,428,403],{"class":259},[213,430,406],{"class":219},[213,432,409],{"class":259},[213,434,412],{"class":219},[213,436,437],{"class":374},"3",[213,439,237],{"class":219},[213,441,364],{"class":219},[213,443,444],{"class":227},"rotate-b",[213,446,234],{"class":219},[213,448,237],{"class":219},[213,450,403],{"class":259},[213,452,406],{"class":219},[213,454,409],{"class":259},[213,456,412],{"class":219},[213,458,459],{"class":374},"6",[213,461,237],{"class":219},[213,463,364],{"class":219},[213,465,466],{"class":227},"scatter",[213,468,234],{"class":219},[213,470,237],{"class":219},[213,472,473],{"class":374},"0",[213,475,237],{"class":219},[213,477,364],{"class":219},[213,479,480],{"class":227},"blending",[213,482,234],{"class":219},[213,484,237],{"class":219},[213,486,375],{"class":374},[213,488,237],{"class":219},[213,490,364],{"class":219},[213,492,493],{"class":227},"greyscale",[213,495,234],{"class":219},[213,497,237],{"class":219},[213,499,189],{"class":500},"sfNiH",[213,502,237],{"class":219},[213,504,505],{"class":219}," />\n",[213,507,509,512,514],{"class":215,"line":508},12,[213,510,511],{"class":219},"      \u003C/",[213,513,351],{"class":223},[213,515,246],{"class":219},[213,517,519,522,524],{"class":215,"line":518},13,[213,520,521],{"class":219},"    \u003C/",[213,523,340],{"class":223},[213,525,246],{"class":219},[213,527,529,532,534],{"class":215,"line":528},14,[213,530,531],{"class":219},"  \u003C/",[213,533,317],{"class":223},[213,535,246],{"class":219},[213,537,539,541,543],{"class":215,"line":538},15,[213,540,287],{"class":219},[213,542,306],{"class":223},[213,544,246],{"class":219},[198,546,548],{"id":547},"props","Props",[550,551,552,568],"table",{},[553,554,555],"thead",{},[556,557,558,562,565],"tr",{},[559,560,561],"th",{},"Prop",[559,563,564],{},"Description",[559,566,567],{},"Default",[569,570,571,598,611,625,639,653,666,679,692],"tbody",{},[556,572,573,578,594],{},[574,575,576],"td",{},[210,577,367],{},[574,579,580,581,583,584,587,588,590,591,593],{},"The shape of the halftone dots. Can be ",[210,582,375],{}," (Dot), ",[210,585,586],{},"2"," (Ellipse), ",[210,589,437],{}," (Line), ",[210,592,389],{}," (Square).",[574,595,596],{},[210,597,375],{},[556,599,600,604,607],{},[574,601,602],{},[210,603,382],{},[574,605,606],{},"The radius of the halftone dots.",[574,608,609],{},[210,610,389],{},[556,612,613,618,621],{},[574,614,615],{},[210,616,617],{},"rotateR",[574,619,620],{},"The rotation of the red channel.",[574,622,623],{},[210,624,473],{},[556,626,627,632,635],{},[574,628,629],{},[210,630,631],{},"rotateG",[574,633,634],{},"The rotation of the green channel.",[574,636,637],{},[210,638,473],{},[556,640,641,646,649],{},[574,642,643],{},[210,644,645],{},"rotateB",[574,647,648],{},"The rotation of the blue channel.",[574,650,651],{},[210,652,473],{},[556,654,655,659,662],{},[574,656,657],{},[210,658,466],{},[574,660,661],{},"The scatter of the halftone dots.",[574,663,664],{},[210,665,473],{},[556,667,668,672,675],{},[574,669,670],{},[210,671,480],{},[574,673,674],{},"The blending mode of the halftone effect.",[574,676,677],{},[210,678,375],{},[556,680,681,685,688],{},[574,682,683],{},[210,684,493],{},[574,686,687],{},"If true, the halftone effect will be in greyscale.",[574,689,690],{},[210,691,189],{},[556,693,694,699,702],{},[574,695,696],{},[210,697,698],{},"blendingMode",[574,700,701],{},"The blending mode used for the halftone effect.",[574,703,704],{},[210,705,375],{},[198,707,709],{"id":708},"further-reading","Further Reading",[194,711,712,713,406],{},"See the ",[714,715,719],"a",{"href":716,"rel":717},"https://threejs.org/examples/?q=halftone#webgl_postprocessing_rgb_halftone",[718],"nofollow","Three.js example",[721,722,723],"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 pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}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":208,"searchDepth":216,"depth":249,"links":725},[726,727,728],{"id":200,"depth":249,"text":201},{"id":547,"depth":249,"text":548},{"id":708,"depth":249,"text":709},"Simulate halftone printing with dots for a comic book look.","md",null,{},{"title":154,"description":729},"3GEOlGGIQ6touuxt4LFu6ErGO6ddJVPp_nc7dQIvDKA",[736,738],{"title":73,"path":151,"stem":152,"description":737,"children":-1},"Simulate digital glitches with random shifts and flickers.",{"title":158,"path":159,"stem":160,"description":739,"children":-1},"Final pass for sRGB color space conversion and tone mapping.",1779713683019]