[{"data":1,"prerenderedAt":1636},["ShallowReactive",2],{"navigation":3,"/api/staging/precipitation":466,"/api/staging/precipitation-surround":1631},[4,22],{"title":5,"path":6,"stem":7,"children":8},"Getting Started","/getting-started","1.getting-started/1.index",[9,10,14,18],{"title":5,"path":6,"stem":7},{"title":11,"path":12,"stem":13},"Installation Guide","/getting-started/installation","1.getting-started/2.installation",{"title":15,"path":16,"stem":17},"Usage","/getting-started/usage","1.getting-started/3.usage",{"title":19,"path":20,"stem":21},"Upgrade Guide","/getting-started/upgrade-guide","1.getting-started/4.upgrade-guide",{"title":23,"path":24,"stem":25,"children":26},"Api","/api","2.api",[27,30,80,110,152,186,280,306,340,390,432],{"title":28,"path":24,"stem":29},"All","2.api/index",{"title":31,"path":32,"stem":33,"children":34},"Abstractions","/api/abstractions","2.api/1.abstractions/index",[35,36,40,44,48,52,56,60,64,68,72,76],{"title":31,"path":32,"stem":33},{"title":37,"path":38,"stem":39},"Align","/api/abstractions/align","2.api/1.abstractions/align",{"title":41,"path":42,"stem":43},"Billboard","/api/abstractions/billboard","2.api/1.abstractions/billboard",{"title":45,"path":46,"stem":47},"Camera Shake","/api/abstractions/camera-shake","2.api/1.abstractions/camera-shake",{"title":49,"path":50,"stem":51},"Edges","/api/abstractions/edges","2.api/1.abstractions/edges",{"title":53,"path":54,"stem":55},"Fit","/api/abstractions/fit","2.api/1.abstractions/fit",{"title":57,"path":58,"stem":59},"Levioso (Float)","/api/abstractions/levioso","2.api/1.abstractions/levioso",{"title":61,"path":62,"stem":63},"Mask","/api/abstractions/mask","2.api/1.abstractions/mask",{"title":65,"path":66,"stem":67},"Outline","/api/abstractions/outline","2.api/1.abstractions/outline",{"title":69,"path":70,"stem":71},"Sampler","/api/abstractions/sampler","2.api/1.abstractions/sampler",{"title":73,"path":74,"stem":75},"ScreenSizer","/api/abstractions/screen-sizer","2.api/1.abstractions/screen-sizer",{"title":77,"path":78,"stem":79},"ScreenSpace","/api/abstractions/screen-space","2.api/1.abstractions/screen-space",{"title":81,"path":82,"stem":83,"children":84},"Controls","/api/controls","2.api/2.controls/index",[85,86,90,94,98,102,106],{"title":81,"path":82,"stem":83},{"title":87,"path":88,"stem":89},"Camera Controls","/api/controls/camera-controls","2.api/2.controls/camera-controls",{"title":91,"path":92,"stem":93},"Keyboard Controls","/api/controls/keyboard-controls","2.api/2.controls/keyboard-controls",{"title":95,"path":96,"stem":97},"Map Controls","/api/controls/map-controls","2.api/2.controls/map-controls",{"title":99,"path":100,"stem":101},"Orbit Controls","/api/controls/orbit-controls","2.api/2.controls/orbit-controls",{"title":103,"path":104,"stem":105},"PointerLock Controls","/api/controls/pointer-lock-controls","2.api/2.controls/pointer-lock-controls",{"title":107,"path":108,"stem":109},"Transform Controls","/api/controls/transform-controls","2.api/2.controls/transform-controls",{"title":111,"path":112,"stem":113,"children":114},"Loaders","/api/loaders","2.api/3.loaders/index",[115,116,120,124,128,132,136,140,144,148],{"title":111,"path":112,"stem":113},{"title":117,"path":118,"stem":119},"useGLTF","/api/loaders/use-gltf","2.api/3.loaders/1.use-gltf",{"title":121,"path":122,"stem":123},"GLTFModel","/api/loaders/gltf-model","2.api/3.loaders/2.gltf-model",{"title":125,"path":126,"stem":127},"useFBX","/api/loaders/use-fbx","2.api/3.loaders/3.use-fbx",{"title":129,"path":130,"stem":131},"FBXModel","/api/loaders/fbx-model","2.api/3.loaders/4.fbx-model",{"title":133,"path":134,"stem":135},"useTexture","/api/loaders/use-texture","2.api/3.loaders/5.use-texture",{"title":137,"path":138,"stem":139},"useTextures","/api/loaders/use-textures","2.api/3.loaders/6.use-textures",{"title":141,"path":142,"stem":143},"useSVG","/api/loaders/use-svg","2.api/3.loaders/7.use-svg",{"title":145,"path":146,"stem":147},"useProgress","/api/loaders/use-progress","2.api/3.loaders/use-progress",{"title":149,"path":150,"stem":151},"useVideoTexture","/api/loaders/use-video-texture","2.api/3.loaders/use-video-texture",{"title":153,"path":154,"stem":155,"children":156},"Materials","/api/materials","2.api/4.materials/index",[157,158,162,166,170,174,178,182],{"title":153,"path":154,"stem":155},{"title":159,"path":160,"stem":161},"Custom Shader Material","/api/materials/custom-shader-material","2.api/4.materials/custom-shader-material",{"title":163,"path":164,"stem":165},"Mesh Glass Material","/api/materials/glass-material","2.api/4.materials/glass-material",{"title":167,"path":168,"stem":169},"Holographic Material","/api/materials/holographic-material","2.api/4.materials/holographic-material",{"title":171,"path":172,"stem":173},"Mesh Discard Material","/api/materials/mesh-discard-material","2.api/4.materials/mesh-discard-material",{"title":175,"path":176,"stem":177},"Mesh Reflection Material","/api/materials/mesh-reflection-material","2.api/4.materials/mesh-reflection-material",{"title":179,"path":180,"stem":181},"Point Material","/api/materials/point-material","2.api/4.materials/point-material",{"title":183,"path":184,"stem":185},"Wobble Material","/api/materials/wobble-material","2.api/4.materials/wobble-material",{"title":187,"path":188,"stem":189,"children":190},"Shapes","/api/shapes","2.api/5.shapes/index",[191,192,196,200,204,208,212,216,220,224,228,232,236,240,244,248,252,256,260,264,268,272,276],{"title":187,"path":188,"stem":189},{"title":193,"path":194,"stem":195},"Box","/api/shapes/box","2.api/5.shapes/box",{"title":197,"path":198,"stem":199},"CatmullRomCurve3","/api/shapes/catmullromcurve3","2.api/5.shapes/catmullromcurve3",{"title":201,"path":202,"stem":203},"Circle","/api/shapes/circle","2.api/5.shapes/circle",{"title":205,"path":206,"stem":207},"Cone","/api/shapes/cone","2.api/5.shapes/cone",{"title":209,"path":210,"stem":211},"Cubic Bezier Line","/api/shapes/cubic-bezier-line","2.api/5.shapes/cubic-bezier-line",{"title":213,"path":214,"stem":215},"Cylinder","/api/shapes/cylinder","2.api/5.shapes/cylinder",{"title":217,"path":218,"stem":219},"Dodecahedron","/api/shapes/dodecahedron","2.api/5.shapes/dodecahedron",{"title":221,"path":222,"stem":223},"Grid","/api/shapes/grid","2.api/5.shapes/grid",{"title":225,"path":226,"stem":227},"Icosahedron","/api/shapes/icosahedron","2.api/5.shapes/icosahedron",{"title":229,"path":230,"stem":231},"Line2","/api/shapes/line2","2.api/5.shapes/line2",{"title":233,"path":234,"stem":235},"Octahedron","/api/shapes/octahedron","2.api/5.shapes/octahedron",{"title":237,"path":238,"stem":239},"Plane","/api/shapes/plane","2.api/5.shapes/plane",{"title":241,"path":242,"stem":243},"Quadratic Bezier Line","/api/shapes/quadratic-bezier-line","2.api/5.shapes/quadratic-bezier-line",{"title":245,"path":246,"stem":247},"Ring","/api/shapes/ring","2.api/5.shapes/ring",{"title":249,"path":250,"stem":251},"Rounded Box","/api/shapes/rounded-box","2.api/5.shapes/rounded-box",{"title":253,"path":254,"stem":255},"Screen Quad","/api/shapes/screen-quad","2.api/5.shapes/screen-quad",{"title":257,"path":258,"stem":259},"Sphere","/api/shapes/sphere","2.api/5.shapes/sphere",{"title":261,"path":262,"stem":263},"Superformula","/api/shapes/superformula","2.api/5.shapes/superformula",{"title":265,"path":266,"stem":267},"Tetrahedron","/api/shapes/tetrahedron","2.api/5.shapes/tetrahedron",{"title":269,"path":270,"stem":271},"Torus","/api/shapes/torus","2.api/5.shapes/torus",{"title":273,"path":274,"stem":275},"Torus Knot","/api/shapes/torus-knot","2.api/5.shapes/torus-knot",{"title":277,"path":278,"stem":279},"Tube","/api/shapes/tube","2.api/5.shapes/tube",{"title":281,"path":282,"stem":283,"children":284},"Debug/Performance","/api/debug-performance","2.api/6.debug-performance/index",[285,286,290,294,298,302],{"title":281,"path":282,"stem":283},{"title":287,"path":288,"stem":289},"Helper","/api/debug-performance/helper","2.api/6.debug-performance/helper",{"title":291,"path":292,"stem":293},"LOD","/api/debug-performance/lod","2.api/6.debug-performance/lod",{"title":295,"path":296,"stem":297},"Stats","/api/debug-performance/stats","2.api/6.debug-performance/stats",{"title":299,"path":300,"stem":301},"StatsGl","/api/debug-performance/stats-gl","2.api/6.debug-performance/stats-gl",{"title":303,"path":304,"stem":305},"useBVH","/api/debug-performance/use-bvh","2.api/6.debug-performance/use-bvh",{"title":307,"path":308,"stem":309,"children":310},"Light/Shadow","/api/light-shadow","2.api/7.light-shadow/index",[311,312,316,320,324,328,332,336],{"title":307,"path":308,"stem":309},{"title":313,"path":314,"stem":315},"Accumulative Shadows","/api/light-shadow/accumulative-shadows","2.api/7.light-shadow/accumulative-shadows",{"title":317,"path":318,"stem":319},"Bake Shadows","/api/light-shadow/bake-shadows","2.api/7.light-shadow/bake-shadows",{"title":321,"path":322,"stem":323},"Circle Shadow","/api/light-shadow/circle-shadow","2.api/7.light-shadow/circle-shadow",{"title":325,"path":326,"stem":327},"Contact Shadows","/api/light-shadow/contact-shadows","2.api/7.light-shadow/contact-shadows",{"title":329,"path":330,"stem":331},"Lensflare","/api/light-shadow/lensflare","2.api/7.light-shadow/lensflare",{"title":333,"path":334,"stem":335},"Randomized Lights","/api/light-shadow/randomized-lights","2.api/7.light-shadow/randomized-lights",{"title":337,"path":338,"stem":339},"Soft Shadows","/api/light-shadow/soft-shadows","2.api/7.light-shadow/soft-shadows",{"title":341,"path":342,"stem":343,"children":344},"Staging","/api/staging","2.api/8.staging/index",[345,346,350,354,358,362,366,370,374,378,382,386],{"title":341,"path":342,"stem":343},{"title":347,"path":348,"stem":349},"Environment","/api/staging/environment","2.api/8.staging/1.environment",{"title":351,"path":352,"stem":353},"useEnvironment","/api/staging/use-environment","2.api/8.staging/2.use-environment",{"title":355,"path":356,"stem":357},"Lightformer","/api/staging/lightformer","2.api/8.staging/3.lightformer",{"title":359,"path":360,"stem":361},"Backdrop","/api/staging/backdrop","2.api/8.staging/backdrop",{"title":363,"path":364,"stem":365},"Ocean","/api/staging/ocean","2.api/8.staging/ocean",{"title":367,"path":368,"stem":369},"Precipitation","/api/staging/precipitation","2.api/8.staging/precipitation",{"title":371,"path":372,"stem":373},"Sky","/api/staging/sky","2.api/8.staging/sky",{"title":375,"path":376,"stem":377},"Smoke","/api/staging/smoke","2.api/8.staging/smoke",{"title":379,"path":380,"stem":381},"Sparkles","/api/staging/sparkles","2.api/8.staging/sparkles",{"title":383,"path":384,"stem":385},"Stage","/api/staging/stage","2.api/8.staging/stage",{"title":387,"path":388,"stem":389},"Stars","/api/staging/stars","2.api/8.staging/stars",{"title":391,"path":392,"stem":393,"children":394},"Objects","/api/objects","2.api/9.objects/index",[395,396,400,404,408,412,416,420,424,428],{"title":391,"path":392,"stem":393},{"title":397,"path":398,"stem":399},"AnimatedSprite","/api/objects/animated-sprite","2.api/9.objects/animated-sprite",{"title":401,"path":402,"stem":403},"CubeCamera","/api/objects/cube-camera","2.api/9.objects/cube-camera",{"title":405,"path":406,"stem":407},"Fbo","/api/objects/fbo","2.api/9.objects/fbo",{"title":409,"path":410,"stem":411},"GradientTexture","/api/objects/gradient-texture","2.api/9.objects/gradient-texture",{"title":413,"path":414,"stem":415},"HTML","/api/objects/html","2.api/9.objects/html",{"title":417,"path":418,"stem":419},"Image","/api/objects/image","2.api/9.objects/image",{"title":421,"path":422,"stem":423},"MarchingCubes","/api/objects/marching-cubes","2.api/9.objects/marching-cubes",{"title":425,"path":426,"stem":427},"Reflector","/api/objects/reflector","2.api/9.objects/reflector",{"title":429,"path":430,"stem":431},"Text3D","/api/objects/text-3d","2.api/9.objects/text-3d",{"title":433,"path":434,"stem":435,"children":436},"Miscellaneous","/api/miscellaneous","2.api/miscellaneous/index",[437,438,442,446,450,454,458,462],{"title":433,"path":434,"stem":435},{"title":439,"path":440,"stem":441},"Bounds","/api/miscellaneous/bounds","2.api/miscellaneous/bounds",{"title":443,"path":444,"stem":445},"GlobalAudio","/api/miscellaneous/global-audio","2.api/miscellaneous/global-audio",{"title":447,"path":448,"stem":449},"MouseParallax","/api/miscellaneous/mouse-parallax","2.api/miscellaneous/mouse-parallax",{"title":451,"path":452,"stem":453},"PositionalAudio","/api/miscellaneous/positional-audio","2.api/miscellaneous/positional-audio",{"title":455,"path":456,"stem":457},"useAnimations","/api/miscellaneous/use-animations","2.api/miscellaneous/use-animations",{"title":459,"path":460,"stem":461},"useGLTFExporter","/api/miscellaneous/use-gltf-exporter","2.api/miscellaneous/use-gltf-exporter",{"title":463,"path":464,"stem":465},"useIntersect","/api/miscellaneous/use-intersect","2.api/miscellaneous/use-intersect",{"id":467,"title":367,"body":468,"description":1625,"extension":1626,"links":1627,"meta":1628,"navigation":608,"path":368,"seo":1629,"stem":369,"__hash__":1630},"docs/2.api/8.staging/precipitation.md",{"type":469,"value":470,"toc":1617},"minimark",[471,477,485,489,495,714,719,722,939,943,946,1153,1157,1160,1413,1416,1422,1426,1613],[472,473,474],"scene-controls-wrapper",{},[475,476],"staging-precipitation",{},[478,479,480,484],"p",{},[481,482,483],"code",{},"\u003CPrecipitation />"," is a fully flexible component that renders an infinite particle flow, It comes with several props that allow you customize it to create different effects like precipitation, snow, waterfall, beams, etc.",[486,487,15],"h2",{"id":488},"usage",[478,490,491,492,494],{},"You can use ",[481,493,483],{}," component without passing any props, this will achieve a snowy effect, like the before example.",[496,497,505],"pre",{"className":498,"code":499,"highlights":500,"language":503,"meta":504,"style":504},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { TresCanvas } from '@tresjs/core'\nimport { Precipitation } from '@tresjs/cientos'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas>\n    \u003CTresPerspectiveCamera :position=\"[0, 3, 5]\" />\n    \u003CPrecipitation />\n    \u003CTresAmbientLight />\n  \u003C/TresCanvas>\n\u003C/template>\n",[501,502],3,9,"vue","",[481,506,507,542,571,593,603,610,620,631,676,685,695,705],{"__ignoreMap":504},[508,509,512,516,520,524,527,530,533,537,539],"span",{"class":510,"line":511},"line",1,[508,513,515],{"class":514},"sMK4o","\u003C",[508,517,519],{"class":518},"swJcz","script",[508,521,523],{"class":522},"spNyl"," setup",[508,525,526],{"class":522}," lang",[508,528,529],{"class":514},"=",[508,531,532],{"class":514},"\"",[508,534,536],{"class":535},"sfazB","ts",[508,538,532],{"class":514},[508,540,541],{"class":514},">\n",[508,543,545,549,552,556,559,562,565,568],{"class":510,"line":544},2,[508,546,548],{"class":547},"s7zQu","import",[508,550,551],{"class":514}," {",[508,553,555],{"class":554},"sTEyZ"," TresCanvas",[508,557,558],{"class":514}," }",[508,560,561],{"class":547}," from",[508,563,564],{"class":514}," '",[508,566,567],{"class":535},"@tresjs/core",[508,569,570],{"class":514},"'\n",[508,572,575,577,579,582,584,586,588,591],{"class":573,"line":501},[510,574],"highlight",[508,576,548],{"class":547},[508,578,551],{"class":514},[508,580,581],{"class":554}," Precipitation",[508,583,558],{"class":514},[508,585,561],{"class":547},[508,587,564],{"class":514},[508,589,590],{"class":535},"@tresjs/cientos",[508,592,570],{"class":514},[508,594,596,599,601],{"class":510,"line":595},4,[508,597,598],{"class":514},"\u003C/",[508,600,519],{"class":518},[508,602,541],{"class":514},[508,604,606],{"class":510,"line":605},5,[508,607,609],{"emptyLinePlaceholder":608},true,"\n",[508,611,613,615,618],{"class":510,"line":612},6,[508,614,515],{"class":514},[508,616,617],{"class":518},"template",[508,619,541],{"class":514},[508,621,623,626,629],{"class":510,"line":622},7,[508,624,625],{"class":514},"  \u003C",[508,627,628],{"class":518},"TresCanvas",[508,630,541],{"class":514},[508,632,634,637,640,643,646,648,650,653,657,660,663,665,668,671,673],{"class":510,"line":633},8,[508,635,636],{"class":514},"    \u003C",[508,638,639],{"class":518},"TresPerspectiveCamera",[508,641,642],{"class":514}," :",[508,644,645],{"class":522},"position",[508,647,529],{"class":514},[508,649,532],{"class":514},[508,651,652],{"class":514},"[",[508,654,656],{"class":655},"sbssI","0",[508,658,659],{"class":514},", ",[508,661,662],{"class":655},"3",[508,664,659],{"class":514},[508,666,667],{"class":655},"5",[508,669,670],{"class":514},"]",[508,672,532],{"class":514},[508,674,675],{"class":514}," />\n",[508,677,679,681,683],{"class":678,"line":502},[510,574],[508,680,636],{"class":514},[508,682,367],{"class":518},[508,684,675],{"class":514},[508,686,688,690,693],{"class":510,"line":687},10,[508,689,636],{"class":514},[508,691,692],{"class":518},"TresAmbientLight",[508,694,675],{"class":514},[508,696,698,701,703],{"class":510,"line":697},11,[508,699,700],{"class":514},"  \u003C/",[508,702,628],{"class":518},[508,704,541],{"class":514},[508,706,708,710,712],{"class":510,"line":707},12,[508,709,598],{"class":514},[508,711,617],{"class":518},[508,713,541],{"class":514},[715,716,718],"h3",{"id":717},"rain","Rain",[478,720,721],{},"By setting the randomness to 0, increase the speed  and reduce the count. You can easily achieve a more rainy effect.",[496,723,727],{"className":498,"code":724,"highlights":725,"language":503,"meta":504,"style":504},"\u003Cscript setup lang=\"ts\">\nimport { TresCanvas } from '@tresjs/core'\nimport { Precipitation } from '@tresjs/cientos'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas>\n    \u003CTresPerspectiveCamera :position=\"[0, 3, 5]\" />\n    \u003CPrecipitation\n      :count=\"2000\"\n      :speed=\"0.3\"\n      :randomness=\"0\"\n    />\n    \u003CTresAmbientLight />\n  \u003C/TresCanvas>\n\u003C/template>\n",[501,502,687,697,707,726],13,[481,728,729,749,767,786,794,798,806,814,846,854,873,890,906,912,921,930],{"__ignoreMap":504},[508,730,731,733,735,737,739,741,743,745,747],{"class":510,"line":511},[508,732,515],{"class":514},[508,734,519],{"class":518},[508,736,523],{"class":522},[508,738,526],{"class":522},[508,740,529],{"class":514},[508,742,532],{"class":514},[508,744,536],{"class":535},[508,746,532],{"class":514},[508,748,541],{"class":514},[508,750,751,753,755,757,759,761,763,765],{"class":510,"line":544},[508,752,548],{"class":547},[508,754,551],{"class":514},[508,756,555],{"class":554},[508,758,558],{"class":514},[508,760,561],{"class":547},[508,762,564],{"class":514},[508,764,567],{"class":535},[508,766,570],{"class":514},[508,768,770,772,774,776,778,780,782,784],{"class":769,"line":501},[510,574],[508,771,548],{"class":547},[508,773,551],{"class":514},[508,775,581],{"class":554},[508,777,558],{"class":514},[508,779,561],{"class":547},[508,781,564],{"class":514},[508,783,590],{"class":535},[508,785,570],{"class":514},[508,787,788,790,792],{"class":510,"line":595},[508,789,598],{"class":514},[508,791,519],{"class":518},[508,793,541],{"class":514},[508,795,796],{"class":510,"line":605},[508,797,609],{"emptyLinePlaceholder":608},[508,799,800,802,804],{"class":510,"line":612},[508,801,515],{"class":514},[508,803,617],{"class":518},[508,805,541],{"class":514},[508,807,808,810,812],{"class":510,"line":622},[508,809,625],{"class":514},[508,811,628],{"class":518},[508,813,541],{"class":514},[508,815,816,818,820,822,824,826,828,830,832,834,836,838,840,842,844],{"class":510,"line":633},[508,817,636],{"class":514},[508,819,639],{"class":518},[508,821,642],{"class":514},[508,823,645],{"class":522},[508,825,529],{"class":514},[508,827,532],{"class":514},[508,829,652],{"class":514},[508,831,656],{"class":655},[508,833,659],{"class":514},[508,835,662],{"class":655},[508,837,659],{"class":514},[508,839,667],{"class":655},[508,841,670],{"class":514},[508,843,532],{"class":514},[508,845,675],{"class":514},[508,847,849,851],{"class":848,"line":502},[510,574],[508,850,636],{"class":514},[508,852,853],{"class":518},"Precipitation\n",[508,855,857,860,863,865,867,870],{"class":856,"line":687},[510,574],[508,858,859],{"class":514},"      :",[508,861,862],{"class":522},"count",[508,864,529],{"class":514},[508,866,532],{"class":514},[508,868,869],{"class":655},"2000",[508,871,872],{"class":514},"\"\n",[508,874,876,878,881,883,885,888],{"class":875,"line":697},[510,574],[508,877,859],{"class":514},[508,879,880],{"class":522},"speed",[508,882,529],{"class":514},[508,884,532],{"class":514},[508,886,887],{"class":655},"0.3",[508,889,872],{"class":514},[508,891,893,895,898,900,902,904],{"class":892,"line":707},[510,574],[508,894,859],{"class":514},[508,896,897],{"class":522},"randomness",[508,899,529],{"class":514},[508,901,532],{"class":514},[508,903,656],{"class":655},[508,905,872],{"class":514},[508,907,909],{"class":908,"line":726},[510,574],[508,910,911],{"class":514},"    />\n",[508,913,915,917,919],{"class":510,"line":914},14,[508,916,636],{"class":514},[508,918,692],{"class":518},[508,920,675],{"class":514},[508,922,924,926,928],{"class":510,"line":923},15,[508,925,700],{"class":514},[508,927,628],{"class":518},[508,929,541],{"class":514},[508,931,933,935,937],{"class":510,"line":932},16,[508,934,598],{"class":514},[508,936,617],{"class":518},[508,938,541],{"class":514},[715,940,942],{"id":941},"storm","Storm",[478,944,945],{},"A storm effect? Easy just increase the randomness.",[496,947,950],{"className":498,"code":948,"highlights":949,"language":503,"meta":504,"style":504},"\u003Cscript setup lang=\"ts\">\nimport { TresCanvas } from '@tresjs/core'\nimport { Precipitation } from '@tresjs/cientos'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas>\n    \u003CTresPerspectiveCamera :position=\"[0, 3, 5]\" />\n    \u003CPrecipitation\n      :count=\"3000\"\n      :speed=\"0.5\"\n      :randomness=\"1.5\"\n    />\n    \u003CTresAmbientLight />\n  \u003C/TresCanvas>\n\u003C/template>\n",[501,502,687,697,707,726],[481,951,952,972,990,1009,1017,1021,1029,1037,1069,1076,1092,1108,1124,1129,1137,1145],{"__ignoreMap":504},[508,953,954,956,958,960,962,964,966,968,970],{"class":510,"line":511},[508,955,515],{"class":514},[508,957,519],{"class":518},[508,959,523],{"class":522},[508,961,526],{"class":522},[508,963,529],{"class":514},[508,965,532],{"class":514},[508,967,536],{"class":535},[508,969,532],{"class":514},[508,971,541],{"class":514},[508,973,974,976,978,980,982,984,986,988],{"class":510,"line":544},[508,975,548],{"class":547},[508,977,551],{"class":514},[508,979,555],{"class":554},[508,981,558],{"class":514},[508,983,561],{"class":547},[508,985,564],{"class":514},[508,987,567],{"class":535},[508,989,570],{"class":514},[508,991,993,995,997,999,1001,1003,1005,1007],{"class":992,"line":501},[510,574],[508,994,548],{"class":547},[508,996,551],{"class":514},[508,998,581],{"class":554},[508,1000,558],{"class":514},[508,1002,561],{"class":547},[508,1004,564],{"class":514},[508,1006,590],{"class":535},[508,1008,570],{"class":514},[508,1010,1011,1013,1015],{"class":510,"line":595},[508,1012,598],{"class":514},[508,1014,519],{"class":518},[508,1016,541],{"class":514},[508,1018,1019],{"class":510,"line":605},[508,1020,609],{"emptyLinePlaceholder":608},[508,1022,1023,1025,1027],{"class":510,"line":612},[508,1024,515],{"class":514},[508,1026,617],{"class":518},[508,1028,541],{"class":514},[508,1030,1031,1033,1035],{"class":510,"line":622},[508,1032,625],{"class":514},[508,1034,628],{"class":518},[508,1036,541],{"class":514},[508,1038,1039,1041,1043,1045,1047,1049,1051,1053,1055,1057,1059,1061,1063,1065,1067],{"class":510,"line":633},[508,1040,636],{"class":514},[508,1042,639],{"class":518},[508,1044,642],{"class":514},[508,1046,645],{"class":522},[508,1048,529],{"class":514},[508,1050,532],{"class":514},[508,1052,652],{"class":514},[508,1054,656],{"class":655},[508,1056,659],{"class":514},[508,1058,662],{"class":655},[508,1060,659],{"class":514},[508,1062,667],{"class":655},[508,1064,670],{"class":514},[508,1066,532],{"class":514},[508,1068,675],{"class":514},[508,1070,1072,1074],{"class":1071,"line":502},[510,574],[508,1073,636],{"class":514},[508,1075,853],{"class":518},[508,1077,1079,1081,1083,1085,1087,1090],{"class":1078,"line":687},[510,574],[508,1080,859],{"class":514},[508,1082,862],{"class":522},[508,1084,529],{"class":514},[508,1086,532],{"class":514},[508,1088,1089],{"class":655},"3000",[508,1091,872],{"class":514},[508,1093,1095,1097,1099,1101,1103,1106],{"class":1094,"line":697},[510,574],[508,1096,859],{"class":514},[508,1098,880],{"class":522},[508,1100,529],{"class":514},[508,1102,532],{"class":514},[508,1104,1105],{"class":655},"0.5",[508,1107,872],{"class":514},[508,1109,1111,1113,1115,1117,1119,1122],{"class":1110,"line":707},[510,574],[508,1112,859],{"class":514},[508,1114,897],{"class":522},[508,1116,529],{"class":514},[508,1118,532],{"class":514},[508,1120,1121],{"class":655},"1.5",[508,1123,872],{"class":514},[508,1125,1127],{"class":1126,"line":726},[510,574],[508,1128,911],{"class":514},[508,1130,1131,1133,1135],{"class":510,"line":914},[508,1132,636],{"class":514},[508,1134,692],{"class":518},[508,1136,675],{"class":514},[508,1138,1139,1141,1143],{"class":510,"line":923},[508,1140,700],{"class":514},[508,1142,628],{"class":518},[508,1144,541],{"class":514},[508,1146,1147,1149,1151],{"class":510,"line":932},[508,1148,598],{"class":514},[508,1150,617],{"class":518},[508,1152,541],{"class":514},[715,1154,1156],{"id":1155},"beam","Beam",[478,1158,1159],{},"What about an infinite beam? Just set the area, to the axis that you need constrain.",[496,1161,1164],{"className":498,"code":1162,"highlights":1163,"language":503,"meta":504,"style":504},"\u003Cscript setup lang=\"ts\">\nimport { TresCanvas } from '@tresjs/core'\nimport { Precipitation } from '@tresjs/cientos'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas>\n    \u003CTresPerspectiveCamera :position=\"[0, 3, 5]\" />\n    \u003CPrecipitation\n      :area=\"[0.5, 0.5, 20]\"\n      :count=\"1000\"\n      :speed=\"0.2\"\n      :size=\"0.3\"\n      color=\"#00ff00\"\n    />\n    \u003CTresAmbientLight />\n  \u003C/TresCanvas>\n\u003C/template>\n",[501,502,687,697,707,726,914,923],[481,1165,1166,1186,1204,1223,1231,1235,1243,1251,1283,1290,1319,1335,1351,1367,1382,1387,1395,1404],{"__ignoreMap":504},[508,1167,1168,1170,1172,1174,1176,1178,1180,1182,1184],{"class":510,"line":511},[508,1169,515],{"class":514},[508,1171,519],{"class":518},[508,1173,523],{"class":522},[508,1175,526],{"class":522},[508,1177,529],{"class":514},[508,1179,532],{"class":514},[508,1181,536],{"class":535},[508,1183,532],{"class":514},[508,1185,541],{"class":514},[508,1187,1188,1190,1192,1194,1196,1198,1200,1202],{"class":510,"line":544},[508,1189,548],{"class":547},[508,1191,551],{"class":514},[508,1193,555],{"class":554},[508,1195,558],{"class":514},[508,1197,561],{"class":547},[508,1199,564],{"class":514},[508,1201,567],{"class":535},[508,1203,570],{"class":514},[508,1205,1207,1209,1211,1213,1215,1217,1219,1221],{"class":1206,"line":501},[510,574],[508,1208,548],{"class":547},[508,1210,551],{"class":514},[508,1212,581],{"class":554},[508,1214,558],{"class":514},[508,1216,561],{"class":547},[508,1218,564],{"class":514},[508,1220,590],{"class":535},[508,1222,570],{"class":514},[508,1224,1225,1227,1229],{"class":510,"line":595},[508,1226,598],{"class":514},[508,1228,519],{"class":518},[508,1230,541],{"class":514},[508,1232,1233],{"class":510,"line":605},[508,1234,609],{"emptyLinePlaceholder":608},[508,1236,1237,1239,1241],{"class":510,"line":612},[508,1238,515],{"class":514},[508,1240,617],{"class":518},[508,1242,541],{"class":514},[508,1244,1245,1247,1249],{"class":510,"line":622},[508,1246,625],{"class":514},[508,1248,628],{"class":518},[508,1250,541],{"class":514},[508,1252,1253,1255,1257,1259,1261,1263,1265,1267,1269,1271,1273,1275,1277,1279,1281],{"class":510,"line":633},[508,1254,636],{"class":514},[508,1256,639],{"class":518},[508,1258,642],{"class":514},[508,1260,645],{"class":522},[508,1262,529],{"class":514},[508,1264,532],{"class":514},[508,1266,652],{"class":514},[508,1268,656],{"class":655},[508,1270,659],{"class":514},[508,1272,662],{"class":655},[508,1274,659],{"class":514},[508,1276,667],{"class":655},[508,1278,670],{"class":514},[508,1280,532],{"class":514},[508,1282,675],{"class":514},[508,1284,1286,1288],{"class":1285,"line":502},[510,574],[508,1287,636],{"class":514},[508,1289,853],{"class":518},[508,1291,1293,1295,1298,1300,1302,1304,1306,1308,1310,1312,1315,1317],{"class":1292,"line":687},[510,574],[508,1294,859],{"class":514},[508,1296,1297],{"class":522},"area",[508,1299,529],{"class":514},[508,1301,532],{"class":514},[508,1303,652],{"class":514},[508,1305,1105],{"class":655},[508,1307,659],{"class":514},[508,1309,1105],{"class":655},[508,1311,659],{"class":514},[508,1313,1314],{"class":655},"20",[508,1316,670],{"class":514},[508,1318,872],{"class":514},[508,1320,1322,1324,1326,1328,1330,1333],{"class":1321,"line":697},[510,574],[508,1323,859],{"class":514},[508,1325,862],{"class":522},[508,1327,529],{"class":514},[508,1329,532],{"class":514},[508,1331,1332],{"class":655},"1000",[508,1334,872],{"class":514},[508,1336,1338,1340,1342,1344,1346,1349],{"class":1337,"line":707},[510,574],[508,1339,859],{"class":514},[508,1341,880],{"class":522},[508,1343,529],{"class":514},[508,1345,532],{"class":514},[508,1347,1348],{"class":655},"0.2",[508,1350,872],{"class":514},[508,1352,1354,1356,1359,1361,1363,1365],{"class":1353,"line":726},[510,574],[508,1355,859],{"class":514},[508,1357,1358],{"class":522},"size",[508,1360,529],{"class":514},[508,1362,532],{"class":514},[508,1364,887],{"class":655},[508,1366,872],{"class":514},[508,1368,1370,1373,1375,1377,1380],{"class":1369,"line":914},[510,574],[508,1371,1372],{"class":522},"      color",[508,1374,529],{"class":514},[508,1376,532],{"class":514},[508,1378,1379],{"class":535},"#00ff00",[508,1381,872],{"class":514},[508,1383,1385],{"class":1384,"line":923},[510,574],[508,1386,911],{"class":514},[508,1388,1389,1391,1393],{"class":510,"line":932},[508,1390,636],{"class":514},[508,1392,692],{"class":518},[508,1394,675],{"class":514},[508,1396,1398,1400,1402],{"class":510,"line":1397},17,[508,1399,700],{"class":514},[508,1401,628],{"class":518},[508,1403,541],{"class":514},[508,1405,1407,1409,1411],{"class":510,"line":1406},18,[508,1408,598],{"class":514},[508,1410,617],{"class":518},[508,1412,541],{"class":514},[478,1414,1415],{},"You can create much more! ☔",[1417,1418,1419],"prose-warning",{},[478,1420,1421],{},"Be careful with the performance this components render infinite particles in movement",[486,1423,1425],{"id":1424},"props","Props",[1427,1428,1429,1446],"table",{},[1430,1431,1432],"thead",{},[1433,1434,1435,1440,1443],"tr",{},[1436,1437,1439],"th",{"align":1438},"left","Prop",[1436,1441,1442],{"align":1438},"Description",[1436,1444,1445],{},"Default",[1447,1448,1449,1463,1477,1490,1503,1515,1528,1541,1553,1564,1575,1588,1601],"tbody",{},[1433,1450,1451,1457,1460],{},[1452,1453,1454],"td",{"align":1438},[1455,1456,1358],"strong",{},[1452,1458,1459],{"align":1438},"The size of the drops.",[1452,1461,1462],{},"0.1",[1433,1464,1465,1469,1472],{},[1452,1466,1467],{"align":1438},[1455,1468,1297],{},[1452,1470,1471],{"align":1438},"The size of the precipitation area.",[1452,1473,1474],{},[508,1475,1476],{},"10, 10, 20",[1433,1478,1479,1484,1487],{},[1452,1480,1481],{"align":1438},[1455,1482,1483],{},"color",[1452,1485,1486],{"align":1438},"The color of the drops.",[1452,1488,1489],{},"0xffffff",[1433,1491,1492,1497,1500],{},[1452,1493,1494],{"align":1438},[1455,1495,1496],{},"map",[1452,1498,1499],{"align":1438},"Color texture of the drops.",[1452,1501,1502],{},"null",[1433,1504,1505,1510,1513],{},[1452,1506,1507],{"align":1438},[1455,1508,1509],{},"alphaMap",[1452,1511,1512],{"align":1438},"Alpha texture of the Drops.",[1452,1514,1502],{},[1433,1516,1517,1522,1525],{},[1452,1518,1519],{"align":1438},[1455,1520,1521],{},"alphaTest",[1452,1523,1524],{"align":1438},"Enables the WebGL to know when not to render the pixel.",[1452,1526,1527],{},"0.01",[1433,1529,1530,1535,1538],{},[1452,1531,1532],{"align":1438},[1455,1533,1534],{},"opacity",[1452,1536,1537],{"align":1438},"Set the opacity of the drops.",[1452,1539,1540],{},"0.8",[1433,1542,1543,1547,1550],{},[1452,1544,1545],{"align":1438},[1455,1546,862],{},[1452,1548,1549],{"align":1438},"Number of drops.",[1452,1551,1552],{},"5000",[1433,1554,1555,1559,1562],{},[1452,1556,1557],{"align":1438},[1455,1558,880],{},[1452,1560,1561],{"align":1438},"Drops speed.",[1452,1563,1462],{},[1433,1565,1566,1570,1573],{},[1452,1567,1568],{"align":1438},[1455,1569,897],{},[1452,1571,1572],{"align":1438},"Add randomness to the drops.",[1452,1574,1105],{},[1433,1576,1577,1582,1585],{},[1452,1578,1579],{"align":1438},[1455,1580,1581],{},"depthWrite",[1452,1583,1584],{"align":1438},"Whether should write to the depth buffer or not. drops.",[1452,1586,1587],{},"true",[1433,1589,1590,1595,1598],{},[1452,1591,1592],{"align":1438},[1455,1593,1594],{},"transparent",[1452,1596,1597],{"align":1438},"Transparency on the drops texture",[1452,1599,1600],{},"false",[1433,1602,1603,1608,1611],{},[1452,1604,1605],{"align":1438},[1455,1606,1607],{},"sizeAttenuation",[1452,1609,1610],{"align":1438},"Keep the same size regardless distance. drops.",[1452,1612,1587],{},[1614,1615,1616],"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 .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":504,"searchDepth":511,"depth":544,"links":1618},[1619,1624],{"id":488,"depth":544,"text":15,"children":1620},[1621,1622,1623],{"id":717,"depth":501,"text":718},{"id":941,"depth":501,"text":942},{"id":1155,"depth":501,"text":1156},{"id":1424,"depth":544,"text":1425},"Flexible infinite particle flow for rain, snow, waterfall, and beam effects.","md",null,{},{"title":367,"description":1625},"oN0a-7Db4CfLOwRF8vcglYxi0o3twbiI7bqgn-6GqoY",[1632,1634],{"title":363,"path":364,"stem":365,"description":1633,"children":-1},"Wrapper for the Three.js Water add-on with sky reflection support.",{"title":371,"path":372,"stem":373,"description":1635,"children":-1},"Wrapper for the Three.js Sky add-on with sun position controls.",1774953657398]