[{"data":1,"prerenderedAt":5287},["ShallowReactive",2],{"navigation":3,"/api/light-shadow":490,"/api/light-shadow-surround":511,"light-shadow-list":516},[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":327,"body":492,"description":504,"extension":505,"links":506,"meta":507,"navigation":508,"path":328,"seo":509,"stem":329,"__hash__":510},"docs/2.api/7.light-shadow/index.md",{"type":493,"value":494,"toc":499},"minimark",[495],[496,497],"api-list",{"list-name":498},"light-shadow-list",{"title":500,"searchDepth":501,"depth":502,"links":503},"",1,2,[],"All light and shadow components","md",null,{},true,{"title":327,"description":504},"B0bNYRR6uHrMAPYM97O4pO0XgKVI2RHigAOH6CRDa_0",[512,514],{"title":323,"path":324,"stem":325,"description":513,"children":-1},"Speed up raycasting with Bounding Volume Hierarchy (BVH) optimization.",{"title":333,"path":334,"stem":335,"description":515,"children":-1},"DirectionalLight-based shadow component with progressive accumulation.",[517,1167,1779,2193,2680,4242,4885],{"id":518,"title":333,"body":519,"description":515,"extension":505,"links":506,"meta":1164,"navigation":508,"path":334,"seo":1165,"stem":335,"__hash__":1166},"docs/2.api/7.light-shadow/accumulative-shadows.md",{"type":493,"value":520,"toc":1159},[521,527,547,551,901,905,1121,1125,1135,1155],[522,523,524],"scene-controls-wrapper",{},[525,526],"light-shadow-accumulative-shadows",{},[528,529,530,534,535,538,539,546],"p",{},[531,532,533],"code",{},"\u003CAccumulativeShadows />"," is a ",[531,536,537],{},"THREE.DirectionalLight","-based shadow component. It displays shadows on a single shadow catcher plane, included in the component. It is based on ",[540,541,545],"a",{"href":542,"rel":543},"http://drei.docs.pmnd.rs/staging/accumulative-shadows",[544],"nofollow","Drei component of the same name",".",[548,549,15],"h2",{"id":550},"usage",[552,553,563],"pre",{"className":554,"code":555,"highlights":556,"language":562,"meta":500,"style":500},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { AccumulativeShadows } from '@tresjs/cientos'\nimport { TresCanvas } from '@tresjs/core'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas clear-color=\"#fbb03b\" :shadows=\"true\">\n      \u003CTresPerspectiveCamera\n      :look-at=\"[0, 0, 0]\"\n    />\n    \u003CTresMesh :position-y=\"0.3\" :scale=\"0.4\" :cast-shadow=\"true\">\n      \u003CTresTorusKnotGeometry />\n      \u003CTresMeshNormalMaterial />\n    \u003C/TresMesh>\n    \u003CAccumulativeShadows\n      :blend=\"100\"\n      color=\"#fbb03b\"\n      once\n      :position-y=\"-0.4\"\n    />\n  \u003C/TresCanvas>\n\u003C/template>\n",[502,557,558,559,560,561],15,16,17,18,19,"vue",[531,564,565,599,629,650,660,666,676,711,720,736,742,788,799,809,819,827,842,856,862,877,882,892],{"__ignoreMap":500},[566,567,569,573,577,581,584,587,590,594,596],"span",{"class":568,"line":501},"line",[566,570,572],{"class":571},"sMK4o","\u003C",[566,574,576],{"class":575},"swJcz","script",[566,578,580],{"class":579},"spNyl"," setup",[566,582,583],{"class":579}," lang",[566,585,586],{"class":571},"=",[566,588,589],{"class":571},"\"",[566,591,593],{"class":592},"sfazB","ts",[566,595,589],{"class":571},[566,597,598],{"class":571},">\n",[566,600,603,607,610,614,617,620,623,626],{"class":601,"line":502},[568,602],"highlight",[566,604,606],{"class":605},"s7zQu","import",[566,608,609],{"class":571}," {",[566,611,613],{"class":612},"sTEyZ"," AccumulativeShadows",[566,615,616],{"class":571}," }",[566,618,619],{"class":605}," from",[566,621,622],{"class":571}," '",[566,624,625],{"class":592},"@tresjs/cientos",[566,627,628],{"class":571},"'\n",[566,630,632,634,636,639,641,643,645,648],{"class":568,"line":631},3,[566,633,606],{"class":605},[566,635,609],{"class":571},[566,637,638],{"class":612}," TresCanvas",[566,640,616],{"class":571},[566,642,619],{"class":605},[566,644,622],{"class":571},[566,646,647],{"class":592},"@tresjs/core",[566,649,628],{"class":571},[566,651,653,656,658],{"class":568,"line":652},4,[566,654,655],{"class":571},"\u003C/",[566,657,576],{"class":575},[566,659,598],{"class":571},[566,661,663],{"class":568,"line":662},5,[566,664,665],{"emptyLinePlaceholder":508},"\n",[566,667,669,671,674],{"class":568,"line":668},6,[566,670,572],{"class":571},[566,672,673],{"class":575},"template",[566,675,598],{"class":571},[566,677,679,682,685,688,690,692,695,697,700,702,704,707,709],{"class":568,"line":678},7,[566,680,681],{"class":571},"  \u003C",[566,683,684],{"class":575},"TresCanvas",[566,686,687],{"class":579}," clear-color",[566,689,586],{"class":571},[566,691,589],{"class":571},[566,693,694],{"class":592},"#fbb03b",[566,696,589],{"class":571},[566,698,699],{"class":579}," :shadows",[566,701,586],{"class":571},[566,703,589],{"class":571},[566,705,706],{"class":592},"true",[566,708,589],{"class":571},[566,710,598],{"class":571},[566,712,714,717],{"class":568,"line":713},8,[566,715,716],{"class":571},"      \u003C",[566,718,719],{"class":575},"TresPerspectiveCamera\n",[566,721,723,726,728,730,733],{"class":568,"line":722},9,[566,724,725],{"class":579},"      :look-at",[566,727,586],{"class":571},[566,729,589],{"class":571},[566,731,732],{"class":592},"[0, 0, 0]",[566,734,735],{"class":571},"\"\n",[566,737,739],{"class":568,"line":738},10,[566,740,741],{"class":571},"    />\n",[566,743,745,748,751,754,756,758,761,763,766,768,770,773,775,778,780,782,784,786],{"class":568,"line":744},11,[566,746,747],{"class":571},"    \u003C",[566,749,750],{"class":575},"TresMesh",[566,752,753],{"class":579}," :position-y",[566,755,586],{"class":571},[566,757,589],{"class":571},[566,759,760],{"class":592},"0.3",[566,762,589],{"class":571},[566,764,765],{"class":579}," :scale",[566,767,586],{"class":571},[566,769,589],{"class":571},[566,771,772],{"class":592},"0.4",[566,774,589],{"class":571},[566,776,777],{"class":579}," :cast-shadow",[566,779,586],{"class":571},[566,781,589],{"class":571},[566,783,706],{"class":592},[566,785,589],{"class":571},[566,787,598],{"class":571},[566,789,791,793,796],{"class":568,"line":790},12,[566,792,716],{"class":571},[566,794,795],{"class":575},"TresTorusKnotGeometry",[566,797,798],{"class":571}," />\n",[566,800,802,804,807],{"class":568,"line":801},13,[566,803,716],{"class":571},[566,805,806],{"class":575},"TresMeshNormalMaterial",[566,808,798],{"class":571},[566,810,812,815,817],{"class":568,"line":811},14,[566,813,814],{"class":571},"    \u003C/",[566,816,750],{"class":575},[566,818,598],{"class":571},[566,820,822,824],{"class":821,"line":557},[568,602],[566,823,747],{"class":571},[566,825,826],{"class":575},"AccumulativeShadows\n",[566,828,830,833,835,837,840],{"class":829,"line":558},[568,602],[566,831,832],{"class":579},"      :blend",[566,834,586],{"class":571},[566,836,589],{"class":571},[566,838,839],{"class":592},"100",[566,841,735],{"class":571},[566,843,845,848,850,852,854],{"class":844,"line":559},[568,602],[566,846,847],{"class":579},"      color",[566,849,586],{"class":571},[566,851,589],{"class":571},[566,853,694],{"class":592},[566,855,735],{"class":571},[566,857,859],{"class":858,"line":560},[568,602],[566,860,861],{"class":579},"      once\n",[566,863,865,868,870,872,875],{"class":864,"line":561},[568,602],[566,866,867],{"class":579},"      :position-y",[566,869,586],{"class":571},[566,871,589],{"class":571},[566,873,874],{"class":592},"-0.4",[566,876,735],{"class":571},[566,878,880],{"class":568,"line":879},20,[566,881,741],{"class":571},[566,883,885,888,890],{"class":568,"line":884},21,[566,886,887],{"class":571},"  \u003C/",[566,889,684],{"class":575},[566,891,598],{"class":571},[566,893,895,897,899],{"class":568,"line":894},22,[566,896,655],{"class":571},[566,898,673],{"class":575},[566,900,598],{"class":571},[548,902,904],{"id":903},"props","Props",[906,907,908,924],"table",{},[909,910,911],"thead",{},[912,913,914,918,921],"tr",{},[915,916,917],"th",{},"Prop",[915,919,920],{},"Description",[915,922,923],{},"Default",[925,926,927,943,957,982,999,1017,1032,1047,1062,1077,1092,1107],"tbody",{},[912,928,929,935,938],{},[930,931,932],"td",{},[531,933,934],{},"once",[930,936,937],{},"Whether shadow creation only happens once (resets after props change)",[930,939,940],{},[531,941,942],{},"false",[912,944,945,950,953],{},[930,946,947],{},[531,948,949],{},"accumulate",[930,951,952],{},"Whether shadows accumulate progressively over several frames",[930,954,955],{},[531,956,706],{},[912,958,959,964,977],{},[930,960,961],{},[531,962,963],{},"frames",[930,965,966,967,970,971,973,974,976],{},"Number of frames to render. More yields cleaner results but takes more time. If ",[531,968,969],{},"accumulate && once",", 1 frame will be consumed every update for ",[531,972,963],{}," updates. Otherwise, ",[531,975,963],{}," frames are consumed for every update.",[930,978,979],{},[531,980,981],{},"40",[912,983,984,989,995],{},[930,985,986],{},[531,987,988],{},"blend",[930,990,991,992,994],{},"If ",[531,993,949],{},", controls the refresh ratio",[930,996,997],{},[531,998,839],{},[912,1000,1001,1006,1013],{},[930,1002,1003],{},[531,1004,1005],{},"limit",[930,1007,1008,1009,1012],{},"If less than ",[531,1010,1011],{},"Infinity",", limits the amount of frames rendered. Use this to increase performance once a movable scene has settled",[930,1014,1015],{},[531,1016,1011],{},[912,1018,1019,1024,1027],{},[930,1020,1021],{},[531,1022,1023],{},"scale",[930,1025,1026],{},"Scale of the plane",[930,1028,1029],{},[531,1030,1031],{},"10",[912,1033,1034,1039,1042],{},[930,1035,1036],{},[531,1037,1038],{},"opacity",[930,1040,1041],{},"Opacity of the plane",[930,1043,1044],{},[531,1045,1046],{},"1",[912,1048,1049,1054,1057],{},[930,1050,1051],{},[531,1052,1053],{},"alphaTest",[930,1055,1056],{},"Discards alpha pixels",[930,1058,1059],{},[531,1060,1061],{},"0.65",[912,1063,1064,1069,1072],{},[930,1065,1066],{},[531,1067,1068],{},"color",[930,1070,1071],{},"Shadow color",[930,1073,1074],{},[531,1075,1076],{},"'black'",[912,1078,1079,1084,1088],{},[930,1080,1081],{},[531,1082,1083],{},"colorBlend",[930,1085,1008,1086,1012],{},[531,1087,1011],{},[930,1089,1090],{},[531,1091,1011],{},[912,1093,1094,1099,1102],{},[930,1095,1096],{},[531,1097,1098],{},"resolution",[930,1100,1101],{},"Buffer resolution",[930,1103,1104],{},[531,1105,1106],{},"1024",[912,1108,1109,1114,1117],{},[930,1110,1111],{},[531,1112,1113],{},"toneMapped",[930,1115,1116],{},"Texture tonemapping",[930,1118,1119],{},[531,1120,706],{},[548,1122,1124],{"id":1123},"slot","Slot",[528,1126,1127,1128,1131,1132,546],{},"You can bring your own lights to ",[531,1129,1130],{},"\u003CAccumulatedShadows />",", but it's designed to be used with ",[531,1133,1134],{},"\u003CRandomizedLights />",[528,1136,1137,1138,1142,1143,1145,1146,1149,1150,1154],{},"By default, there's a ",[540,1139,1140],{"href":354},[531,1141,1134],{}," instance provided in ",[531,1144,1130],{},"'s ",[531,1147,1148],{},"\u003Cslot />",". You can replace it with your own ",[540,1151,1152],{"href":354},[531,1153,1134],{}," or an alternative by passing it as a child component.",[1156,1157,1158],"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":500,"searchDepth":501,"depth":502,"links":1160},[1161,1162,1163],{"id":550,"depth":502,"text":15},{"id":903,"depth":502,"text":904},{"id":1123,"depth":502,"text":1124},{},{"title":333,"description":515},"52wZKp-YdSVGNT5yYFR1FOUZnGMwxDTUxyUOljm6OBA",{"id":1168,"title":337,"body":1169,"description":1775,"extension":505,"links":506,"meta":1776,"navigation":508,"path":338,"seo":1777,"stem":339,"__hash__":1778},"docs/2.api/7.light-shadow/bake-shadows.md",{"type":493,"value":1170,"toc":1772},[1171,1177,1191,1195,1201,1769],[1172,1173,1174],"scene-wrapper",{},[1175,1176],"light-shadow-bake-shadows",{},[528,1178,1179,1183,1184,1187,1188,1190],{},[1180,1181,1182],"strong",{},"Cientos"," provides a component called ",[531,1185,1186],{},"BakeShadows",". Basically this component set the renderer.shadowMap.autoUpdate to ",[531,1189,942],{},", so the shadows are casted just in the first frame which is really great for performance, the downside of this method is that the shadows will not be updated.",[548,1192,1194],{"id":1193},"basic-usage","Basic usage",[1196,1197,1198],"prose-warning",{},[528,1199,1200],{},"You have to set the shadows in the TresCanvas (renderer), your light sources and objects to receive and cast accordantly as you normally would do.",[552,1202,1206],{"className":554,"code":1203,"highlights":1204,"language":562,"meta":500,"style":500},"\u003Cscript setup lang=\"ts\">\nimport { BakeShadows } from '@tresjs/cientos'\nimport { TresCanvas } from '@tresjs/core'\nimport { shallowRef } from 'vue'\n\nconst cubeRef = shallowRef()\n\nfunction onLoop({ elapsed }: { elapsed: number }) {\n  if (cubeRef.value) {\n    cubeRef.value.rotation.y = elapsed * 0.5\n    cubeRef.value.rotation.x = elapsed * 0.5\n  }\n}\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas\n    clear-color=\"#82DBC5\"\n    shadows\n    @loop=\"onLoop\"\n  >\n    \u003CTresPerspectiveCamera\n      :position=\"[0, 2, 5]\"\n      :look-at=\"[0, 0, 0]\"\n    />\n    \u003CBakeShadows />\n    \u003CTresMesh\n      ref=\"cubeRef\"\n      cast-shadow\n    >\n      \u003CTresBoxGeometry />\n      \u003CTresMeshStandardMaterial color=\"orange\" />\n    \u003C/TresMesh>\n    \u003CTresMesh\n      receive-shadow\n      :position=\"[0, -2, 0]\"\n      :rotation-x=\"-Math.PI / 2\"\n    >\n      \u003CTresPlaneGeometry :args=\"[5, 5]\" />\n      \u003CTresMeshStandardMaterial :color=\"0xF7F7F7\" />\n    \u003C/TresMesh>\n    \u003CTresDirectionalLight\n      cast-shadow\n      :position=\"[0, 10, 0]\"\n    />\n  \u003C/TresCanvas>\n\u003C/template>\n\n",[502,1205],26,[531,1207,1208,1228,1248,1266,1285,1289,1305,1309,1344,1366,1397,1422,1427,1432,1440,1444,1452,1459,1473,1478,1492,1497,1503,1518,1531,1536,1545,1553,1567,1573,1579,1589,1611,1620,1627,1633,1647,1662,1667,1689,1710,1719,1727,1732,1746,1751,1760],{"__ignoreMap":500},[566,1209,1210,1212,1214,1216,1218,1220,1222,1224,1226],{"class":568,"line":501},[566,1211,572],{"class":571},[566,1213,576],{"class":575},[566,1215,580],{"class":579},[566,1217,583],{"class":579},[566,1219,586],{"class":571},[566,1221,589],{"class":571},[566,1223,593],{"class":592},[566,1225,589],{"class":571},[566,1227,598],{"class":571},[566,1229,1231,1233,1235,1238,1240,1242,1244,1246],{"class":1230,"line":502},[568,602],[566,1232,606],{"class":605},[566,1234,609],{"class":571},[566,1236,1237],{"class":612}," BakeShadows",[566,1239,616],{"class":571},[566,1241,619],{"class":605},[566,1243,622],{"class":571},[566,1245,625],{"class":592},[566,1247,628],{"class":571},[566,1249,1250,1252,1254,1256,1258,1260,1262,1264],{"class":568,"line":631},[566,1251,606],{"class":605},[566,1253,609],{"class":571},[566,1255,638],{"class":612},[566,1257,616],{"class":571},[566,1259,619],{"class":605},[566,1261,622],{"class":571},[566,1263,647],{"class":592},[566,1265,628],{"class":571},[566,1267,1268,1270,1272,1275,1277,1279,1281,1283],{"class":568,"line":652},[566,1269,606],{"class":605},[566,1271,609],{"class":571},[566,1273,1274],{"class":612}," shallowRef",[566,1276,616],{"class":571},[566,1278,619],{"class":605},[566,1280,622],{"class":571},[566,1282,562],{"class":592},[566,1284,628],{"class":571},[566,1286,1287],{"class":568,"line":662},[566,1288,665],{"emptyLinePlaceholder":508},[566,1290,1291,1294,1297,1299,1302],{"class":568,"line":668},[566,1292,1293],{"class":579},"const",[566,1295,1296],{"class":612}," cubeRef ",[566,1298,586],{"class":571},[566,1300,1274],{"class":1301},"s2Zo4",[566,1303,1304],{"class":612},"()\n",[566,1306,1307],{"class":568,"line":678},[566,1308,665],{"emptyLinePlaceholder":508},[566,1310,1311,1314,1317,1320,1324,1327,1329,1331,1334,1338,1341],{"class":568,"line":713},[566,1312,1313],{"class":579},"function",[566,1315,1316],{"class":1301}," onLoop",[566,1318,1319],{"class":571},"({",[566,1321,1323],{"class":1322},"sHdIc"," elapsed",[566,1325,1326],{"class":571}," }:",[566,1328,609],{"class":571},[566,1330,1323],{"class":575},[566,1332,1333],{"class":571},":",[566,1335,1337],{"class":1336},"sBMFI"," number",[566,1339,1340],{"class":571}," })",[566,1342,1343],{"class":571}," {\n",[566,1345,1346,1349,1352,1355,1357,1360,1363],{"class":568,"line":722},[566,1347,1348],{"class":605},"  if",[566,1350,1351],{"class":575}," (",[566,1353,1354],{"class":612},"cubeRef",[566,1356,546],{"class":571},[566,1358,1359],{"class":612},"value",[566,1361,1362],{"class":575},") ",[566,1364,1365],{"class":571},"{\n",[566,1367,1368,1371,1373,1375,1377,1380,1382,1385,1388,1390,1393],{"class":568,"line":738},[566,1369,1370],{"class":612},"    cubeRef",[566,1372,546],{"class":571},[566,1374,1359],{"class":612},[566,1376,546],{"class":571},[566,1378,1379],{"class":612},"rotation",[566,1381,546],{"class":571},[566,1383,1384],{"class":612},"y",[566,1386,1387],{"class":571}," =",[566,1389,1323],{"class":612},[566,1391,1392],{"class":571}," *",[566,1394,1396],{"class":1395},"sbssI"," 0.5\n",[566,1398,1399,1401,1403,1405,1407,1409,1411,1414,1416,1418,1420],{"class":568,"line":744},[566,1400,1370],{"class":612},[566,1402,546],{"class":571},[566,1404,1359],{"class":612},[566,1406,546],{"class":571},[566,1408,1379],{"class":612},[566,1410,546],{"class":571},[566,1412,1413],{"class":612},"x",[566,1415,1387],{"class":571},[566,1417,1323],{"class":612},[566,1419,1392],{"class":571},[566,1421,1396],{"class":1395},[566,1423,1424],{"class":568,"line":790},[566,1425,1426],{"class":571},"  }\n",[566,1428,1429],{"class":568,"line":801},[566,1430,1431],{"class":571},"}\n",[566,1433,1434,1436,1438],{"class":568,"line":811},[566,1435,655],{"class":571},[566,1437,576],{"class":575},[566,1439,598],{"class":571},[566,1441,1442],{"class":568,"line":557},[566,1443,665],{"emptyLinePlaceholder":508},[566,1445,1446,1448,1450],{"class":568,"line":558},[566,1447,572],{"class":571},[566,1449,673],{"class":575},[566,1451,598],{"class":571},[566,1453,1454,1456],{"class":568,"line":559},[566,1455,681],{"class":571},[566,1457,1458],{"class":575},"TresCanvas\n",[566,1460,1461,1464,1466,1468,1471],{"class":568,"line":560},[566,1462,1463],{"class":579},"    clear-color",[566,1465,586],{"class":571},[566,1467,589],{"class":571},[566,1469,1470],{"class":592},"#82DBC5",[566,1472,735],{"class":571},[566,1474,1475],{"class":568,"line":561},[566,1476,1477],{"class":579},"    shadows\n",[566,1479,1480,1483,1485,1487,1490],{"class":568,"line":879},[566,1481,1482],{"class":579},"    @loop",[566,1484,586],{"class":571},[566,1486,589],{"class":571},[566,1488,1489],{"class":592},"onLoop",[566,1491,735],{"class":571},[566,1493,1494],{"class":568,"line":884},[566,1495,1496],{"class":571},"  >\n",[566,1498,1499,1501],{"class":568,"line":894},[566,1500,747],{"class":571},[566,1502,719],{"class":575},[566,1504,1506,1509,1511,1513,1516],{"class":568,"line":1505},23,[566,1507,1508],{"class":579},"      :position",[566,1510,586],{"class":571},[566,1512,589],{"class":571},[566,1514,1515],{"class":592},"[0, 2, 5]",[566,1517,735],{"class":571},[566,1519,1521,1523,1525,1527,1529],{"class":568,"line":1520},24,[566,1522,725],{"class":579},[566,1524,586],{"class":571},[566,1526,589],{"class":571},[566,1528,732],{"class":592},[566,1530,735],{"class":571},[566,1532,1534],{"class":568,"line":1533},25,[566,1535,741],{"class":571},[566,1537,1539,1541,1543],{"class":1538,"line":1205},[568,602],[566,1540,747],{"class":571},[566,1542,1186],{"class":575},[566,1544,798],{"class":571},[566,1546,1548,1550],{"class":568,"line":1547},27,[566,1549,747],{"class":571},[566,1551,1552],{"class":575},"TresMesh\n",[566,1554,1556,1559,1561,1563,1565],{"class":568,"line":1555},28,[566,1557,1558],{"class":579},"      ref",[566,1560,586],{"class":571},[566,1562,589],{"class":571},[566,1564,1354],{"class":592},[566,1566,735],{"class":571},[566,1568,1570],{"class":568,"line":1569},29,[566,1571,1572],{"class":579},"      cast-shadow\n",[566,1574,1576],{"class":568,"line":1575},30,[566,1577,1578],{"class":571},"    >\n",[566,1580,1582,1584,1587],{"class":568,"line":1581},31,[566,1583,716],{"class":571},[566,1585,1586],{"class":575},"TresBoxGeometry",[566,1588,798],{"class":571},[566,1590,1592,1594,1597,1600,1602,1604,1607,1609],{"class":568,"line":1591},32,[566,1593,716],{"class":571},[566,1595,1596],{"class":575},"TresMeshStandardMaterial",[566,1598,1599],{"class":579}," color",[566,1601,586],{"class":571},[566,1603,589],{"class":571},[566,1605,1606],{"class":592},"orange",[566,1608,589],{"class":571},[566,1610,798],{"class":571},[566,1612,1614,1616,1618],{"class":568,"line":1613},33,[566,1615,814],{"class":571},[566,1617,750],{"class":575},[566,1619,598],{"class":571},[566,1621,1623,1625],{"class":568,"line":1622},34,[566,1624,747],{"class":571},[566,1626,1552],{"class":575},[566,1628,1630],{"class":568,"line":1629},35,[566,1631,1632],{"class":579},"      receive-shadow\n",[566,1634,1636,1638,1640,1642,1645],{"class":568,"line":1635},36,[566,1637,1508],{"class":579},[566,1639,586],{"class":571},[566,1641,589],{"class":571},[566,1643,1644],{"class":592},"[0, -2, 0]",[566,1646,735],{"class":571},[566,1648,1650,1653,1655,1657,1660],{"class":568,"line":1649},37,[566,1651,1652],{"class":579},"      :rotation-x",[566,1654,586],{"class":571},[566,1656,589],{"class":571},[566,1658,1659],{"class":592},"-Math.PI / 2",[566,1661,735],{"class":571},[566,1663,1665],{"class":568,"line":1664},38,[566,1666,1578],{"class":571},[566,1668,1670,1672,1675,1678,1680,1682,1685,1687],{"class":568,"line":1669},39,[566,1671,716],{"class":571},[566,1673,1674],{"class":575},"TresPlaneGeometry",[566,1676,1677],{"class":579}," :args",[566,1679,586],{"class":571},[566,1681,589],{"class":571},[566,1683,1684],{"class":592},"[5, 5]",[566,1686,589],{"class":571},[566,1688,798],{"class":571},[566,1690,1692,1694,1696,1699,1701,1703,1706,1708],{"class":568,"line":1691},40,[566,1693,716],{"class":571},[566,1695,1596],{"class":575},[566,1697,1698],{"class":579}," :color",[566,1700,586],{"class":571},[566,1702,589],{"class":571},[566,1704,1705],{"class":592},"0xF7F7F7",[566,1707,589],{"class":571},[566,1709,798],{"class":571},[566,1711,1713,1715,1717],{"class":568,"line":1712},41,[566,1714,814],{"class":571},[566,1716,750],{"class":575},[566,1718,598],{"class":571},[566,1720,1722,1724],{"class":568,"line":1721},42,[566,1723,747],{"class":571},[566,1725,1726],{"class":575},"TresDirectionalLight\n",[566,1728,1730],{"class":568,"line":1729},43,[566,1731,1572],{"class":579},[566,1733,1735,1737,1739,1741,1744],{"class":568,"line":1734},44,[566,1736,1508],{"class":579},[566,1738,586],{"class":571},[566,1740,589],{"class":571},[566,1742,1743],{"class":592},"[0, 10, 0]",[566,1745,735],{"class":571},[566,1747,1749],{"class":568,"line":1748},45,[566,1750,741],{"class":571},[566,1752,1754,1756,1758],{"class":568,"line":1753},46,[566,1755,887],{"class":571},[566,1757,684],{"class":575},[566,1759,598],{"class":571},[566,1761,1763,1765,1767],{"class":568,"line":1762},47,[566,1764,655],{"class":571},[566,1766,673],{"class":575},[566,1768,598],{"class":571},[1156,1770,1771],{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":500,"searchDepth":501,"depth":502,"links":1773},[1774],{"id":1193,"depth":502,"text":1194},"Bakes shadows in the first frame for performance optimization.",{},{"title":337,"description":1775},"hU2MwhHPZEp5uQ1ZY4cZSmx8JjSu1SZkY7M14ckgtTM",{"id":1780,"title":341,"body":1781,"description":2189,"extension":505,"links":506,"meta":2190,"navigation":508,"path":342,"seo":2191,"stem":343,"__hash__":2192},"docs/2.api/7.light-shadow/circle-shadow.md",{"type":493,"value":1782,"toc":2185},[1783,1788,1797,1799,2081,2083,2086,2183],[522,1784,1785],{},[1786,1787],"light-shadow-circle-shadow",{},[528,1789,1790,1793,1794,546],{},[531,1791,1792],{},"\u003CCircleShadow />"," is a cheap, texture-based radial gradient on a ",[531,1795,1796],{},"THREE.PlaneGeometry",[548,1798,15],{"id":550},[552,1800,1803],{"className":554,"code":1801,"highlights":1802,"language":562,"meta":500,"style":500},"\u003Cscript setup lang=\"ts\">\nimport { CircleShadow, OrbitControls } from \"@tresjs/cientos\";\nimport { TresCanvas } from \"@tresjs/core\";\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas clear-color=\"#82DBC5\">\n    \u003CTresPerspectiveCamera />\n    \u003COrbitControls />\n    \u003CTresGroup :position-y=\"-0.5\">\n      \u003CTresMesh :position-y=\"1\">\n        \u003CTresBoxGeometry />\n        \u003CTresMeshToonMaterial color=\"orange\" />\n      \u003C/TresMesh>\n      \u003CCircleShadow :scale=\"1.5\" />\n    \u003C/TresGroup>\n    \u003CTresAmbientLight />\n    \u003CTresDirectionalLight :position=\"[0, 2, 4]\" />\n  \u003C/TresCanvas>\n\u003C/template>\n\n",[502,557],[531,1804,1805,1825,1855,1875,1883,1887,1895,1913,1922,1931,1951,1969,1978,1997,2006,2027,2035,2044,2065,2073],{"__ignoreMap":500},[566,1806,1807,1809,1811,1813,1815,1817,1819,1821,1823],{"class":568,"line":501},[566,1808,572],{"class":571},[566,1810,576],{"class":575},[566,1812,580],{"class":579},[566,1814,583],{"class":579},[566,1816,586],{"class":571},[566,1818,589],{"class":571},[566,1820,593],{"class":592},[566,1822,589],{"class":571},[566,1824,598],{"class":571},[566,1826,1828,1830,1832,1835,1838,1841,1843,1845,1848,1850,1852],{"class":1827,"line":502},[568,602],[566,1829,606],{"class":605},[566,1831,609],{"class":571},[566,1833,1834],{"class":612}," CircleShadow",[566,1836,1837],{"class":571},",",[566,1839,1840],{"class":612}," OrbitControls",[566,1842,616],{"class":571},[566,1844,619],{"class":605},[566,1846,1847],{"class":571}," \"",[566,1849,625],{"class":592},[566,1851,589],{"class":571},[566,1853,1854],{"class":571},";\n",[566,1856,1857,1859,1861,1863,1865,1867,1869,1871,1873],{"class":568,"line":631},[566,1858,606],{"class":605},[566,1860,609],{"class":571},[566,1862,638],{"class":612},[566,1864,616],{"class":571},[566,1866,619],{"class":605},[566,1868,1847],{"class":571},[566,1870,647],{"class":592},[566,1872,589],{"class":571},[566,1874,1854],{"class":571},[566,1876,1877,1879,1881],{"class":568,"line":652},[566,1878,655],{"class":571},[566,1880,576],{"class":575},[566,1882,598],{"class":571},[566,1884,1885],{"class":568,"line":662},[566,1886,665],{"emptyLinePlaceholder":508},[566,1888,1889,1891,1893],{"class":568,"line":668},[566,1890,572],{"class":571},[566,1892,673],{"class":575},[566,1894,598],{"class":571},[566,1896,1897,1899,1901,1903,1905,1907,1909,1911],{"class":568,"line":678},[566,1898,681],{"class":571},[566,1900,684],{"class":575},[566,1902,687],{"class":579},[566,1904,586],{"class":571},[566,1906,589],{"class":571},[566,1908,1470],{"class":592},[566,1910,589],{"class":571},[566,1912,598],{"class":571},[566,1914,1915,1917,1920],{"class":568,"line":713},[566,1916,747],{"class":571},[566,1918,1919],{"class":575},"TresPerspectiveCamera",[566,1921,798],{"class":571},[566,1923,1924,1926,1929],{"class":568,"line":722},[566,1925,747],{"class":571},[566,1927,1928],{"class":575},"OrbitControls",[566,1930,798],{"class":571},[566,1932,1933,1935,1938,1940,1942,1944,1947,1949],{"class":568,"line":738},[566,1934,747],{"class":571},[566,1936,1937],{"class":575},"TresGroup",[566,1939,753],{"class":579},[566,1941,586],{"class":571},[566,1943,589],{"class":571},[566,1945,1946],{"class":592},"-0.5",[566,1948,589],{"class":571},[566,1950,598],{"class":571},[566,1952,1953,1955,1957,1959,1961,1963,1965,1967],{"class":568,"line":744},[566,1954,716],{"class":571},[566,1956,750],{"class":575},[566,1958,753],{"class":579},[566,1960,586],{"class":571},[566,1962,589],{"class":571},[566,1964,1046],{"class":592},[566,1966,589],{"class":571},[566,1968,598],{"class":571},[566,1970,1971,1974,1976],{"class":568,"line":790},[566,1972,1973],{"class":571},"        \u003C",[566,1975,1586],{"class":575},[566,1977,798],{"class":571},[566,1979,1980,1982,1985,1987,1989,1991,1993,1995],{"class":568,"line":801},[566,1981,1973],{"class":571},[566,1983,1984],{"class":575},"TresMeshToonMaterial",[566,1986,1599],{"class":579},[566,1988,586],{"class":571},[566,1990,589],{"class":571},[566,1992,1606],{"class":592},[566,1994,589],{"class":571},[566,1996,798],{"class":571},[566,1998,1999,2002,2004],{"class":568,"line":811},[566,2000,2001],{"class":571},"      \u003C/",[566,2003,750],{"class":575},[566,2005,598],{"class":571},[566,2007,2009,2011,2014,2016,2018,2020,2023,2025],{"class":2008,"line":557},[568,602],[566,2010,716],{"class":571},[566,2012,2013],{"class":575},"CircleShadow",[566,2015,765],{"class":579},[566,2017,586],{"class":571},[566,2019,589],{"class":571},[566,2021,2022],{"class":592},"1.5",[566,2024,589],{"class":571},[566,2026,798],{"class":571},[566,2028,2029,2031,2033],{"class":568,"line":558},[566,2030,814],{"class":571},[566,2032,1937],{"class":575},[566,2034,598],{"class":571},[566,2036,2037,2039,2042],{"class":568,"line":559},[566,2038,747],{"class":571},[566,2040,2041],{"class":575},"TresAmbientLight",[566,2043,798],{"class":571},[566,2045,2046,2048,2051,2054,2056,2058,2061,2063],{"class":568,"line":560},[566,2047,747],{"class":571},[566,2049,2050],{"class":575},"TresDirectionalLight",[566,2052,2053],{"class":579}," :position",[566,2055,586],{"class":571},[566,2057,589],{"class":571},[566,2059,2060],{"class":592},"[0, 2, 4]",[566,2062,589],{"class":571},[566,2064,798],{"class":571},[566,2066,2067,2069,2071],{"class":568,"line":561},[566,2068,887],{"class":571},[566,2070,684],{"class":575},[566,2072,598],{"class":571},[566,2074,2075,2077,2079],{"class":568,"line":879},[566,2076,655],{"class":571},[566,2078,673],{"class":575},[566,2080,598],{"class":571},[548,2082,904],{"id":903},[528,2084,2085],{},"All props are optional.",[906,2087,2088,2100],{},[909,2089,2090],{},[912,2091,2092,2096,2098],{},[915,2093,2095],{"align":2094},"left","Name",[915,2097,920],{"align":2094},[915,2099,923],{},[925,2101,2102,2118,2132,2155,2169],{},[912,2103,2104,2108,2114],{},[930,2105,2106],{"align":2094},[531,2107,1068],{},[930,2109,2110,2111],{"align":2094},"Color of the shadow as a ",[531,2112,2113],{},"Color | number | string",[930,2115,2116],{},[531,2117,1076],{},[912,2119,2120,2124,2127],{},[930,2121,2122],{"align":2094},[531,2123,1038],{},[930,2125,2126],{"align":2094},"Opacity of the shadow",[930,2128,2129],{},[531,2130,2131],{},"0.5",[912,2133,2134,2139,2150],{},[930,2135,2136],{"align":2094},[531,2137,2138],{},"offset",[930,2140,2141,2142,2145,2146,2149],{"align":2094},"Placement of the first radial gradient color stop. ",[531,2143,2144],{},"0.0"," is the center of the circle. ",[531,2147,2148],{},"1.0"," is edge.",[930,2151,2152],{},[531,2153,2154],{},"0",[912,2156,2157,2162,2165],{},[930,2158,2159],{"align":2094},[531,2160,2161],{},"fog",[930,2163,2164],{"align":2094},"Whether the material is affected by fog",[930,2166,2167],{},[531,2168,942],{},[912,2170,2171,2176,2179],{},[930,2172,2173],{"align":2094},[531,2174,2175],{},"depthWrite",[930,2177,2178],{"align":2094},"Whether rendering the material has any effect on the depth buffer",[930,2180,2181],{},[531,2182,942],{},[1156,2184,1158],{},{"title":500,"searchDepth":501,"depth":502,"links":2186},[2187,2188],{"id":550,"depth":502,"text":15},{"id":903,"depth":502,"text":904},"Cheap, texture-based radial gradient shadow on a plane geometry.",{},{"title":341,"description":2189},"TUy3Uz9v0MKp5WFl-uNVQ_T1BiUHugE-_tL8tI71jFo",{"id":2194,"title":345,"body":2195,"description":2676,"extension":505,"links":506,"meta":2677,"navigation":508,"path":346,"seo":2678,"stem":347,"__hash__":2679},"docs/2.api/7.light-shadow/contact-shadows.md",{"type":493,"value":2196,"toc":2672},[2197,2202,2219,2221,2482,2484,2670],[522,2198,2199],{},[2200,2201],"light-shadow-contact-shadow",{},[528,2203,2204,2207,2208,2213,2214,546],{},[531,2205,2206],{},"\u003CContactShadows />"," is a \"fake\", non-lighting-based shadow component. It displays shadows on a single plane. The component is based on the ",[540,2209,2212],{"href":2210,"rel":2211},"https://threejs.org/examples/webgl_shadow_contact.html",[544],"Three.js contact shadows example"," by ",[540,2215,2218],{"href":2216,"rel":2217},"https://twitter.com/mrdoob",[544],"@mrdoob",[548,2220,15],{"id":550},[552,2222,2225],{"className":554,"code":2223,"highlights":2224,"language":562,"meta":500,"style":500},"\u003Cscript setup lang=\"ts\">\nimport { ContactShadows, Levioso, TorusKnot } from '@tresjs/cientos'\nimport { TresCanvas } from '@tresjs/core'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas clear-color=\"white\">\n    \u003CLevioso :speed=\"2\" :range=\"[0, 0.7]\" :rotation-factor=\"9\">\n      \u003CTorusKnot :scale=\"0.45\">\n        \u003CTresMeshNormalMaterial />\n      \u003C/TorusKnot>\n    \u003C/Levioso>\n    \u003CContactShadows :position-y=\"-1\" color=\"#335\" :scale=\"20\" />\n  \u003C/TresCanvas>\n\u003C/template>\n",[502,801],[531,2226,2227,2247,2277,2295,2303,2307,2315,2334,2379,2399,2407,2415,2423,2466,2474],{"__ignoreMap":500},[566,2228,2229,2231,2233,2235,2237,2239,2241,2243,2245],{"class":568,"line":501},[566,2230,572],{"class":571},[566,2232,576],{"class":575},[566,2234,580],{"class":579},[566,2236,583],{"class":579},[566,2238,586],{"class":571},[566,2240,589],{"class":571},[566,2242,593],{"class":592},[566,2244,589],{"class":571},[566,2246,598],{"class":571},[566,2248,2250,2252,2254,2257,2259,2262,2264,2267,2269,2271,2273,2275],{"class":2249,"line":502},[568,602],[566,2251,606],{"class":605},[566,2253,609],{"class":571},[566,2255,2256],{"class":612}," ContactShadows",[566,2258,1837],{"class":571},[566,2260,2261],{"class":612}," Levioso",[566,2263,1837],{"class":571},[566,2265,2266],{"class":612}," TorusKnot",[566,2268,616],{"class":571},[566,2270,619],{"class":605},[566,2272,622],{"class":571},[566,2274,625],{"class":592},[566,2276,628],{"class":571},[566,2278,2279,2281,2283,2285,2287,2289,2291,2293],{"class":568,"line":631},[566,2280,606],{"class":605},[566,2282,609],{"class":571},[566,2284,638],{"class":612},[566,2286,616],{"class":571},[566,2288,619],{"class":605},[566,2290,622],{"class":571},[566,2292,647],{"class":592},[566,2294,628],{"class":571},[566,2296,2297,2299,2301],{"class":568,"line":652},[566,2298,655],{"class":571},[566,2300,576],{"class":575},[566,2302,598],{"class":571},[566,2304,2305],{"class":568,"line":662},[566,2306,665],{"emptyLinePlaceholder":508},[566,2308,2309,2311,2313],{"class":568,"line":668},[566,2310,572],{"class":571},[566,2312,673],{"class":575},[566,2314,598],{"class":571},[566,2316,2317,2319,2321,2323,2325,2327,2330,2332],{"class":568,"line":678},[566,2318,681],{"class":571},[566,2320,684],{"class":575},[566,2322,687],{"class":579},[566,2324,586],{"class":571},[566,2326,589],{"class":571},[566,2328,2329],{"class":592},"white",[566,2331,589],{"class":571},[566,2333,598],{"class":571},[566,2335,2336,2338,2341,2344,2346,2348,2351,2353,2356,2358,2360,2363,2365,2368,2370,2372,2375,2377],{"class":568,"line":713},[566,2337,747],{"class":571},[566,2339,2340],{"class":575},"Levioso",[566,2342,2343],{"class":579}," :speed",[566,2345,586],{"class":571},[566,2347,589],{"class":571},[566,2349,2350],{"class":592},"2",[566,2352,589],{"class":571},[566,2354,2355],{"class":579}," :range",[566,2357,586],{"class":571},[566,2359,589],{"class":571},[566,2361,2362],{"class":592},"[0, 0.7]",[566,2364,589],{"class":571},[566,2366,2367],{"class":579}," :rotation-factor",[566,2369,586],{"class":571},[566,2371,589],{"class":571},[566,2373,2374],{"class":592},"9",[566,2376,589],{"class":571},[566,2378,598],{"class":571},[566,2380,2381,2383,2386,2388,2390,2392,2395,2397],{"class":568,"line":722},[566,2382,716],{"class":571},[566,2384,2385],{"class":575},"TorusKnot",[566,2387,765],{"class":579},[566,2389,586],{"class":571},[566,2391,589],{"class":571},[566,2393,2394],{"class":592},"0.45",[566,2396,589],{"class":571},[566,2398,598],{"class":571},[566,2400,2401,2403,2405],{"class":568,"line":738},[566,2402,1973],{"class":571},[566,2404,806],{"class":575},[566,2406,798],{"class":571},[566,2408,2409,2411,2413],{"class":568,"line":744},[566,2410,2001],{"class":571},[566,2412,2385],{"class":575},[566,2414,598],{"class":571},[566,2416,2417,2419,2421],{"class":568,"line":790},[566,2418,814],{"class":571},[566,2420,2340],{"class":575},[566,2422,598],{"class":571},[566,2424,2426,2428,2431,2433,2435,2437,2440,2442,2444,2446,2448,2451,2453,2455,2457,2459,2462,2464],{"class":2425,"line":801},[568,602],[566,2427,747],{"class":571},[566,2429,2430],{"class":575},"ContactShadows",[566,2432,753],{"class":579},[566,2434,586],{"class":571},[566,2436,589],{"class":571},[566,2438,2439],{"class":592},"-1",[566,2441,589],{"class":571},[566,2443,1599],{"class":579},[566,2445,586],{"class":571},[566,2447,589],{"class":571},[566,2449,2450],{"class":592},"#335",[566,2452,589],{"class":571},[566,2454,765],{"class":579},[566,2456,586],{"class":571},[566,2458,589],{"class":571},[566,2460,2461],{"class":592},"20",[566,2463,589],{"class":571},[566,2465,798],{"class":571},[566,2467,2468,2470,2472],{"class":568,"line":811},[566,2469,887],{"class":571},[566,2471,684],{"class":575},[566,2473,598],{"class":571},[566,2475,2476,2478,2480],{"class":568,"line":557},[566,2477,655],{"class":571},[566,2479,673],{"class":575},[566,2481,598],{"class":571},[548,2483,904],{"id":903},[906,2485,2486,2496],{},[909,2487,2488],{},[912,2489,2490,2492,2494],{},[915,2491,917],{},[915,2493,920],{},[915,2495,923],{},[925,2497,2498,2511,2525,2539,2556,2570,2584,2598,2612,2626,2640,2657],{},[912,2499,2500,2504,2507],{},[930,2501,2502],{},[531,2503,1038],{},[930,2505,2506],{},"The opacity of the shadows.",[930,2508,2509],{},[531,2510,1046],{},[912,2512,2513,2518,2521],{},[930,2514,2515],{},[531,2516,2517],{},"blur",[930,2519,2520],{},"The blur of the shadows.",[930,2522,2523],{},[531,2524,1046],{},[912,2526,2527,2531,2534],{},[930,2528,2529],{},[531,2530,1068],{},[930,2532,2533],{},"The color of the shadows.",[930,2535,2536],{},[531,2537,2538],{},"'#000000'",[912,2540,2541,2546,2551],{},[930,2542,2543],{},[531,2544,2545],{},"tint",[930,2547,2548,2549,546],{},"If provided, the color of the \"core\" of the shadows. \"Added\" to ",[531,2550,1068],{},[930,2552,2553],{},[531,2554,2555],{},"undefined",[912,2557,2558,2562,2568],{},[930,2559,2560],{},[531,2561,1023],{},[930,2563,2564,2565,546],{},"The scale of the shadows/shadow plane. Can be a number or an array of two numbers ",[531,2566,2567],{},"[x, y]",[930,2569,1031],{},[912,2571,2572,2577,2580],{},[930,2573,2574],{},[531,2575,2576],{},"width",[930,2578,2579],{},"The width of the shadow plane.",[930,2581,2582],{},[531,2583,1046],{},[912,2585,2586,2591,2594],{},[930,2587,2588],{},[531,2589,2590],{},"height",[930,2592,2593],{},"The height of the shadow plane.",[930,2595,2596],{},[531,2597,1046],{},[912,2599,2600,2605,2608],{},[930,2601,2602],{},[531,2603,2604],{},"far",[930,2606,2607],{},"The distance of the orthographic shadow camera extends above the shadow plane.",[930,2609,2610],{},[531,2611,1031],{},[912,2613,2614,2619,2622],{},[930,2615,2616],{},[531,2617,2618],{},"smooth",[930,2620,2621],{},"Whether the shadows should be smoothed to reduce artifacts.",[930,2623,2624],{},[531,2625,706],{},[912,2627,2628,2632,2635],{},[930,2629,2630],{},[531,2631,1098],{},[930,2633,2634],{},"The resolution of the shadow textures.",[930,2636,2637],{},[531,2638,2639],{},"512",[912,2641,2642,2646,2652],{},[930,2643,2644],{},[531,2645,963],{},[930,2647,2648,2649,2651],{},"For performance, optionally stop updating shadows after ",[531,2650,963],{}," frames.",[930,2653,2654],{},[531,2655,2656],{},"Math.POSITIVE_INFINITY",[912,2658,2659,2663,2666],{},[930,2660,2661],{},[531,2662,2175],{},[930,2664,2665],{},"Whether the shadows should write to the depth buffer or not.",[930,2667,2668],{},[531,2669,942],{},[1156,2671,1158],{},{"title":500,"searchDepth":501,"depth":502,"links":2673},[2674,2675],{"id":550,"depth":502,"text":15},{"id":903,"depth":502,"text":904},"Fake, non-lighting-based shadow component for single plane shadows.",{},{"title":345,"description":2676},"o8ix90CI6-yelSPJOMj3eTHEv1PqdpDiKiRrYUJfBHQ",{"id":2681,"title":349,"body":2682,"description":4238,"extension":505,"links":506,"meta":4239,"navigation":508,"path":350,"seo":4240,"stem":351,"__hash__":4241},"docs/2.api/7.light-shadow/lensflare.md",{"type":493,"value":2683,"toc":4222},[2684,2689,2700,2702,2836,2838,2967,2971,2977,2986,2992,3050,3054,3060,3074,3082,3087,3114,3135,3142,3147,3152,3159,3165,3264,3269,3273,3278,3291,3295,3303,3365,3375,3378,3398,3407,3415,3419,3422,3430,3442,3450,3476,3483,3516,3520,3523,3567,3582,3587,3590,3593,3618,3637,3642,3646,3649,3783,3788,3793,3990,3996,4002,4005,4008,4219],[522,2685,2686],{},[2687,2688],"light-shadow-lensflare",{},[528,2690,2691,2694,2695,546],{},[531,2692,2693],{},"\u003CLensflare />"," wraps the ",[540,2696,2699],{"href":2697,"rel":2698},"https://threejs.org/docs/#examples/en/objects/Lensflare",[544],"Three.js Lensflare",[548,2701,15],{"id":550},[552,2703,2706],{"className":554,"code":2704,"highlights":2705,"language":562,"meta":500,"style":500},"\u003Cscript setup lang=\"ts\">\nimport { TresCanvas } from '@tresjs/core'\nimport { Lensflare } from '@tresjs/cientos'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas>\n    \u003CTresPointLight>\n      \u003CLensflare />\n    \u003C/TresPointLight>\n  \u003C/TresCanvas>\n\u003C/template>\n",[631,722],[531,2707,2708,2728,2746,2766,2774,2778,2786,2794,2803,2812,2820,2828],{"__ignoreMap":500},[566,2709,2710,2712,2714,2716,2718,2720,2722,2724,2726],{"class":568,"line":501},[566,2711,572],{"class":571},[566,2713,576],{"class":575},[566,2715,580],{"class":579},[566,2717,583],{"class":579},[566,2719,586],{"class":571},[566,2721,589],{"class":571},[566,2723,593],{"class":592},[566,2725,589],{"class":571},[566,2727,598],{"class":571},[566,2729,2730,2732,2734,2736,2738,2740,2742,2744],{"class":568,"line":502},[566,2731,606],{"class":605},[566,2733,609],{"class":571},[566,2735,638],{"class":612},[566,2737,616],{"class":571},[566,2739,619],{"class":605},[566,2741,622],{"class":571},[566,2743,647],{"class":592},[566,2745,628],{"class":571},[566,2747,2749,2751,2753,2756,2758,2760,2762,2764],{"class":2748,"line":631},[568,602],[566,2750,606],{"class":605},[566,2752,609],{"class":571},[566,2754,2755],{"class":612}," Lensflare",[566,2757,616],{"class":571},[566,2759,619],{"class":605},[566,2761,622],{"class":571},[566,2763,625],{"class":592},[566,2765,628],{"class":571},[566,2767,2768,2770,2772],{"class":568,"line":652},[566,2769,655],{"class":571},[566,2771,576],{"class":575},[566,2773,598],{"class":571},[566,2775,2776],{"class":568,"line":662},[566,2777,665],{"emptyLinePlaceholder":508},[566,2779,2780,2782,2784],{"class":568,"line":668},[566,2781,572],{"class":571},[566,2783,673],{"class":575},[566,2785,598],{"class":571},[566,2787,2788,2790,2792],{"class":568,"line":678},[566,2789,681],{"class":571},[566,2791,684],{"class":575},[566,2793,598],{"class":571},[566,2795,2796,2798,2801],{"class":568,"line":713},[566,2797,747],{"class":571},[566,2799,2800],{"class":575},"TresPointLight",[566,2802,598],{"class":571},[566,2804,2806,2808,2810],{"class":2805,"line":722},[568,602],[566,2807,716],{"class":571},[566,2809,349],{"class":575},[566,2811,798],{"class":571},[566,2813,2814,2816,2818],{"class":568,"line":738},[566,2815,814],{"class":571},[566,2817,2800],{"class":575},[566,2819,598],{"class":571},[566,2821,2822,2824,2826],{"class":568,"line":744},[566,2823,887],{"class":571},[566,2825,684],{"class":575},[566,2827,598],{"class":571},[566,2829,2830,2832,2834],{"class":568,"line":790},[566,2831,655],{"class":571},[566,2833,673],{"class":575},[566,2835,598],{"class":571},[548,2837,904],{"id":903},[906,2839,2840,2850],{},[909,2841,2842],{},[912,2843,2844,2846,2848],{},[915,2845,2095],{"align":2094},[915,2847,920],{"align":2094},[915,2849,923],{"align":2094},[925,2851,2852,2868,2884,2901,2917,2934,2950],{},[912,2853,2854,2858,2864],{},[930,2855,2856],{"align":2094},[1180,2857,1023],{},[930,2859,2860,2863],{"align":2094},[531,2861,2862],{},"number"," – multiplier for lensflare element sizes",[930,2865,2866],{"align":2094},[531,2867,2148],{},[912,2869,2870,2875,2880],{},[930,2871,2872],{"align":2094},[1180,2873,2874],{},"distance",[930,2876,2877,2879],{"align":2094},[531,2878,2862],{}," – multiplier for element distances from flare center",[930,2881,2882],{"align":2094},[531,2883,2148],{},[912,2885,2886,2891,2897],{},[930,2887,2888],{"align":2094},[1180,2889,2890],{},"elements",[930,2892,2893,2896],{"align":2094},[531,2894,2895],{},"Partial<LensflareElementProps>[]"," – array of lensflare element properties",[930,2898,2899],{"align":2094},[531,2900,2555],{},[912,2902,2903,2908,2913],{},[930,2904,2905],{"align":2094},[1180,2906,2907],{},"seed",[930,2909,2910,2912],{"align":2094},[531,2911,2862],{}," – random seed for generating random seeded elements",[930,2914,2915],{"align":2094},[531,2916,2555],{},[912,2918,2919,2924,2930],{},[930,2920,2921],{"align":2094},[1180,2922,2923],{},"seedProps",[930,2925,2926,2929],{"align":2094},[531,2927,2928],{},"SeedProps[]"," – specifications for generating random seeded elements",[930,2931,2932],{"align":2094},[531,2933,2555],{},[912,2935,2936,2940,2946],{},[930,2937,2938],{"align":2094},[1180,2939,1068],{},[930,2941,2942,2945],{"align":2094},[531,2943,2944],{},"TresColor"," – default color of lensflare elements",[930,2947,2948],{"align":2094},[531,2949,2555],{},[912,2951,2952,2957,2963],{},[930,2953,2954],{"align":2094},[1180,2955,2956],{},"texture",[930,2958,2959,2962],{"align":2094},[531,2960,2961],{},"Texture | string"," – default texture of lensflare elements",[930,2964,2965],{"align":2094},[531,2966,2555],{},[548,2968,2969],{"id":2890},[531,2970,2890],{},[528,2972,2973,2974,2976],{},"You can specify individual lensflare element properties directly using the component's ",[531,2975,2890],{}," prop.",[528,2978,2979,2980,2982,2983,546],{},"The ",[531,2981,2890],{}," prop expects an instance of ",[531,2984,2985],{},"(Partial\u003CLensflareElementProps>)[]",[528,2987,2988,2989,2991],{},"Every object in ",[531,2990,2890],{}," may have any (or none) of the following properties.",[906,2993,2994,3002],{},[909,2995,2996],{},[912,2997,2998,3000],{},[915,2999,2095],{"align":2094},[915,3001,920],{"align":2094},[925,3003,3004,3016,3027,3038],{},[912,3005,3006,3010],{},[930,3007,3008],{"align":2094},[1180,3009,2956],{},[930,3011,3012,3015],{"align":2094},[531,3013,3014],{},"string | Texture"," - an image URL or texture to use on the lensflare element",[912,3017,3018,3022],{},[930,3019,3020],{"align":2094},[1180,3021,1068],{},[930,3023,3024,3026],{"align":2094},[531,3025,2944],{}," - color of the lensflare element",[912,3028,3029,3033],{},[930,3030,3031],{"align":2094},[1180,3032,2874],{},[930,3034,3035,3037],{"align":2094},[531,3036,2862],{}," - distance of the lensflare element from the lensflare center",[912,3039,3040,3045],{},[930,3041,3042],{"align":2094},[1180,3043,3044],{},"size",[930,3046,3047,3049],{"align":2094},[531,3048,2862],{}," - size of the lensflare element",[548,3051,3052],{"id":2907},[531,3053,2907],{},[528,3055,3056,3057,3059],{},"Adding a ",[531,3058,2907],{}," prop to a component enables seeded random element generation.",[528,3061,2979,3062,3064,3065,3070,3071,546],{},[531,3063,2907],{}," prop is used as the \"seed\" in a ",[540,3066,3069],{"href":3067,"rel":3068},"https://en.wikipedia.org/wiki/Pseudorandom_number_generator",[544],"pseudorandom number generator (PRNG)",". The PRNG is in turn used to build lensflare elements, by selecting values from an array of ",[531,3072,3073],{},"SeedProps",[3075,3076,3077],"prose-note",{},[528,3078,3079,3080,546],{},"If you set a seed but not seedProps, the component will fall back to the default, built-in SeedProps",[566,3081],{},[3083,3084,3086],"h3",{"id":3085},"example","Example",[552,3088,3090],{"className":554,"code":3089,"language":562,"meta":500,"style":500},"\u003CLensflare :seed=\"seedRef\" />\n",[531,3091,3092],{"__ignoreMap":500},[566,3093,3094,3096,3098,3101,3103,3105,3107,3110,3112],{"class":568,"line":501},[566,3095,572],{"class":571},[566,3097,349],{"class":575},[566,3099,3100],{"class":571}," :",[566,3102,2907],{"class":579},[566,3104,586],{"class":571},[566,3106,589],{"class":571},[566,3108,3109],{"class":612},"seedRef",[566,3111,589],{"class":571},[566,3113,798],{"class":571},[528,3115,3116,3117,3120,3121,3123,3124,3123,3126,3123,3128,3123,3131,3134],{},"Below, the results of setting ",[531,3118,3119],{},"seedRef.value"," to ",[531,3122,2154],{},", ",[531,3125,1046],{},[531,3127,2350],{},[531,3129,3130],{},"3",[531,3132,3133],{},"4",", respectively.",[528,3136,3137],{},[3138,3139],"img",{"alt":3140,"src":3141},"Lensflare seeds 0-4","/cientos/lensflare_seeds.png",[548,3143,3145],{"id":3144},"seedprops",[531,3146,2923],{},[528,3148,3056,3149,3151],{},[531,3150,2923],{}," prop to the component enables seeded random element generation.",[528,3153,2979,3154,2982,3156,3158],{},[531,3155,2923],{},[531,3157,2928],{},". It specifies rules and acceptable values for creating random lensflare elements.",[528,3160,3161,3162,3164],{},"Every element in ",[531,3163,2923],{}," has this shape.",[906,3166,3167,3178],{},[909,3168,3169],{},[912,3170,3171,3173,3175],{},[915,3172,2095],{"align":2094},[915,3174,920],{"align":2094},[915,3176,3177],{},"Required",[925,3179,3180,3195,3209,3223,3236,3250],{},[912,3181,3182,3186,3192],{},[930,3183,3184],{"align":2094},[1180,3185,2956],{},[930,3187,3188,3191],{"align":2094},[531,3189,3190],{},"string[]"," - array of 1 or more image URLs; a single texture will be selected per generated element",[930,3193,3194],{},"yes",[912,3196,3197,3201,3207],{},[930,3198,3199],{"align":2094},[1180,3200,1068],{},[930,3202,3203,3206],{"align":2094},[531,3204,3205],{},"TresColor[]"," - array of 1 or more colors; a single color will be selected per generated element",[930,3208,3194],{},[912,3210,3211,3215,3221],{},[930,3212,3213],{"align":2094},[1180,3214,2874],{},[930,3216,3217,3220],{"align":2094},[531,3218,3219],{},"[number, number]"," - minimum and maximum allowable distance from the flare center",[930,3222,3194],{},[912,3224,3225,3229,3234],{},[930,3226,3227],{"align":2094},[1180,3228,3044],{},[930,3230,3231,3233],{"align":2094},[531,3232,3219],{}," - minimum and maximum allowable size",[930,3235,3194],{},[912,3237,3238,3243,3248],{},[930,3239,3240],{"align":2094},[1180,3241,3242],{},"length",[930,3244,3245,3247],{"align":2094},[531,3246,3219],{}," - minimum and maximum allowable number of elements to generate",[930,3249,3194],{},[912,3251,3252,3256,3261],{},[930,3253,3254],{"align":2094},[1180,3255,2907],{},[930,3257,3258,3260],{"align":2094},[531,3259,2862],{}," - if set, when this entry is processed, the random number generator with a combination of the incoming seed and this seed",[930,3262,3263],{},"no",[3075,3265,3266],{},[528,3267,3268],{},"If you set seedProps but not seed, the component will fall back to a default seed of 0.",[548,3270,3272],{"id":3271},"random-elements-and-non-random-properties","Random elements and non-random properties",[528,3274,3275,3277],{},[531,3276,2693],{}," was designed to make it easy to get a lensflare on screen. You can simply add the component with no props and the component will generate seeded random lensflare elements.",[552,3279,3281],{"className":554,"code":3280,"language":562,"meta":500,"style":500},"\u003CLensflare />\n",[531,3282,3283],{"__ignoreMap":500},[566,3284,3285,3287,3289],{"class":568,"line":501},[566,3286,572],{"class":571},[566,3288,349],{"class":575},[566,3290,798],{"class":571},[3083,3292,3294],{"id":3293},"non-random-properties","Non-random properties",[528,3296,3297,3298,2976],{},"You can provide a list of lensflare element properties using the ",[540,3299,3301],{"href":3300},"#elements",[531,3302,2890],{},[552,3304,3306],{"className":554,"code":3305,"language":562,"meta":500,"style":500},"\u003CLensflare :elements=\"[{ color: 'red' }, { color: 'yellow' }]\" />\n",[531,3307,3308],{"__ignoreMap":500},[566,3309,3310,3312,3314,3316,3318,3320,3322,3325,3328,3330,3332,3334,3337,3340,3343,3345,3347,3349,3351,3354,3356,3358,3361,3363],{"class":568,"line":501},[566,3311,572],{"class":571},[566,3313,349],{"class":575},[566,3315,3100],{"class":571},[566,3317,2890],{"class":579},[566,3319,586],{"class":571},[566,3321,589],{"class":571},[566,3323,3324],{"class":612},"[",[566,3326,3327],{"class":571},"{",[566,3329,1599],{"class":575},[566,3331,1333],{"class":571},[566,3333,622],{"class":571},[566,3335,3336],{"class":592},"red",[566,3338,3339],{"class":571},"'",[566,3341,3342],{"class":571}," },",[566,3344,609],{"class":571},[566,3346,1599],{"class":575},[566,3348,1333],{"class":571},[566,3350,622],{"class":571},[566,3352,3353],{"class":592},"yellow",[566,3355,3339],{"class":571},[566,3357,616],{"class":571},[566,3359,3360],{"class":612},"]",[566,3362,589],{"class":571},[566,3364,798],{"class":571},[528,3366,3367,3368,3123,3370,3123,3372,3374],{},"This will produce a lensflare with 2 elements. The first element will be red. The second will be yellow. The unspecified properties – ",[531,3369,2874],{},[531,3371,3044],{},[531,3373,2956],{}," – will be filled in by the built-in defaults in this case.",[528,3376,3377],{},"You can also provide default props which will overwrite random generated props.",[552,3379,3381],{"className":554,"code":3380,"language":562,"meta":500,"style":500},"\u003CLensflare color:\"red\" />\n",[531,3382,3383],{"__ignoreMap":500},[566,3384,3385,3387,3389,3392,3395],{"class":568,"line":501},[566,3386,572],{"class":571},[566,3388,349],{"class":575},[566,3390,3391],{"class":579}," color:",[566,3393,3394],{"class":612},"\"red\" ",[566,3396,3397],{"class":571},"/>\n",[528,3399,3400,3401,3403,3404,3406],{},"Since ",[531,3402,2890],{}," is not defined here, the component will generate random lensflare elements. The specified ",[531,3405,1068],{}," prop – \"red\" – will overwrite the color property of the generated lensflare elements.",[528,3408,3409,3410,3414],{},"See ",[540,3411,3413],{"href":3412},"#precedence","precedence"," for details about how properties are filled in.",[3083,3416,3418],{"id":3417},"random-elements","Random elements",[528,3420,3421],{},"You can let the component generate random elements ...",[528,3423,3424,3425],{},"... by not adding an ",[540,3426,3427,3429],{"href":3300},[531,3428,2890],{}," prop",[552,3431,3432],{"className":554,"code":3280,"language":562,"meta":500,"style":500},[531,3433,3434],{"__ignoreMap":500},[566,3435,3436,3438,3440],{"class":568,"line":501},[566,3437,572],{"class":571},[566,3439,349],{"class":575},[566,3441,798],{"class":571},[528,3443,3444,3445],{},"... by adding a ",[540,3446,3448,3429],{"href":3447},"#seed",[531,3449,2907],{},[552,3451,3453],{"className":554,"code":3452,"language":562,"meta":500,"style":500},"\u003CLensflare :seed=\"7127\" />\n",[531,3454,3455],{"__ignoreMap":500},[566,3456,3457,3459,3461,3463,3465,3467,3469,3472,3474],{"class":568,"line":501},[566,3458,572],{"class":571},[566,3460,349],{"class":575},[566,3462,3100],{"class":571},[566,3464,2907],{"class":579},[566,3466,586],{"class":571},[566,3468,589],{"class":571},[566,3470,3471],{"class":1395},"7127",[566,3473,589],{"class":571},[566,3475,798],{"class":571},[528,3477,3444,3478],{},[540,3479,3481,3429],{"href":3480},"#seedprops",[531,3482,2923],{},[552,3484,3486],{"className":554,"code":3485,"language":562,"meta":500,"style":500},"\u003CLensflare :seedProps=\"[{...}, {...}]\" />\n",[531,3487,3488],{"__ignoreMap":500},[566,3489,3490,3492,3494,3496,3498,3500,3502,3504,3507,3510,3512,3514],{"class":568,"line":501},[566,3491,572],{"class":571},[566,3493,349],{"class":575},[566,3495,3100],{"class":571},[566,3497,2923],{"class":579},[566,3499,586],{"class":571},[566,3501,589],{"class":571},[566,3503,3324],{"class":612},[566,3505,3506],{"class":571},"{...},",[566,3508,3509],{"class":571}," {...}",[566,3511,3360],{"class":612},[566,3513,589],{"class":571},[566,3515,798],{"class":571},[3083,3517,3519],{"id":3518},"mixing-random-elements-and-non-random-properties","Mixing random elements and non-random properties",[528,3521,3522],{},"You can mix your own properties and random elements.",[552,3524,3526],{"className":554,"code":3525,"language":562,"meta":500,"style":500},"\u003CLensflare :elements=\"[{...}, {...}]\" :seed=\"8193\" />\n",[531,3527,3528],{"__ignoreMap":500},[566,3529,3530,3532,3534,3536,3538,3540,3542,3544,3546,3548,3550,3552,3554,3556,3558,3560,3563,3565],{"class":568,"line":501},[566,3531,572],{"class":571},[566,3533,349],{"class":575},[566,3535,3100],{"class":571},[566,3537,2890],{"class":579},[566,3539,586],{"class":571},[566,3541,589],{"class":571},[566,3543,3324],{"class":612},[566,3545,3506],{"class":571},[566,3547,3509],{"class":571},[566,3549,3360],{"class":612},[566,3551,589],{"class":571},[566,3553,3100],{"class":571},[566,3555,2907],{"class":579},[566,3557,586],{"class":571},[566,3559,589],{"class":571},[566,3561,3562],{"class":1395},"8193",[566,3564,589],{"class":571},[566,3566,798],{"class":571},[528,3568,3569,3570,3572,3573,3575,3576,3578,3579,546],{},"Here, both ",[531,3571,2890],{}," and ",[531,3574,2907],{}," are defined. The component will generate random elements and overwrite their properties with the contents of ",[531,3577,2890],{},", according to the ",[540,3580,3581],{"href":3412},"order of precedence",[3075,3583,3584],{},[528,3585,3586],{},"When mixing random elements with elements, the final number of lensflare elements equals whichever is larger, the length of the array of generated random elements or the length of elements.",[3083,3588,3589],{"id":3413},"Precedence",[528,3591,3592],{},"If more than one source sets the same property on a given element, the following order of precendence is used. Higher in the list (lower number) equals higher precendence.",[3594,3595,3596,3601,3608,3615],"ol",{},[3597,3598,3599],"li",{},[531,3600,2890],{},[3597,3602,3603,3123,3605,3607],{},[531,3604,1068],{},[531,3606,2956],{}," – default element properties",[3597,3609,3610,3123,3612,3614],{},[531,3611,2907],{},[531,3613,2923],{}," – generated random elements",[3597,3616,3617],{},"built-in default element properties",[3075,3619,3620],{},[528,3621,3622,3572,3624,3626,3627,3630,3631,3633,3634,3636],{},[531,3623,1023],{},[531,3625,2874],{}," are applied as ",[1180,3628,3629],{},"multipliers"," at render time, not as default values. They proportionally adjust all element sizes and distances respectively, preserving the variation between elements. Use ",[531,3632,1023],{}," to make the entire lensflare larger or smaller, and ",[531,3635,2874],{}," to spread or compress the scattered elements.",[3075,3638,3639],{},[528,3640,3641],{},"If elements, seed, and seedProps are all undefined, a seed of 0 and built-in default seedProps will be used to generate the lensflare elements.",[3083,3643,3645],{"id":3644},"precedence-example","Precedence example",[528,3647,3648],{},"Here's an example of precedence. Assume this is in our vue template.",[552,3650,3652],{"className":554,"code":3651,"language":562,"meta":500,"style":500},"\u003CLensflare\n  :elements=\"[\n    {size:512, texture='http://example.net/circle.png'},\n    {color:'yellow', distance:0.5}\n  ]\"\n  :texture=\"http://example.net/ring.png\"\n  color=\"red\"\n  :seed=\"1\"\n/>\n",[531,3653,3654,3661,3675,3703,3728,3735,3752,3765,3779],{"__ignoreMap":500},[566,3655,3656,3658],{"class":568,"line":501},[566,3657,572],{"class":571},[566,3659,3660],{"class":575},"Lensflare\n",[566,3662,3663,3666,3668,3670,3672],{"class":568,"line":502},[566,3664,3665],{"class":571},"  :",[566,3667,2890],{"class":579},[566,3669,586],{"class":571},[566,3671,589],{"class":571},[566,3673,3674],{"class":612},"[\n",[566,3676,3677,3680,3682,3684,3686,3688,3691,3693,3695,3698,3700],{"class":568,"line":631},[566,3678,3679],{"class":571},"    {",[566,3681,3044],{"class":575},[566,3683,1333],{"class":571},[566,3685,2639],{"class":1395},[566,3687,1837],{"class":571},[566,3689,3690],{"class":612}," texture",[566,3692,586],{"class":571},[566,3694,3339],{"class":571},[566,3696,3697],{"class":592},"http://example.net/circle.png",[566,3699,3339],{"class":571},[566,3701,3702],{"class":571},"},\n",[566,3704,3705,3707,3709,3711,3713,3715,3717,3719,3722,3724,3726],{"class":568,"line":652},[566,3706,3679],{"class":571},[566,3708,1068],{"class":575},[566,3710,1333],{"class":571},[566,3712,3339],{"class":571},[566,3714,3353],{"class":592},[566,3716,3339],{"class":571},[566,3718,1837],{"class":571},[566,3720,3721],{"class":575}," distance",[566,3723,1333],{"class":571},[566,3725,2131],{"class":1395},[566,3727,1431],{"class":571},[566,3729,3730,3733],{"class":568,"line":662},[566,3731,3732],{"class":612},"  ]",[566,3734,735],{"class":571},[566,3736,3737,3739,3741,3743,3745,3748],{"class":568,"line":668},[566,3738,3665],{"class":571},[566,3740,2956],{"class":579},[566,3742,586],{"class":571},[566,3744,589],{"class":571},[566,3746,3747],{"class":612},"http:",[566,3749,3751],{"class":3750},"sHwdD","//example.net/ring.png\"\n",[566,3753,3754,3757,3759,3761,3763],{"class":568,"line":678},[566,3755,3756],{"class":612},"  color",[566,3758,586],{"class":571},[566,3760,589],{"class":571},[566,3762,3336],{"class":579},[566,3764,735],{"class":612},[566,3766,3767,3769,3771,3773,3775,3777],{"class":568,"line":713},[566,3768,3665],{"class":571},[566,3770,2907],{"class":579},[566,3772,586],{"class":571},[566,3774,589],{"class":571},[566,3776,1046],{"class":1395},[566,3778,735],{"class":571},[566,3780,3781],{"class":568,"line":722},[566,3782,3397],{"class":612},[528,3784,3785,3787],{},[531,3786,2907],{}," is defined, so the component will produce random elements.",[528,3789,3790,3791,1333],{},"Assume the random element generator produces this, based on ",[531,3792,2907],{},[552,3794,3798],{"className":3795,"code":3796,"language":3797,"meta":500,"style":500},"language-js shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","[\n  {\n    color: 'white',\n    distance: 0,\n    size: 1024,\n    texture: 'http://example.net/rays.png',\n  },\n  {\n    color: 'white',\n    distance: 1,\n    size: 512,\n    texture: 'http://example.net/circle.png',\n  },\n  {\n    color: 'white',\n    distance: 2,\n    size: 512,\n    texture: 'http://example.net/circle.png',\n  },\n]\n","js",[531,3799,3800,3804,3809,3825,3837,3849,3865,3870,3874,3888,3899,3910,3924,3928,3932,3946,3957,3967,3981,3985],{"__ignoreMap":500},[566,3801,3802],{"class":568,"line":501},[566,3803,3674],{"class":612},[566,3805,3806],{"class":568,"line":502},[566,3807,3808],{"class":571},"  {\n",[566,3810,3811,3814,3816,3818,3820,3822],{"class":568,"line":631},[566,3812,3813],{"class":575},"    color",[566,3815,1333],{"class":571},[566,3817,622],{"class":571},[566,3819,2329],{"class":592},[566,3821,3339],{"class":571},[566,3823,3824],{"class":571},",\n",[566,3826,3827,3830,3832,3835],{"class":568,"line":652},[566,3828,3829],{"class":575},"    distance",[566,3831,1333],{"class":571},[566,3833,3834],{"class":1395}," 0",[566,3836,3824],{"class":571},[566,3838,3839,3842,3844,3847],{"class":568,"line":662},[566,3840,3841],{"class":575},"    size",[566,3843,1333],{"class":571},[566,3845,3846],{"class":1395}," 1024",[566,3848,3824],{"class":571},[566,3850,3851,3854,3856,3858,3861,3863],{"class":568,"line":668},[566,3852,3853],{"class":575},"    texture",[566,3855,1333],{"class":571},[566,3857,622],{"class":571},[566,3859,3860],{"class":592},"http://example.net/rays.png",[566,3862,3339],{"class":571},[566,3864,3824],{"class":571},[566,3866,3867],{"class":568,"line":678},[566,3868,3869],{"class":571},"  },\n",[566,3871,3872],{"class":568,"line":713},[566,3873,3808],{"class":571},[566,3875,3876,3878,3880,3882,3884,3886],{"class":568,"line":722},[566,3877,3813],{"class":575},[566,3879,1333],{"class":571},[566,3881,622],{"class":571},[566,3883,2329],{"class":592},[566,3885,3339],{"class":571},[566,3887,3824],{"class":571},[566,3889,3890,3892,3894,3897],{"class":568,"line":738},[566,3891,3829],{"class":575},[566,3893,1333],{"class":571},[566,3895,3896],{"class":1395}," 1",[566,3898,3824],{"class":571},[566,3900,3901,3903,3905,3908],{"class":568,"line":744},[566,3902,3841],{"class":575},[566,3904,1333],{"class":571},[566,3906,3907],{"class":1395}," 512",[566,3909,3824],{"class":571},[566,3911,3912,3914,3916,3918,3920,3922],{"class":568,"line":790},[566,3913,3853],{"class":575},[566,3915,1333],{"class":571},[566,3917,622],{"class":571},[566,3919,3697],{"class":592},[566,3921,3339],{"class":571},[566,3923,3824],{"class":571},[566,3925,3926],{"class":568,"line":801},[566,3927,3869],{"class":571},[566,3929,3930],{"class":568,"line":811},[566,3931,3808],{"class":571},[566,3933,3934,3936,3938,3940,3942,3944],{"class":568,"line":557},[566,3935,3813],{"class":575},[566,3937,1333],{"class":571},[566,3939,622],{"class":571},[566,3941,2329],{"class":592},[566,3943,3339],{"class":571},[566,3945,3824],{"class":571},[566,3947,3948,3950,3952,3955],{"class":568,"line":558},[566,3949,3829],{"class":575},[566,3951,1333],{"class":571},[566,3953,3954],{"class":1395}," 2",[566,3956,3824],{"class":571},[566,3958,3959,3961,3963,3965],{"class":568,"line":559},[566,3960,3841],{"class":575},[566,3962,1333],{"class":571},[566,3964,3907],{"class":1395},[566,3966,3824],{"class":571},[566,3968,3969,3971,3973,3975,3977,3979],{"class":568,"line":560},[566,3970,3853],{"class":575},[566,3972,1333],{"class":571},[566,3974,622],{"class":571},[566,3976,3697],{"class":592},[566,3978,3339],{"class":571},[566,3980,3824],{"class":571},[566,3982,3983],{"class":568,"line":561},[566,3984,3869],{"class":571},[566,3986,3987],{"class":568,"line":879},[566,3988,3989],{"class":612},"]\n",[528,3991,3992,3993,3995],{},"When random elements are mixed with ",[531,3994,2890],{},", the final number of elements in the lensflare is determined by whichever is longer.",[528,3997,3998,3999,4001],{},"Here, ",[531,4000,2890],{}," contains 2 entries. The random element generator produced 3. So the resulting lensflare will have 3 elements.",[528,4003,4004],{},"Therefore, resulting lensflare will have 3 elements.",[528,4006,4007],{},"The resulting 3 lensflare elements will have the following properties, from the following sources:",[552,4009,4011],{"className":3795,"code":4010,"language":3797,"meta":500,"style":500},"[\n  {\n    color: 'yellow', // from `elements`\n    distance: 0, // from random element generator\n    size: 512, // from `elements`\n    texture: 'http://example.net/circle.png', // from `elements`\n  },\n  {\n    color: 'red', // from component prop `color`\n    distance: 0.5, // from `elements`\n    size: 512, // from random element generator\n    texture: 'http://example.net/ring.png', // from component prop `texture`\n  },\n  {\n    color: 'red', // from component prop `color`\n    distance: 2, // from random element generator\n    size: 512, // from random element generator\n    texture: 'http://example.net/ring.png', // from component prop `texture`\n  },\n]\n",[531,4012,4013,4017,4021,4038,4051,4063,4079,4083,4087,4104,4117,4129,4147,4151,4155,4171,4183,4195,4211,4215],{"__ignoreMap":500},[566,4014,4015],{"class":568,"line":501},[566,4016,3674],{"class":612},[566,4018,4019],{"class":568,"line":502},[566,4020,3808],{"class":571},[566,4022,4023,4025,4027,4029,4031,4033,4035],{"class":568,"line":631},[566,4024,3813],{"class":575},[566,4026,1333],{"class":571},[566,4028,622],{"class":571},[566,4030,3353],{"class":592},[566,4032,3339],{"class":571},[566,4034,1837],{"class":571},[566,4036,4037],{"class":3750}," // from `elements`\n",[566,4039,4040,4042,4044,4046,4048],{"class":568,"line":652},[566,4041,3829],{"class":575},[566,4043,1333],{"class":571},[566,4045,3834],{"class":1395},[566,4047,1837],{"class":571},[566,4049,4050],{"class":3750}," // from random element generator\n",[566,4052,4053,4055,4057,4059,4061],{"class":568,"line":662},[566,4054,3841],{"class":575},[566,4056,1333],{"class":571},[566,4058,3907],{"class":1395},[566,4060,1837],{"class":571},[566,4062,4037],{"class":3750},[566,4064,4065,4067,4069,4071,4073,4075,4077],{"class":568,"line":668},[566,4066,3853],{"class":575},[566,4068,1333],{"class":571},[566,4070,622],{"class":571},[566,4072,3697],{"class":592},[566,4074,3339],{"class":571},[566,4076,1837],{"class":571},[566,4078,4037],{"class":3750},[566,4080,4081],{"class":568,"line":678},[566,4082,3869],{"class":571},[566,4084,4085],{"class":568,"line":713},[566,4086,3808],{"class":571},[566,4088,4089,4091,4093,4095,4097,4099,4101],{"class":568,"line":722},[566,4090,3813],{"class":575},[566,4092,1333],{"class":571},[566,4094,622],{"class":571},[566,4096,3336],{"class":592},[566,4098,3339],{"class":571},[566,4100,1837],{"class":571},[566,4102,4103],{"class":3750}," // from component prop `color`\n",[566,4105,4106,4108,4110,4113,4115],{"class":568,"line":738},[566,4107,3829],{"class":575},[566,4109,1333],{"class":571},[566,4111,4112],{"class":1395}," 0.5",[566,4114,1837],{"class":571},[566,4116,4037],{"class":3750},[566,4118,4119,4121,4123,4125,4127],{"class":568,"line":744},[566,4120,3841],{"class":575},[566,4122,1333],{"class":571},[566,4124,3907],{"class":1395},[566,4126,1837],{"class":571},[566,4128,4050],{"class":3750},[566,4130,4131,4133,4135,4137,4140,4142,4144],{"class":568,"line":790},[566,4132,3853],{"class":575},[566,4134,1333],{"class":571},[566,4136,622],{"class":571},[566,4138,4139],{"class":592},"http://example.net/ring.png",[566,4141,3339],{"class":571},[566,4143,1837],{"class":571},[566,4145,4146],{"class":3750}," // from component prop `texture`\n",[566,4148,4149],{"class":568,"line":801},[566,4150,3869],{"class":571},[566,4152,4153],{"class":568,"line":811},[566,4154,3808],{"class":571},[566,4156,4157,4159,4161,4163,4165,4167,4169],{"class":568,"line":557},[566,4158,3813],{"class":575},[566,4160,1333],{"class":571},[566,4162,622],{"class":571},[566,4164,3336],{"class":592},[566,4166,3339],{"class":571},[566,4168,1837],{"class":571},[566,4170,4103],{"class":3750},[566,4172,4173,4175,4177,4179,4181],{"class":568,"line":558},[566,4174,3829],{"class":575},[566,4176,1333],{"class":571},[566,4178,3954],{"class":1395},[566,4180,1837],{"class":571},[566,4182,4050],{"class":3750},[566,4184,4185,4187,4189,4191,4193],{"class":568,"line":559},[566,4186,3841],{"class":575},[566,4188,1333],{"class":571},[566,4190,3907],{"class":1395},[566,4192,1837],{"class":571},[566,4194,4050],{"class":3750},[566,4196,4197,4199,4201,4203,4205,4207,4209],{"class":568,"line":560},[566,4198,3853],{"class":575},[566,4200,1333],{"class":571},[566,4202,622],{"class":571},[566,4204,4139],{"class":592},[566,4206,3339],{"class":571},[566,4208,1837],{"class":571},[566,4210,4146],{"class":3750},[566,4212,4213],{"class":568,"line":561},[566,4214,3869],{"class":571},[566,4216,4217],{"class":568,"line":879},[566,4218,3989],{"class":612},[1156,4220,4221],{},"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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}",{"title":500,"searchDepth":501,"depth":502,"links":4223},[4224,4225,4226,4227,4230,4231],{"id":550,"depth":502,"text":15},{"id":903,"depth":502,"text":904},{"id":2890,"depth":502,"text":2890},{"id":2907,"depth":502,"text":2907,"children":4228},[4229],{"id":3085,"depth":631,"text":3086},{"id":3144,"depth":502,"text":2923},{"id":3271,"depth":502,"text":3272,"children":4232},[4233,4234,4235,4236,4237],{"id":3293,"depth":631,"text":3294},{"id":3417,"depth":631,"text":3418},{"id":3518,"depth":631,"text":3519},{"id":3413,"depth":631,"text":3589},{"id":3644,"depth":631,"text":3645},"Wraps the Three.js Lensflare with seeded random element generation.",{},{"title":349,"description":4238},"IPTu6ltIJ84TUkEk77xCaQa3Z9Y35mfjfjyH23AjLG0",{"id":4243,"title":353,"body":4244,"description":4881,"extension":505,"links":506,"meta":4882,"navigation":508,"path":354,"seo":4883,"stem":355,"__hash__":4884},"docs/2.api/7.light-shadow/randomized-lights.md",{"type":493,"value":4245,"toc":4877},[4246,4251,4258,4266,4268,4706,4708,4875],[1172,4247,4248],{},[4249,4250],"light-shadow-randomized-lights",{},[528,4252,4253,4255,4256,546],{},[531,4254,1134],{}," internally creates multiple lights and jiggles them. You would normally add it as a child of ",[531,4257,533],{},[528,4259,4260,4261,546],{},"It is based on this ",[540,4262,4265],{"href":4263,"rel":4264},"http://drei.docs.pmnd.rs/staging/randomized-light",[544],"Drei component",[548,4267,15],{"id":550},[552,4269,4272],{"className":554,"code":4270,"highlights":4271,"language":562,"meta":500,"style":500},"\u003Cscript setup lang=\"ts\">\nimport { TresCanvas } from \"@tresjs/core\";\nimport {\n  RandomizedLights,\n  AccumulativeShadows,\n  OrbitControls,\n  Plane,\n} from \"@tresjs/cientos\";\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas shadows>\n    \u003CTresPerspectiveCamera :position=\"[0, 3, 5]\" />\n    \u003COrbitControls />\n    \u003CAccumulativeShadows :blend=\"100\" color=\"#fbb03b\" once :position-y=\"-1\">\n      \u003CRandomizedLights\n        :ambient=\"0.25\"\n        :bias=\"0.001\"\n        :count=\"8\"\n        :intensity=\"Math.PI\"\n        :map-size=\"1024\"\n        :position=\"[5, 5, -10]\"\n        :radius=\"2\"\n      />\n    \u003C/AccumulativeShadows>\n    \u003CTresMesh cast-shadow>\n      \u003CTresBoxGeometry />\n      \u003CTresMeshToonMaterial color=\"orange\" />\n    \u003C/TresMesh>\n    \u003CPlane :position=\"[0, -2, 0]\" receive-shadow :args=\"[10, 10]\">\n      \u003CTresMeshStandardMaterial />\n    \u003C/Plane>\n    \u003CTresAmbientLight />\n  \u003C/TresCanvas>\n\u003C/template>\n\n",[652,558,559,560,561,879,884,894,1505],[531,4273,4274,4294,4314,4320,4328,4335,4342,4349,4364,4372,4376,4384,4395,4414,4422,4465,4473,4488,4503,4518,4533,4547,4562,4576,4581,4589,4600,4608,4626,4634,4666,4674,4682,4690,4698],{"__ignoreMap":500},[566,4275,4276,4278,4280,4282,4284,4286,4288,4290,4292],{"class":568,"line":501},[566,4277,572],{"class":571},[566,4279,576],{"class":575},[566,4281,580],{"class":579},[566,4283,583],{"class":579},[566,4285,586],{"class":571},[566,4287,589],{"class":571},[566,4289,593],{"class":592},[566,4291,589],{"class":571},[566,4293,598],{"class":571},[566,4295,4296,4298,4300,4302,4304,4306,4308,4310,4312],{"class":568,"line":502},[566,4297,606],{"class":605},[566,4299,609],{"class":571},[566,4301,638],{"class":612},[566,4303,616],{"class":571},[566,4305,619],{"class":605},[566,4307,1847],{"class":571},[566,4309,647],{"class":592},[566,4311,589],{"class":571},[566,4313,1854],{"class":571},[566,4315,4316,4318],{"class":568,"line":631},[566,4317,606],{"class":605},[566,4319,1343],{"class":571},[566,4321,4323,4326],{"class":4322,"line":652},[568,602],[566,4324,4325],{"class":612},"  RandomizedLights",[566,4327,3824],{"class":571},[566,4329,4330,4333],{"class":568,"line":662},[566,4331,4332],{"class":612},"  AccumulativeShadows",[566,4334,3824],{"class":571},[566,4336,4337,4340],{"class":568,"line":668},[566,4338,4339],{"class":612},"  OrbitControls",[566,4341,3824],{"class":571},[566,4343,4344,4347],{"class":568,"line":678},[566,4345,4346],{"class":612},"  Plane",[566,4348,3824],{"class":571},[566,4350,4351,4354,4356,4358,4360,4362],{"class":568,"line":713},[566,4352,4353],{"class":571},"}",[566,4355,619],{"class":605},[566,4357,1847],{"class":571},[566,4359,625],{"class":592},[566,4361,589],{"class":571},[566,4363,1854],{"class":571},[566,4365,4366,4368,4370],{"class":568,"line":722},[566,4367,655],{"class":571},[566,4369,576],{"class":575},[566,4371,598],{"class":571},[566,4373,4374],{"class":568,"line":738},[566,4375,665],{"emptyLinePlaceholder":508},[566,4377,4378,4380,4382],{"class":568,"line":744},[566,4379,572],{"class":571},[566,4381,673],{"class":575},[566,4383,598],{"class":571},[566,4385,4386,4388,4390,4393],{"class":568,"line":790},[566,4387,681],{"class":571},[566,4389,684],{"class":575},[566,4391,4392],{"class":579}," shadows",[566,4394,598],{"class":571},[566,4396,4397,4399,4401,4403,4405,4407,4410,4412],{"class":568,"line":801},[566,4398,747],{"class":571},[566,4400,1919],{"class":575},[566,4402,2053],{"class":579},[566,4404,586],{"class":571},[566,4406,589],{"class":571},[566,4408,4409],{"class":592},"[0, 3, 5]",[566,4411,589],{"class":571},[566,4413,798],{"class":571},[566,4415,4416,4418,4420],{"class":568,"line":811},[566,4417,747],{"class":571},[566,4419,1928],{"class":575},[566,4421,798],{"class":571},[566,4423,4424,4426,4429,4432,4434,4436,4438,4440,4442,4444,4446,4448,4450,4453,4455,4457,4459,4461,4463],{"class":568,"line":557},[566,4425,747],{"class":571},[566,4427,4428],{"class":575},"AccumulativeShadows",[566,4430,4431],{"class":579}," :blend",[566,4433,586],{"class":571},[566,4435,589],{"class":571},[566,4437,839],{"class":592},[566,4439,589],{"class":571},[566,4441,1599],{"class":579},[566,4443,586],{"class":571},[566,4445,589],{"class":571},[566,4447,694],{"class":592},[566,4449,589],{"class":571},[566,4451,4452],{"class":579}," once",[566,4454,753],{"class":579},[566,4456,586],{"class":571},[566,4458,589],{"class":571},[566,4460,2439],{"class":592},[566,4462,589],{"class":571},[566,4464,598],{"class":571},[566,4466,4468,4470],{"class":4467,"line":558},[568,602],[566,4469,716],{"class":571},[566,4471,4472],{"class":575},"RandomizedLights\n",[566,4474,4476,4479,4481,4483,4486],{"class":4475,"line":559},[568,602],[566,4477,4478],{"class":579},"        :ambient",[566,4480,586],{"class":571},[566,4482,589],{"class":571},[566,4484,4485],{"class":592},"0.25",[566,4487,735],{"class":571},[566,4489,4491,4494,4496,4498,4501],{"class":4490,"line":560},[568,602],[566,4492,4493],{"class":579},"        :bias",[566,4495,586],{"class":571},[566,4497,589],{"class":571},[566,4499,4500],{"class":592},"0.001",[566,4502,735],{"class":571},[566,4504,4506,4509,4511,4513,4516],{"class":4505,"line":561},[568,602],[566,4507,4508],{"class":579},"        :count",[566,4510,586],{"class":571},[566,4512,589],{"class":571},[566,4514,4515],{"class":592},"8",[566,4517,735],{"class":571},[566,4519,4521,4524,4526,4528,4531],{"class":4520,"line":879},[568,602],[566,4522,4523],{"class":579},"        :intensity",[566,4525,586],{"class":571},[566,4527,589],{"class":571},[566,4529,4530],{"class":592},"Math.PI",[566,4532,735],{"class":571},[566,4534,4536,4539,4541,4543,4545],{"class":4535,"line":884},[568,602],[566,4537,4538],{"class":579},"        :map-size",[566,4540,586],{"class":571},[566,4542,589],{"class":571},[566,4544,1106],{"class":592},[566,4546,735],{"class":571},[566,4548,4550,4553,4555,4557,4560],{"class":4549,"line":894},[568,602],[566,4551,4552],{"class":579},"        :position",[566,4554,586],{"class":571},[566,4556,589],{"class":571},[566,4558,4559],{"class":592},"[5, 5, -10]",[566,4561,735],{"class":571},[566,4563,4565,4568,4570,4572,4574],{"class":4564,"line":1505},[568,602],[566,4566,4567],{"class":579},"        :radius",[566,4569,586],{"class":571},[566,4571,589],{"class":571},[566,4573,2350],{"class":592},[566,4575,735],{"class":571},[566,4577,4578],{"class":568,"line":1520},[566,4579,4580],{"class":571},"      />\n",[566,4582,4583,4585,4587],{"class":568,"line":1533},[566,4584,814],{"class":571},[566,4586,4428],{"class":575},[566,4588,598],{"class":571},[566,4590,4591,4593,4595,4598],{"class":568,"line":1205},[566,4592,747],{"class":571},[566,4594,750],{"class":575},[566,4596,4597],{"class":579}," cast-shadow",[566,4599,598],{"class":571},[566,4601,4602,4604,4606],{"class":568,"line":1547},[566,4603,716],{"class":571},[566,4605,1586],{"class":575},[566,4607,798],{"class":571},[566,4609,4610,4612,4614,4616,4618,4620,4622,4624],{"class":568,"line":1555},[566,4611,716],{"class":571},[566,4613,1984],{"class":575},[566,4615,1599],{"class":579},[566,4617,586],{"class":571},[566,4619,589],{"class":571},[566,4621,1606],{"class":592},[566,4623,589],{"class":571},[566,4625,798],{"class":571},[566,4627,4628,4630,4632],{"class":568,"line":1569},[566,4629,814],{"class":571},[566,4631,750],{"class":575},[566,4633,598],{"class":571},[566,4635,4636,4638,4640,4642,4644,4646,4648,4650,4653,4655,4657,4659,4662,4664],{"class":568,"line":1575},[566,4637,747],{"class":571},[566,4639,253],{"class":575},[566,4641,2053],{"class":579},[566,4643,586],{"class":571},[566,4645,589],{"class":571},[566,4647,1644],{"class":592},[566,4649,589],{"class":571},[566,4651,4652],{"class":579}," receive-shadow",[566,4654,1677],{"class":579},[566,4656,586],{"class":571},[566,4658,589],{"class":571},[566,4660,4661],{"class":592},"[10, 10]",[566,4663,589],{"class":571},[566,4665,598],{"class":571},[566,4667,4668,4670,4672],{"class":568,"line":1581},[566,4669,716],{"class":571},[566,4671,1596],{"class":575},[566,4673,798],{"class":571},[566,4675,4676,4678,4680],{"class":568,"line":1591},[566,4677,814],{"class":571},[566,4679,253],{"class":575},[566,4681,598],{"class":571},[566,4683,4684,4686,4688],{"class":568,"line":1613},[566,4685,747],{"class":571},[566,4687,2041],{"class":575},[566,4689,798],{"class":571},[566,4691,4692,4694,4696],{"class":568,"line":1622},[566,4693,887],{"class":571},[566,4695,684],{"class":575},[566,4697,598],{"class":571},[566,4699,4700,4702,4704],{"class":568,"line":1629},[566,4701,655],{"class":571},[566,4703,673],{"class":575},[566,4705,598],{"class":571},[548,4707,904],{"id":903},[906,4709,4710,4720],{},[909,4711,4712],{},[912,4713,4714,4716,4718],{},[915,4715,917],{},[915,4717,920],{},[915,4719,923],{},[925,4721,4722,4736,4750,4764,4778,4792,4806,4820,4833,4847,4861],{},[912,4723,4724,4729,4732],{},[930,4725,4726],{},[531,4727,4728],{},"count",[930,4730,4731],{},"Number of lights",[930,4733,4734],{},[531,4735,4515],{},[912,4737,4738,4743,4746],{},[930,4739,4740],{},[531,4741,4742],{},"radius",[930,4744,4745],{},"Radius of the jiggle, higher values make softer light",[930,4747,4748],{},[531,4749,1046],{},[912,4751,4752,4757,4760],{},[930,4753,4754],{},[531,4755,4756],{},"intensity",[930,4758,4759],{},"Light intensity",[930,4761,4762],{},[531,4763,4530],{},[912,4765,4766,4771,4774],{},[930,4767,4768],{},[531,4769,4770],{},"ambient",[930,4772,4773],{},"\"Ambient occlusion\" to directional light ratio, lower values mean less AO",[930,4775,4776],{},[531,4777,2131],{},[912,4779,4780,4785,4788],{},[930,4781,4782],{},[531,4783,4784],{},"castShadow",[930,4786,4787],{},"If the lights cast shadows",[930,4789,4790],{},[531,4791,706],{},[912,4793,4794,4799,4802],{},[930,4795,4796],{},[531,4797,4798],{},"bias",[930,4800,4801],{},"Default shadow bias",[930,4803,4804],{},[531,4805,2154],{},[912,4807,4808,4813,4816],{},[930,4809,4810],{},[531,4811,4812],{},"mapSize",[930,4814,4815],{},"Size of the lights' shadow map",[930,4817,4818],{},[531,4819,2639],{},[912,4821,4822,4826,4829],{},[930,4823,4824],{},[531,4825,3044],{},[930,4827,4828],{},"Size of the lights' shadow camera frustum",[930,4830,4831],{},[531,4832,1031],{},[912,4834,4835,4840,4843],{},[930,4836,4837],{},[531,4838,4839],{},"near",[930,4841,4842],{},"Lights' shadow camera near value",[930,4844,4845],{},[531,4846,2131],{},[912,4848,4849,4853,4856],{},[930,4850,4851],{},[531,4852,2604],{},[930,4854,4855],{},"Lights' shadow camera far value",[930,4857,4858],{},[531,4859,4860],{},"500",[912,4862,4863,4868,4871],{},[930,4864,4865],{},[531,4866,4867],{},"position",[930,4869,4870],{},"Position",[930,4872,4873],{},[531,4874,4559],{},[1156,4876,1158],{},{"title":500,"searchDepth":501,"depth":502,"links":4878},[4879,4880],{"id":550,"depth":502,"text":15},{"id":903,"depth":502,"text":904},"Creates multiple lights and jiggles them for softer shadows.",{},{"title":353,"description":4881},"79Dz6CbGDB6whT9LqG15v15q-nHtJLggTb7-YTnIEEE",{"id":4886,"title":357,"body":4887,"description":5283,"extension":505,"links":506,"meta":5284,"navigation":508,"path":358,"seo":5285,"stem":359,"__hash__":5286},"docs/2.api/7.light-shadow/soft-shadows.md",{"type":493,"value":4888,"toc":5279},[4889,4894,4897,4899,5224,5226,5277],[522,4890,4891],{},[4892,4893],"light-shadow-soft-shadows",{},[528,4895,4896],{},"Injects percent closer soft shadows (pcss) into THREE's shader chunk. Mounting/unmounting this component or changing its props will cause all shaders to be recompiled.",[548,4898,15],{"id":550},[552,4900,4903],{"className":554,"code":4901,"highlights":4902,"language":562,"meta":500,"style":500},"\u003Cscript setup lang=\"ts\">\nimport { SoftShadows, Levioso, TorusKnot, Plane } from \"@tresjs/cientos\";\nimport { TresCanvas } from \"@tresjs/core\";\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas shadows clear-color=\"#82DBC5\">\n    \u003CLevioso :speed=\"4\" :range=\"[0, 0.7]\" :rotation-factor=\"9\">\n      \u003CTorusKnot cast-shadow :scale=\"0.45\">\n        \u003CTresMeshStandardMaterial color=\"orange\" />\n      \u003C/TorusKnot>\n    \u003C/Levioso>\n    \u003CPlane :position=\"[0, -2, 0]\" receive-shadow :args=\"[10, 10]\">\n      \u003CTresMeshStandardMaterial />\n    \u003C/Plane>\n    \u003CTresDirectionalLight cast-shadow :position=\"[0, 3, 0]\" />\n    \u003CTresAmbientLight :intensity=\"0.5\" />\n    \u003CSoftShadows />\n  \u003C/TresCanvas>\n\u003C/template>\n",[502,560],[531,4904,4905,4925,4960,4980,4988,4992,5000,5020,5058,5078,5096,5104,5112,5142,5150,5158,5179,5198,5208,5216],{"__ignoreMap":500},[566,4906,4907,4909,4911,4913,4915,4917,4919,4921,4923],{"class":568,"line":501},[566,4908,572],{"class":571},[566,4910,576],{"class":575},[566,4912,580],{"class":579},[566,4914,583],{"class":579},[566,4916,586],{"class":571},[566,4918,589],{"class":571},[566,4920,593],{"class":592},[566,4922,589],{"class":571},[566,4924,598],{"class":571},[566,4926,4928,4930,4932,4935,4937,4939,4941,4943,4945,4948,4950,4952,4954,4956,4958],{"class":4927,"line":502},[568,602],[566,4929,606],{"class":605},[566,4931,609],{"class":571},[566,4933,4934],{"class":612}," SoftShadows",[566,4936,1837],{"class":571},[566,4938,2261],{"class":612},[566,4940,1837],{"class":571},[566,4942,2266],{"class":612},[566,4944,1837],{"class":571},[566,4946,4947],{"class":612}," Plane",[566,4949,616],{"class":571},[566,4951,619],{"class":605},[566,4953,1847],{"class":571},[566,4955,625],{"class":592},[566,4957,589],{"class":571},[566,4959,1854],{"class":571},[566,4961,4962,4964,4966,4968,4970,4972,4974,4976,4978],{"class":568,"line":631},[566,4963,606],{"class":605},[566,4965,609],{"class":571},[566,4967,638],{"class":612},[566,4969,616],{"class":571},[566,4971,619],{"class":605},[566,4973,1847],{"class":571},[566,4975,647],{"class":592},[566,4977,589],{"class":571},[566,4979,1854],{"class":571},[566,4981,4982,4984,4986],{"class":568,"line":652},[566,4983,655],{"class":571},[566,4985,576],{"class":575},[566,4987,598],{"class":571},[566,4989,4990],{"class":568,"line":662},[566,4991,665],{"emptyLinePlaceholder":508},[566,4993,4994,4996,4998],{"class":568,"line":668},[566,4995,572],{"class":571},[566,4997,673],{"class":575},[566,4999,598],{"class":571},[566,5001,5002,5004,5006,5008,5010,5012,5014,5016,5018],{"class":568,"line":678},[566,5003,681],{"class":571},[566,5005,684],{"class":575},[566,5007,4392],{"class":579},[566,5009,687],{"class":579},[566,5011,586],{"class":571},[566,5013,589],{"class":571},[566,5015,1470],{"class":592},[566,5017,589],{"class":571},[566,5019,598],{"class":571},[566,5021,5022,5024,5026,5028,5030,5032,5034,5036,5038,5040,5042,5044,5046,5048,5050,5052,5054,5056],{"class":568,"line":713},[566,5023,747],{"class":571},[566,5025,2340],{"class":575},[566,5027,2343],{"class":579},[566,5029,586],{"class":571},[566,5031,589],{"class":571},[566,5033,3133],{"class":592},[566,5035,589],{"class":571},[566,5037,2355],{"class":579},[566,5039,586],{"class":571},[566,5041,589],{"class":571},[566,5043,2362],{"class":592},[566,5045,589],{"class":571},[566,5047,2367],{"class":579},[566,5049,586],{"class":571},[566,5051,589],{"class":571},[566,5053,2374],{"class":592},[566,5055,589],{"class":571},[566,5057,598],{"class":571},[566,5059,5060,5062,5064,5066,5068,5070,5072,5074,5076],{"class":568,"line":722},[566,5061,716],{"class":571},[566,5063,2385],{"class":575},[566,5065,4597],{"class":579},[566,5067,765],{"class":579},[566,5069,586],{"class":571},[566,5071,589],{"class":571},[566,5073,2394],{"class":592},[566,5075,589],{"class":571},[566,5077,598],{"class":571},[566,5079,5080,5082,5084,5086,5088,5090,5092,5094],{"class":568,"line":738},[566,5081,1973],{"class":571},[566,5083,1596],{"class":575},[566,5085,1599],{"class":579},[566,5087,586],{"class":571},[566,5089,589],{"class":571},[566,5091,1606],{"class":592},[566,5093,589],{"class":571},[566,5095,798],{"class":571},[566,5097,5098,5100,5102],{"class":568,"line":744},[566,5099,2001],{"class":571},[566,5101,2385],{"class":575},[566,5103,598],{"class":571},[566,5105,5106,5108,5110],{"class":568,"line":790},[566,5107,814],{"class":571},[566,5109,2340],{"class":575},[566,5111,598],{"class":571},[566,5113,5114,5116,5118,5120,5122,5124,5126,5128,5130,5132,5134,5136,5138,5140],{"class":568,"line":801},[566,5115,747],{"class":571},[566,5117,253],{"class":575},[566,5119,2053],{"class":579},[566,5121,586],{"class":571},[566,5123,589],{"class":571},[566,5125,1644],{"class":592},[566,5127,589],{"class":571},[566,5129,4652],{"class":579},[566,5131,1677],{"class":579},[566,5133,586],{"class":571},[566,5135,589],{"class":571},[566,5137,4661],{"class":592},[566,5139,589],{"class":571},[566,5141,598],{"class":571},[566,5143,5144,5146,5148],{"class":568,"line":811},[566,5145,716],{"class":571},[566,5147,1596],{"class":575},[566,5149,798],{"class":571},[566,5151,5152,5154,5156],{"class":568,"line":557},[566,5153,814],{"class":571},[566,5155,253],{"class":575},[566,5157,598],{"class":571},[566,5159,5160,5162,5164,5166,5168,5170,5172,5175,5177],{"class":568,"line":558},[566,5161,747],{"class":571},[566,5163,2050],{"class":575},[566,5165,4597],{"class":579},[566,5167,2053],{"class":579},[566,5169,586],{"class":571},[566,5171,589],{"class":571},[566,5173,5174],{"class":592},"[0, 3, 0]",[566,5176,589],{"class":571},[566,5178,798],{"class":571},[566,5180,5181,5183,5185,5188,5190,5192,5194,5196],{"class":568,"line":559},[566,5182,747],{"class":571},[566,5184,2041],{"class":575},[566,5186,5187],{"class":579}," :intensity",[566,5189,586],{"class":571},[566,5191,589],{"class":571},[566,5193,2131],{"class":592},[566,5195,589],{"class":571},[566,5197,798],{"class":571},[566,5199,5201,5203,5206],{"class":5200,"line":560},[568,602],[566,5202,747],{"class":571},[566,5204,5205],{"class":575},"SoftShadows",[566,5207,798],{"class":571},[566,5209,5210,5212,5214],{"class":568,"line":561},[566,5211,887],{"class":571},[566,5213,684],{"class":575},[566,5215,598],{"class":571},[566,5217,5218,5220,5222],{"class":568,"line":879},[566,5219,655],{"class":571},[566,5221,673],{"class":575},[566,5223,598],{"class":571},[548,5225,904],{"id":903},[906,5227,5228,5238],{},[909,5229,5230],{},[912,5231,5232,5234,5236],{},[915,5233,2095],{"align":2094},[915,5235,920],{"align":2094},[915,5237,923],{},[925,5239,5240,5252,5264],{},[912,5241,5242,5244,5247],{},[930,5243,3044],{"align":2094},[930,5245,5246],{"align":2094},"Size of the light source (the larger the softer the light)",[930,5248,5249],{},[531,5250,5251],{},"25",[912,5253,5254,5257,5260],{},[930,5255,5256],{"align":2094},"samples",[930,5258,5259],{"align":2094},"Number of samples (more samples less noise but more expensive)",[930,5261,5262],{},[531,5263,1031],{},[912,5265,5266,5269,5272],{},[930,5267,5268],{"align":2094},"focus",[930,5270,5271],{"align":2094},"Depth focus, use it to shift the focal point (where the shadow is the sharpest)",[930,5273,5274,5276],{},[531,5275,2154],{}," (the beginning)",[1156,5278,1158],{},{"title":500,"searchDepth":501,"depth":502,"links":5280},[5281,5282],{"id":550,"depth":502,"text":15},{"id":903,"depth":502,"text":904},"Injects percent closer soft shadows (PCSS) into THREE's shader chunk.",{},{"title":357,"description":5283},"WFVp3-okOdmyoKfWIXSoGlyt-AidaFEgkQYSqpSVti0",1785417275133]