[{"data":1,"prerenderedAt":783},["ShallowReactive",2],{"navigation":3,"/api/pmndrs/linocut":181,"/api/pmndrs/linocut-surround":778},[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":97,"body":183,"description":772,"extension":773,"links":774,"meta":775,"navigation":331,"path":98,"seo":776,"stem":99,"__hash__":777},"docs/2.api/1.pmndrs/linocut.md",{"type":184,"value":185,"toc":767},"minimark",[186,192,200,205,645,649,749,753,763],[187,188,189],"docs-demo",{},[190,191],"pmndrs-linocut",{},[193,194,195,196,199],"p",{},"The ",[197,198,97],"code",{}," effect is a custom shader inspired by traditional linocut and woodcut printmaking. It transforms the scene into a high-contrast black-and-white composition, featuring bold lines and intricate patterns that replicate the handcrafted aesthetic of relief printing techniques.",[201,202,204],"h2",{"id":203},"usage","Usage",[206,207,212],"pre",{"className":208,"code":209,"language":210,"meta":211,"style":211},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { TresCanvas } from '@tresjs/core'\nimport { EffectComposerPmndrs, LinocutPmndrs } from '@tresjs/post-processing'\nimport { NoToneMapping } from 'three'\n\nconst gl = {\n  clearColor: '#4f4f4f',\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        \u003CLinocutPmndrs\n          :scale=\"0.85\"\n          :noise-scale=\"0.0\"\n          :center=\"[0.5, 0.5]\"\n          :rotation=\"0.0\"\n        />\n      \u003C/EffectComposerPmndrs>\n    \u003C/Suspense>\n  \u003C/TresCanvas>\n\u003C/template>\n","vue","",[197,213,214,249,278,305,326,333,347,367,379,385,395,400,410,433,476,481,488,493,503,514,523,542,559,584,600,606,616,626,636],{"__ignoreMap":211},[215,216,219,223,227,231,234,237,240,244,246],"span",{"class":217,"line":218},"line",1,[215,220,222],{"class":221},"sMK4o","\u003C",[215,224,226],{"class":225},"swJcz","script",[215,228,230],{"class":229},"spNyl"," setup",[215,232,233],{"class":229}," lang",[215,235,236],{"class":221},"=",[215,238,239],{"class":221},"\"",[215,241,243],{"class":242},"sfazB","ts",[215,245,239],{"class":221},[215,247,248],{"class":221},">\n",[215,250,252,256,259,263,266,269,272,275],{"class":217,"line":251},2,[215,253,255],{"class":254},"s7zQu","import",[215,257,258],{"class":221}," {",[215,260,262],{"class":261},"sTEyZ"," TresCanvas",[215,264,265],{"class":221}," }",[215,267,268],{"class":254}," from",[215,270,271],{"class":221}," '",[215,273,274],{"class":242},"@tresjs/core",[215,276,277],{"class":221},"'\n",[215,279,281,283,285,288,291,294,296,298,300,303],{"class":217,"line":280},3,[215,282,255],{"class":254},[215,284,258],{"class":221},[215,286,287],{"class":261}," EffectComposerPmndrs",[215,289,290],{"class":221},",",[215,292,293],{"class":261}," LinocutPmndrs",[215,295,265],{"class":221},[215,297,268],{"class":254},[215,299,271],{"class":221},[215,301,302],{"class":242},"@tresjs/post-processing",[215,304,277],{"class":221},[215,306,308,310,312,315,317,319,321,324],{"class":217,"line":307},4,[215,309,255],{"class":254},[215,311,258],{"class":221},[215,313,314],{"class":261}," NoToneMapping",[215,316,265],{"class":221},[215,318,268],{"class":254},[215,320,271],{"class":221},[215,322,323],{"class":242},"three",[215,325,277],{"class":221},[215,327,329],{"class":217,"line":328},5,[215,330,332],{"emptyLinePlaceholder":331},true,"\n",[215,334,336,339,342,344],{"class":217,"line":335},6,[215,337,338],{"class":229},"const",[215,340,341],{"class":261}," gl ",[215,343,236],{"class":221},[215,345,346],{"class":221}," {\n",[215,348,350,353,356,358,361,364],{"class":217,"line":349},7,[215,351,352],{"class":225},"  clearColor",[215,354,355],{"class":221},":",[215,357,271],{"class":221},[215,359,360],{"class":242},"#4f4f4f",[215,362,363],{"class":221},"'",[215,365,366],{"class":221},",\n",[215,368,370,373,375,377],{"class":217,"line":369},8,[215,371,372],{"class":225},"  toneMapping",[215,374,355],{"class":221},[215,376,314],{"class":261},[215,378,366],{"class":221},[215,380,382],{"class":217,"line":381},9,[215,383,384],{"class":221},"}\n",[215,386,388,391,393],{"class":217,"line":387},10,[215,389,390],{"class":221},"\u003C/",[215,392,226],{"class":225},[215,394,248],{"class":221},[215,396,398],{"class":217,"line":397},11,[215,399,332],{"emptyLinePlaceholder":331},[215,401,403,405,408],{"class":217,"line":402},12,[215,404,222],{"class":221},[215,406,407],{"class":225},"template",[215,409,248],{"class":221},[215,411,413,416,419,422,424,426,429,431],{"class":217,"line":412},13,[215,414,415],{"class":221},"  \u003C",[215,417,418],{"class":225},"TresCanvas",[215,420,421],{"class":229}," v-bind",[215,423,236],{"class":221},[215,425,239],{"class":221},[215,427,428],{"class":261},"gl",[215,430,239],{"class":221},[215,432,248],{"class":221},[215,434,436,439,442,445,448,450,452,455,459,462,464,466,468,471,473],{"class":217,"line":435},14,[215,437,438],{"class":221},"    \u003C",[215,440,441],{"class":225},"TresPerspectiveCamera",[215,443,444],{"class":221}," :",[215,446,447],{"class":229},"position",[215,449,236],{"class":221},[215,451,239],{"class":221},[215,453,454],{"class":221},"[",[215,456,458],{"class":457},"sbssI","5",[215,460,461],{"class":221},", ",[215,463,458],{"class":457},[215,465,461],{"class":221},[215,467,458],{"class":457},[215,469,470],{"class":221},"]",[215,472,239],{"class":221},[215,474,475],{"class":221}," />\n",[215,477,479],{"class":217,"line":478},15,[215,480,332],{"emptyLinePlaceholder":331},[215,482,484],{"class":217,"line":483},16,[215,485,487],{"class":486},"sHwdD","    \u003C!-- Your scene -->\n",[215,489,491],{"class":217,"line":490},17,[215,492,332],{"emptyLinePlaceholder":331},[215,494,496,498,501],{"class":217,"line":495},18,[215,497,438],{"class":221},[215,499,500],{"class":225},"Suspense",[215,502,248],{"class":221},[215,504,506,509,512],{"class":217,"line":505},19,[215,507,508],{"class":221},"      \u003C",[215,510,511],{"class":225},"EffectComposerPmndrs",[215,513,248],{"class":221},[215,515,517,520],{"class":217,"line":516},20,[215,518,519],{"class":221},"        \u003C",[215,521,522],{"class":225},"LinocutPmndrs\n",[215,524,526,529,532,534,536,539],{"class":217,"line":525},21,[215,527,528],{"class":221},"          :",[215,530,531],{"class":229},"scale",[215,533,236],{"class":221},[215,535,239],{"class":221},[215,537,538],{"class":457},"0.85",[215,540,541],{"class":221},"\"\n",[215,543,545,547,550,552,554,557],{"class":217,"line":544},22,[215,546,528],{"class":221},[215,548,549],{"class":229},"noise-scale",[215,551,236],{"class":221},[215,553,239],{"class":221},[215,555,556],{"class":457},"0.0",[215,558,541],{"class":221},[215,560,562,564,567,569,571,573,576,578,580,582],{"class":217,"line":561},23,[215,563,528],{"class":221},[215,565,566],{"class":229},"center",[215,568,236],{"class":221},[215,570,239],{"class":221},[215,572,454],{"class":221},[215,574,575],{"class":457},"0.5",[215,577,461],{"class":221},[215,579,575],{"class":457},[215,581,470],{"class":221},[215,583,541],{"class":221},[215,585,587,589,592,594,596,598],{"class":217,"line":586},24,[215,588,528],{"class":221},[215,590,591],{"class":229},"rotation",[215,593,236],{"class":221},[215,595,239],{"class":221},[215,597,556],{"class":457},[215,599,541],{"class":221},[215,601,603],{"class":217,"line":602},25,[215,604,605],{"class":221},"        />\n",[215,607,609,612,614],{"class":217,"line":608},26,[215,610,611],{"class":221},"      \u003C/",[215,613,511],{"class":225},[215,615,248],{"class":221},[215,617,619,622,624],{"class":217,"line":618},27,[215,620,621],{"class":221},"    \u003C/",[215,623,500],{"class":225},[215,625,248],{"class":221},[215,627,629,632,634],{"class":217,"line":628},28,[215,630,631],{"class":221},"  \u003C/",[215,633,418],{"class":225},[215,635,248],{"class":221},[215,637,639,641,643],{"class":217,"line":638},29,[215,640,390],{"class":221},[215,642,407],{"class":225},[215,644,248],{"class":221},[201,646,648],{"id":647},"props","Props",[650,651,652,668],"table",{},[653,654,655],"thead",{},[656,657,658,662,665],"tr",{},[659,660,661],"th",{},"Prop",[659,663,664],{},"Description",[659,666,667],{},"Default",[669,670,671,685,699,721,734],"tbody",{},[656,672,673,678,681],{},[674,675,676],"td",{},[197,677,531],{},[674,679,680],{},"Line width control. A value between 0 and 1.",[674,682,683],{},[197,684,538],{},[656,686,687,692,695],{},[674,688,689],{},[197,690,691],{},"noiseScale",[674,693,694],{},"Noise intensity. A value between 0 and 1.",[674,696,697],{},[197,698,556],{},[656,700,701,705,716],{},[674,702,703],{},[197,704,566],{},[674,706,707,708,711,712,715],{},"Center of rotation (normalized coordinates). Accepts ",[197,709,710],{},"Vector2"," or ",[197,713,714],{},"[number, number]",".",[674,717,718],{},[197,719,720],{},"[0.5, 0.5]",[656,722,723,727,730],{},[674,724,725],{},[197,726,591],{},[674,728,729],{},"Rotation angle in radians. A value between -π and π.",[674,731,732],{},[197,733,556],{},[656,735,736,741,744],{},[674,737,738],{},[197,739,740],{},"blendFunction",[674,742,743],{},"Defines how the effect blends with the original scene.",[674,745,746],{},[197,747,748],{},"BlendFunction.NORMAL",[201,750,752],{"id":751},"further-reading","Further Reading",[193,754,755,756,715],{},"For an example of the linocut effect in WebGL, see the ",[757,758,762],"a",{"href":759,"rel":760},"https://www.shadertoy.com/view/4XVcDV",[761],"nofollow","Linocut Effect on Shadertoy",[764,765,766],"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":211,"searchDepth":218,"depth":251,"links":768},[769,770,771],{"id":203,"depth":251,"text":204},{"id":647,"depth":251,"text":648},{"id":751,"depth":251,"text":752},"Transform your scene into a high-contrast black-and-white linocut print aesthetic.","md",null,{},{"title":97,"description":772},"2RfMaCM1NUefhzSA7WD1_tPdZ6SGW6kF_sqTxsElIJ8",[779,781],{"title":93,"path":94,"stem":95,"description":780,"children":-1},"Apply a lens distortion effect to simulate realistic camera optics.",{"title":101,"path":102,"stem":103,"description":782,"children":-1},"Add Gaussian noise to simulate film grain or TV static.",1779713681238]