[{"data":1,"prerenderedAt":2305},["ShallowReactive",2],{"navigation":3,"/api/pmndrs/shock-wave":181,"/api/pmndrs/shock-wave-surround":2300},[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":121,"body":183,"description":2294,"extension":2295,"links":2296,"meta":2297,"navigation":430,"path":122,"seo":2298,"stem":123,"__hash__":2299},"docs/2.api/1.pmndrs/shock-wave.md",{"type":184,"value":185,"toc":2286},"minimark",[186,192,211,216,232,246,250,253,270,273,1158,1161,1167,1173,2163,2170,2174,2271,2275,2282],[187,188,189],"docs-demo",{},[190,191],"pmndrs-shock-wave",{},[193,194,195,196,200,201,210],"p",{},"The ",[197,198,199],"code",{},"ShockWave"," effect is part of the ",[202,203,207],"a",{"href":204,"rel":205},"https://pmndrs.github.io/postprocessing/public/docs/class/src/effects/ShockWaveEffect.js~ShockWaveEffect.html",[206],"nofollow",[197,208,209],{},"postprocessing"," package. It simulates a shockwave effect originating from a center point, creating a ripple-like distortion in the scene. This effect can add dramatic impact to your scene by simulating explosions or other shockwave phenomena.",[212,213,215],"h2",{"id":214},"usage","Usage",[193,217,195,218,221,222,226,227,231],{},[197,219,220],{},"\u003CShockWavePmndrs>"," component is easy to use and provides customizable options to suit different visual styles. There are several possible techniques to achieve this. See ",[202,223,225],{"href":224},"#events","Events"," and ",[202,228,230],{"href":229},"#depthpickingpass","DepthPickingPass"," for more details.",[193,233,234,235,226,237,239,240,242,243,245],{},"The main difference between ",[197,236,225],{},[197,238,230],{}," lies in the scope you want. ",[197,241,225],{}," is more suited for being used on a specific element, while ",[197,244,230],{}," is intended to be used for an entire scene (depth is calculated globally).",[247,248,225],"h3",{"id":249},"events",[193,251,252],{},"To determine the position of the shockwave effect, you can use Tres.js events. Tres.js allows you to handle user interactions directly and find the intersection point with objects in the scene. This technique is useful when you need to interact with specific objects based on user input.",[193,254,255,256,259,260,263,264,269],{},"You can use various Tres.js events such as ",[197,257,258],{},"click",", ",[197,261,262],{},"pointer-enter",", etc., to trigger the shockwave effect. For more details about available events, see the ",[202,265,268],{"href":266,"rel":267},"https://docs.tresjs.org/api/events.html",[206],"documentation",".",[193,271,272],{},"Here is an example of how to use events to trigger the shockwave effect:",[274,275,280],"pre",{"className":276,"code":277,"language":278,"meta":279,"style":279},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { EffectComposerPmndrs, ShockWavePmndrs } from '@tresjs/post-processing'\nimport { useMouse, useWindowSize } from '@vueuse/core'\nimport { NoToneMapping, Vector3 } from 'three'\nimport { TresCanvas } from '@tresjs/core'\n\nconst gl = {\n  toneMapping: NoToneMapping,\n}\n\nconst effectProps = {\n  speed: 0.2,\n}\n\nconst shockWaveEffectRef = ref(null)\nconst mousePosition = ref(new Vector3(0, 0, 0))\n\nconst { x, y } = useMouse()\nconst { width, height } = useWindowSize()\n\nconst cursorX = computed(() => (x.value / width.value) * 2.0 - 1.0)\nconst cursorY = computed(() => -(y.value / height.value) * 2.0 + 1.0)\n\nfunction updateMousePosition({ point }) {\n  mousePosition.value.copy(point)\n}\n\nfunction triggerShockWave() {\n  if (!shockWaveEffectRef.value) { return }\n\n  updateMousePosition()\n\n  shockWaveEffectRef.value.effect.explode()\n}\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas v-bind=\"gl\">\n    \u003CTresPerspectiveCamera :position=\"[5, 5, 5]\" />\n\n    \u003CTresMesh @click=\"triggerShockWave\">\n      \u003CTresBoxGeometry />\n      \u003CTresMeshStandardMaterial color=\"#1C1C1E\" />\n    \u003C/TresMesh>\n\n    \u003CSuspense>\n      \u003CEffectComposerPmndrs>\n        \u003CShockWavePmndrs\n          ref=\"shockWaveEffectRef\"\n          :position=\"mousePosition\"\n          v-bind=\"effectProps\"\n        />\n      \u003C/EffectComposerPmndrs>\n    \u003C/Suspense>\n  \u003C/TresCanvas>\n\u003C/template>\n","vue","",[197,281,282,317,352,378,404,425,432,446,460,466,471,483,497,502,507,530,566,571,597,620,625,678,725,730,751,774,779,784,796,827,832,840,845,867,872,882,887,897,920,961,966,990,1001,1023,1033,1038,1048,1058,1067,1082,1099,1114,1120,1130,1139,1149],{"__ignoreMap":279},[283,284,287,291,295,299,302,305,308,312,314],"span",{"class":285,"line":286},"line",1,[283,288,290],{"class":289},"sMK4o","\u003C",[283,292,294],{"class":293},"swJcz","script",[283,296,298],{"class":297},"spNyl"," setup",[283,300,301],{"class":297}," lang",[283,303,304],{"class":289},"=",[283,306,307],{"class":289},"\"",[283,309,311],{"class":310},"sfazB","ts",[283,313,307],{"class":289},[283,315,316],{"class":289},">\n",[283,318,320,324,327,331,334,337,340,343,346,349],{"class":285,"line":319},2,[283,321,323],{"class":322},"s7zQu","import",[283,325,326],{"class":289}," {",[283,328,330],{"class":329},"sTEyZ"," EffectComposerPmndrs",[283,332,333],{"class":289},",",[283,335,336],{"class":329}," ShockWavePmndrs",[283,338,339],{"class":289}," }",[283,341,342],{"class":322}," from",[283,344,345],{"class":289}," '",[283,347,348],{"class":310},"@tresjs/post-processing",[283,350,351],{"class":289},"'\n",[283,353,355,357,359,362,364,367,369,371,373,376],{"class":285,"line":354},3,[283,356,323],{"class":322},[283,358,326],{"class":289},[283,360,361],{"class":329}," useMouse",[283,363,333],{"class":289},[283,365,366],{"class":329}," useWindowSize",[283,368,339],{"class":289},[283,370,342],{"class":322},[283,372,345],{"class":289},[283,374,375],{"class":310},"@vueuse/core",[283,377,351],{"class":289},[283,379,381,383,385,388,390,393,395,397,399,402],{"class":285,"line":380},4,[283,382,323],{"class":322},[283,384,326],{"class":289},[283,386,387],{"class":329}," NoToneMapping",[283,389,333],{"class":289},[283,391,392],{"class":329}," Vector3",[283,394,339],{"class":289},[283,396,342],{"class":322},[283,398,345],{"class":289},[283,400,401],{"class":310},"three",[283,403,351],{"class":289},[283,405,407,409,411,414,416,418,420,423],{"class":285,"line":406},5,[283,408,323],{"class":322},[283,410,326],{"class":289},[283,412,413],{"class":329}," TresCanvas",[283,415,339],{"class":289},[283,417,342],{"class":322},[283,419,345],{"class":289},[283,421,422],{"class":310},"@tresjs/core",[283,424,351],{"class":289},[283,426,428],{"class":285,"line":427},6,[283,429,431],{"emptyLinePlaceholder":430},true,"\n",[283,433,435,438,441,443],{"class":285,"line":434},7,[283,436,437],{"class":297},"const",[283,439,440],{"class":329}," gl ",[283,442,304],{"class":289},[283,444,445],{"class":289}," {\n",[283,447,449,452,455,457],{"class":285,"line":448},8,[283,450,451],{"class":293},"  toneMapping",[283,453,454],{"class":289},":",[283,456,387],{"class":329},[283,458,459],{"class":289},",\n",[283,461,463],{"class":285,"line":462},9,[283,464,465],{"class":289},"}\n",[283,467,469],{"class":285,"line":468},10,[283,470,431],{"emptyLinePlaceholder":430},[283,472,474,476,479,481],{"class":285,"line":473},11,[283,475,437],{"class":297},[283,477,478],{"class":329}," effectProps ",[283,480,304],{"class":289},[283,482,445],{"class":289},[283,484,486,489,491,495],{"class":285,"line":485},12,[283,487,488],{"class":293},"  speed",[283,490,454],{"class":289},[283,492,494],{"class":493},"sbssI"," 0.2",[283,496,459],{"class":289},[283,498,500],{"class":285,"line":499},13,[283,501,465],{"class":289},[283,503,505],{"class":285,"line":504},14,[283,506,431],{"emptyLinePlaceholder":430},[283,508,510,512,515,517,521,524,527],{"class":285,"line":509},15,[283,511,437],{"class":297},[283,513,514],{"class":329}," shockWaveEffectRef ",[283,516,304],{"class":289},[283,518,520],{"class":519},"s2Zo4"," ref",[283,522,523],{"class":329},"(",[283,525,526],{"class":289},"null",[283,528,529],{"class":329},")\n",[283,531,533,535,538,540,542,544,547,549,551,554,556,559,561,563],{"class":285,"line":532},16,[283,534,437],{"class":297},[283,536,537],{"class":329}," mousePosition ",[283,539,304],{"class":289},[283,541,520],{"class":519},[283,543,523],{"class":329},[283,545,546],{"class":289},"new",[283,548,392],{"class":519},[283,550,523],{"class":329},[283,552,553],{"class":493},"0",[283,555,333],{"class":289},[283,557,558],{"class":493}," 0",[283,560,333],{"class":289},[283,562,558],{"class":493},[283,564,565],{"class":329},"))\n",[283,567,569],{"class":285,"line":568},17,[283,570,431],{"emptyLinePlaceholder":430},[283,572,574,576,578,581,583,586,589,592,594],{"class":285,"line":573},18,[283,575,437],{"class":297},[283,577,326],{"class":289},[283,579,580],{"class":329}," x",[283,582,333],{"class":289},[283,584,585],{"class":329}," y ",[283,587,588],{"class":289},"}",[283,590,591],{"class":289}," =",[283,593,361],{"class":519},[283,595,596],{"class":329},"()\n",[283,598,600,602,604,607,609,612,614,616,618],{"class":285,"line":599},19,[283,601,437],{"class":297},[283,603,326],{"class":289},[283,605,606],{"class":329}," width",[283,608,333],{"class":289},[283,610,611],{"class":329}," height ",[283,613,588],{"class":289},[283,615,591],{"class":289},[283,617,366],{"class":519},[283,619,596],{"class":329},[283,621,623],{"class":285,"line":622},20,[283,624,431],{"emptyLinePlaceholder":430},[283,626,628,630,633,635,638,640,643,646,649,651,654,657,659,661,664,667,670,673,676],{"class":285,"line":627},21,[283,629,437],{"class":297},[283,631,632],{"class":329}," cursorX ",[283,634,304],{"class":289},[283,636,637],{"class":519}," computed",[283,639,523],{"class":329},[283,641,642],{"class":289},"()",[283,644,645],{"class":297}," =>",[283,647,648],{"class":329}," (x",[283,650,269],{"class":289},[283,652,653],{"class":329},"value ",[283,655,656],{"class":289},"/",[283,658,606],{"class":329},[283,660,269],{"class":289},[283,662,663],{"class":329},"value) ",[283,665,666],{"class":289},"*",[283,668,669],{"class":493}," 2.0",[283,671,672],{"class":289}," -",[283,674,675],{"class":493}," 1.0",[283,677,529],{"class":329},[283,679,681,683,686,688,690,692,694,696,698,701,703,705,707,710,712,714,716,718,721,723],{"class":285,"line":680},22,[283,682,437],{"class":297},[283,684,685],{"class":329}," cursorY ",[283,687,304],{"class":289},[283,689,637],{"class":519},[283,691,523],{"class":329},[283,693,642],{"class":289},[283,695,645],{"class":297},[283,697,672],{"class":289},[283,699,700],{"class":329},"(y",[283,702,269],{"class":289},[283,704,653],{"class":329},[283,706,656],{"class":289},[283,708,709],{"class":329}," height",[283,711,269],{"class":289},[283,713,663],{"class":329},[283,715,666],{"class":289},[283,717,669],{"class":493},[283,719,720],{"class":289}," +",[283,722,675],{"class":493},[283,724,529],{"class":329},[283,726,728],{"class":285,"line":727},23,[283,729,431],{"emptyLinePlaceholder":430},[283,731,733,736,739,742,746,749],{"class":285,"line":732},24,[283,734,735],{"class":297},"function",[283,737,738],{"class":519}," updateMousePosition",[283,740,741],{"class":289},"({",[283,743,745],{"class":744},"sHdIc"," point",[283,747,748],{"class":289}," })",[283,750,445],{"class":289},[283,752,754,757,759,762,764,767,769,772],{"class":285,"line":753},25,[283,755,756],{"class":329},"  mousePosition",[283,758,269],{"class":289},[283,760,761],{"class":329},"value",[283,763,269],{"class":289},[283,765,766],{"class":519},"copy",[283,768,523],{"class":293},[283,770,771],{"class":329},"point",[283,773,529],{"class":293},[283,775,777],{"class":285,"line":776},26,[283,778,465],{"class":289},[283,780,782],{"class":285,"line":781},27,[283,783,431],{"emptyLinePlaceholder":430},[283,785,787,789,792,794],{"class":285,"line":786},28,[283,788,735],{"class":297},[283,790,791],{"class":519}," triggerShockWave",[283,793,642],{"class":289},[283,795,445],{"class":289},[283,797,799,802,805,808,811,813,815,818,821,824],{"class":285,"line":798},29,[283,800,801],{"class":322},"  if",[283,803,804],{"class":293}," (",[283,806,807],{"class":289},"!",[283,809,810],{"class":329},"shockWaveEffectRef",[283,812,269],{"class":289},[283,814,761],{"class":329},[283,816,817],{"class":293},") ",[283,819,820],{"class":289},"{",[283,822,823],{"class":322}," return",[283,825,826],{"class":289}," }\n",[283,828,830],{"class":285,"line":829},30,[283,831,431],{"emptyLinePlaceholder":430},[283,833,835,838],{"class":285,"line":834},31,[283,836,837],{"class":519},"  updateMousePosition",[283,839,596],{"class":293},[283,841,843],{"class":285,"line":842},32,[283,844,431],{"emptyLinePlaceholder":430},[283,846,848,851,853,855,857,860,862,865],{"class":285,"line":847},33,[283,849,850],{"class":329},"  shockWaveEffectRef",[283,852,269],{"class":289},[283,854,761],{"class":329},[283,856,269],{"class":289},[283,858,859],{"class":329},"effect",[283,861,269],{"class":289},[283,863,864],{"class":519},"explode",[283,866,596],{"class":293},[283,868,870],{"class":285,"line":869},34,[283,871,465],{"class":289},[283,873,875,878,880],{"class":285,"line":874},35,[283,876,877],{"class":289},"\u003C/",[283,879,294],{"class":293},[283,881,316],{"class":289},[283,883,885],{"class":285,"line":884},36,[283,886,431],{"emptyLinePlaceholder":430},[283,888,890,892,895],{"class":285,"line":889},37,[283,891,290],{"class":289},[283,893,894],{"class":293},"template",[283,896,316],{"class":289},[283,898,900,903,906,909,911,913,916,918],{"class":285,"line":899},38,[283,901,902],{"class":289},"  \u003C",[283,904,905],{"class":293},"TresCanvas",[283,907,908],{"class":297}," v-bind",[283,910,304],{"class":289},[283,912,307],{"class":289},[283,914,915],{"class":329},"gl",[283,917,307],{"class":289},[283,919,316],{"class":289},[283,921,923,926,929,932,935,937,939,942,945,947,949,951,953,956,958],{"class":285,"line":922},39,[283,924,925],{"class":289},"    \u003C",[283,927,928],{"class":293},"TresPerspectiveCamera",[283,930,931],{"class":289}," :",[283,933,934],{"class":297},"position",[283,936,304],{"class":289},[283,938,307],{"class":289},[283,940,941],{"class":289},"[",[283,943,944],{"class":493},"5",[283,946,259],{"class":289},[283,948,944],{"class":493},[283,950,259],{"class":289},[283,952,944],{"class":493},[283,954,955],{"class":289},"]",[283,957,307],{"class":289},[283,959,960],{"class":289}," />\n",[283,962,964],{"class":285,"line":963},40,[283,965,431],{"emptyLinePlaceholder":430},[283,967,969,971,974,977,979,981,983,986,988],{"class":285,"line":968},41,[283,970,925],{"class":289},[283,972,973],{"class":293},"TresMesh",[283,975,976],{"class":289}," @",[283,978,258],{"class":297},[283,980,304],{"class":289},[283,982,307],{"class":289},[283,984,985],{"class":329},"triggerShockWave",[283,987,307],{"class":289},[283,989,316],{"class":289},[283,991,993,996,999],{"class":285,"line":992},42,[283,994,995],{"class":289},"      \u003C",[283,997,998],{"class":293},"TresBoxGeometry",[283,1000,960],{"class":289},[283,1002,1004,1006,1009,1012,1014,1016,1019,1021],{"class":285,"line":1003},43,[283,1005,995],{"class":289},[283,1007,1008],{"class":293},"TresMeshStandardMaterial",[283,1010,1011],{"class":297}," color",[283,1013,304],{"class":289},[283,1015,307],{"class":289},[283,1017,1018],{"class":310},"#1C1C1E",[283,1020,307],{"class":289},[283,1022,960],{"class":289},[283,1024,1026,1029,1031],{"class":285,"line":1025},44,[283,1027,1028],{"class":289},"    \u003C/",[283,1030,973],{"class":293},[283,1032,316],{"class":289},[283,1034,1036],{"class":285,"line":1035},45,[283,1037,431],{"emptyLinePlaceholder":430},[283,1039,1041,1043,1046],{"class":285,"line":1040},46,[283,1042,925],{"class":289},[283,1044,1045],{"class":293},"Suspense",[283,1047,316],{"class":289},[283,1049,1051,1053,1056],{"class":285,"line":1050},47,[283,1052,995],{"class":289},[283,1054,1055],{"class":293},"EffectComposerPmndrs",[283,1057,316],{"class":289},[283,1059,1061,1064],{"class":285,"line":1060},48,[283,1062,1063],{"class":289},"        \u003C",[283,1065,1066],{"class":293},"ShockWavePmndrs\n",[283,1068,1070,1073,1075,1077,1079],{"class":285,"line":1069},49,[283,1071,1072],{"class":297},"          ref",[283,1074,304],{"class":289},[283,1076,307],{"class":289},[283,1078,810],{"class":310},[283,1080,1081],{"class":289},"\"\n",[283,1083,1085,1088,1090,1092,1094,1097],{"class":285,"line":1084},50,[283,1086,1087],{"class":289},"          :",[283,1089,934],{"class":297},[283,1091,304],{"class":289},[283,1093,307],{"class":289},[283,1095,1096],{"class":329},"mousePosition",[283,1098,1081],{"class":289},[283,1100,1102,1105,1107,1109,1112],{"class":285,"line":1101},51,[283,1103,1104],{"class":297},"          v-bind",[283,1106,304],{"class":289},[283,1108,307],{"class":289},[283,1110,1111],{"class":329},"effectProps",[283,1113,1081],{"class":289},[283,1115,1117],{"class":285,"line":1116},52,[283,1118,1119],{"class":289},"        />\n",[283,1121,1123,1126,1128],{"class":285,"line":1122},53,[283,1124,1125],{"class":289},"      \u003C/",[283,1127,1055],{"class":293},[283,1129,316],{"class":289},[283,1131,1133,1135,1137],{"class":285,"line":1132},54,[283,1134,1028],{"class":289},[283,1136,1045],{"class":293},[283,1138,316],{"class":289},[283,1140,1142,1145,1147],{"class":285,"line":1141},55,[283,1143,1144],{"class":289},"  \u003C/",[283,1146,905],{"class":293},[283,1148,316],{"class":289},[283,1150,1152,1154,1156],{"class":285,"line":1151},56,[283,1153,877],{"class":289},[283,1155,894],{"class":293},[283,1157,316],{"class":289},[247,1159,230],{"id":1160},"depthpickingpass",[193,1162,195,1163,1166],{},[197,1164,1165],{},"DepthPickingPassPmndrs"," component reads depth information from the scene. This is particularly useful for interacting with 3D objects based on their depth, such as triggering effects at specific points in 3D space.",[193,1168,1169,1170,1172],{},"In the example above, ",[197,1171,1165],{}," determines the depth of the point where the shockwave effect should originate, allowing accurate interaction with 3D objects.",[274,1174,1176],{"className":276,"code":1175,"language":278,"meta":279,"style":279},"\u003Cscript setup lang=\"ts\">\nimport { DepthPickingPassPmndrs, EffectComposerPmndrs, ShockWavePmndrs } from '@tresjs/post-processing'\nimport { useMouse, useWindowSize } from '@vueuse/core'\nimport { NoToneMapping, Vector3 } from 'three'\nimport { TresCanvas } from '@tresjs/core'\n\n/**\n * The camera value is retrieved via a ref here (elCanvasRef) because using\n * https://docs.tresjs.org/api/composables.html#usetrescontext\n * is not possible at the same level as \u003CTresCanvas>.\n */\n\nconst gl = {\n  toneMapping: NoToneMapping,\n}\n\nconst effectProps = {\n  speed: 0.2,\n}\n\nconst mousePosition = ref(new Vector3(0, 0, 0))\nconst depthPickingPassRef = ref(null)\nconst shockWaveEffectRef = ref(null)\nconst elCanvasRef = ref(null)\n\nconst { x, y } = useMouse()\nconst { width, height } = useWindowSize()\n\nconst cursorX = computed(() => (x.value / width.value) * 2.0 - 1.0)\nconst cursorY = computed(() => -(y.value / height.value) * 2.0 + 1.0)\n\nasync function updateMousePosition() {\n  if (!elCanvasRef.value || !depthPickingPassRef.value) { return }\n\n  const ndcPosition = new Vector3(cursorX.value, cursorY.value, 0)\n\n  ndcPosition.z = await depthPickingPassRef.value.pass.readDepth(ndcPosition)\n  ndcPosition.z = ndcPosition.z * 2.0 - 1.0\n\n  mousePosition.value.copy(ndcPosition.unproject(elCanvasRef.value.context.camera.value))\n}\n\nfunction triggerShockWave() {\n  if (!shockWaveEffectRef.value) { return }\n\n  updateMousePosition()\n\n  shockWaveEffectRef.value.effect.explode()\n}\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas\n    v-bind=\"gl\"\n    ref=\"elCanvasRef\"\n  >\n    \u003CTresPerspectiveCamera :position=\"[5, 5, 5]\" />\n\n    \u003CTresMesh @click=\"triggerShockWave\">\n      \u003CTresBoxGeometry />\n      \u003CTresMeshStandardMaterial color=\"#1C1C1E\" />\n    \u003C/TresMesh>\n\n    \u003CSuspense>\n      \u003CEffectComposerPmndrs>\n        \u003CDepthPickingPassPmndrs ref=\"depthPickingPassRef\" />\n        \u003CShockWavePmndrs\n          ref=\"shockWaveEffectRef\"\n          :position=\"mousePosition\"\n          v-bind=\"effectProps\"\n        />\n      \u003C/EffectComposerPmndrs>\n    \u003C/Suspense>\n  \u003C/TresCanvas>\n\u003C/template>\n",[197,1177,1178,1198,1225,1247,1269,1287,1291,1297,1302,1307,1312,1317,1321,1331,1341,1345,1349,1359,1369,1373,1377,1407,1424,1440,1457,1461,1481,1501,1505,1545,1587,1591,1605,1641,1645,1684,1688,1727,1753,1757,1802,1806,1810,1820,1842,1846,1852,1856,1874,1878,1886,1890,1898,1905,1918,1931,1936,1969,1974,1995,2004,2023,2032,2037,2046,2055,2074,2081,2094,2109,2122,2127,2136,2145,2154],{"__ignoreMap":279},[283,1179,1180,1182,1184,1186,1188,1190,1192,1194,1196],{"class":285,"line":286},[283,1181,290],{"class":289},[283,1183,294],{"class":293},[283,1185,298],{"class":297},[283,1187,301],{"class":297},[283,1189,304],{"class":289},[283,1191,307],{"class":289},[283,1193,311],{"class":310},[283,1195,307],{"class":289},[283,1197,316],{"class":289},[283,1199,1200,1202,1204,1207,1209,1211,1213,1215,1217,1219,1221,1223],{"class":285,"line":319},[283,1201,323],{"class":322},[283,1203,326],{"class":289},[283,1205,1206],{"class":329}," DepthPickingPassPmndrs",[283,1208,333],{"class":289},[283,1210,330],{"class":329},[283,1212,333],{"class":289},[283,1214,336],{"class":329},[283,1216,339],{"class":289},[283,1218,342],{"class":322},[283,1220,345],{"class":289},[283,1222,348],{"class":310},[283,1224,351],{"class":289},[283,1226,1227,1229,1231,1233,1235,1237,1239,1241,1243,1245],{"class":285,"line":354},[283,1228,323],{"class":322},[283,1230,326],{"class":289},[283,1232,361],{"class":329},[283,1234,333],{"class":289},[283,1236,366],{"class":329},[283,1238,339],{"class":289},[283,1240,342],{"class":322},[283,1242,345],{"class":289},[283,1244,375],{"class":310},[283,1246,351],{"class":289},[283,1248,1249,1251,1253,1255,1257,1259,1261,1263,1265,1267],{"class":285,"line":380},[283,1250,323],{"class":322},[283,1252,326],{"class":289},[283,1254,387],{"class":329},[283,1256,333],{"class":289},[283,1258,392],{"class":329},[283,1260,339],{"class":289},[283,1262,342],{"class":322},[283,1264,345],{"class":289},[283,1266,401],{"class":310},[283,1268,351],{"class":289},[283,1270,1271,1273,1275,1277,1279,1281,1283,1285],{"class":285,"line":406},[283,1272,323],{"class":322},[283,1274,326],{"class":289},[283,1276,413],{"class":329},[283,1278,339],{"class":289},[283,1280,342],{"class":322},[283,1282,345],{"class":289},[283,1284,422],{"class":310},[283,1286,351],{"class":289},[283,1288,1289],{"class":285,"line":427},[283,1290,431],{"emptyLinePlaceholder":430},[283,1292,1293],{"class":285,"line":434},[283,1294,1296],{"class":1295},"sHwdD","/**\n",[283,1298,1299],{"class":285,"line":448},[283,1300,1301],{"class":1295}," * The camera value is retrieved via a ref here (elCanvasRef) because using\n",[283,1303,1304],{"class":285,"line":462},[283,1305,1306],{"class":1295}," * https://docs.tresjs.org/api/composables.html#usetrescontext\n",[283,1308,1309],{"class":285,"line":468},[283,1310,1311],{"class":1295}," * is not possible at the same level as \u003CTresCanvas>.\n",[283,1313,1314],{"class":285,"line":473},[283,1315,1316],{"class":1295}," */\n",[283,1318,1319],{"class":285,"line":485},[283,1320,431],{"emptyLinePlaceholder":430},[283,1322,1323,1325,1327,1329],{"class":285,"line":499},[283,1324,437],{"class":297},[283,1326,440],{"class":329},[283,1328,304],{"class":289},[283,1330,445],{"class":289},[283,1332,1333,1335,1337,1339],{"class":285,"line":504},[283,1334,451],{"class":293},[283,1336,454],{"class":289},[283,1338,387],{"class":329},[283,1340,459],{"class":289},[283,1342,1343],{"class":285,"line":509},[283,1344,465],{"class":289},[283,1346,1347],{"class":285,"line":532},[283,1348,431],{"emptyLinePlaceholder":430},[283,1350,1351,1353,1355,1357],{"class":285,"line":568},[283,1352,437],{"class":297},[283,1354,478],{"class":329},[283,1356,304],{"class":289},[283,1358,445],{"class":289},[283,1360,1361,1363,1365,1367],{"class":285,"line":573},[283,1362,488],{"class":293},[283,1364,454],{"class":289},[283,1366,494],{"class":493},[283,1368,459],{"class":289},[283,1370,1371],{"class":285,"line":599},[283,1372,465],{"class":289},[283,1374,1375],{"class":285,"line":622},[283,1376,431],{"emptyLinePlaceholder":430},[283,1378,1379,1381,1383,1385,1387,1389,1391,1393,1395,1397,1399,1401,1403,1405],{"class":285,"line":627},[283,1380,437],{"class":297},[283,1382,537],{"class":329},[283,1384,304],{"class":289},[283,1386,520],{"class":519},[283,1388,523],{"class":329},[283,1390,546],{"class":289},[283,1392,392],{"class":519},[283,1394,523],{"class":329},[283,1396,553],{"class":493},[283,1398,333],{"class":289},[283,1400,558],{"class":493},[283,1402,333],{"class":289},[283,1404,558],{"class":493},[283,1406,565],{"class":329},[283,1408,1409,1411,1414,1416,1418,1420,1422],{"class":285,"line":680},[283,1410,437],{"class":297},[283,1412,1413],{"class":329}," depthPickingPassRef ",[283,1415,304],{"class":289},[283,1417,520],{"class":519},[283,1419,523],{"class":329},[283,1421,526],{"class":289},[283,1423,529],{"class":329},[283,1425,1426,1428,1430,1432,1434,1436,1438],{"class":285,"line":727},[283,1427,437],{"class":297},[283,1429,514],{"class":329},[283,1431,304],{"class":289},[283,1433,520],{"class":519},[283,1435,523],{"class":329},[283,1437,526],{"class":289},[283,1439,529],{"class":329},[283,1441,1442,1444,1447,1449,1451,1453,1455],{"class":285,"line":732},[283,1443,437],{"class":297},[283,1445,1446],{"class":329}," elCanvasRef ",[283,1448,304],{"class":289},[283,1450,520],{"class":519},[283,1452,523],{"class":329},[283,1454,526],{"class":289},[283,1456,529],{"class":329},[283,1458,1459],{"class":285,"line":753},[283,1460,431],{"emptyLinePlaceholder":430},[283,1462,1463,1465,1467,1469,1471,1473,1475,1477,1479],{"class":285,"line":776},[283,1464,437],{"class":297},[283,1466,326],{"class":289},[283,1468,580],{"class":329},[283,1470,333],{"class":289},[283,1472,585],{"class":329},[283,1474,588],{"class":289},[283,1476,591],{"class":289},[283,1478,361],{"class":519},[283,1480,596],{"class":329},[283,1482,1483,1485,1487,1489,1491,1493,1495,1497,1499],{"class":285,"line":781},[283,1484,437],{"class":297},[283,1486,326],{"class":289},[283,1488,606],{"class":329},[283,1490,333],{"class":289},[283,1492,611],{"class":329},[283,1494,588],{"class":289},[283,1496,591],{"class":289},[283,1498,366],{"class":519},[283,1500,596],{"class":329},[283,1502,1503],{"class":285,"line":786},[283,1504,431],{"emptyLinePlaceholder":430},[283,1506,1507,1509,1511,1513,1515,1517,1519,1521,1523,1525,1527,1529,1531,1533,1535,1537,1539,1541,1543],{"class":285,"line":798},[283,1508,437],{"class":297},[283,1510,632],{"class":329},[283,1512,304],{"class":289},[283,1514,637],{"class":519},[283,1516,523],{"class":329},[283,1518,642],{"class":289},[283,1520,645],{"class":297},[283,1522,648],{"class":329},[283,1524,269],{"class":289},[283,1526,653],{"class":329},[283,1528,656],{"class":289},[283,1530,606],{"class":329},[283,1532,269],{"class":289},[283,1534,663],{"class":329},[283,1536,666],{"class":289},[283,1538,669],{"class":493},[283,1540,672],{"class":289},[283,1542,675],{"class":493},[283,1544,529],{"class":329},[283,1546,1547,1549,1551,1553,1555,1557,1559,1561,1563,1565,1567,1569,1571,1573,1575,1577,1579,1581,1583,1585],{"class":285,"line":829},[283,1548,437],{"class":297},[283,1550,685],{"class":329},[283,1552,304],{"class":289},[283,1554,637],{"class":519},[283,1556,523],{"class":329},[283,1558,642],{"class":289},[283,1560,645],{"class":297},[283,1562,672],{"class":289},[283,1564,700],{"class":329},[283,1566,269],{"class":289},[283,1568,653],{"class":329},[283,1570,656],{"class":289},[283,1572,709],{"class":329},[283,1574,269],{"class":289},[283,1576,663],{"class":329},[283,1578,666],{"class":289},[283,1580,669],{"class":493},[283,1582,720],{"class":289},[283,1584,675],{"class":493},[283,1586,529],{"class":329},[283,1588,1589],{"class":285,"line":834},[283,1590,431],{"emptyLinePlaceholder":430},[283,1592,1593,1596,1599,1601,1603],{"class":285,"line":842},[283,1594,1595],{"class":297},"async",[283,1597,1598],{"class":297}," function",[283,1600,738],{"class":519},[283,1602,642],{"class":289},[283,1604,445],{"class":289},[283,1606,1607,1609,1611,1613,1616,1618,1620,1623,1626,1629,1631,1633,1635,1637,1639],{"class":285,"line":847},[283,1608,801],{"class":322},[283,1610,804],{"class":293},[283,1612,807],{"class":289},[283,1614,1615],{"class":329},"elCanvasRef",[283,1617,269],{"class":289},[283,1619,761],{"class":329},[283,1621,1622],{"class":289}," ||",[283,1624,1625],{"class":289}," !",[283,1627,1628],{"class":329},"depthPickingPassRef",[283,1630,269],{"class":289},[283,1632,761],{"class":329},[283,1634,817],{"class":293},[283,1636,820],{"class":289},[283,1638,823],{"class":322},[283,1640,826],{"class":289},[283,1642,1643],{"class":285,"line":869},[283,1644,431],{"emptyLinePlaceholder":430},[283,1646,1647,1650,1653,1655,1658,1660,1662,1665,1667,1669,1671,1674,1676,1678,1680,1682],{"class":285,"line":874},[283,1648,1649],{"class":297},"  const",[283,1651,1652],{"class":329}," ndcPosition",[283,1654,591],{"class":289},[283,1656,1657],{"class":289}," new",[283,1659,392],{"class":519},[283,1661,523],{"class":293},[283,1663,1664],{"class":329},"cursorX",[283,1666,269],{"class":289},[283,1668,761],{"class":329},[283,1670,333],{"class":289},[283,1672,1673],{"class":329}," cursorY",[283,1675,269],{"class":289},[283,1677,761],{"class":329},[283,1679,333],{"class":289},[283,1681,558],{"class":493},[283,1683,529],{"class":293},[283,1685,1686],{"class":285,"line":884},[283,1687,431],{"emptyLinePlaceholder":430},[283,1689,1690,1693,1695,1698,1700,1703,1706,1708,1710,1712,1715,1717,1720,1722,1725],{"class":285,"line":889},[283,1691,1692],{"class":329},"  ndcPosition",[283,1694,269],{"class":289},[283,1696,1697],{"class":329},"z",[283,1699,591],{"class":289},[283,1701,1702],{"class":322}," await",[283,1704,1705],{"class":329}," depthPickingPassRef",[283,1707,269],{"class":289},[283,1709,761],{"class":329},[283,1711,269],{"class":289},[283,1713,1714],{"class":329},"pass",[283,1716,269],{"class":289},[283,1718,1719],{"class":519},"readDepth",[283,1721,523],{"class":293},[283,1723,1724],{"class":329},"ndcPosition",[283,1726,529],{"class":293},[283,1728,1729,1731,1733,1735,1737,1739,1741,1743,1746,1748,1750],{"class":285,"line":899},[283,1730,1692],{"class":329},[283,1732,269],{"class":289},[283,1734,1697],{"class":329},[283,1736,591],{"class":289},[283,1738,1652],{"class":329},[283,1740,269],{"class":289},[283,1742,1697],{"class":329},[283,1744,1745],{"class":289}," *",[283,1747,669],{"class":493},[283,1749,672],{"class":289},[283,1751,1752],{"class":493}," 1.0\n",[283,1754,1755],{"class":285,"line":922},[283,1756,431],{"emptyLinePlaceholder":430},[283,1758,1759,1761,1763,1765,1767,1769,1771,1773,1775,1778,1780,1782,1784,1786,1788,1791,1793,1796,1798,1800],{"class":285,"line":963},[283,1760,756],{"class":329},[283,1762,269],{"class":289},[283,1764,761],{"class":329},[283,1766,269],{"class":289},[283,1768,766],{"class":519},[283,1770,523],{"class":293},[283,1772,1724],{"class":329},[283,1774,269],{"class":289},[283,1776,1777],{"class":519},"unproject",[283,1779,523],{"class":293},[283,1781,1615],{"class":329},[283,1783,269],{"class":289},[283,1785,761],{"class":329},[283,1787,269],{"class":289},[283,1789,1790],{"class":329},"context",[283,1792,269],{"class":289},[283,1794,1795],{"class":329},"camera",[283,1797,269],{"class":289},[283,1799,761],{"class":329},[283,1801,565],{"class":293},[283,1803,1804],{"class":285,"line":968},[283,1805,465],{"class":289},[283,1807,1808],{"class":285,"line":992},[283,1809,431],{"emptyLinePlaceholder":430},[283,1811,1812,1814,1816,1818],{"class":285,"line":1003},[283,1813,735],{"class":297},[283,1815,791],{"class":519},[283,1817,642],{"class":289},[283,1819,445],{"class":289},[283,1821,1822,1824,1826,1828,1830,1832,1834,1836,1838,1840],{"class":285,"line":1025},[283,1823,801],{"class":322},[283,1825,804],{"class":293},[283,1827,807],{"class":289},[283,1829,810],{"class":329},[283,1831,269],{"class":289},[283,1833,761],{"class":329},[283,1835,817],{"class":293},[283,1837,820],{"class":289},[283,1839,823],{"class":322},[283,1841,826],{"class":289},[283,1843,1844],{"class":285,"line":1035},[283,1845,431],{"emptyLinePlaceholder":430},[283,1847,1848,1850],{"class":285,"line":1040},[283,1849,837],{"class":519},[283,1851,596],{"class":293},[283,1853,1854],{"class":285,"line":1050},[283,1855,431],{"emptyLinePlaceholder":430},[283,1857,1858,1860,1862,1864,1866,1868,1870,1872],{"class":285,"line":1060},[283,1859,850],{"class":329},[283,1861,269],{"class":289},[283,1863,761],{"class":329},[283,1865,269],{"class":289},[283,1867,859],{"class":329},[283,1869,269],{"class":289},[283,1871,864],{"class":519},[283,1873,596],{"class":293},[283,1875,1876],{"class":285,"line":1069},[283,1877,465],{"class":289},[283,1879,1880,1882,1884],{"class":285,"line":1084},[283,1881,877],{"class":289},[283,1883,294],{"class":293},[283,1885,316],{"class":289},[283,1887,1888],{"class":285,"line":1101},[283,1889,431],{"emptyLinePlaceholder":430},[283,1891,1892,1894,1896],{"class":285,"line":1116},[283,1893,290],{"class":289},[283,1895,894],{"class":293},[283,1897,316],{"class":289},[283,1899,1900,1902],{"class":285,"line":1122},[283,1901,902],{"class":289},[283,1903,1904],{"class":293},"TresCanvas\n",[283,1906,1907,1910,1912,1914,1916],{"class":285,"line":1132},[283,1908,1909],{"class":297},"    v-bind",[283,1911,304],{"class":289},[283,1913,307],{"class":289},[283,1915,915],{"class":329},[283,1917,1081],{"class":289},[283,1919,1920,1923,1925,1927,1929],{"class":285,"line":1141},[283,1921,1922],{"class":297},"    ref",[283,1924,304],{"class":289},[283,1926,307],{"class":289},[283,1928,1615],{"class":310},[283,1930,1081],{"class":289},[283,1932,1933],{"class":285,"line":1151},[283,1934,1935],{"class":289},"  >\n",[283,1937,1939,1941,1943,1945,1947,1949,1951,1953,1955,1957,1959,1961,1963,1965,1967],{"class":285,"line":1938},57,[283,1940,925],{"class":289},[283,1942,928],{"class":293},[283,1944,931],{"class":289},[283,1946,934],{"class":297},[283,1948,304],{"class":289},[283,1950,307],{"class":289},[283,1952,941],{"class":289},[283,1954,944],{"class":493},[283,1956,259],{"class":289},[283,1958,944],{"class":493},[283,1960,259],{"class":289},[283,1962,944],{"class":493},[283,1964,955],{"class":289},[283,1966,307],{"class":289},[283,1968,960],{"class":289},[283,1970,1972],{"class":285,"line":1971},58,[283,1973,431],{"emptyLinePlaceholder":430},[283,1975,1977,1979,1981,1983,1985,1987,1989,1991,1993],{"class":285,"line":1976},59,[283,1978,925],{"class":289},[283,1980,973],{"class":293},[283,1982,976],{"class":289},[283,1984,258],{"class":297},[283,1986,304],{"class":289},[283,1988,307],{"class":289},[283,1990,985],{"class":329},[283,1992,307],{"class":289},[283,1994,316],{"class":289},[283,1996,1998,2000,2002],{"class":285,"line":1997},60,[283,1999,995],{"class":289},[283,2001,998],{"class":293},[283,2003,960],{"class":289},[283,2005,2007,2009,2011,2013,2015,2017,2019,2021],{"class":285,"line":2006},61,[283,2008,995],{"class":289},[283,2010,1008],{"class":293},[283,2012,1011],{"class":297},[283,2014,304],{"class":289},[283,2016,307],{"class":289},[283,2018,1018],{"class":310},[283,2020,307],{"class":289},[283,2022,960],{"class":289},[283,2024,2026,2028,2030],{"class":285,"line":2025},62,[283,2027,1028],{"class":289},[283,2029,973],{"class":293},[283,2031,316],{"class":289},[283,2033,2035],{"class":285,"line":2034},63,[283,2036,431],{"emptyLinePlaceholder":430},[283,2038,2040,2042,2044],{"class":285,"line":2039},64,[283,2041,925],{"class":289},[283,2043,1045],{"class":293},[283,2045,316],{"class":289},[283,2047,2049,2051,2053],{"class":285,"line":2048},65,[283,2050,995],{"class":289},[283,2052,1055],{"class":293},[283,2054,316],{"class":289},[283,2056,2058,2060,2062,2064,2066,2068,2070,2072],{"class":285,"line":2057},66,[283,2059,1063],{"class":289},[283,2061,1165],{"class":293},[283,2063,520],{"class":297},[283,2065,304],{"class":289},[283,2067,307],{"class":289},[283,2069,1628],{"class":310},[283,2071,307],{"class":289},[283,2073,960],{"class":289},[283,2075,2077,2079],{"class":285,"line":2076},67,[283,2078,1063],{"class":289},[283,2080,1066],{"class":293},[283,2082,2084,2086,2088,2090,2092],{"class":285,"line":2083},68,[283,2085,1072],{"class":297},[283,2087,304],{"class":289},[283,2089,307],{"class":289},[283,2091,810],{"class":310},[283,2093,1081],{"class":289},[283,2095,2097,2099,2101,2103,2105,2107],{"class":285,"line":2096},69,[283,2098,1087],{"class":289},[283,2100,934],{"class":297},[283,2102,304],{"class":289},[283,2104,307],{"class":289},[283,2106,1096],{"class":329},[283,2108,1081],{"class":289},[283,2110,2112,2114,2116,2118,2120],{"class":285,"line":2111},70,[283,2113,1104],{"class":297},[283,2115,304],{"class":289},[283,2117,307],{"class":289},[283,2119,1111],{"class":329},[283,2121,1081],{"class":289},[283,2123,2125],{"class":285,"line":2124},71,[283,2126,1119],{"class":289},[283,2128,2130,2132,2134],{"class":285,"line":2129},72,[283,2131,1125],{"class":289},[283,2133,1055],{"class":293},[283,2135,316],{"class":289},[283,2137,2139,2141,2143],{"class":285,"line":2138},73,[283,2140,1028],{"class":289},[283,2142,1045],{"class":293},[283,2144,316],{"class":289},[283,2146,2148,2150,2152],{"class":285,"line":2147},74,[283,2149,1144],{"class":289},[283,2151,905],{"class":293},[283,2153,316],{"class":289},[283,2155,2157,2159,2161],{"class":285,"line":2156},75,[283,2158,877],{"class":289},[283,2160,894],{"class":293},[283,2162,316],{"class":289},[193,2164,2165,2166,269],{},"For more details about DepthPickingPass, see the ",[202,2167,268],{"href":2168,"rel":2169},"https://pmndrs.github.io/postprocessing/public/docs/class/src/passes/DepthPickingPass.js~DepthPickingPass.html",[206],[212,2171,2173],{"id":2172},"props","Props",[2175,2176,2177,2193],"table",{},[2178,2179,2180],"thead",{},[2181,2182,2183,2187,2190],"tr",{},[2184,2185,2186],"th",{},"Prop",[2184,2188,2189],{},"Description",[2184,2191,2192],{},"Default",[2194,2195,2196,2211,2226,2241,2256],"tbody",{},[2181,2197,2198,2203,2206],{},[2199,2200,2201],"td",{},[197,2202,934],{},[2199,2204,2205],{},"The position of the shockwave.",[2199,2207,2208],{},[197,2209,2210],{},"Vector3(0, 0, 0)",[2181,2212,2213,2218,2221],{},[2199,2214,2215],{},[197,2216,2217],{},"amplitude",[2199,2219,2220],{},"The amplitude of the shockwave.",[2199,2222,2223],{},[197,2224,2225],{},"0.05",[2181,2227,2228,2233,2236],{},[2199,2229,2230],{},[197,2231,2232],{},"waveSize",[2199,2234,2235],{},"The wave size of the shockwave.",[2199,2237,2238],{},[197,2239,2240],{},"0.2",[2181,2242,2243,2248,2251],{},[2199,2244,2245],{},[197,2246,2247],{},"speed",[2199,2249,2250],{},"The speed of the shockwave.",[2199,2252,2253],{},[197,2254,2255],{},"2.0",[2181,2257,2258,2263,2266],{},[2199,2259,2260],{},[197,2261,2262],{},"maxRadius",[2199,2264,2265],{},"The max radius of the shockwave.",[2199,2267,2268],{},[197,2269,2270],{},"1.0",[212,2272,2274],{"id":2273},"further-reading","Further Reading",[193,2276,2277,2278,269],{},"For more details, see the ",[202,2279,2281],{"href":204,"rel":2280},[206],"ShockWaveEffect documentation",[2283,2284,2285],"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 .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);}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}",{"title":279,"searchDepth":286,"depth":319,"links":2287},[2288,2292,2293],{"id":214,"depth":319,"text":215,"children":2289},[2290,2291],{"id":249,"depth":354,"text":225},{"id":1160,"depth":354,"text":230},{"id":2172,"depth":319,"text":2173},{"id":2273,"depth":319,"text":2274},"Simulate a shockwave effect originating from a center point, creating a ripple-like distortion in the scene.","md",null,{},{"title":121,"description":2294},"bQ1vJyUEHLTT-cKwvmPUBgyWlMHNeh8ngHvdyFfm6Rg",[2301,2303],{"title":117,"path":118,"stem":119,"description":2302,"children":-1},"Apply a sepia tone to the scene, giving it a warm, antique appearance.",{"title":125,"path":126,"stem":127,"description":2304,"children":-1},"Subpixel Morphological Antialiasing — a post-processing antialiasing technique using look-up tables for accurate edge detection.",1779713682706]