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