[{"data":1,"prerenderedAt":2365},["ShallowReactive",2],{"navigation":3,"/api/staging/sparkles":478,"/api/staging/sparkles-surround":2360},[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,84,114,156,194,288,314,348,398,444],{"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,80],{"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},"Decal","/api/abstractions/decal","2.api/1.abstractions/decal",{"title":53,"path":54,"stem":55},"Edges","/api/abstractions/edges","2.api/1.abstractions/edges",{"title":57,"path":58,"stem":59},"Fit","/api/abstractions/fit","2.api/1.abstractions/fit",{"title":61,"path":62,"stem":63},"Levioso (Float)","/api/abstractions/levioso","2.api/1.abstractions/levioso",{"title":65,"path":66,"stem":67},"Mask","/api/abstractions/mask","2.api/1.abstractions/mask",{"title":69,"path":70,"stem":71},"Outline","/api/abstractions/outline","2.api/1.abstractions/outline",{"title":73,"path":74,"stem":75},"Sampler","/api/abstractions/sampler","2.api/1.abstractions/sampler",{"title":77,"path":78,"stem":79},"ScreenSizer","/api/abstractions/screen-sizer","2.api/1.abstractions/screen-sizer",{"title":81,"path":82,"stem":83},"ScreenSpace","/api/abstractions/screen-space","2.api/1.abstractions/screen-space",{"title":85,"path":86,"stem":87,"children":88},"Controls","/api/controls","2.api/2.controls/index",[89,90,94,98,102,106,110],{"title":85,"path":86,"stem":87},{"title":91,"path":92,"stem":93},"Camera Controls","/api/controls/camera-controls","2.api/2.controls/camera-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,190],{"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},"Mesh Transmission Material","/api/materials/mesh-transmission-material","2.api/4.materials/mesh-transmission-material",{"title":187,"path":188,"stem":189},"Point Material","/api/materials/point-material","2.api/4.materials/point-material",{"title":191,"path":192,"stem":193},"Wobble Material","/api/materials/wobble-material","2.api/4.materials/wobble-material",{"title":195,"path":196,"stem":197,"children":198},"Shapes","/api/shapes","2.api/5.shapes/index",[199,200,204,208,212,216,220,224,228,232,236,240,244,248,252,256,260,264,268,272,276,280,284],{"title":195,"path":196,"stem":197},{"title":201,"path":202,"stem":203},"Box","/api/shapes/box","2.api/5.shapes/box",{"title":205,"path":206,"stem":207},"CatmullRomCurve3","/api/shapes/catmullromcurve3","2.api/5.shapes/catmullromcurve3",{"title":209,"path":210,"stem":211},"Circle","/api/shapes/circle","2.api/5.shapes/circle",{"title":213,"path":214,"stem":215},"Cone","/api/shapes/cone","2.api/5.shapes/cone",{"title":217,"path":218,"stem":219},"Cubic Bezier Line","/api/shapes/cubic-bezier-line","2.api/5.shapes/cubic-bezier-line",{"title":221,"path":222,"stem":223},"Cylinder","/api/shapes/cylinder","2.api/5.shapes/cylinder",{"title":225,"path":226,"stem":227},"Dodecahedron","/api/shapes/dodecahedron","2.api/5.shapes/dodecahedron",{"title":229,"path":230,"stem":231},"Grid","/api/shapes/grid","2.api/5.shapes/grid",{"title":233,"path":234,"stem":235},"Icosahedron","/api/shapes/icosahedron","2.api/5.shapes/icosahedron",{"title":237,"path":238,"stem":239},"Line2","/api/shapes/line2","2.api/5.shapes/line2",{"title":241,"path":242,"stem":243},"Octahedron","/api/shapes/octahedron","2.api/5.shapes/octahedron",{"title":245,"path":246,"stem":247},"Plane","/api/shapes/plane","2.api/5.shapes/plane",{"title":249,"path":250,"stem":251},"Quadratic Bezier Line","/api/shapes/quadratic-bezier-line","2.api/5.shapes/quadratic-bezier-line",{"title":253,"path":254,"stem":255},"Ring","/api/shapes/ring","2.api/5.shapes/ring",{"title":257,"path":258,"stem":259},"Rounded Box","/api/shapes/rounded-box","2.api/5.shapes/rounded-box",{"title":261,"path":262,"stem":263},"Screen Quad","/api/shapes/screen-quad","2.api/5.shapes/screen-quad",{"title":265,"path":266,"stem":267},"Sphere","/api/shapes/sphere","2.api/5.shapes/sphere",{"title":269,"path":270,"stem":271},"Superformula","/api/shapes/superformula","2.api/5.shapes/superformula",{"title":273,"path":274,"stem":275},"Tetrahedron","/api/shapes/tetrahedron","2.api/5.shapes/tetrahedron",{"title":277,"path":278,"stem":279},"Torus","/api/shapes/torus","2.api/5.shapes/torus",{"title":281,"path":282,"stem":283},"Torus Knot","/api/shapes/torus-knot","2.api/5.shapes/torus-knot",{"title":285,"path":286,"stem":287},"Tube","/api/shapes/tube","2.api/5.shapes/tube",{"title":289,"path":290,"stem":291,"children":292},"Debug/Performance","/api/debug-performance","2.api/6.debug-performance/index",[293,294,298,302,306,310],{"title":289,"path":290,"stem":291},{"title":295,"path":296,"stem":297},"Helper","/api/debug-performance/helper","2.api/6.debug-performance/helper",{"title":299,"path":300,"stem":301},"LOD","/api/debug-performance/lod","2.api/6.debug-performance/lod",{"title":303,"path":304,"stem":305},"Stats","/api/debug-performance/stats","2.api/6.debug-performance/stats",{"title":307,"path":308,"stem":309},"StatsGl","/api/debug-performance/stats-gl","2.api/6.debug-performance/stats-gl",{"title":311,"path":312,"stem":313},"useBVH","/api/debug-performance/use-bvh","2.api/6.debug-performance/use-bvh",{"title":315,"path":316,"stem":317,"children":318},"Light/Shadow","/api/light-shadow","2.api/7.light-shadow/index",[319,320,324,328,332,336,340,344],{"title":315,"path":316,"stem":317},{"title":321,"path":322,"stem":323},"Accumulative Shadows","/api/light-shadow/accumulative-shadows","2.api/7.light-shadow/accumulative-shadows",{"title":325,"path":326,"stem":327},"Bake Shadows","/api/light-shadow/bake-shadows","2.api/7.light-shadow/bake-shadows",{"title":329,"path":330,"stem":331},"Circle Shadow","/api/light-shadow/circle-shadow","2.api/7.light-shadow/circle-shadow",{"title":333,"path":334,"stem":335},"Contact Shadows","/api/light-shadow/contact-shadows","2.api/7.light-shadow/contact-shadows",{"title":337,"path":338,"stem":339},"Lensflare","/api/light-shadow/lensflare","2.api/7.light-shadow/lensflare",{"title":341,"path":342,"stem":343},"Randomized Lights","/api/light-shadow/randomized-lights","2.api/7.light-shadow/randomized-lights",{"title":345,"path":346,"stem":347},"Soft Shadows","/api/light-shadow/soft-shadows","2.api/7.light-shadow/soft-shadows",{"title":349,"path":350,"stem":351,"children":352},"Staging","/api/staging","2.api/8.staging/index",[353,354,358,362,366,370,374,378,382,386,390,394],{"title":349,"path":350,"stem":351},{"title":355,"path":356,"stem":357},"Environment","/api/staging/environment","2.api/8.staging/1.environment",{"title":359,"path":360,"stem":361},"useEnvironment","/api/staging/use-environment","2.api/8.staging/2.use-environment",{"title":363,"path":364,"stem":365},"Lightformer","/api/staging/lightformer","2.api/8.staging/3.lightformer",{"title":367,"path":368,"stem":369},"Backdrop","/api/staging/backdrop","2.api/8.staging/backdrop",{"title":371,"path":372,"stem":373},"Ocean","/api/staging/ocean","2.api/8.staging/ocean",{"title":375,"path":376,"stem":377},"Precipitation","/api/staging/precipitation","2.api/8.staging/precipitation",{"title":379,"path":380,"stem":381},"Sky","/api/staging/sky","2.api/8.staging/sky",{"title":383,"path":384,"stem":385},"Smoke","/api/staging/smoke","2.api/8.staging/smoke",{"title":387,"path":388,"stem":389},"Sparkles","/api/staging/sparkles","2.api/8.staging/sparkles",{"title":391,"path":392,"stem":393},"Stage","/api/staging/stage","2.api/8.staging/stage",{"title":395,"path":396,"stem":397},"Stars","/api/staging/stars","2.api/8.staging/stars",{"title":399,"path":400,"stem":401,"children":402},"Objects","/api/objects","2.api/9.objects/index",[403,404,408,412,416,420,424,428,432,436,440],{"title":399,"path":400,"stem":401},{"title":405,"path":406,"stem":407},"AnimatedSprite","/api/objects/animated-sprite","2.api/9.objects/animated-sprite",{"title":409,"path":410,"stem":411},"CubeCamera","/api/objects/cube-camera","2.api/9.objects/cube-camera",{"title":413,"path":414,"stem":415},"Fbo","/api/objects/fbo","2.api/9.objects/fbo",{"title":417,"path":418,"stem":419},"GradientTexture","/api/objects/gradient-texture","2.api/9.objects/gradient-texture",{"title":421,"path":422,"stem":423},"HTML","/api/objects/html","2.api/9.objects/html",{"title":425,"path":426,"stem":427},"Image","/api/objects/image","2.api/9.objects/image",{"title":429,"path":430,"stem":431},"MarchingCubes","/api/objects/marching-cubes","2.api/9.objects/marching-cubes",{"title":433,"path":434,"stem":435},"Reflector","/api/objects/reflector","2.api/9.objects/reflector",{"title":437,"path":438,"stem":439},"Text","/api/objects/text","2.api/9.objects/text",{"title":441,"path":442,"stem":443},"Text3D","/api/objects/text-3d","2.api/9.objects/text-3d",{"title":445,"path":446,"stem":447,"children":448},"Miscellaneous","/api/miscellaneous","2.api/miscellaneous/index",[449,450,454,458,462,466,470,474],{"title":445,"path":446,"stem":447},{"title":451,"path":452,"stem":453},"Bounds","/api/miscellaneous/bounds","2.api/miscellaneous/bounds",{"title":455,"path":456,"stem":457},"GlobalAudio","/api/miscellaneous/global-audio","2.api/miscellaneous/global-audio",{"title":459,"path":460,"stem":461},"MouseParallax","/api/miscellaneous/mouse-parallax","2.api/miscellaneous/mouse-parallax",{"title":463,"path":464,"stem":465},"PositionalAudio","/api/miscellaneous/positional-audio","2.api/miscellaneous/positional-audio",{"title":467,"path":468,"stem":469},"useAnimations","/api/miscellaneous/use-animations","2.api/miscellaneous/use-animations",{"title":471,"path":472,"stem":473},"useGLTFExporter","/api/miscellaneous/use-gltf-exporter","2.api/miscellaneous/use-gltf-exporter",{"title":475,"path":476,"stem":477},"useIntersect","/api/miscellaneous/use-intersect","2.api/miscellaneous/use-intersect",{"id":479,"title":387,"body":480,"description":2354,"extension":2355,"links":2356,"meta":2357,"navigation":613,"path":388,"seo":2358,"stem":389,"__hash__":2359},"docs/2.api/8.staging/sparkles.md",{"type":481,"value":482,"toc":2345},"minimark",[483,491,495,500,729,733,736,1016,1020,1040,1074,1081,1098,1311,1315,1331,1362,1372,1671,1675,2341],[484,485,486,490],"p",{},[487,488,489],"code",{},"\u003CSparkles />"," makes sparkles on your geometry's vertices – optionally guided by a directional light.",[492,493,15],"h2",{"id":494},"usage",[496,497,499],"h3",{"id":498},"basic","Basic",[501,502,510],"pre",{"className":503,"code":504,"highlights":505,"language":508,"meta":509,"style":509},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { TresCanvas } from '@tresjs/core'\nimport { Sparkles } from '@tresjs/cientos'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas>\n    \u003CTresPerspectiveCamera :position=\"[0, 3, 5]\" />\n    \u003CTresMesh>\n      \u003CTresSphereGeometry />\n      \u003CSparkles />\n    \u003C/TresMesh>\n    \u003CTresAmbientLight />\n  \u003C/TresCanvas>\n\u003C/template>\n",[506,507],3,11,"vue","",[487,511,512,547,576,598,608,615,625,636,660,670,681,690,700,710,720],{"__ignoreMap":509},[513,514,517,521,525,529,532,535,538,542,544],"span",{"class":515,"line":516},"line",1,[513,518,520],{"class":519},"sMK4o","\u003C",[513,522,524],{"class":523},"swJcz","script",[513,526,528],{"class":527},"spNyl"," setup",[513,530,531],{"class":527}," lang",[513,533,534],{"class":519},"=",[513,536,537],{"class":519},"\"",[513,539,541],{"class":540},"sfazB","ts",[513,543,537],{"class":519},[513,545,546],{"class":519},">\n",[513,548,550,554,557,561,564,567,570,573],{"class":515,"line":549},2,[513,551,553],{"class":552},"s7zQu","import",[513,555,556],{"class":519}," {",[513,558,560],{"class":559},"sTEyZ"," TresCanvas",[513,562,563],{"class":519}," }",[513,565,566],{"class":552}," from",[513,568,569],{"class":519}," '",[513,571,572],{"class":540},"@tresjs/core",[513,574,575],{"class":519},"'\n",[513,577,580,582,584,587,589,591,593,596],{"class":578,"line":506},[515,579],"highlight",[513,581,553],{"class":552},[513,583,556],{"class":519},[513,585,586],{"class":559}," Sparkles",[513,588,563],{"class":519},[513,590,566],{"class":552},[513,592,569],{"class":519},[513,594,595],{"class":540},"@tresjs/cientos",[513,597,575],{"class":519},[513,599,601,604,606],{"class":515,"line":600},4,[513,602,603],{"class":519},"\u003C/",[513,605,524],{"class":523},[513,607,546],{"class":519},[513,609,611],{"class":515,"line":610},5,[513,612,614],{"emptyLinePlaceholder":613},true,"\n",[513,616,618,620,623],{"class":515,"line":617},6,[513,619,520],{"class":519},[513,621,622],{"class":523},"template",[513,624,546],{"class":519},[513,626,628,631,634],{"class":515,"line":627},7,[513,629,630],{"class":519},"  \u003C",[513,632,633],{"class":523},"TresCanvas",[513,635,546],{"class":519},[513,637,639,642,645,648,650,652,655,657],{"class":515,"line":638},8,[513,640,641],{"class":519},"    \u003C",[513,643,644],{"class":523},"TresPerspectiveCamera",[513,646,647],{"class":527}," :position",[513,649,534],{"class":519},[513,651,537],{"class":519},[513,653,654],{"class":540},"[0, 3, 5]",[513,656,537],{"class":519},[513,658,659],{"class":519}," />\n",[513,661,663,665,668],{"class":515,"line":662},9,[513,664,641],{"class":519},[513,666,667],{"class":523},"TresMesh",[513,669,546],{"class":519},[513,671,673,676,679],{"class":515,"line":672},10,[513,674,675],{"class":519},"      \u003C",[513,677,678],{"class":523},"TresSphereGeometry",[513,680,659],{"class":519},[513,682,684,686,688],{"class":683,"line":507},[515,579],[513,685,675],{"class":519},[513,687,387],{"class":523},[513,689,659],{"class":519},[513,691,693,696,698],{"class":515,"line":692},12,[513,694,695],{"class":519},"    \u003C/",[513,697,667],{"class":523},[513,699,546],{"class":519},[513,701,703,705,708],{"class":515,"line":702},13,[513,704,641],{"class":519},[513,706,707],{"class":523},"TresAmbientLight",[513,709,659],{"class":519},[513,711,713,716,718],{"class":515,"line":712},14,[513,714,715],{"class":519},"  \u003C/",[513,717,633],{"class":523},[513,719,546],{"class":519},[513,721,723,725,727],{"class":515,"line":722},15,[513,724,603],{"class":519},[513,726,622],{"class":523},[513,728,546],{"class":519},[496,730,732],{"id":731},"with-tresdirectionallight","With TresDirectionalLight",[484,734,735],{},"By default, sparkles appear on the up-facing vertices. However, you can pass a directional light to the component. Moving the directional light will cause \"lit\" vertices to emit sparkles.",[501,737,741],{"className":503,"code":738,"highlights":739,"language":508,"meta":509,"style":509},"\u003Cscript setup lang=\"ts\">\nimport { TresCanvas } from '@tresjs/core'\nimport { Sparkles } from '@tresjs/cientos'\nimport { shallowRef } from 'vue'\n\nconst directionalLightRef = shallowRef()\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas>\n    \u003CTresPerspectiveCamera :position=\"[0, 3, 5]\" />\n    \u003CTresMesh>\n      \u003CTresSphereGeometry />\n      \u003CSparkles :directional-light=\"directionalLightRef\" />\n    \u003C/TresMesh>\n    \u003CTresDirectionalLight\n      ref=\"directionalLightRef\"\n      :position=\"[3, 3, 3]\"\n      :intensity=\"2\"\n    />\n    \u003CTresAmbientLight />\n  \u003C/TresCanvas>\n\u003C/template>\n",[617,712,740],17,[487,742,743,763,781,799,818,822,839,847,851,859,867,885,893,901,922,930,938,953,968,983,989,998,1007],{"__ignoreMap":509},[513,744,745,747,749,751,753,755,757,759,761],{"class":515,"line":516},[513,746,520],{"class":519},[513,748,524],{"class":523},[513,750,528],{"class":527},[513,752,531],{"class":527},[513,754,534],{"class":519},[513,756,537],{"class":519},[513,758,541],{"class":540},[513,760,537],{"class":519},[513,762,546],{"class":519},[513,764,765,767,769,771,773,775,777,779],{"class":515,"line":549},[513,766,553],{"class":552},[513,768,556],{"class":519},[513,770,560],{"class":559},[513,772,563],{"class":519},[513,774,566],{"class":552},[513,776,569],{"class":519},[513,778,572],{"class":540},[513,780,575],{"class":519},[513,782,783,785,787,789,791,793,795,797],{"class":515,"line":506},[513,784,553],{"class":552},[513,786,556],{"class":519},[513,788,586],{"class":559},[513,790,563],{"class":519},[513,792,566],{"class":552},[513,794,569],{"class":519},[513,796,595],{"class":540},[513,798,575],{"class":519},[513,800,801,803,805,808,810,812,814,816],{"class":515,"line":600},[513,802,553],{"class":552},[513,804,556],{"class":519},[513,806,807],{"class":559}," shallowRef",[513,809,563],{"class":519},[513,811,566],{"class":552},[513,813,569],{"class":519},[513,815,508],{"class":540},[513,817,575],{"class":519},[513,819,820],{"class":515,"line":610},[513,821,614],{"emptyLinePlaceholder":613},[513,823,825,828,831,833,836],{"class":824,"line":617},[515,579],[513,826,827],{"class":527},"const",[513,829,830],{"class":559}," directionalLightRef ",[513,832,534],{"class":519},[513,834,807],{"class":835},"s2Zo4",[513,837,838],{"class":559},"()\n",[513,840,841,843,845],{"class":515,"line":627},[513,842,603],{"class":519},[513,844,524],{"class":523},[513,846,546],{"class":519},[513,848,849],{"class":515,"line":638},[513,850,614],{"emptyLinePlaceholder":613},[513,852,853,855,857],{"class":515,"line":662},[513,854,520],{"class":519},[513,856,622],{"class":523},[513,858,546],{"class":519},[513,860,861,863,865],{"class":515,"line":672},[513,862,630],{"class":519},[513,864,633],{"class":523},[513,866,546],{"class":519},[513,868,869,871,873,875,877,879,881,883],{"class":515,"line":507},[513,870,641],{"class":519},[513,872,644],{"class":523},[513,874,647],{"class":527},[513,876,534],{"class":519},[513,878,537],{"class":519},[513,880,654],{"class":540},[513,882,537],{"class":519},[513,884,659],{"class":519},[513,886,887,889,891],{"class":515,"line":692},[513,888,641],{"class":519},[513,890,667],{"class":523},[513,892,546],{"class":519},[513,894,895,897,899],{"class":515,"line":702},[513,896,675],{"class":519},[513,898,678],{"class":523},[513,900,659],{"class":519},[513,902,904,906,908,911,913,915,918,920],{"class":903,"line":712},[515,579],[513,905,675],{"class":519},[513,907,387],{"class":523},[513,909,910],{"class":527}," :directional-light",[513,912,534],{"class":519},[513,914,537],{"class":519},[513,916,917],{"class":540},"directionalLightRef",[513,919,537],{"class":519},[513,921,659],{"class":519},[513,923,924,926,928],{"class":515,"line":722},[513,925,695],{"class":519},[513,927,667],{"class":523},[513,929,546],{"class":519},[513,931,933,935],{"class":515,"line":932},16,[513,934,641],{"class":519},[513,936,937],{"class":523},"TresDirectionalLight\n",[513,939,941,944,946,948,950],{"class":940,"line":740},[515,579],[513,942,943],{"class":527},"      ref",[513,945,534],{"class":519},[513,947,537],{"class":519},[513,949,917],{"class":540},[513,951,952],{"class":519},"\"\n",[513,954,956,959,961,963,966],{"class":515,"line":955},18,[513,957,958],{"class":527},"      :position",[513,960,534],{"class":519},[513,962,537],{"class":519},[513,964,965],{"class":540},"[3, 3, 3]",[513,967,952],{"class":519},[513,969,971,974,976,978,981],{"class":515,"line":970},19,[513,972,973],{"class":527},"      :intensity",[513,975,534],{"class":519},[513,977,537],{"class":519},[513,979,980],{"class":540},"2",[513,982,952],{"class":519},[513,984,986],{"class":515,"line":985},20,[513,987,988],{"class":519},"    />\n",[513,990,992,994,996],{"class":515,"line":991},21,[513,993,641],{"class":519},[513,995,707],{"class":523},[513,997,659],{"class":519},[513,999,1001,1003,1005],{"class":515,"line":1000},22,[513,1002,715],{"class":519},[513,1004,633],{"class":523},[513,1006,546],{"class":519},[513,1008,1010,1012,1014],{"class":515,"line":1009},23,[513,1011,603],{"class":519},[513,1013,622],{"class":523},[513,1015,546],{"class":519},[496,1017,1019],{"id":1018},"sequences","Sequences",[484,1021,1022,1023,1026,1027,1032,1033,1035,1036,1039],{},"All props beginning with ",[487,1024,1025],{},":sequence-"," are used to define how a particle changes as it progresses ",[1028,1029,1031],"a",{"href":1030},"#mixes","(See also: Mixes)",". ",[487,1034,1025],{}," props are of the type ",[487,1037,1038],{},"Gradient\u003CT>",", which can be any one of:",[1041,1042,1043,1050,1056],"ul",{},[1044,1045,1046,1049],"li",{},[487,1047,1048],{},"T",": a single value",[1044,1051,1052,1055],{},[487,1053,1054],{},"[T, T, T, ...]",": an evenly distributed series of values",[1044,1057,1058,1061,1062,1065,1066,1069,1070,1073],{},[487,1059,1060],{},"[[number, T], [number, T], ...]",": an unevently distributed series of values, where ",[487,1063,1064],{},"number"," is a gradient \"stop\" from ",[487,1067,1068],{},"0"," to ",[487,1071,1072],{},"1",".",[484,1075,1076,1077,1080],{},"For example, all of these are acceptable values for ",[487,1078,1079],{},"Gradient\u003CTresColor>",":",[1041,1082,1083,1088,1093],{},[1044,1084,1085],{},[487,1086,1087],{},"'red'",[1044,1089,1090],{},[487,1091,1092],{},"['red', 'blue', 'green']",[1044,1094,1095],{},[487,1096,1097],{},"[[0.1, 'red'], [0.25, 'blue'], [0.5, 'green']]",[501,1099,1102],{"className":503,"code":1100,"highlights":1101,"language":508,"meta":509,"style":509},"\u003Cscript setup lang=\"ts\">\nimport { TresCanvas } from '@tresjs/core'\nimport { Sparkles } from '@tresjs/cientos'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas>\n    \u003CTresPerspectiveCamera :position=\"[0, 3, 5]\" />\n    \u003CTresMesh>\n      \u003CTresSphereGeometry />\n      \u003CSparkles\n        :sequence-color=\"['red', 'blue', 'green']\"\n        :sequence-alpha=\"[[0.0, 0.0], [0.10, 1.0], [0.5, 1.0], [0.9, 0.0]]\"\n        :sequence-size=\"[0.0, 1.0, 0.5]\"\n      />\n    \u003C/TresMesh>\n    \u003CTresAmbientLight />\n  \u003C/TresCanvas>\n\u003C/template>\n",[507,692,702,712],[487,1103,1104,1124,1142,1160,1168,1172,1180,1188,1206,1214,1222,1230,1244,1259,1274,1279,1287,1295,1303],{"__ignoreMap":509},[513,1105,1106,1108,1110,1112,1114,1116,1118,1120,1122],{"class":515,"line":516},[513,1107,520],{"class":519},[513,1109,524],{"class":523},[513,1111,528],{"class":527},[513,1113,531],{"class":527},[513,1115,534],{"class":519},[513,1117,537],{"class":519},[513,1119,541],{"class":540},[513,1121,537],{"class":519},[513,1123,546],{"class":519},[513,1125,1126,1128,1130,1132,1134,1136,1138,1140],{"class":515,"line":549},[513,1127,553],{"class":552},[513,1129,556],{"class":519},[513,1131,560],{"class":559},[513,1133,563],{"class":519},[513,1135,566],{"class":552},[513,1137,569],{"class":519},[513,1139,572],{"class":540},[513,1141,575],{"class":519},[513,1143,1144,1146,1148,1150,1152,1154,1156,1158],{"class":515,"line":506},[513,1145,553],{"class":552},[513,1147,556],{"class":519},[513,1149,586],{"class":559},[513,1151,563],{"class":519},[513,1153,566],{"class":552},[513,1155,569],{"class":519},[513,1157,595],{"class":540},[513,1159,575],{"class":519},[513,1161,1162,1164,1166],{"class":515,"line":600},[513,1163,603],{"class":519},[513,1165,524],{"class":523},[513,1167,546],{"class":519},[513,1169,1170],{"class":515,"line":610},[513,1171,614],{"emptyLinePlaceholder":613},[513,1173,1174,1176,1178],{"class":515,"line":617},[513,1175,520],{"class":519},[513,1177,622],{"class":523},[513,1179,546],{"class":519},[513,1181,1182,1184,1186],{"class":515,"line":627},[513,1183,630],{"class":519},[513,1185,633],{"class":523},[513,1187,546],{"class":519},[513,1189,1190,1192,1194,1196,1198,1200,1202,1204],{"class":515,"line":638},[513,1191,641],{"class":519},[513,1193,644],{"class":523},[513,1195,647],{"class":527},[513,1197,534],{"class":519},[513,1199,537],{"class":519},[513,1201,654],{"class":540},[513,1203,537],{"class":519},[513,1205,659],{"class":519},[513,1207,1208,1210,1212],{"class":515,"line":662},[513,1209,641],{"class":519},[513,1211,667],{"class":523},[513,1213,546],{"class":519},[513,1215,1216,1218,1220],{"class":515,"line":672},[513,1217,675],{"class":519},[513,1219,678],{"class":523},[513,1221,659],{"class":519},[513,1223,1225,1227],{"class":1224,"line":507},[515,579],[513,1226,675],{"class":519},[513,1228,1229],{"class":523},"Sparkles\n",[513,1231,1233,1236,1238,1240,1242],{"class":1232,"line":692},[515,579],[513,1234,1235],{"class":527},"        :sequence-color",[513,1237,534],{"class":519},[513,1239,537],{"class":519},[513,1241,1092],{"class":540},[513,1243,952],{"class":519},[513,1245,1247,1250,1252,1254,1257],{"class":1246,"line":702},[515,579],[513,1248,1249],{"class":527},"        :sequence-alpha",[513,1251,534],{"class":519},[513,1253,537],{"class":519},[513,1255,1256],{"class":540},"[[0.0, 0.0], [0.10, 1.0], [0.5, 1.0], [0.9, 0.0]]",[513,1258,952],{"class":519},[513,1260,1262,1265,1267,1269,1272],{"class":1261,"line":712},[515,579],[513,1263,1264],{"class":527},"        :sequence-size",[513,1266,534],{"class":519},[513,1268,537],{"class":519},[513,1270,1271],{"class":540},"[0.0, 1.0, 0.5]",[513,1273,952],{"class":519},[513,1275,1276],{"class":515,"line":722},[513,1277,1278],{"class":519},"      />\n",[513,1280,1281,1283,1285],{"class":515,"line":932},[513,1282,695],{"class":519},[513,1284,667],{"class":523},[513,1286,546],{"class":519},[513,1288,1289,1291,1293],{"class":515,"line":740},[513,1290,641],{"class":519},[513,1292,707],{"class":523},[513,1294,659],{"class":519},[513,1296,1297,1299,1301],{"class":515,"line":955},[513,1298,715],{"class":519},[513,1300,633],{"class":523},[513,1302,546],{"class":519},[513,1304,1305,1307,1309],{"class":515,"line":970},[513,1306,603],{"class":519},[513,1308,622],{"class":523},[513,1310,546],{"class":519},[496,1312,1314],{"id":1313},"mixes","Mixes",[484,1316,1022,1317,1320,1321,1323,1324,1327,1328,1073],{},[487,1318,1319],{},":mix-"," allow you to specify how a particle \"progresses\" through a corresponding ",[487,1322,1025],{}," prop. E.g., ",[487,1325,1326],{},":mix-alpha"," affects ",[487,1329,1330],{},":sequence-alpha",[1041,1332,1333,1352],{},[1044,1334,1335,1336,1338,1339,1342,1343,1345,1346],{},"If the ",[487,1337,1319],{}," prop is ",[487,1340,1341],{},"0.0",", 'progress' through the ",[487,1344,1025],{}," is determined entirely by the light shining on the surface of the sparkling mesh.",[1028,1347,1349],{"href":1348},"#precisely",[1350,1351,1072],"sup",{},[1044,1353,1335,1354,1338,1356,1342,1359,1361],{},[487,1355,1319],{},[487,1357,1358],{},"1.0",[487,1360,1025],{}," is determined entirely by the particle's lifetime.",[484,1363,1364,1367,1368,1371],{},[1028,1365],{"id":1366},"precisely"," More precisely, the value is determined by the dot product of the ",[487,1369,1370],{},"directionalLight","'s inverted normalized position and each of the sparkling mesh's vertex normals.",[501,1373,1376],{"className":503,"code":1374,"highlights":1375,"language":508,"meta":509,"style":509},"\u003Cscript setup lang=\"ts\">\nimport { TresCanvas } from '@tresjs/core'\nimport { Sparkles } from '@tresjs/cientos'\nimport { shallowRef } from 'vue'\n\nconst directionalLightRef = shallowRef()\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas>\n    \u003CTresPerspectiveCamera :position=\"[0, 3, 5]\" />\n    \u003CTresMesh>\n      \u003CTresSphereGeometry />\n      \u003CSparkles\n        :directional-light=\"directionalLightRef\"\n        :mix-color=\"0.8\"\n        :mix-alpha=\"0.5\"\n        :mix-size=\"0.2\"\n      />\n    \u003C/TresMesh>\n    \u003CTresDirectionalLight\n      ref=\"directionalLightRef\"\n      :position=\"[3, 3, 3]\"\n    />\n    \u003CTresAmbientLight />\n  \u003C/TresCanvas>\n\u003C/template>\n",[506,712,722,932,740,955],[487,1377,1378,1398,1416,1435,1453,1457,1469,1477,1481,1489,1497,1515,1523,1531,1538,1552,1567,1582,1597,1601,1609,1615,1627,1639,1644,1653,1662],{"__ignoreMap":509},[513,1379,1380,1382,1384,1386,1388,1390,1392,1394,1396],{"class":515,"line":516},[513,1381,520],{"class":519},[513,1383,524],{"class":523},[513,1385,528],{"class":527},[513,1387,531],{"class":527},[513,1389,534],{"class":519},[513,1391,537],{"class":519},[513,1393,541],{"class":540},[513,1395,537],{"class":519},[513,1397,546],{"class":519},[513,1399,1400,1402,1404,1406,1408,1410,1412,1414],{"class":515,"line":549},[513,1401,553],{"class":552},[513,1403,556],{"class":519},[513,1405,560],{"class":559},[513,1407,563],{"class":519},[513,1409,566],{"class":552},[513,1411,569],{"class":519},[513,1413,572],{"class":540},[513,1415,575],{"class":519},[513,1417,1419,1421,1423,1425,1427,1429,1431,1433],{"class":1418,"line":506},[515,579],[513,1420,553],{"class":552},[513,1422,556],{"class":519},[513,1424,586],{"class":559},[513,1426,563],{"class":519},[513,1428,566],{"class":552},[513,1430,569],{"class":519},[513,1432,595],{"class":540},[513,1434,575],{"class":519},[513,1436,1437,1439,1441,1443,1445,1447,1449,1451],{"class":515,"line":600},[513,1438,553],{"class":552},[513,1440,556],{"class":519},[513,1442,807],{"class":559},[513,1444,563],{"class":519},[513,1446,566],{"class":552},[513,1448,569],{"class":519},[513,1450,508],{"class":540},[513,1452,575],{"class":519},[513,1454,1455],{"class":515,"line":610},[513,1456,614],{"emptyLinePlaceholder":613},[513,1458,1459,1461,1463,1465,1467],{"class":515,"line":617},[513,1460,827],{"class":527},[513,1462,830],{"class":559},[513,1464,534],{"class":519},[513,1466,807],{"class":835},[513,1468,838],{"class":559},[513,1470,1471,1473,1475],{"class":515,"line":627},[513,1472,603],{"class":519},[513,1474,524],{"class":523},[513,1476,546],{"class":519},[513,1478,1479],{"class":515,"line":638},[513,1480,614],{"emptyLinePlaceholder":613},[513,1482,1483,1485,1487],{"class":515,"line":662},[513,1484,520],{"class":519},[513,1486,622],{"class":523},[513,1488,546],{"class":519},[513,1490,1491,1493,1495],{"class":515,"line":672},[513,1492,630],{"class":519},[513,1494,633],{"class":523},[513,1496,546],{"class":519},[513,1498,1499,1501,1503,1505,1507,1509,1511,1513],{"class":515,"line":507},[513,1500,641],{"class":519},[513,1502,644],{"class":523},[513,1504,647],{"class":527},[513,1506,534],{"class":519},[513,1508,537],{"class":519},[513,1510,654],{"class":540},[513,1512,537],{"class":519},[513,1514,659],{"class":519},[513,1516,1517,1519,1521],{"class":515,"line":692},[513,1518,641],{"class":519},[513,1520,667],{"class":523},[513,1522,546],{"class":519},[513,1524,1525,1527,1529],{"class":515,"line":702},[513,1526,675],{"class":519},[513,1528,678],{"class":523},[513,1530,659],{"class":519},[513,1532,1534,1536],{"class":1533,"line":712},[515,579],[513,1535,675],{"class":519},[513,1537,1229],{"class":523},[513,1539,1541,1544,1546,1548,1550],{"class":1540,"line":722},[515,579],[513,1542,1543],{"class":527},"        :directional-light",[513,1545,534],{"class":519},[513,1547,537],{"class":519},[513,1549,917],{"class":540},[513,1551,952],{"class":519},[513,1553,1555,1558,1560,1562,1565],{"class":1554,"line":932},[515,579],[513,1556,1557],{"class":527},"        :mix-color",[513,1559,534],{"class":519},[513,1561,537],{"class":519},[513,1563,1564],{"class":540},"0.8",[513,1566,952],{"class":519},[513,1568,1570,1573,1575,1577,1580],{"class":1569,"line":740},[515,579],[513,1571,1572],{"class":527},"        :mix-alpha",[513,1574,534],{"class":519},[513,1576,537],{"class":519},[513,1578,1579],{"class":540},"0.5",[513,1581,952],{"class":519},[513,1583,1585,1588,1590,1592,1595],{"class":1584,"line":955},[515,579],[513,1586,1587],{"class":527},"        :mix-size",[513,1589,534],{"class":519},[513,1591,537],{"class":519},[513,1593,1594],{"class":540},"0.2",[513,1596,952],{"class":519},[513,1598,1599],{"class":515,"line":970},[513,1600,1278],{"class":519},[513,1602,1603,1605,1607],{"class":515,"line":985},[513,1604,695],{"class":519},[513,1606,667],{"class":523},[513,1608,546],{"class":519},[513,1610,1611,1613],{"class":515,"line":991},[513,1612,641],{"class":519},[513,1614,937],{"class":523},[513,1616,1617,1619,1621,1623,1625],{"class":515,"line":1000},[513,1618,943],{"class":527},[513,1620,534],{"class":519},[513,1622,537],{"class":519},[513,1624,917],{"class":540},[513,1626,952],{"class":519},[513,1628,1629,1631,1633,1635,1637],{"class":515,"line":1009},[513,1630,958],{"class":527},[513,1632,534],{"class":519},[513,1634,537],{"class":519},[513,1636,965],{"class":540},[513,1638,952],{"class":519},[513,1640,1642],{"class":515,"line":1641},24,[513,1643,988],{"class":519},[513,1645,1647,1649,1651],{"class":515,"line":1646},25,[513,1648,641],{"class":519},[513,1650,707],{"class":523},[513,1652,659],{"class":519},[513,1654,1656,1658,1660],{"class":515,"line":1655},26,[513,1657,715],{"class":519},[513,1659,633],{"class":523},[513,1661,546],{"class":519},[513,1663,1665,1667,1669],{"class":515,"line":1664},27,[513,1666,603],{"class":519},[513,1668,622],{"class":523},[513,1670,546],{"class":519},[492,1672,1674],{"id":1673},"props","Props",[1676,1677,1678,1692],"table",{},[1679,1680,1681],"thead",{},[1682,1683,1684,1689],"tr",{},[1685,1686,1688],"th",{"align":1687},"left","Name",[1685,1690,1691],{"align":1687},"Description",[1693,1694,1695,1722,1757,1780,1801,1822,1843,1864,1884,1905,1925,1945,1965,1985,2005,2034,2055,2077,2098,2119,2140,2174,2195,2215,2236,2256,2276,2298,2320],"tbody",{},[1682,1696,1697,1704],{},[1698,1699,1700],"td",{"align":1687},[1701,1702,1703],"strong",{},"map",[1698,1705,1706,1707,1710,1713,1714,1717,1719,1721],{"align":1687},"Type: ",[487,1708,1709],{},"Texture | string",[1711,1712],"br",{},"Default: ",[487,1715,1716],{},"'https://raw.githubusercontent.com/Tresjs/asset...'",[1711,1718],{},[1711,1720],{},"Texture or image path for individual sparkles",[1682,1723,1724,1729],{},[1698,1725,1726],{"align":1687},[1701,1727,1728],{},"geometry",[1698,1730,1706,1731,1734,1713,1736,1739,1741,1743,1744,1746],{"align":1687},[487,1732,1733],{},"Object3D | BufferGeometry",[1711,1735],{},[487,1737,1738],{},"undefined",[1711,1740],{},[1711,1742],{},"Vertices of the geometry will be used to emit sparkles. Geometry normals are used for sparkles' traveling direction and for responding to the directional light prop.",[1711,1745],{},[1041,1747,1748,1751,1754],{},[1044,1749,1750],{},"If provided, the component will use the passed geometry.",[1044,1752,1753],{},"If no geometry is provided, the component will try to make a copy of the parent object's geometry.",[1044,1755,1756],{},"If no parent geometry exists, the component will create and use an IcosphereGeometry.",[1682,1758,1759,1763],{},[1698,1760,1761],{"align":1687},[1701,1762,1370],{},[1698,1764,1706,1765,1768,1713,1770,1772,1774,1776,1777,1779],{"align":1687},[487,1766,1767],{},"Object3D",[1711,1769],{},[487,1771,1738],{},[1711,1773],{},[1711,1775],{},"Particles \"light up\" when their normal \"faces\" the light. If no ",[487,1778,1370],{}," is provided, the default \"up\" vector will be used.",[1682,1781,1782,1787],{},[1698,1783,1784],{"align":1687},[1701,1785,1786],{},"lifetimeSec",[1698,1788,1706,1789,1791,1713,1793,1796,1798,1800],{"align":1687},[487,1790,1064],{},[1711,1792],{},[487,1794,1795],{},"0.4",[1711,1797],{},[1711,1799],{},"Particle lifetime in seconds",[1682,1802,1803,1808],{},[1698,1804,1805],{"align":1687},[1701,1806,1807],{},"cooldownSec",[1698,1809,1706,1810,1812,1713,1814,1817,1819,1821],{"align":1687},[487,1811,1064],{},[1711,1813],{},[487,1815,1816],{},"2.0",[1711,1818],{},[1711,1820],{},"Particle cooldown in seconds – time between lifetime end and respawn",[1682,1823,1824,1829],{},[1698,1825,1826],{"align":1687},[1701,1827,1828],{},"normalThreshold",[1698,1830,1706,1831,1833,1713,1835,1838,1840,1842],{"align":1687},[487,1832,1064],{},[1711,1834],{},[487,1836,1837],{},"0.7",[1711,1839],{},[1711,1841],{},"Number from 0-1 indicating how closely the particle needs to be faced towards the light to \"light up\". (Lower == more flexible)",[1682,1844,1845,1850],{},[1698,1846,1847],{"align":1687},[1701,1848,1849],{},"noiseScale",[1698,1851,1706,1852,1854,1713,1856,1859,1861,1863],{"align":1687},[487,1853,1064],{},[1711,1855],{},[487,1857,1858],{},"3.0",[1711,1860],{},[1711,1862],{},"Scale of the noise period (lower == more slowly cycling noise)",[1682,1865,1866,1871],{},[1698,1867,1868],{"align":1687},[1701,1869,1870],{},"scaleNoise",[1698,1872,1706,1873,1875,1713,1877,1879,1881,1883],{"align":1687},[487,1874,1064],{},[1711,1876],{},[487,1878,1358],{},[1711,1880],{},[1711,1882],{},"Noise coefficient applied to particle scale",[1682,1885,1886,1891],{},[1698,1887,1888],{"align":1687},[1701,1889,1890],{},"offsetNoise",[1698,1892,1706,1893,1895,1713,1897,1900,1902,1904],{"align":1687},[487,1894,1064],{},[1711,1896],{},[487,1898,1899],{},"0.1",[1711,1901],{},[1711,1903],{},"Noise coefficient applied to particle offset",[1682,1906,1907,1912],{},[1698,1908,1909],{"align":1687},[1701,1910,1911],{},"lifetimeNoise",[1698,1913,1706,1914,1916,1713,1918,1920,1922,1924],{"align":1687},[487,1915,1064],{},[1711,1917],{},[487,1919,1341],{},[1711,1921],{},[1711,1923],{},"Noise coefficient applied to particle lifetime",[1682,1926,1927,1932],{},[1698,1928,1929],{"align":1687},[1701,1930,1931],{},"size",[1698,1933,1706,1934,1936,1713,1938,1940,1942,1944],{"align":1687},[487,1935,1064],{},[1711,1937],{},[487,1939,1358],{},[1711,1941],{},[1711,1943],{},"Particle scale multiplier",[1682,1946,1947,1952],{},[1698,1948,1949],{"align":1687},[1701,1950,1951],{},"alpha",[1698,1953,1706,1954,1956,1713,1958,1960,1962,1964],{"align":1687},[487,1955,1064],{},[1711,1957],{},[487,1959,1358],{},[1711,1961],{},[1711,1963],{},"Opacity multiplier",[1682,1966,1967,1972],{},[1698,1968,1969],{"align":1687},[1701,1970,1971],{},"offset",[1698,1973,1706,1974,1976,1713,1978,1980,1982,1984],{"align":1687},[487,1975,1064],{},[1711,1977],{},[487,1979,1358],{},[1711,1981],{},[1711,1983],{},"Offset multiplier",[1682,1986,1987,1992],{},[1698,1988,1989],{"align":1687},[1701,1990,1991],{},"surfaceDistance",[1698,1993,1706,1994,1996,1713,1998,2000,2002,2004],{"align":1687},[487,1995,1064],{},[1711,1997],{},[487,1999,1358],{},[1711,2001],{},[1711,2003],{},"Surface distance multiplier",[1682,2006,2007,2012],{},[1698,2008,2009],{"align":1687},[1701,2010,2011],{},"sequenceColor",[1698,2013,1706,2014,2016,1713,2018,2021,2023,2025,2026,2030,2031,2033],{"align":1687},[487,2015,1079],{},[1711,2017],{},[487,2019,2020],{},"[[0.7, '#82dbc5'], [0.8, '#fbb03b']]",[1711,2022],{},[1711,2024],{},"'",[2027,2028,2029],"em",{},"Sequence' props: specify how a particle changes as it \"progresses\". See also \"mix","\" props.",[1711,2032],{},"Color sequence as particles progress",[1682,2035,2036,2041],{},[1698,2037,2038],{"align":1687},[1701,2039,2040],{},"sequenceAlpha",[1698,2042,1706,2043,2046,1713,2048,2050,2052,2054],{"align":1687},[487,2044,2045],{},"Gradient\u003Cnumber>",[1711,2047],{},[487,2049,1256],{},[1711,2051],{},[1711,2053],{},"Opacity sequence as particles progress",[1682,2056,2057,2062],{},[1698,2058,2059],{"align":1687},[1701,2060,2061],{},"sequenceOffset",[1698,2063,1706,2064,2067,1713,2069,2072,2074,2076],{"align":1687},[487,2065,2066],{},"Gradient\u003C[number, number, number]>",[1711,2068],{},[487,2070,2071],{},"[0.0, 0.0, 0.0]",[1711,2073],{},[1711,2075],{},"Distance sequence as particles progress",[1682,2078,2079,2084],{},[1698,2080,2081],{"align":1687},[1701,2082,2083],{},"sequenceNoise",[1698,2085,1706,2086,2088,1713,2090,2093,2095,2097],{"align":1687},[487,2087,2066],{},[1711,2089],{},[487,2091,2092],{},"[0.1, 0.1, 0.1]",[1711,2094],{},[1711,2096],{},"Noise sequence as particles progress",[1682,2099,2100,2105],{},[1698,2101,2102],{"align":1687},[1701,2103,2104],{},"sequenceSize",[1698,2106,1706,2107,2109,1713,2111,2114,2116,2118],{"align":1687},[487,2108,2045],{},[1711,2110],{},[487,2112,2113],{},"[0.0, 1.0]",[1711,2115],{},[1711,2117],{},"Size sequence as particles progress",[1682,2120,2121,2126],{},[1698,2122,2123],{"align":1687},[1701,2124,2125],{},"sequenceSurfaceDistance",[1698,2127,1706,2128,2130,1713,2132,2135,2137,2139],{"align":1687},[487,2129,2045],{},[1711,2131],{},[487,2133,2134],{},"[0.05, 0.08, 0.1]",[1711,2136],{},[1711,2138],{},"Distance from surface (along normal) as particles progress",[1682,2141,2142,2147],{},[1698,2143,2144],{"align":1687},[1701,2145,2146],{},"mixColor",[1698,2148,1706,2149,2151,1713,2153,2155,2157,2159,2160,2162,2170,2171,2173],{"align":1687},[487,2150,1064],{},[1711,2152],{},[487,2154,1579],{},[1711,2156],{},[1711,2158],{},"'mix*' props: A particle \"progresses\" with a mix of two factors:",[1711,2161],{},[1041,2163,2164,2167],{},[1044,2165,2166],{},"its normal \"facing\" the directionalLight",[1044,2168,2169],{},"its lifetime","'mix*' props specify the relationship between the two factors.",[1711,2172],{},"How is a particle's progress for color calculated? (0: normal, 1: particle lifetime)",[1682,2175,2176,2181],{},[1698,2177,2178],{"align":1687},[1701,2179,2180],{},"mixAlpha",[1698,2182,1706,2183,2185,1713,2187,2190,2192,2194],{"align":1687},[487,2184,1064],{},[1711,2186],{},[487,2188,2189],{},"1.",[1711,2191],{},[1711,2193],{},"How is a particle's progress for alpha calculated? (0: normal, 1: particle lifetime)",[1682,2196,2197,2202],{},[1698,2198,2199],{"align":1687},[1701,2200,2201],{},"mixOffset",[1698,2203,1706,2204,2206,1713,2208,2210,2212,2214],{"align":1687},[487,2205,1064],{},[1711,2207],{},[487,2209,2189],{},[1711,2211],{},[1711,2213],{},"How is a particle's progress for offset calculated? (0: normal, 1: particle lifetime)",[1682,2216,2217,2222],{},[1698,2218,2219],{"align":1687},[1701,2220,2221],{},"mixSize",[1698,2223,1706,2224,2226,1713,2228,2231,2233,2235],{"align":1687},[487,2225,1064],{},[1711,2227],{},[487,2229,2230],{},"0.",[1711,2232],{},[1711,2234],{},"How is a particle's progress for size calculated? (0: normal, 1: particle lifetime)",[1682,2237,2238,2243],{},[1698,2239,2240],{"align":1687},[1701,2241,2242],{},"mixSurfaceDistance",[1698,2244,1706,2245,2247,1713,2249,2251,2253,2255],{"align":1687},[487,2246,1064],{},[1711,2248],{},[487,2250,2189],{},[1711,2252],{},[1711,2254],{},"How is a particle's progress for surface distance calculated? (0: normal, 1: particle lifetime)",[1682,2257,2258,2263],{},[1698,2259,2260],{"align":1687},[1701,2261,2262],{},"mixNoise",[1698,2264,1706,2265,2267,1713,2269,2271,2273,2275],{"align":1687},[487,2266,1064],{},[1711,2268],{},[487,2270,2189],{},[1711,2272],{},[1711,2274],{},"How is a particle's progress for lifetime calculated? (0: normal, 1: particle lifetime)",[1682,2277,2278,2283],{},[1698,2279,2280],{"align":1687},[1701,2281,2282],{},"blending",[1698,2284,1706,2285,2288,1713,2290,2293,2295,2297],{"align":1687},[487,2286,2287],{},"Blending",[1711,2289],{},[487,2291,2292],{},"AdditiveBlending",[1711,2294],{},[1711,2296],{},"Material blending",[1682,2299,2300,2305],{},[1698,2301,2302],{"align":1687},[1701,2303,2304],{},"transparent",[1698,2306,1706,2307,2310,1713,2312,2315,2317,2319],{"align":1687},[487,2308,2309],{},"boolean",[1711,2311],{},[487,2313,2314],{},"true",[1711,2316],{},[1711,2318],{},"Material transparency",[1682,2321,2322,2327],{},[1698,2323,2324],{"align":1687},[1701,2325,2326],{},"depthWrite",[1698,2328,1706,2329,2331,1713,2333,2336,2338,2340],{"align":1687},[487,2330,2309],{},[1711,2332],{},[487,2334,2335],{},"false",[1711,2337],{},[1711,2339],{},"Material depth write",[2342,2343,2344],"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);}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}",{"title":509,"searchDepth":516,"depth":549,"links":2346},[2347,2353],{"id":494,"depth":549,"text":15,"children":2348},[2349,2350,2351,2352],{"id":498,"depth":506,"text":499},{"id":731,"depth":506,"text":732},{"id":1018,"depth":506,"text":1019},{"id":1313,"depth":506,"text":1314},{"id":1673,"depth":549,"text":1674},"Makes sparkles on geometry vertices, optionally guided by directional light.","md",null,{},{"title":387,"description":2354},"HM8JeL6MyPB0GIa8xnkj-A_wEWc2xfe0JgLNTCfq1Wg",[2361,2363],{"title":383,"path":384,"stem":385,"description":2362,"children":-1},"Beautiful smoke, cloud, and fog effect using textures and transparency.",{"title":391,"path":392,"stem":393,"description":2364,"children":-1},"Creates a complete stage setup with lighting, shadows, and environment.",1782052434483]