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