[{"data":1,"prerenderedAt":1149},["ShallowReactive",2],{"navigation":3,"/api/pmndrs/texture":181,"/api/pmndrs/texture-surround":1144},[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":129,"body":183,"description":1138,"extension":1139,"links":1140,"meta":1141,"navigation":418,"path":130,"seo":1142,"stem":131,"__hash__":1143},"docs/2.api/1.pmndrs/texture.md",{"type":184,"value":185,"toc":1133},"minimark",[186,192,211,216,222,252,1032,1036,1118,1122,1129],[187,188,189],"docs-demo",{},[190,191],"pmndrs-texture",{},[193,194,195,196,200,201,210],"p",{},"The ",[197,198,199],"code",{},"TextureEffect"," component is part of the ",[202,203,207],"a",{"href":204,"rel":205},"https://pmndrs.github.io/postprocessing/public/docs/class/src/effects/TextureEffect.js~TextureEffect.html",[206],"nofollow",[197,208,209],{},"postprocessing"," package.\nIt allows rendering a texture with customizable options to create various visual effects.",[212,213,215],"h2",{"id":214},"usage","Usage",[193,217,195,218,221],{},[197,219,220],{},"\u003CTexturePmndrs>"," component is easy to use and provides customizable options to suit different visual styles.",[223,224,225,233],"note",{},[193,226,227,228,232],{},"This component is designed to work with a provided texture and ",[229,230,231],"strong",{},"does not"," include built-in functionality to modify the texture itself.",[193,234,235,236,239,240,243,244,247,248,251],{},"If you need to adjust properties such as ",[229,237,238],{},"rotation",", ",[229,241,242],{},"repeat",", or ",[229,245,246],{},"other attributes",", you should modify them directly on the texture that you pass to the ",[197,249,250],{},"\u003CTexturePmndrs />"," component.",[253,254,259],"pre",{"className":255,"code":256,"language":257,"meta":258,"style":258},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { EffectComposerPmndrs, TexturePmndrs } from '@tresjs/post-processing'\nimport { TresCanvas, useTexture } from '@tresjs/core'\nimport { NoToneMapping, RepeatWrapping, SRGBColorSpace } from 'three'\nimport { BlendFunction, ColorChannel } from 'postprocessing'\n\nconst gl = {\n  toneMapping: NoToneMapping,\n}\n\nconst effectProps = {\n  blendFunction: BlendFunction.OVERLAY,\n  opacity: 0.65,\n}\n\nconst texture = await useTexture(['your-path-to-texture'])\ntexture.colorSpace = SRGBColorSpace\ntexture.wrapS = texture.wrapT = RepeatWrapping\ntexture.rotation = Math.PI / 2\ntexture.repeat.set(2, 2)\n\nfunction setTextureSwizzleRGBA(red, green, blue, alpha) {\n  // This is an example of using a function belonging to the TextureEffect class.\n  // https://pmndrs.github.io/postprocessing/public/docs/file/src/effects/TextureEffect.js.html#lineNumber192\n  textureEffectRef.value?.effect.setTextureSwizzleRGBA(red, green, blue, alpha)\n}\n\n// Example how to mix texture's color channels.\nsetTextureSwizzleRGBA(ColorChannel.GREEN, ColorChannel.BLUE, ColorChannel.RED, ColorChannel.ALPHA)\n\n// Example how to reset the texture's color channels (default).\nsetTextureSwizzleRGBA(ColorChannel.RED, ColorChannel.BLUE, ColorChannel.GREEN, ColorChannel.ALPHA)\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        \u003CTexturePmndrs v-bind=\"effectProps\" :texture=\"texture\" />\n      \u003C/EffectComposerPmndrs>\n    \u003C/Suspense>\n  \u003C/TresCanvas>\n\u003C/template>\n","vue","",[197,260,261,296,331,357,388,413,420,434,448,454,459,471,489,503,508,513,543,559,584,610,638,643,678,685,691,731,736,741,747,787,792,798,833,843,848,858,881,922,927,933,938,948,959,993,1003,1013,1023],{"__ignoreMap":258},[262,263,266,270,274,278,281,284,287,291,293],"span",{"class":264,"line":265},"line",1,[262,267,269],{"class":268},"sMK4o","\u003C",[262,271,273],{"class":272},"swJcz","script",[262,275,277],{"class":276},"spNyl"," setup",[262,279,280],{"class":276}," lang",[262,282,283],{"class":268},"=",[262,285,286],{"class":268},"\"",[262,288,290],{"class":289},"sfazB","ts",[262,292,286],{"class":268},[262,294,295],{"class":268},">\n",[262,297,299,303,306,310,313,316,319,322,325,328],{"class":264,"line":298},2,[262,300,302],{"class":301},"s7zQu","import",[262,304,305],{"class":268}," {",[262,307,309],{"class":308},"sTEyZ"," EffectComposerPmndrs",[262,311,312],{"class":268},",",[262,314,315],{"class":308}," TexturePmndrs",[262,317,318],{"class":268}," }",[262,320,321],{"class":301}," from",[262,323,324],{"class":268}," '",[262,326,327],{"class":289},"@tresjs/post-processing",[262,329,330],{"class":268},"'\n",[262,332,334,336,338,341,343,346,348,350,352,355],{"class":264,"line":333},3,[262,335,302],{"class":301},[262,337,305],{"class":268},[262,339,340],{"class":308}," TresCanvas",[262,342,312],{"class":268},[262,344,345],{"class":308}," useTexture",[262,347,318],{"class":268},[262,349,321],{"class":301},[262,351,324],{"class":268},[262,353,354],{"class":289},"@tresjs/core",[262,356,330],{"class":268},[262,358,360,362,364,367,369,372,374,377,379,381,383,386],{"class":264,"line":359},4,[262,361,302],{"class":301},[262,363,305],{"class":268},[262,365,366],{"class":308}," NoToneMapping",[262,368,312],{"class":268},[262,370,371],{"class":308}," RepeatWrapping",[262,373,312],{"class":268},[262,375,376],{"class":308}," SRGBColorSpace",[262,378,318],{"class":268},[262,380,321],{"class":301},[262,382,324],{"class":268},[262,384,385],{"class":289},"three",[262,387,330],{"class":268},[262,389,391,393,395,398,400,403,405,407,409,411],{"class":264,"line":390},5,[262,392,302],{"class":301},[262,394,305],{"class":268},[262,396,397],{"class":308}," BlendFunction",[262,399,312],{"class":268},[262,401,402],{"class":308}," ColorChannel",[262,404,318],{"class":268},[262,406,321],{"class":301},[262,408,324],{"class":268},[262,410,209],{"class":289},[262,412,330],{"class":268},[262,414,416],{"class":264,"line":415},6,[262,417,419],{"emptyLinePlaceholder":418},true,"\n",[262,421,423,426,429,431],{"class":264,"line":422},7,[262,424,425],{"class":276},"const",[262,427,428],{"class":308}," gl ",[262,430,283],{"class":268},[262,432,433],{"class":268}," {\n",[262,435,437,440,443,445],{"class":264,"line":436},8,[262,438,439],{"class":272},"  toneMapping",[262,441,442],{"class":268},":",[262,444,366],{"class":308},[262,446,447],{"class":268},",\n",[262,449,451],{"class":264,"line":450},9,[262,452,453],{"class":268},"}\n",[262,455,457],{"class":264,"line":456},10,[262,458,419],{"emptyLinePlaceholder":418},[262,460,462,464,467,469],{"class":264,"line":461},11,[262,463,425],{"class":276},[262,465,466],{"class":308}," effectProps ",[262,468,283],{"class":268},[262,470,433],{"class":268},[262,472,474,477,479,481,484,487],{"class":264,"line":473},12,[262,475,476],{"class":272},"  blendFunction",[262,478,442],{"class":268},[262,480,397],{"class":308},[262,482,483],{"class":268},".",[262,485,486],{"class":308},"OVERLAY",[262,488,447],{"class":268},[262,490,492,495,497,501],{"class":264,"line":491},13,[262,493,494],{"class":272},"  opacity",[262,496,442],{"class":268},[262,498,500],{"class":499},"sbssI"," 0.65",[262,502,447],{"class":268},[262,504,506],{"class":264,"line":505},14,[262,507,453],{"class":268},[262,509,511],{"class":264,"line":510},15,[262,512,419],{"emptyLinePlaceholder":418},[262,514,516,518,521,523,526,529,532,535,538,540],{"class":264,"line":515},16,[262,517,425],{"class":276},[262,519,520],{"class":308}," texture ",[262,522,283],{"class":268},[262,524,525],{"class":301}," await",[262,527,345],{"class":528},"s2Zo4",[262,530,531],{"class":308},"([",[262,533,534],{"class":268},"'",[262,536,537],{"class":289},"your-path-to-texture",[262,539,534],{"class":268},[262,541,542],{"class":308},"])\n",[262,544,546,549,551,554,556],{"class":264,"line":545},17,[262,547,548],{"class":308},"texture",[262,550,483],{"class":268},[262,552,553],{"class":308},"colorSpace ",[262,555,283],{"class":268},[262,557,558],{"class":308}," SRGBColorSpace\n",[262,560,562,564,566,569,571,574,576,579,581],{"class":264,"line":561},18,[262,563,548],{"class":308},[262,565,483],{"class":268},[262,567,568],{"class":308},"wrapS ",[262,570,283],{"class":268},[262,572,573],{"class":308}," texture",[262,575,483],{"class":268},[262,577,578],{"class":308},"wrapT ",[262,580,283],{"class":268},[262,582,583],{"class":308}," RepeatWrapping\n",[262,585,587,589,591,594,596,599,601,604,607],{"class":264,"line":586},19,[262,588,548],{"class":308},[262,590,483],{"class":268},[262,592,593],{"class":308},"rotation ",[262,595,283],{"class":268},[262,597,598],{"class":308}," Math",[262,600,483],{"class":268},[262,602,603],{"class":308},"PI ",[262,605,606],{"class":268},"/",[262,608,609],{"class":499}," 2\n",[262,611,613,615,617,619,621,624,627,630,632,635],{"class":264,"line":612},20,[262,614,548],{"class":308},[262,616,483],{"class":268},[262,618,242],{"class":308},[262,620,483],{"class":268},[262,622,623],{"class":528},"set",[262,625,626],{"class":308},"(",[262,628,629],{"class":499},"2",[262,631,312],{"class":268},[262,633,634],{"class":499}," 2",[262,636,637],{"class":308},")\n",[262,639,641],{"class":264,"line":640},21,[262,642,419],{"emptyLinePlaceholder":418},[262,644,646,649,652,654,658,660,663,665,668,670,673,676],{"class":264,"line":645},22,[262,647,648],{"class":276},"function",[262,650,651],{"class":528}," setTextureSwizzleRGBA",[262,653,626],{"class":268},[262,655,657],{"class":656},"sHdIc","red",[262,659,312],{"class":268},[262,661,662],{"class":656}," green",[262,664,312],{"class":268},[262,666,667],{"class":656}," blue",[262,669,312],{"class":268},[262,671,672],{"class":656}," alpha",[262,674,675],{"class":268},")",[262,677,433],{"class":268},[262,679,681],{"class":264,"line":680},23,[262,682,684],{"class":683},"sHwdD","  // This is an example of using a function belonging to the TextureEffect class.\n",[262,686,688],{"class":264,"line":687},24,[262,689,690],{"class":683},"  // https://pmndrs.github.io/postprocessing/public/docs/file/src/effects/TextureEffect.js.html#lineNumber192\n",[262,692,694,697,699,702,705,708,710,713,715,717,719,721,723,725,727,729],{"class":264,"line":693},25,[262,695,696],{"class":308},"  textureEffectRef",[262,698,483],{"class":268},[262,700,701],{"class":308},"value",[262,703,704],{"class":268},"?.",[262,706,707],{"class":308},"effect",[262,709,483],{"class":268},[262,711,712],{"class":528},"setTextureSwizzleRGBA",[262,714,626],{"class":272},[262,716,657],{"class":308},[262,718,312],{"class":268},[262,720,662],{"class":308},[262,722,312],{"class":268},[262,724,667],{"class":308},[262,726,312],{"class":268},[262,728,672],{"class":308},[262,730,637],{"class":272},[262,732,734],{"class":264,"line":733},26,[262,735,453],{"class":268},[262,737,739],{"class":264,"line":738},27,[262,740,419],{"emptyLinePlaceholder":418},[262,742,744],{"class":264,"line":743},28,[262,745,746],{"class":683},"// Example how to mix texture's color channels.\n",[262,748,750,752,755,757,760,762,764,766,769,771,773,775,778,780,782,784],{"class":264,"line":749},29,[262,751,712],{"class":528},[262,753,754],{"class":308},"(ColorChannel",[262,756,483],{"class":268},[262,758,759],{"class":308},"GREEN",[262,761,312],{"class":268},[262,763,402],{"class":308},[262,765,483],{"class":268},[262,767,768],{"class":308},"BLUE",[262,770,312],{"class":268},[262,772,402],{"class":308},[262,774,483],{"class":268},[262,776,777],{"class":308},"RED",[262,779,312],{"class":268},[262,781,402],{"class":308},[262,783,483],{"class":268},[262,785,786],{"class":308},"ALPHA)\n",[262,788,790],{"class":264,"line":789},30,[262,791,419],{"emptyLinePlaceholder":418},[262,793,795],{"class":264,"line":794},31,[262,796,797],{"class":683},"// Example how to reset the texture's color channels (default).\n",[262,799,801,803,805,807,809,811,813,815,817,819,821,823,825,827,829,831],{"class":264,"line":800},32,[262,802,712],{"class":528},[262,804,754],{"class":308},[262,806,483],{"class":268},[262,808,777],{"class":308},[262,810,312],{"class":268},[262,812,402],{"class":308},[262,814,483],{"class":268},[262,816,768],{"class":308},[262,818,312],{"class":268},[262,820,402],{"class":308},[262,822,483],{"class":268},[262,824,759],{"class":308},[262,826,312],{"class":268},[262,828,402],{"class":308},[262,830,483],{"class":268},[262,832,786],{"class":308},[262,834,836,839,841],{"class":264,"line":835},33,[262,837,838],{"class":268},"\u003C/",[262,840,273],{"class":272},[262,842,295],{"class":268},[262,844,846],{"class":264,"line":845},34,[262,847,419],{"emptyLinePlaceholder":418},[262,849,851,853,856],{"class":264,"line":850},35,[262,852,269],{"class":268},[262,854,855],{"class":272},"template",[262,857,295],{"class":268},[262,859,861,864,867,870,872,874,877,879],{"class":264,"line":860},36,[262,862,863],{"class":268},"  \u003C",[262,865,866],{"class":272},"TresCanvas",[262,868,869],{"class":276}," v-bind",[262,871,283],{"class":268},[262,873,286],{"class":268},[262,875,876],{"class":308},"gl",[262,878,286],{"class":268},[262,880,295],{"class":268},[262,882,884,887,890,893,896,898,900,903,906,908,910,912,914,917,919],{"class":264,"line":883},37,[262,885,886],{"class":268},"    \u003C",[262,888,889],{"class":272},"TresPerspectiveCamera",[262,891,892],{"class":268}," :",[262,894,895],{"class":276},"position",[262,897,283],{"class":268},[262,899,286],{"class":268},[262,901,902],{"class":268},"[",[262,904,905],{"class":499},"5",[262,907,239],{"class":268},[262,909,905],{"class":499},[262,911,239],{"class":268},[262,913,905],{"class":499},[262,915,916],{"class":268},"]",[262,918,286],{"class":268},[262,920,921],{"class":268}," />\n",[262,923,925],{"class":264,"line":924},38,[262,926,419],{"emptyLinePlaceholder":418},[262,928,930],{"class":264,"line":929},39,[262,931,932],{"class":683},"    \u003C!-- Your Scene -->\n",[262,934,936],{"class":264,"line":935},40,[262,937,419],{"emptyLinePlaceholder":418},[262,939,941,943,946],{"class":264,"line":940},41,[262,942,886],{"class":268},[262,944,945],{"class":272},"Suspense",[262,947,295],{"class":268},[262,949,951,954,957],{"class":264,"line":950},42,[262,952,953],{"class":268},"      \u003C",[262,955,956],{"class":272},"EffectComposerPmndrs",[262,958,295],{"class":268},[262,960,962,965,968,970,972,974,977,979,981,983,985,987,989,991],{"class":264,"line":961},43,[262,963,964],{"class":268},"        \u003C",[262,966,967],{"class":272},"TexturePmndrs",[262,969,869],{"class":276},[262,971,283],{"class":268},[262,973,286],{"class":268},[262,975,976],{"class":308},"effectProps",[262,978,286],{"class":268},[262,980,892],{"class":268},[262,982,548],{"class":276},[262,984,283],{"class":268},[262,986,286],{"class":268},[262,988,548],{"class":308},[262,990,286],{"class":268},[262,992,921],{"class":268},[262,994,996,999,1001],{"class":264,"line":995},44,[262,997,998],{"class":268},"      \u003C/",[262,1000,956],{"class":272},[262,1002,295],{"class":268},[262,1004,1006,1009,1011],{"class":264,"line":1005},45,[262,1007,1008],{"class":268},"    \u003C/",[262,1010,945],{"class":272},[262,1012,295],{"class":268},[262,1014,1016,1019,1021],{"class":264,"line":1015},46,[262,1017,1018],{"class":268},"  \u003C/",[262,1020,866],{"class":272},[262,1022,295],{"class":268},[262,1024,1026,1028,1030],{"class":264,"line":1025},47,[262,1027,838],{"class":268},[262,1029,855],{"class":272},[262,1031,295],{"class":268},[212,1033,1035],{"id":1034},"props","Props",[1037,1038,1039,1055],"table",{},[1040,1041,1042],"thead",{},[1043,1044,1045,1049,1052],"tr",{},[1046,1047,1048],"th",{},"Prop",[1046,1050,1051],{},"Description",[1046,1053,1054],{},"Default",[1056,1057,1058,1082,1103],"tbody",{},[1043,1059,1060,1066,1077],{},[1061,1062,1063],"td",{},[197,1064,1065],{},"blendFunction",[1061,1067,1068,1069,1076],{},"Defines how the effect blends with the original scene. See the ",[202,1070,1073],{"href":1071,"rel":1072},"https://pmndrs.github.io/postprocessing/public/docs/variable/index.html#static-variable-BlendFunction",[206],[197,1074,1075],{},"BlendFunction"," options.",[1061,1078,1079],{},[197,1080,1081],{},"BlendFunction.NORMAL",[1043,1083,1084,1088,1098],{},[1061,1085,1086],{},[197,1087,548],{},[1061,1089,1090,1091,1097],{},"The texture used for the effect. See the ",[202,1092,1095],{"href":1093,"rel":1094},"https://threejs.org/docs/#api/en/textures/Texture",[206],[197,1096,129],{}," documentation.",[1061,1099,1100],{},[197,1101,1102],{},"null",[1043,1104,1105,1110,1113],{},[1061,1106,1107],{},[197,1108,1109],{},"opacity",[1061,1111,1112],{},"The opacity of the texture.",[1061,1114,1115],{},[197,1116,1117],{},"1.0",[212,1119,1121],{"id":1120},"further-reading","Further Reading",[193,1123,1124,1125,483],{},"For more details, see the ",[202,1126,1128],{"href":204,"rel":1127},[206],"TextureEffect documentation",[1130,1131,1132],"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 .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}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":258,"searchDepth":265,"depth":298,"links":1134},[1135,1136,1137],{"id":214,"depth":298,"text":215},{"id":1034,"depth":298,"text":1035},{"id":1120,"depth":298,"text":1121},"Render a texture overlay with customizable blend options to create various visual effects.","md",null,{},{"title":129,"description":1138},"gtqtTXUaJeyvUEY1wK9DlJYgNJzDhgElfTcpbICrygw",[1145,1147],{"title":125,"path":126,"stem":127,"description":1146,"children":-1},"Subpixel Morphological Antialiasing — a post-processing antialiasing technique using look-up tables for accurate edge detection.",{"title":133,"path":134,"stem":135,"description":1148,"children":-1},"Create a tilt-shift effect simulating a shallow depth of field.",1779713682787]