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