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