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