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