[{"data":1,"prerenderedAt":2267},["ShallowReactive",2],{"navigation":3,"/api/pmndrs/shock-wave":181,"/api/pmndrs/shock-wave-surround":2262},[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":2256,"extension":2257,"links":2258,"meta":2259,"navigation":430,"path":122,"seo":2260,"stem":123,"__hash__":2261},"docs/2.api/1.pmndrs/shock-wave.md",{"type":184,"value":185,"toc":2248},"minimark",[186,192,211,216,232,246,250,253,270,273,1137,1140,1146,1152,2124,2131,2135,2233,2237,2244],[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,944,949,971,982,1004,1014,1019,1029,1039,1048,1063,1078,1093,1099,1109,1118,1128],{"__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":310},"gl",[283,917,307],{"class":289},[283,919,316],{"class":289},[283,921,923,926,929,932,934,936,939,941],{"class":285,"line":922},39,[283,924,925],{"class":289},"    \u003C",[283,927,928],{"class":293},"TresPerspectiveCamera",[283,930,931],{"class":297}," :position",[283,933,304],{"class":289},[283,935,307],{"class":289},[283,937,938],{"class":310},"[5, 5, 5]",[283,940,307],{"class":289},[283,942,943],{"class":289}," />\n",[283,945,947],{"class":285,"line":946},40,[283,948,431],{"emptyLinePlaceholder":430},[283,950,952,954,957,960,962,964,967,969],{"class":285,"line":951},41,[283,953,925],{"class":289},[283,955,956],{"class":293},"TresMesh",[283,958,959],{"class":297}," @click",[283,961,304],{"class":289},[283,963,307],{"class":289},[283,965,966],{"class":310},"triggerShockWave",[283,968,307],{"class":289},[283,970,316],{"class":289},[283,972,974,977,980],{"class":285,"line":973},42,[283,975,976],{"class":289},"      \u003C",[283,978,979],{"class":293},"TresBoxGeometry",[283,981,943],{"class":289},[283,983,985,987,990,993,995,997,1000,1002],{"class":285,"line":984},43,[283,986,976],{"class":289},[283,988,989],{"class":293},"TresMeshStandardMaterial",[283,991,992],{"class":297}," color",[283,994,304],{"class":289},[283,996,307],{"class":289},[283,998,999],{"class":310},"#1C1C1E",[283,1001,307],{"class":289},[283,1003,943],{"class":289},[283,1005,1007,1010,1012],{"class":285,"line":1006},44,[283,1008,1009],{"class":289},"    \u003C/",[283,1011,956],{"class":293},[283,1013,316],{"class":289},[283,1015,1017],{"class":285,"line":1016},45,[283,1018,431],{"emptyLinePlaceholder":430},[283,1020,1022,1024,1027],{"class":285,"line":1021},46,[283,1023,925],{"class":289},[283,1025,1026],{"class":293},"Suspense",[283,1028,316],{"class":289},[283,1030,1032,1034,1037],{"class":285,"line":1031},47,[283,1033,976],{"class":289},[283,1035,1036],{"class":293},"EffectComposerPmndrs",[283,1038,316],{"class":289},[283,1040,1042,1045],{"class":285,"line":1041},48,[283,1043,1044],{"class":289},"        \u003C",[283,1046,1047],{"class":293},"ShockWavePmndrs\n",[283,1049,1051,1054,1056,1058,1060],{"class":285,"line":1050},49,[283,1052,1053],{"class":297},"          ref",[283,1055,304],{"class":289},[283,1057,307],{"class":289},[283,1059,810],{"class":310},[283,1061,1062],{"class":289},"\"\n",[283,1064,1066,1069,1071,1073,1076],{"class":285,"line":1065},50,[283,1067,1068],{"class":297},"          :position",[283,1070,304],{"class":289},[283,1072,307],{"class":289},[283,1074,1075],{"class":310},"mousePosition",[283,1077,1062],{"class":289},[283,1079,1081,1084,1086,1088,1091],{"class":285,"line":1080},51,[283,1082,1083],{"class":297},"          v-bind",[283,1085,304],{"class":289},[283,1087,307],{"class":289},[283,1089,1090],{"class":310},"effectProps",[283,1092,1062],{"class":289},[283,1094,1096],{"class":285,"line":1095},52,[283,1097,1098],{"class":289},"        />\n",[283,1100,1102,1105,1107],{"class":285,"line":1101},53,[283,1103,1104],{"class":289},"      \u003C/",[283,1106,1036],{"class":293},[283,1108,316],{"class":289},[283,1110,1112,1114,1116],{"class":285,"line":1111},54,[283,1113,1009],{"class":289},[283,1115,1026],{"class":293},[283,1117,316],{"class":289},[283,1119,1121,1124,1126],{"class":285,"line":1120},55,[283,1122,1123],{"class":289},"  \u003C/",[283,1125,905],{"class":293},[283,1127,316],{"class":289},[283,1129,1131,1133,1135],{"class":285,"line":1130},56,[283,1132,877],{"class":289},[283,1134,894],{"class":293},[283,1136,316],{"class":289},[247,1138,230],{"id":1139},"depthpickingpass",[193,1141,195,1142,1145],{},[197,1143,1144],{},"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,1147,1148,1149,1151],{},"In the example above, ",[197,1150,1144],{}," determines the depth of the point where the shockwave effect should originate, allowing accurate interaction with 3D objects.",[274,1153,1155],{"className":276,"code":1154,"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,1156,1157,1177,1204,1226,1248,1266,1270,1276,1281,1286,1291,1296,1300,1310,1320,1324,1328,1338,1348,1352,1356,1386,1403,1419,1436,1440,1460,1480,1484,1524,1566,1570,1584,1620,1624,1663,1667,1706,1732,1736,1781,1785,1789,1799,1821,1825,1831,1835,1853,1857,1865,1869,1877,1884,1897,1910,1915,1934,1939,1958,1967,1986,1995,2000,2009,2018,2037,2044,2057,2070,2083,2088,2097,2106,2115],{"__ignoreMap":279},[283,1158,1159,1161,1163,1165,1167,1169,1171,1173,1175],{"class":285,"line":286},[283,1160,290],{"class":289},[283,1162,294],{"class":293},[283,1164,298],{"class":297},[283,1166,301],{"class":297},[283,1168,304],{"class":289},[283,1170,307],{"class":289},[283,1172,311],{"class":310},[283,1174,307],{"class":289},[283,1176,316],{"class":289},[283,1178,1179,1181,1183,1186,1188,1190,1192,1194,1196,1198,1200,1202],{"class":285,"line":319},[283,1180,323],{"class":322},[283,1182,326],{"class":289},[283,1184,1185],{"class":329}," DepthPickingPassPmndrs",[283,1187,333],{"class":289},[283,1189,330],{"class":329},[283,1191,333],{"class":289},[283,1193,336],{"class":329},[283,1195,339],{"class":289},[283,1197,342],{"class":322},[283,1199,345],{"class":289},[283,1201,348],{"class":310},[283,1203,351],{"class":289},[283,1205,1206,1208,1210,1212,1214,1216,1218,1220,1222,1224],{"class":285,"line":354},[283,1207,323],{"class":322},[283,1209,326],{"class":289},[283,1211,361],{"class":329},[283,1213,333],{"class":289},[283,1215,366],{"class":329},[283,1217,339],{"class":289},[283,1219,342],{"class":322},[283,1221,345],{"class":289},[283,1223,375],{"class":310},[283,1225,351],{"class":289},[283,1227,1228,1230,1232,1234,1236,1238,1240,1242,1244,1246],{"class":285,"line":380},[283,1229,323],{"class":322},[283,1231,326],{"class":289},[283,1233,387],{"class":329},[283,1235,333],{"class":289},[283,1237,392],{"class":329},[283,1239,339],{"class":289},[283,1241,342],{"class":322},[283,1243,345],{"class":289},[283,1245,401],{"class":310},[283,1247,351],{"class":289},[283,1249,1250,1252,1254,1256,1258,1260,1262,1264],{"class":285,"line":406},[283,1251,323],{"class":322},[283,1253,326],{"class":289},[283,1255,413],{"class":329},[283,1257,339],{"class":289},[283,1259,342],{"class":322},[283,1261,345],{"class":289},[283,1263,422],{"class":310},[283,1265,351],{"class":289},[283,1267,1268],{"class":285,"line":427},[283,1269,431],{"emptyLinePlaceholder":430},[283,1271,1272],{"class":285,"line":434},[283,1273,1275],{"class":1274},"sHwdD","/**\n",[283,1277,1278],{"class":285,"line":448},[283,1279,1280],{"class":1274}," * The camera value is retrieved via a ref here (elCanvasRef) because using\n",[283,1282,1283],{"class":285,"line":462},[283,1284,1285],{"class":1274}," * https://docs.tresjs.org/api/composables.html#usetrescontext\n",[283,1287,1288],{"class":285,"line":468},[283,1289,1290],{"class":1274}," * is not possible at the same level as \u003CTresCanvas>.\n",[283,1292,1293],{"class":285,"line":473},[283,1294,1295],{"class":1274}," */\n",[283,1297,1298],{"class":285,"line":485},[283,1299,431],{"emptyLinePlaceholder":430},[283,1301,1302,1304,1306,1308],{"class":285,"line":499},[283,1303,437],{"class":297},[283,1305,440],{"class":329},[283,1307,304],{"class":289},[283,1309,445],{"class":289},[283,1311,1312,1314,1316,1318],{"class":285,"line":504},[283,1313,451],{"class":293},[283,1315,454],{"class":289},[283,1317,387],{"class":329},[283,1319,459],{"class":289},[283,1321,1322],{"class":285,"line":509},[283,1323,465],{"class":289},[283,1325,1326],{"class":285,"line":532},[283,1327,431],{"emptyLinePlaceholder":430},[283,1329,1330,1332,1334,1336],{"class":285,"line":568},[283,1331,437],{"class":297},[283,1333,478],{"class":329},[283,1335,304],{"class":289},[283,1337,445],{"class":289},[283,1339,1340,1342,1344,1346],{"class":285,"line":573},[283,1341,488],{"class":293},[283,1343,454],{"class":289},[283,1345,494],{"class":493},[283,1347,459],{"class":289},[283,1349,1350],{"class":285,"line":599},[283,1351,465],{"class":289},[283,1353,1354],{"class":285,"line":622},[283,1355,431],{"emptyLinePlaceholder":430},[283,1357,1358,1360,1362,1364,1366,1368,1370,1372,1374,1376,1378,1380,1382,1384],{"class":285,"line":627},[283,1359,437],{"class":297},[283,1361,537],{"class":329},[283,1363,304],{"class":289},[283,1365,520],{"class":519},[283,1367,523],{"class":329},[283,1369,546],{"class":289},[283,1371,392],{"class":519},[283,1373,523],{"class":329},[283,1375,553],{"class":493},[283,1377,333],{"class":289},[283,1379,558],{"class":493},[283,1381,333],{"class":289},[283,1383,558],{"class":493},[283,1385,565],{"class":329},[283,1387,1388,1390,1393,1395,1397,1399,1401],{"class":285,"line":680},[283,1389,437],{"class":297},[283,1391,1392],{"class":329}," depthPickingPassRef ",[283,1394,304],{"class":289},[283,1396,520],{"class":519},[283,1398,523],{"class":329},[283,1400,526],{"class":289},[283,1402,529],{"class":329},[283,1404,1405,1407,1409,1411,1413,1415,1417],{"class":285,"line":727},[283,1406,437],{"class":297},[283,1408,514],{"class":329},[283,1410,304],{"class":289},[283,1412,520],{"class":519},[283,1414,523],{"class":329},[283,1416,526],{"class":289},[283,1418,529],{"class":329},[283,1420,1421,1423,1426,1428,1430,1432,1434],{"class":285,"line":732},[283,1422,437],{"class":297},[283,1424,1425],{"class":329}," elCanvasRef ",[283,1427,304],{"class":289},[283,1429,520],{"class":519},[283,1431,523],{"class":329},[283,1433,526],{"class":289},[283,1435,529],{"class":329},[283,1437,1438],{"class":285,"line":753},[283,1439,431],{"emptyLinePlaceholder":430},[283,1441,1442,1444,1446,1448,1450,1452,1454,1456,1458],{"class":285,"line":776},[283,1443,437],{"class":297},[283,1445,326],{"class":289},[283,1447,580],{"class":329},[283,1449,333],{"class":289},[283,1451,585],{"class":329},[283,1453,588],{"class":289},[283,1455,591],{"class":289},[283,1457,361],{"class":519},[283,1459,596],{"class":329},[283,1461,1462,1464,1466,1468,1470,1472,1474,1476,1478],{"class":285,"line":781},[283,1463,437],{"class":297},[283,1465,326],{"class":289},[283,1467,606],{"class":329},[283,1469,333],{"class":289},[283,1471,611],{"class":329},[283,1473,588],{"class":289},[283,1475,591],{"class":289},[283,1477,366],{"class":519},[283,1479,596],{"class":329},[283,1481,1482],{"class":285,"line":786},[283,1483,431],{"emptyLinePlaceholder":430},[283,1485,1486,1488,1490,1492,1494,1496,1498,1500,1502,1504,1506,1508,1510,1512,1514,1516,1518,1520,1522],{"class":285,"line":798},[283,1487,437],{"class":297},[283,1489,632],{"class":329},[283,1491,304],{"class":289},[283,1493,637],{"class":519},[283,1495,523],{"class":329},[283,1497,642],{"class":289},[283,1499,645],{"class":297},[283,1501,648],{"class":329},[283,1503,269],{"class":289},[283,1505,653],{"class":329},[283,1507,656],{"class":289},[283,1509,606],{"class":329},[283,1511,269],{"class":289},[283,1513,663],{"class":329},[283,1515,666],{"class":289},[283,1517,669],{"class":493},[283,1519,672],{"class":289},[283,1521,675],{"class":493},[283,1523,529],{"class":329},[283,1525,1526,1528,1530,1532,1534,1536,1538,1540,1542,1544,1546,1548,1550,1552,1554,1556,1558,1560,1562,1564],{"class":285,"line":829},[283,1527,437],{"class":297},[283,1529,685],{"class":329},[283,1531,304],{"class":289},[283,1533,637],{"class":519},[283,1535,523],{"class":329},[283,1537,642],{"class":289},[283,1539,645],{"class":297},[283,1541,672],{"class":289},[283,1543,700],{"class":329},[283,1545,269],{"class":289},[283,1547,653],{"class":329},[283,1549,656],{"class":289},[283,1551,709],{"class":329},[283,1553,269],{"class":289},[283,1555,663],{"class":329},[283,1557,666],{"class":289},[283,1559,669],{"class":493},[283,1561,720],{"class":289},[283,1563,675],{"class":493},[283,1565,529],{"class":329},[283,1567,1568],{"class":285,"line":834},[283,1569,431],{"emptyLinePlaceholder":430},[283,1571,1572,1575,1578,1580,1582],{"class":285,"line":842},[283,1573,1574],{"class":297},"async",[283,1576,1577],{"class":297}," function",[283,1579,738],{"class":519},[283,1581,642],{"class":289},[283,1583,445],{"class":289},[283,1585,1586,1588,1590,1592,1595,1597,1599,1602,1605,1608,1610,1612,1614,1616,1618],{"class":285,"line":847},[283,1587,801],{"class":322},[283,1589,804],{"class":293},[283,1591,807],{"class":289},[283,1593,1594],{"class":329},"elCanvasRef",[283,1596,269],{"class":289},[283,1598,761],{"class":329},[283,1600,1601],{"class":289}," ||",[283,1603,1604],{"class":289}," !",[283,1606,1607],{"class":329},"depthPickingPassRef",[283,1609,269],{"class":289},[283,1611,761],{"class":329},[283,1613,817],{"class":293},[283,1615,820],{"class":289},[283,1617,823],{"class":322},[283,1619,826],{"class":289},[283,1621,1622],{"class":285,"line":869},[283,1623,431],{"emptyLinePlaceholder":430},[283,1625,1626,1629,1632,1634,1637,1639,1641,1644,1646,1648,1650,1653,1655,1657,1659,1661],{"class":285,"line":874},[283,1627,1628],{"class":297},"  const",[283,1630,1631],{"class":329}," ndcPosition",[283,1633,591],{"class":289},[283,1635,1636],{"class":289}," new",[283,1638,392],{"class":519},[283,1640,523],{"class":293},[283,1642,1643],{"class":329},"cursorX",[283,1645,269],{"class":289},[283,1647,761],{"class":329},[283,1649,333],{"class":289},[283,1651,1652],{"class":329}," cursorY",[283,1654,269],{"class":289},[283,1656,761],{"class":329},[283,1658,333],{"class":289},[283,1660,558],{"class":493},[283,1662,529],{"class":293},[283,1664,1665],{"class":285,"line":884},[283,1666,431],{"emptyLinePlaceholder":430},[283,1668,1669,1672,1674,1677,1679,1682,1685,1687,1689,1691,1694,1696,1699,1701,1704],{"class":285,"line":889},[283,1670,1671],{"class":329},"  ndcPosition",[283,1673,269],{"class":289},[283,1675,1676],{"class":329},"z",[283,1678,591],{"class":289},[283,1680,1681],{"class":322}," await",[283,1683,1684],{"class":329}," depthPickingPassRef",[283,1686,269],{"class":289},[283,1688,761],{"class":329},[283,1690,269],{"class":289},[283,1692,1693],{"class":329},"pass",[283,1695,269],{"class":289},[283,1697,1698],{"class":519},"readDepth",[283,1700,523],{"class":293},[283,1702,1703],{"class":329},"ndcPosition",[283,1705,529],{"class":293},[283,1707,1708,1710,1712,1714,1716,1718,1720,1722,1725,1727,1729],{"class":285,"line":899},[283,1709,1671],{"class":329},[283,1711,269],{"class":289},[283,1713,1676],{"class":329},[283,1715,591],{"class":289},[283,1717,1631],{"class":329},[283,1719,269],{"class":289},[283,1721,1676],{"class":329},[283,1723,1724],{"class":289}," *",[283,1726,669],{"class":493},[283,1728,672],{"class":289},[283,1730,1731],{"class":493}," 1.0\n",[283,1733,1734],{"class":285,"line":922},[283,1735,431],{"emptyLinePlaceholder":430},[283,1737,1738,1740,1742,1744,1746,1748,1750,1752,1754,1757,1759,1761,1763,1765,1767,1770,1772,1775,1777,1779],{"class":285,"line":946},[283,1739,756],{"class":329},[283,1741,269],{"class":289},[283,1743,761],{"class":329},[283,1745,269],{"class":289},[283,1747,766],{"class":519},[283,1749,523],{"class":293},[283,1751,1703],{"class":329},[283,1753,269],{"class":289},[283,1755,1756],{"class":519},"unproject",[283,1758,523],{"class":293},[283,1760,1594],{"class":329},[283,1762,269],{"class":289},[283,1764,761],{"class":329},[283,1766,269],{"class":289},[283,1768,1769],{"class":329},"context",[283,1771,269],{"class":289},[283,1773,1774],{"class":329},"camera",[283,1776,269],{"class":289},[283,1778,761],{"class":329},[283,1780,565],{"class":293},[283,1782,1783],{"class":285,"line":951},[283,1784,465],{"class":289},[283,1786,1787],{"class":285,"line":973},[283,1788,431],{"emptyLinePlaceholder":430},[283,1790,1791,1793,1795,1797],{"class":285,"line":984},[283,1792,735],{"class":297},[283,1794,791],{"class":519},[283,1796,642],{"class":289},[283,1798,445],{"class":289},[283,1800,1801,1803,1805,1807,1809,1811,1813,1815,1817,1819],{"class":285,"line":1006},[283,1802,801],{"class":322},[283,1804,804],{"class":293},[283,1806,807],{"class":289},[283,1808,810],{"class":329},[283,1810,269],{"class":289},[283,1812,761],{"class":329},[283,1814,817],{"class":293},[283,1816,820],{"class":289},[283,1818,823],{"class":322},[283,1820,826],{"class":289},[283,1822,1823],{"class":285,"line":1016},[283,1824,431],{"emptyLinePlaceholder":430},[283,1826,1827,1829],{"class":285,"line":1021},[283,1828,837],{"class":519},[283,1830,596],{"class":293},[283,1832,1833],{"class":285,"line":1031},[283,1834,431],{"emptyLinePlaceholder":430},[283,1836,1837,1839,1841,1843,1845,1847,1849,1851],{"class":285,"line":1041},[283,1838,850],{"class":329},[283,1840,269],{"class":289},[283,1842,761],{"class":329},[283,1844,269],{"class":289},[283,1846,859],{"class":329},[283,1848,269],{"class":289},[283,1850,864],{"class":519},[283,1852,596],{"class":293},[283,1854,1855],{"class":285,"line":1050},[283,1856,465],{"class":289},[283,1858,1859,1861,1863],{"class":285,"line":1065},[283,1860,877],{"class":289},[283,1862,294],{"class":293},[283,1864,316],{"class":289},[283,1866,1867],{"class":285,"line":1080},[283,1868,431],{"emptyLinePlaceholder":430},[283,1870,1871,1873,1875],{"class":285,"line":1095},[283,1872,290],{"class":289},[283,1874,894],{"class":293},[283,1876,316],{"class":289},[283,1878,1879,1881],{"class":285,"line":1101},[283,1880,902],{"class":289},[283,1882,1883],{"class":293},"TresCanvas\n",[283,1885,1886,1889,1891,1893,1895],{"class":285,"line":1111},[283,1887,1888],{"class":297},"    v-bind",[283,1890,304],{"class":289},[283,1892,307],{"class":289},[283,1894,915],{"class":310},[283,1896,1062],{"class":289},[283,1898,1899,1902,1904,1906,1908],{"class":285,"line":1120},[283,1900,1901],{"class":297},"    ref",[283,1903,304],{"class":289},[283,1905,307],{"class":289},[283,1907,1594],{"class":310},[283,1909,1062],{"class":289},[283,1911,1912],{"class":285,"line":1130},[283,1913,1914],{"class":289},"  >\n",[283,1916,1918,1920,1922,1924,1926,1928,1930,1932],{"class":285,"line":1917},57,[283,1919,925],{"class":289},[283,1921,928],{"class":293},[283,1923,931],{"class":297},[283,1925,304],{"class":289},[283,1927,307],{"class":289},[283,1929,938],{"class":310},[283,1931,307],{"class":289},[283,1933,943],{"class":289},[283,1935,1937],{"class":285,"line":1936},58,[283,1938,431],{"emptyLinePlaceholder":430},[283,1940,1942,1944,1946,1948,1950,1952,1954,1956],{"class":285,"line":1941},59,[283,1943,925],{"class":289},[283,1945,956],{"class":293},[283,1947,959],{"class":297},[283,1949,304],{"class":289},[283,1951,307],{"class":289},[283,1953,966],{"class":310},[283,1955,307],{"class":289},[283,1957,316],{"class":289},[283,1959,1961,1963,1965],{"class":285,"line":1960},60,[283,1962,976],{"class":289},[283,1964,979],{"class":293},[283,1966,943],{"class":289},[283,1968,1970,1972,1974,1976,1978,1980,1982,1984],{"class":285,"line":1969},61,[283,1971,976],{"class":289},[283,1973,989],{"class":293},[283,1975,992],{"class":297},[283,1977,304],{"class":289},[283,1979,307],{"class":289},[283,1981,999],{"class":310},[283,1983,307],{"class":289},[283,1985,943],{"class":289},[283,1987,1989,1991,1993],{"class":285,"line":1988},62,[283,1990,1009],{"class":289},[283,1992,956],{"class":293},[283,1994,316],{"class":289},[283,1996,1998],{"class":285,"line":1997},63,[283,1999,431],{"emptyLinePlaceholder":430},[283,2001,2003,2005,2007],{"class":285,"line":2002},64,[283,2004,925],{"class":289},[283,2006,1026],{"class":293},[283,2008,316],{"class":289},[283,2010,2012,2014,2016],{"class":285,"line":2011},65,[283,2013,976],{"class":289},[283,2015,1036],{"class":293},[283,2017,316],{"class":289},[283,2019,2021,2023,2025,2027,2029,2031,2033,2035],{"class":285,"line":2020},66,[283,2022,1044],{"class":289},[283,2024,1144],{"class":293},[283,2026,520],{"class":297},[283,2028,304],{"class":289},[283,2030,307],{"class":289},[283,2032,1607],{"class":310},[283,2034,307],{"class":289},[283,2036,943],{"class":289},[283,2038,2040,2042],{"class":285,"line":2039},67,[283,2041,1044],{"class":289},[283,2043,1047],{"class":293},[283,2045,2047,2049,2051,2053,2055],{"class":285,"line":2046},68,[283,2048,1053],{"class":297},[283,2050,304],{"class":289},[283,2052,307],{"class":289},[283,2054,810],{"class":310},[283,2056,1062],{"class":289},[283,2058,2060,2062,2064,2066,2068],{"class":285,"line":2059},69,[283,2061,1068],{"class":297},[283,2063,304],{"class":289},[283,2065,307],{"class":289},[283,2067,1075],{"class":310},[283,2069,1062],{"class":289},[283,2071,2073,2075,2077,2079,2081],{"class":285,"line":2072},70,[283,2074,1083],{"class":297},[283,2076,304],{"class":289},[283,2078,307],{"class":289},[283,2080,1090],{"class":310},[283,2082,1062],{"class":289},[283,2084,2086],{"class":285,"line":2085},71,[283,2087,1098],{"class":289},[283,2089,2091,2093,2095],{"class":285,"line":2090},72,[283,2092,1104],{"class":289},[283,2094,1036],{"class":293},[283,2096,316],{"class":289},[283,2098,2100,2102,2104],{"class":285,"line":2099},73,[283,2101,1009],{"class":289},[283,2103,1026],{"class":293},[283,2105,316],{"class":289},[283,2107,2109,2111,2113],{"class":285,"line":2108},74,[283,2110,1123],{"class":289},[283,2112,905],{"class":293},[283,2114,316],{"class":289},[283,2116,2118,2120,2122],{"class":285,"line":2117},75,[283,2119,877],{"class":289},[283,2121,894],{"class":293},[283,2123,316],{"class":289},[193,2125,2126,2127,269],{},"For more details about DepthPickingPass, see the ",[202,2128,268],{"href":2129,"rel":2130},"https://pmndrs.github.io/postprocessing/public/docs/class/src/passes/DepthPickingPass.js~DepthPickingPass.html",[206],[212,2132,2134],{"id":2133},"props","Props",[2136,2137,2138,2154],"table",{},[2139,2140,2141],"thead",{},[2142,2143,2144,2148,2151],"tr",{},[2145,2146,2147],"th",{},"Prop",[2145,2149,2150],{},"Description",[2145,2152,2153],{},"Default",[2155,2156,2157,2173,2188,2203,2218],"tbody",{},[2142,2158,2159,2165,2168],{},[2160,2161,2162],"td",{},[197,2163,2164],{},"position",[2160,2166,2167],{},"The position of the shockwave.",[2160,2169,2170],{},[197,2171,2172],{},"Vector3(0, 0, 0)",[2142,2174,2175,2180,2183],{},[2160,2176,2177],{},[197,2178,2179],{},"amplitude",[2160,2181,2182],{},"The amplitude of the shockwave.",[2160,2184,2185],{},[197,2186,2187],{},"0.05",[2142,2189,2190,2195,2198],{},[2160,2191,2192],{},[197,2193,2194],{},"waveSize",[2160,2196,2197],{},"The wave size of the shockwave.",[2160,2199,2200],{},[197,2201,2202],{},"0.2",[2142,2204,2205,2210,2213],{},[2160,2206,2207],{},[197,2208,2209],{},"speed",[2160,2211,2212],{},"The speed of the shockwave.",[2160,2214,2215],{},[197,2216,2217],{},"2.0",[2142,2219,2220,2225,2228],{},[2160,2221,2222],{},[197,2223,2224],{},"maxRadius",[2160,2226,2227],{},"The max radius of the shockwave.",[2160,2229,2230],{},[197,2231,2232],{},"1.0",[212,2234,2236],{"id":2235},"further-reading","Further Reading",[193,2238,2239,2240,269],{},"For more details, see the ",[202,2241,2243],{"href":204,"rel":2242},[206],"ShockWaveEffect documentation",[2245,2246,2247],"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":2249},[2250,2254,2255],{"id":214,"depth":319,"text":215,"children":2251},[2252,2253],{"id":249,"depth":354,"text":225},{"id":1139,"depth":354,"text":230},{"id":2133,"depth":319,"text":2134},{"id":2235,"depth":319,"text":2236},"Simulate a shockwave effect originating from a center point, creating a ripple-like distortion in the scene.","md",null,{},{"title":121,"description":2256},"3aLhD_MJ-aW3nri9CKoo5fAM7hoYyiCguuVwFRLyZsg",[2263,2265],{"title":117,"path":118,"stem":119,"description":2264,"children":-1},"Apply a sepia tone to the scene, giving it a warm, antique appearance.",{"title":125,"path":126,"stem":127,"description":2266,"children":-1},"Subpixel Morphological Antialiasing — a post-processing antialiasing technique using look-up tables for accurate edge detection.",1782052332220]