[{"data":1,"prerenderedAt":5548},["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,4384,5092],{"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},"GlP_c3YfJGbj-GdkLh3rJZBnRODHYnU3bR-kC-LP69o",{"id":2811,"title":329,"body":2812,"description":4380,"extension":481,"links":482,"meta":4381,"navigation":484,"path":330,"seo":4382,"stem":331,"__hash__":4383},"docs/2.api/7.light-shadow/lensflare.md",{"type":469,"value":2813,"toc":4364},[2814,2819,2830,2832,2966,2968,3113,3117,3123,3132,3138,3195,3199,3205,3219,3227,3232,3258,3277,3284,3289,3294,3301,3307,3406,3411,3415,3420,3433,3437,3445,3505,3515,3518,3538,3547,3555,3559,3562,3570,3582,3590,3616,3623,3656,3660,3663,3707,3722,3727,3730,3733,3762,3767,3771,3774,3923,3928,3933,4130,4136,4142,4145,4148,4361],[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,3015,3031,3048,3064,3080,3096],{},[922,2983,2984,2988,2994],{},[940,2985,2986],{"align":2205},[1188,2987,768],{},[940,2989,2990,2993],{"align":2205},[507,2991,2992],{},"number"," – scale of the lensflare",[940,2995,2996],{"align":2205},[507,2997,2258],{},[922,2999,3000,3005,3011],{},[940,3001,3002],{"align":2205},[1188,3003,3004],{},"elements",[940,3006,3007,3010],{"align":2205},[507,3008,3009],{},"Partial<LensflareElementProps>[]"," – array of lensflare element properties",[940,3012,3013],{"align":2205},[507,3014,2685],{},[922,3016,3017,3022,3027],{},[940,3018,3019],{"align":2205},[1188,3020,3021],{},"seed",[940,3023,3024,3026],{"align":2205},[507,3025,2992],{}," – random seed for generating random seeded elements",[940,3028,3029],{"align":2205},[507,3030,2685],{},[922,3032,3033,3038,3044],{},[940,3034,3035],{"align":2205},[1188,3036,3037],{},"seedProps",[940,3039,3040,3043],{"align":2205},[507,3041,3042],{},"SeedProps[]"," – specifications for generating random seeded elements",[940,3045,3046],{"align":2205},[507,3047,2685],{},[922,3049,3050,3054,3060],{},[940,3051,3052],{"align":2205},[1188,3053,1076],{},[940,3055,3056,3059],{"align":2205},[507,3057,3058],{},"TresColor"," – default color of lensflare elements",[940,3061,3062],{"align":2205},[507,3063,2685],{},[922,3065,3066,3071,3076],{},[940,3067,3068],{"align":2205},[1188,3069,3070],{},"distance",[940,3072,3073,3075],{"align":2205},[507,3074,2992],{}," – default distance of lensflare elements from flare center",[940,3077,3078],{"align":2205},[507,3079,2685],{},[922,3081,3082,3087,3092],{},[940,3083,3084],{"align":2205},[1188,3085,3086],{},"size",[940,3088,3089,3091],{"align":2205},[507,3090,2992],{}," – default size of lensflare elements",[940,3093,3094],{"align":2205},[507,3095,2685],{},[922,3097,3098,3103,3109],{},[940,3099,3100],{"align":2205},[1188,3101,3102],{},"texture",[940,3104,3105,3108],{"align":2205},[507,3106,3107],{},"Texture string[]"," – default texture of lensflare elements",[940,3110,3111],{"align":2205},[507,3112,2685],{},[524,3114,3115],{"id":3004},[507,3116,3004],{},[504,3118,3119,3120,3122],{},"You can specify individual lensflare element properties directly using the component's ",[507,3121,3004],{}," prop.",[504,3124,3125,3126,3128,3129,522],{},"The ",[507,3127,3004],{}," prop expects an instance of ",[507,3130,3131],{},"(Partial\u003CLensflareElementProps>)[]",[504,3133,3134,3135,3137],{},"Every object in ",[507,3136,3004],{}," may have any (or none) of the following properties.",[916,3139,3140,3148],{},[919,3141,3142],{},[922,3143,3144,3146],{},[925,3145,2206],{"align":2205},[925,3147,930],{"align":2205},[935,3149,3150,3162,3173,3184],{},[922,3151,3152,3156],{},[940,3153,3154],{"align":2205},[1188,3155,3102],{},[940,3157,3158,3161],{"align":2205},[507,3159,3160],{},"string | Texture"," - an image URL or texture to use on the lensflare element",[922,3163,3164,3168],{},[940,3165,3166],{"align":2205},[1188,3167,1076],{},[940,3169,3170,3172],{"align":2205},[507,3171,3058],{}," - color of the lensflare element",[922,3174,3175,3179],{},[940,3176,3177],{"align":2205},[1188,3178,3070],{},[940,3180,3181,3183],{"align":2205},[507,3182,2992],{}," - distance of the lensflare element from the lensflare center",[922,3185,3186,3190],{},[940,3187,3188],{"align":2205},[1188,3189,3086],{},[940,3191,3192,3194],{"align":2205},[507,3193,2992],{}," - size of the lensflare element",[524,3196,3197],{"id":3021},[507,3198,3021],{},[504,3200,3201,3202,3204],{},"Adding a ",[507,3203,3021],{}," prop to a component enables seeded random element generation.",[504,3206,3125,3207,3209,3210,3215,3216,522],{},[507,3208,3021],{}," prop is used as the \"seed\" in a ",[516,3211,3214],{"href":3212,"rel":3213},"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,3217,3218],{},"SeedProps",[3220,3221,3222],"prose-note",{},[504,3223,3224,3225,522],{},"If you set a seed but not seedProps, the component will fall back to the default, built-in SeedProps",[542,3226],{},[3228,3229,3231],"h3",{"id":3230},"example","Example",[528,3233,3235],{"className":530,"code":3234,"language":538,"meta":476,"style":476},"\u003CLensflare :seed=\"seedRef\" />\n",[507,3236,3237],{"__ignoreMap":476},[542,3238,3239,3241,3243,3245,3247,3249,3251,3254,3256],{"class":544,"line":477},[542,3240,548],{"class":547},[542,3242,329],{"class":551},[542,3244,675],{"class":547},[542,3246,3021],{"class":555},[542,3248,562],{"class":547},[542,3250,565],{"class":547},[542,3252,3253],{"class":588},"seedRef",[542,3255,565],{"class":547},[542,3257,803],{"class":547},[504,3259,3260,3261,3264,3265,722,3267,722,3269,722,3271,722,3274,3276],{},"Below, the results of setting ",[507,3262,3263],{},"seedRef.value"," to ",[507,3266,719],{},[507,3268,1054],{},[507,3270,1533],{},[507,3272,3273],{},"3",[507,3275,2169],{},", respectively.",[504,3278,3279],{},[3280,3281],"img",{"alt":3282,"src":3283},"Lensflare seeds 0-4","/cientos/lensflare_seeds.png",[524,3285,3287],{"id":3286},"seedprops",[507,3288,3037],{},[504,3290,3201,3291,3293],{},[507,3292,3037],{}," prop to the component enables seeded random element generation.",[504,3295,3125,3296,3128,3298,3300],{},[507,3297,3037],{},[507,3299,3042],{},". It specifies rules and acceptable values for creating random lensflare elements.",[504,3302,3303,3304,3306],{},"Every element in ",[507,3305,3037],{}," has this shape.",[916,3308,3309,3320],{},[919,3310,3311],{},[922,3312,3313,3315,3317],{},[925,3314,2206],{"align":2205},[925,3316,930],{"align":2205},[925,3318,3319],{},"Required",[935,3321,3322,3337,3351,3365,3378,3392],{},[922,3323,3324,3328,3334],{},[940,3325,3326],{"align":2205},[1188,3327,3102],{},[940,3329,3330,3333],{"align":2205},[507,3331,3332],{},"string[]"," - array of 1 or more image URLs; a single texture will be selected per generated element",[940,3335,3336],{},"yes",[922,3338,3339,3343,3349],{},[940,3340,3341],{"align":2205},[1188,3342,1076],{},[940,3344,3345,3348],{"align":2205},[507,3346,3347],{},"TresColor[]"," - array of 1 or more colors; a single color will be selected per generated element",[940,3350,3336],{},[922,3352,3353,3357,3363],{},[940,3354,3355],{"align":2205},[1188,3356,3070],{},[940,3358,3359,3362],{"align":2205},[507,3360,3361],{},"[number, number]"," - minimum and maximum allowable distance from the flare center",[940,3364,3336],{},[922,3366,3367,3371,3376],{},[940,3368,3369],{"align":2205},[1188,3370,3086],{},[940,3372,3373,3375],{"align":2205},[507,3374,3361],{}," - minimum and maximum allowable size",[940,3377,3336],{},[922,3379,3380,3385,3390],{},[940,3381,3382],{"align":2205},[1188,3383,3384],{},"length",[940,3386,3387,3389],{"align":2205},[507,3388,3361],{}," - minimum and maximum allowable number of elements to generate",[940,3391,3336],{},[922,3393,3394,3398,3403],{},[940,3395,3396],{"align":2205},[1188,3397,3021],{},[940,3399,3400,3402],{"align":2205},[507,3401,2992],{}," - if set, when this entry is processed, the random number generator with a combination of the incoming seed and this seed",[940,3404,3405],{},"no",[3220,3407,3408],{},[504,3409,3410],{},"If you set seedProps but not seed, the component will fall back to a default seed of 0.",[524,3412,3414],{"id":3413},"random-elements-and-non-random-properties","Random elements and non-random properties",[504,3416,3417,3419],{},[507,3418,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,3421,3423],{"className":530,"code":3422,"language":538,"meta":476,"style":476},"\u003CLensflare />\n",[507,3424,3425],{"__ignoreMap":476},[542,3426,3427,3429,3431],{"class":544,"line":477},[542,3428,548],{"class":547},[542,3430,329],{"class":551},[542,3432,803],{"class":547},[3228,3434,3436],{"id":3435},"non-random-properties","Non-random properties",[504,3438,3439,3440,3122],{},"You can provide a list of lensflare element properties using the ",[516,3441,3443],{"href":3442},"#elements",[507,3444,3004],{},[528,3446,3448],{"className":530,"code":3447,"language":538,"meta":476,"style":476},"\u003CLensflare :elements=\"[{ color: 'red' }, { color: 'yellow' }]\" />\n",[507,3449,3450],{"__ignoreMap":476},[542,3451,3452,3454,3456,3458,3460,3462,3464,3466,3469,3471,3473,3475,3478,3481,3484,3486,3488,3490,3492,3495,3497,3499,3501,3503],{"class":544,"line":477},[542,3453,548],{"class":547},[542,3455,329],{"class":551},[542,3457,675],{"class":547},[542,3459,3004],{"class":555},[542,3461,562],{"class":547},[542,3463,565],{"class":547},[542,3465,715],{"class":588},[542,3467,3468],{"class":547},"{",[542,3470,1638],{"class":551},[542,3472,1341],{"class":547},[542,3474,598],{"class":547},[542,3476,3477],{"class":568},"red",[542,3479,3480],{"class":547},"'",[542,3482,3483],{"class":547}," },",[542,3485,585],{"class":547},[542,3487,1638],{"class":551},[542,3489,1341],{"class":547},[542,3491,598],{"class":547},[542,3493,3494],{"class":568},"yellow",[542,3496,3480],{"class":547},[542,3498,592],{"class":547},[542,3500,731],{"class":588},[542,3502,565],{"class":547},[542,3504,803],{"class":547},[504,3506,3507,3508,722,3510,722,3512,3514],{},"This will produce a lensflare with 2 elements. The first element will be red. The second will be yellow. The unspecified properties – ",[507,3509,3070],{},[507,3511,3086],{},[507,3513,3102],{}," – will be filled in by the built-in defaults in this case.",[504,3516,3517],{},"You can also provide default props which will overwrite random generated props.",[528,3519,3521],{"className":530,"code":3520,"language":538,"meta":476,"style":476},"\u003CLensflare color:\"red\" />\n",[507,3522,3523],{"__ignoreMap":476},[542,3524,3525,3527,3529,3532,3535],{"class":544,"line":477},[542,3526,548],{"class":547},[542,3528,329],{"class":551},[542,3530,3531],{"class":555}," color:",[542,3533,3534],{"class":588},"\"red\" ",[542,3536,3537],{"class":547},"/>\n",[504,3539,3540,3541,3543,3544,3546],{},"Since ",[507,3542,3004],{}," is not defined here, the component will generate random lensflare elements. The specified ",[507,3545,1076],{}," prop – \"red\" – will overwrite the color property of the generated lensflare elements.",[504,3548,3549,3550,3554],{},"See ",[516,3551,3553],{"href":3552},"#precedence","precedence"," for details about how properties are filled in.",[3228,3556,3558],{"id":3557},"random-elements","Random elements",[504,3560,3561],{},"You can let the component generate random elements ...",[504,3563,3564,3565],{},"... by not adding an ",[516,3566,3567,3569],{"href":3442},[507,3568,3004],{}," prop",[528,3571,3572],{"className":530,"code":3422,"language":538,"meta":476,"style":476},[507,3573,3574],{"__ignoreMap":476},[542,3575,3576,3578,3580],{"class":544,"line":477},[542,3577,548],{"class":547},[542,3579,329],{"class":551},[542,3581,803],{"class":547},[504,3583,3584,3585],{},"... by adding a ",[516,3586,3588,3569],{"href":3587},"#seed",[507,3589,3021],{},[528,3591,3593],{"className":530,"code":3592,"language":538,"meta":476,"style":476},"\u003CLensflare :seed=\"7127\" />\n",[507,3594,3595],{"__ignoreMap":476},[542,3596,3597,3599,3601,3603,3605,3607,3609,3612,3614],{"class":544,"line":477},[542,3598,548],{"class":547},[542,3600,329],{"class":551},[542,3602,675],{"class":547},[542,3604,3021],{"class":555},[542,3606,562],{"class":547},[542,3608,565],{"class":547},[542,3610,3611],{"class":718},"7127",[542,3613,565],{"class":547},[542,3615,803],{"class":547},[504,3617,3584,3618],{},[516,3619,3621,3569],{"href":3620},"#seedprops",[507,3622,3037],{},[528,3624,3626],{"className":530,"code":3625,"language":538,"meta":476,"style":476},"\u003CLensflare :seedProps=\"[{...}, {...}]\" />\n",[507,3627,3628],{"__ignoreMap":476},[542,3629,3630,3632,3634,3636,3638,3640,3642,3644,3647,3650,3652,3654],{"class":544,"line":477},[542,3631,548],{"class":547},[542,3633,329],{"class":551},[542,3635,675],{"class":547},[542,3637,3037],{"class":555},[542,3639,562],{"class":547},[542,3641,565],{"class":547},[542,3643,715],{"class":588},[542,3645,3646],{"class":547},"{...},",[542,3648,3649],{"class":547}," {...}",[542,3651,731],{"class":588},[542,3653,565],{"class":547},[542,3655,803],{"class":547},[3228,3657,3659],{"id":3658},"mixing-random-elements-and-non-random-properties","Mixing random elements and non-random properties",[504,3661,3662],{},"You can mix your own properties and random elements.",[528,3664,3666],{"className":530,"code":3665,"language":538,"meta":476,"style":476},"\u003CLensflare :elements=\"[{...}, {...}]\" :seed=\"8193\" />\n",[507,3667,3668],{"__ignoreMap":476},[542,3669,3670,3672,3674,3676,3678,3680,3682,3684,3686,3688,3690,3692,3694,3696,3698,3700,3703,3705],{"class":544,"line":477},[542,3671,548],{"class":547},[542,3673,329],{"class":551},[542,3675,675],{"class":547},[542,3677,3004],{"class":555},[542,3679,562],{"class":547},[542,3681,565],{"class":547},[542,3683,715],{"class":588},[542,3685,3646],{"class":547},[542,3687,3649],{"class":547},[542,3689,731],{"class":588},[542,3691,565],{"class":547},[542,3693,675],{"class":547},[542,3695,3021],{"class":555},[542,3697,562],{"class":547},[542,3699,565],{"class":547},[542,3701,3702],{"class":718},"8193",[542,3704,565],{"class":547},[542,3706,803],{"class":547},[504,3708,3709,3710,3712,3713,3715,3716,3718,3719,522],{},"Here, both ",[507,3711,3004],{}," and ",[507,3714,3021],{}," are defined. The component will generate random elements and overwrite their properties with the contents of ",[507,3717,3004],{},", according to the ",[516,3720,3721],{"href":3552},"order of precedence",[3220,3723,3724],{},[504,3725,3726],{},"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.",[3228,3728,3729],{"id":3553},"Precedence",[504,3731,3732],{},"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.",[3734,3735,3736,3741,3752,3759],"ol",{},[3737,3738,3739],"li",{},[507,3740,3004],{},[3737,3742,3743,722,3745,722,3747,722,3749,3751],{},[507,3744,1076],{},[507,3746,3070],{},[507,3748,3086],{},[507,3750,3102],{}," – default element properties",[3737,3753,3754,722,3756,3758],{},[507,3755,3021],{},[507,3757,3037],{}," – generated random elements",[3737,3760,3761],{},"built-in default element properties",[3220,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.",[3228,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  :size=\"256\"\n  :seed=\"1\"\n/>\n",[507,3778,3779,3786,3800,3828,3853,3860,3877,3890,3905,3919],{"__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,3004],{"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,3086],{"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,3480],{"class":547},[542,3821,3822],{"class":568},"http://example.net/circle.png",[542,3824,3480],{"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,3480],{"class":547},[542,3839,3494],{"class":568},[542,3841,3480],{"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,3102],{"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,3477],{"class":555},[542,3889,734],{"class":588},[542,3891,3892,3894,3896,3898,3900,3903],{"class":544,"line":693},[542,3893,3790],{"class":547},[542,3895,3086],{"class":555},[542,3897,562],{"class":547},[542,3899,565],{"class":547},[542,3901,3902],{"class":718},"256",[542,3904,734],{"class":547},[542,3906,3907,3909,3911,3913,3915,3917],{"class":544,"line":702},[542,3908,3790],{"class":547},[542,3910,3021],{"class":555},[542,3912,562],{"class":547},[542,3914,565],{"class":547},[542,3916,1054],{"class":718},[542,3918,734],{"class":547},[542,3920,3921],{"class":544,"line":737},[542,3922,3537],{"class":588},[504,3924,3925,3927],{},[507,3926,3021],{}," is defined, so the component will produce random elements.",[504,3929,3930,3931,1341],{},"Assume the random element generator produces this, based on ",[507,3932,3021],{},[528,3934,3938],{"className":3935,"code":3936,"language":3937,"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,3939,3940,3944,3949,3965,3977,3989,4005,4010,4014,4028,4039,4050,4064,4068,4072,4086,4097,4107,4121,4125],{"__ignoreMap":476},[542,3941,3942],{"class":544,"line":477},[542,3943,3799],{"class":588},[542,3945,3946],{"class":544,"line":478},[542,3947,3948],{"class":547},"  {\n",[542,3950,3951,3954,3956,3958,3960,3962],{"class":544,"line":607},[542,3952,3953],{"class":551},"    color",[542,3955,1341],{"class":547},[542,3957,598],{"class":547},[542,3959,2439],{"class":568},[542,3961,3480],{"class":547},[542,3963,3964],{"class":547},",\n",[542,3966,3967,3970,3972,3975],{"class":544,"line":628},[542,3968,3969],{"class":551},"    distance",[542,3971,1341],{"class":547},[542,3973,3974],{"class":718}," 0",[542,3976,3964],{"class":547},[542,3978,3979,3982,3984,3987],{"class":544,"line":638},[542,3980,3981],{"class":551},"    size",[542,3983,1341],{"class":547},[542,3985,3986],{"class":718}," 1024",[542,3988,3964],{"class":547},[542,3990,3991,3994,3996,3998,4001,4003],{"class":544,"line":644},[542,3992,3993],{"class":551},"    texture",[542,3995,1341],{"class":547},[542,3997,598],{"class":547},[542,3999,4000],{"class":568},"http://example.net/rays.png",[542,4002,3480],{"class":547},[542,4004,3964],{"class":547},[542,4006,4007],{"class":544,"line":654},[542,4008,4009],{"class":547},"  },\n",[542,4011,4012],{"class":544,"line":693},[542,4013,3948],{"class":547},[542,4015,4016,4018,4020,4022,4024,4026],{"class":544,"line":702},[542,4017,3953],{"class":551},[542,4019,1341],{"class":547},[542,4021,598],{"class":547},[542,4023,2439],{"class":568},[542,4025,3480],{"class":547},[542,4027,3964],{"class":547},[542,4029,4030,4032,4034,4037],{"class":544,"line":737},[542,4031,3969],{"class":551},[542,4033,1341],{"class":547},[542,4035,4036],{"class":718}," 1",[542,4038,3964],{"class":547},[542,4040,4041,4043,4045,4048],{"class":544,"line":743},[542,4042,3981],{"class":551},[542,4044,1341],{"class":547},[542,4046,4047],{"class":718}," 512",[542,4049,3964],{"class":547},[542,4051,4052,4054,4056,4058,4060,4062],{"class":544,"line":795},[542,4053,3993],{"class":551},[542,4055,1341],{"class":547},[542,4057,598],{"class":547},[542,4059,3822],{"class":568},[542,4061,3480],{"class":547},[542,4063,3964],{"class":547},[542,4065,4066],{"class":544,"line":806},[542,4067,4009],{"class":547},[542,4069,4070],{"class":544,"line":816},[542,4071,3948],{"class":547},[542,4073,4074,4076,4078,4080,4082,4084],{"class":544,"line":533},[542,4075,3953],{"class":551},[542,4077,1341],{"class":547},[542,4079,598],{"class":547},[542,4081,2439],{"class":568},[542,4083,3480],{"class":547},[542,4085,3964],{"class":547},[542,4087,4088,4090,4092,4095],{"class":544,"line":534},[542,4089,3969],{"class":551},[542,4091,1341],{"class":547},[542,4093,4094],{"class":718}," 2",[542,4096,3964],{"class":547},[542,4098,4099,4101,4103,4105],{"class":544,"line":535},[542,4100,3981],{"class":551},[542,4102,1341],{"class":547},[542,4104,4047],{"class":718},[542,4106,3964],{"class":547},[542,4108,4109,4111,4113,4115,4117,4119],{"class":544,"line":536},[542,4110,3993],{"class":551},[542,4112,1341],{"class":547},[542,4114,598],{"class":547},[542,4116,3822],{"class":568},[542,4118,3480],{"class":547},[542,4120,3964],{"class":547},[542,4122,4123],{"class":544,"line":537},[542,4124,4009],{"class":547},[542,4126,4127],{"class":544,"line":889},[542,4128,4129],{"class":588},"]\n",[504,4131,4132,4133,4135],{},"When random elements are mixed with ",[507,4134,3004],{},", the final number of elements in the lensflare is determined by whichever is longer.",[504,4137,4138,4139,4141],{},"Here, ",[507,4140,3004],{}," contains 2 entries. The random element generator produced 3. So the resulting lensflare will have 3 elements.",[504,4143,4144],{},"Therefore, resulting lensflare will have 3 elements.",[504,4146,4147],{},"The resulting 3 lensflare elements will have the following properties, from the following sources:",[528,4149,4151],{"className":3935,"code":4150,"language":3937,"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: 256, // from component prop `size`\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: 256, // from component prop `size`\n    texture: 'http://example.net/ring.png', // from component prop `texture`\n  },\n]\n",[507,4152,4153,4157,4161,4178,4191,4203,4219,4223,4227,4244,4257,4271,4289,4293,4297,4313,4325,4337,4353,4357],{"__ignoreMap":476},[542,4154,4155],{"class":544,"line":477},[542,4156,3799],{"class":588},[542,4158,4159],{"class":544,"line":478},[542,4160,3948],{"class":547},[542,4162,4163,4165,4167,4169,4171,4173,4175],{"class":544,"line":607},[542,4164,3953],{"class":551},[542,4166,1341],{"class":547},[542,4168,598],{"class":547},[542,4170,3494],{"class":568},[542,4172,3480],{"class":547},[542,4174,1927],{"class":547},[542,4176,4177],{"class":3875}," // from `elements`\n",[542,4179,4180,4182,4184,4186,4188],{"class":544,"line":628},[542,4181,3969],{"class":551},[542,4183,1341],{"class":547},[542,4185,3974],{"class":718},[542,4187,1927],{"class":547},[542,4189,4190],{"class":3875}," // from random element generator\n",[542,4192,4193,4195,4197,4199,4201],{"class":544,"line":638},[542,4194,3981],{"class":551},[542,4196,1341],{"class":547},[542,4198,4047],{"class":718},[542,4200,1927],{"class":547},[542,4202,4177],{"class":3875},[542,4204,4205,4207,4209,4211,4213,4215,4217],{"class":544,"line":644},[542,4206,3993],{"class":551},[542,4208,1341],{"class":547},[542,4210,598],{"class":547},[542,4212,3822],{"class":568},[542,4214,3480],{"class":547},[542,4216,1927],{"class":547},[542,4218,4177],{"class":3875},[542,4220,4221],{"class":544,"line":654},[542,4222,4009],{"class":547},[542,4224,4225],{"class":544,"line":693},[542,4226,3948],{"class":547},[542,4228,4229,4231,4233,4235,4237,4239,4241],{"class":544,"line":702},[542,4230,3953],{"class":551},[542,4232,1341],{"class":547},[542,4234,598],{"class":547},[542,4236,3477],{"class":568},[542,4238,3480],{"class":547},[542,4240,1927],{"class":547},[542,4242,4243],{"class":3875}," // from component prop `color`\n",[542,4245,4246,4248,4250,4253,4255],{"class":544,"line":737},[542,4247,3969],{"class":551},[542,4249,1341],{"class":547},[542,4251,4252],{"class":718}," 0.5",[542,4254,1927],{"class":547},[542,4256,4177],{"class":3875},[542,4258,4259,4261,4263,4266,4268],{"class":544,"line":743},[542,4260,3981],{"class":551},[542,4262,1341],{"class":547},[542,4264,4265],{"class":718}," 256",[542,4267,1927],{"class":547},[542,4269,4270],{"class":3875}," // from component prop `size`\n",[542,4272,4273,4275,4277,4279,4282,4284,4286],{"class":544,"line":795},[542,4274,3993],{"class":551},[542,4276,1341],{"class":547},[542,4278,598],{"class":547},[542,4280,4281],{"class":568},"http://example.net/ring.png",[542,4283,3480],{"class":547},[542,4285,1927],{"class":547},[542,4287,4288],{"class":3875}," // from component prop `texture`\n",[542,4290,4291],{"class":544,"line":806},[542,4292,4009],{"class":547},[542,4294,4295],{"class":544,"line":816},[542,4296,3948],{"class":547},[542,4298,4299,4301,4303,4305,4307,4309,4311],{"class":544,"line":533},[542,4300,3953],{"class":551},[542,4302,1341],{"class":547},[542,4304,598],{"class":547},[542,4306,3477],{"class":568},[542,4308,3480],{"class":547},[542,4310,1927],{"class":547},[542,4312,4243],{"class":3875},[542,4314,4315,4317,4319,4321,4323],{"class":544,"line":534},[542,4316,3969],{"class":551},[542,4318,1341],{"class":547},[542,4320,4094],{"class":718},[542,4322,1927],{"class":547},[542,4324,4190],{"class":3875},[542,4326,4327,4329,4331,4333,4335],{"class":544,"line":535},[542,4328,3981],{"class":551},[542,4330,1341],{"class":547},[542,4332,4265],{"class":718},[542,4334,1927],{"class":547},[542,4336,4270],{"class":3875},[542,4338,4339,4341,4343,4345,4347,4349,4351],{"class":544,"line":536},[542,4340,3993],{"class":551},[542,4342,1341],{"class":547},[542,4344,598],{"class":547},[542,4346,4281],{"class":568},[542,4348,3480],{"class":547},[542,4350,1927],{"class":547},[542,4352,4288],{"class":3875},[542,4354,4355],{"class":544,"line":537},[542,4356,4009],{"class":547},[542,4358,4359],{"class":544,"line":889},[542,4360,4129],{"class":588},[1164,4362,4363],{},"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":4365},[4366,4367,4368,4369,4372,4373],{"id":526,"depth":478,"text":15},{"id":913,"depth":478,"text":914},{"id":3004,"depth":478,"text":3004},{"id":3021,"depth":478,"text":3021,"children":4370},[4371],{"id":3230,"depth":607,"text":3231},{"id":3286,"depth":478,"text":3037},{"id":3413,"depth":478,"text":3414,"children":4374},[4375,4376,4377,4378,4379],{"id":3435,"depth":607,"text":3436},{"id":3557,"depth":607,"text":3558},{"id":3658,"depth":607,"text":3659},{"id":3553,"depth":607,"text":3729},{"id":3769,"depth":607,"text":3770},"Wraps the three.js Lensflare with seeded random element generation.",{},{"title":329,"description":4380},"ZLWCWc8GAVxup0UJ0m5K5kbMFYzCmnCrtI4fB97ZQW4",{"id":4385,"title":333,"body":4386,"description":5088,"extension":481,"links":482,"meta":5089,"navigation":484,"path":334,"seo":5090,"stem":335,"__hash__":5091},"docs/2.api/7.light-shadow/randomized-lights.md",{"type":469,"value":4387,"toc":5084},[4388,4393,4400,4408,4410,4917,4919,5082],[1180,4389,4390],{},[4391,4392],"light-shadow-randomized-lights",{},[504,4394,4395,4397,4398,522],{},[507,4396,1142],{}," internally creates multiple lights and jiggles them. You would normally add it as a child of ",[507,4399,509],{},[504,4401,4402,4403,522],{},"It is based on this ",[516,4404,4407],{"href":4405,"rel":4406},"http://drei.docs.pmnd.rs/staging/randomized-light",[520],"Drei component",[524,4409,15],{"id":526},[528,4411,4414],{"className":530,"code":4412,"highlights":4413,"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,4415,4416,4436,4456,4462,4470,4477,4484,4491,4506,4514,4518,4526,4537,4569,4577,4625,4633,4651,4668,4685,4705,4721,4748,4764,4769,4777,4788,4796,4814,4822,4877,4885,4893,4901,4909],{"__ignoreMap":476},[542,4417,4418,4420,4422,4424,4426,4428,4430,4432,4434],{"class":544,"line":477},[542,4419,548],{"class":547},[542,4421,552],{"class":551},[542,4423,556],{"class":555},[542,4425,559],{"class":555},[542,4427,562],{"class":547},[542,4429,565],{"class":547},[542,4431,569],{"class":568},[542,4433,565],{"class":547},[542,4435,574],{"class":547},[542,4437,4438,4440,4442,4444,4446,4448,4450,4452,4454],{"class":544,"line":478},[542,4439,582],{"class":581},[542,4441,585],{"class":547},[542,4443,614],{"class":588},[542,4445,592],{"class":547},[542,4447,595],{"class":581},[542,4449,1937],{"class":547},[542,4451,623],{"class":568},[542,4453,565],{"class":547},[542,4455,1944],{"class":547},[542,4457,4458,4460],{"class":544,"line":607},[542,4459,582],{"class":581},[542,4461,1351],{"class":547},[542,4463,4465,4468],{"class":4464,"line":628},[544,578],[542,4466,4467],{"class":588},"  RandomizedLights",[542,4469,3964],{"class":547},[542,4471,4472,4475],{"class":544,"line":638},[542,4473,4474],{"class":588},"  AccumulativeShadows",[542,4476,3964],{"class":547},[542,4478,4479,4482],{"class":544,"line":644},[542,4480,4481],{"class":588},"  OrbitControls",[542,4483,3964],{"class":547},[542,4485,4486,4489],{"class":544,"line":654},[542,4487,4488],{"class":588},"  Plane",[542,4490,3964],{"class":547},[542,4492,4493,4496,4498,4500,4502,4504],{"class":544,"line":693},[542,4494,4495],{"class":547},"}",[542,4497,595],{"class":581},[542,4499,1937],{"class":547},[542,4501,601],{"class":568},[542,4503,565],{"class":547},[542,4505,1944],{"class":547},[542,4507,4508,4510,4512],{"class":544,"line":702},[542,4509,631],{"class":547},[542,4511,552],{"class":551},[542,4513,574],{"class":547},[542,4515,4516],{"class":544,"line":737},[542,4517,641],{"emptyLinePlaceholder":484},[542,4519,4520,4522,4524],{"class":544,"line":743},[542,4521,548],{"class":547},[542,4523,649],{"class":551},[542,4525,574],{"class":547},[542,4527,4528,4530,4532,4535],{"class":544,"line":795},[542,4529,657],{"class":547},[542,4531,660],{"class":551},[542,4533,4534],{"class":555}," shadows",[542,4536,574],{"class":547},[542,4538,4539,4541,4543,4545,4547,4549,4551,4553,4555,4557,4559,4561,4563,4565,4567],{"class":544,"line":806},[542,4540,746],{"class":547},[542,4542,2009],{"class":551},[542,4544,675],{"class":547},[542,4546,1520],{"class":555},[542,4548,562],{"class":547},[542,4550,565],{"class":547},[542,4552,715],{"class":547},[542,4554,719],{"class":718},[542,4556,722],{"class":547},[542,4558,3273],{"class":718},[542,4560,722],{"class":547},[542,4562,1538],{"class":718},[542,4564,731],{"class":547},[542,4566,565],{"class":547},[542,4568,803],{"class":547},[542,4570,4571,4573,4575],{"class":544,"line":816},[542,4572,746],{"class":547},[542,4574,2018],{"class":551},[542,4576,803],{"class":547},[542,4578,4579,4581,4584,4586,4588,4590,4592,4594,4596,4598,4600,4602,4604,4606,4609,4611,4613,4615,4617,4619,4621,4623],{"class":544,"line":533},[542,4580,746],{"class":547},[542,4582,4583],{"class":551},"AccumulativeShadows",[542,4585,675],{"class":547},[542,4587,839],{"class":555},[542,4589,562],{"class":547},[542,4591,565],{"class":547},[542,4593,846],{"class":718},[542,4595,565],{"class":547},[542,4597,1638],{"class":555},[542,4599,562],{"class":547},[542,4601,565],{"class":547},[542,4603,670],{"class":568},[542,4605,565],{"class":547},[542,4607,4608],{"class":555}," once",[542,4610,675],{"class":547},[542,4612,754],{"class":555},[542,4614,562],{"class":547},[542,4616,565],{"class":547},[542,4618,882],{"class":547},[542,4620,1054],{"class":718},[542,4622,565],{"class":547},[542,4624,574],{"class":547},[542,4626,4628,4630],{"class":4627,"line":534},[544,578],[542,4629,696],{"class":547},[542,4631,4632],{"class":551},"RandomizedLights\n",[542,4634,4636,4639,4642,4644,4646,4649],{"class":4635,"line":535},[544,578],[542,4637,4638],{"class":547},"        :",[542,4640,4641],{"class":555},"ambient",[542,4643,562],{"class":547},[542,4645,565],{"class":547},[542,4647,4648],{"class":718},"0.25",[542,4650,734],{"class":547},[542,4652,4654,4656,4659,4661,4663,4666],{"class":4653,"line":536},[544,578],[542,4655,4638],{"class":547},[542,4657,4658],{"class":555},"bias",[542,4660,562],{"class":547},[542,4662,565],{"class":547},[542,4664,4665],{"class":718},"0.001",[542,4667,734],{"class":547},[542,4669,4671,4673,4676,4678,4680,4683],{"class":4670,"line":537},[544,578],[542,4672,4638],{"class":547},[542,4674,4675],{"class":555},"count",[542,4677,562],{"class":547},[542,4679,565],{"class":547},[542,4681,4682],{"class":718},"8",[542,4684,734],{"class":547},[542,4686,4688,4690,4693,4695,4697,4699,4701,4703],{"class":4687,"line":889},[544,578],[542,4689,4638],{"class":547},[542,4691,4692],{"class":555},"intensity",[542,4694,562],{"class":547},[542,4696,565],{"class":547},[542,4698,1716],{"class":588},[542,4700,522],{"class":547},[542,4702,1721],{"class":588},[542,4704,734],{"class":547},[542,4706,4708,4710,4713,4715,4717,4719],{"class":4707,"line":894},[544,578],[542,4709,4638],{"class":547},[542,4711,4712],{"class":555},"map-size",[542,4714,562],{"class":547},[542,4716,565],{"class":547},[542,4718,1114],{"class":718},[542,4720,734],{"class":547},[542,4722,4724,4726,4728,4730,4732,4734,4736,4738,4740,4742,4744,4746],{"class":4723,"line":904},[544,578],[542,4725,4638],{"class":547},[542,4727,1520],{"class":555},[542,4729,562],{"class":547},[542,4731,565],{"class":547},[542,4733,715],{"class":547},[542,4735,1538],{"class":718},[542,4737,722],{"class":547},[542,4739,1538],{"class":718},[542,4741,1689],{"class":547},[542,4743,1039],{"class":718},[542,4745,731],{"class":547},[542,4747,734],{"class":547},[542,4749,4751,4753,4756,4758,4760,4762],{"class":4750,"line":1515},[544,578],[542,4752,4638],{"class":547},[542,4754,4755],{"class":555},"radius",[542,4757,562],{"class":547},[542,4759,565],{"class":547},[542,4761,1533],{"class":718},[542,4763,734],{"class":547},[542,4765,4766],{"class":544,"line":1545},[542,4767,4768],{"class":547},"      />\n",[542,4770,4771,4773,4775],{"class":544,"line":1572},[542,4772,819],{"class":547},[542,4774,4583],{"class":551},[542,4776,574],{"class":547},[542,4778,4779,4781,4783,4786],{"class":544,"line":1213},[542,4780,746],{"class":547},[542,4782,749],{"class":551},[542,4784,4785],{"class":555}," cast-shadow",[542,4787,574],{"class":547},[542,4789,4790,4792,4794],{"class":544,"line":1586},[542,4791,696],{"class":547},[542,4793,1625],{"class":551},[542,4795,803],{"class":547},[542,4797,4798,4800,4802,4804,4806,4808,4810,4812],{"class":544,"line":1594},[542,4799,696],{"class":547},[542,4801,2080],{"class":551},[542,4803,1638],{"class":555},[542,4805,562],{"class":547},[542,4807,565],{"class":547},[542,4809,1645],{"class":568},[542,4811,565],{"class":547},[542,4813,803],{"class":547},[542,4815,4816,4818,4820],{"class":544,"line":1608},[542,4817,819],{"class":547},[542,4819,749],{"class":551},[542,4821,574],{"class":547},[542,4823,4824,4826,4828,4830,4832,4834,4836,4838,4840,4842,4844,4846,4848,4850,4852,4855,4857,4859,4861,4863,4865,4867,4869,4871,4873,4875],{"class":544,"line":1614},[542,4825,746],{"class":547},[542,4827,237],{"class":551},[542,4829,675],{"class":547},[542,4831,1520],{"class":555},[542,4833,562],{"class":547},[542,4835,565],{"class":547},[542,4837,715],{"class":547},[542,4839,719],{"class":718},[542,4841,1689],{"class":547},[542,4843,1533],{"class":718},[542,4845,722],{"class":547},[542,4847,719],{"class":718},[542,4849,731],{"class":547},[542,4851,565],{"class":547},[542,4853,4854],{"class":555}," receive-shadow",[542,4856,675],{"class":547},[542,4858,1746],{"class":555},[542,4860,562],{"class":547},[542,4862,565],{"class":547},[542,4864,715],{"class":547},[542,4866,1039],{"class":718},[542,4868,722],{"class":547},[542,4870,1039],{"class":718},[542,4872,731],{"class":547},[542,4874,565],{"class":547},[542,4876,574],{"class":547},[542,4878,4879,4881,4883],{"class":544,"line":1620},[542,4880,696],{"class":547},[542,4882,1635],{"class":551},[542,4884,803],{"class":547},[542,4886,4887,4889,4891],{"class":544,"line":1630},[542,4888,819],{"class":547},[542,4890,237],{"class":551},[542,4892,574],{"class":547},[542,4894,4895,4897,4899],{"class":544,"line":1652},[542,4896,746],{"class":547},[542,4898,2139],{"class":551},[542,4900,803],{"class":547},[542,4902,4903,4905,4907],{"class":544,"line":1661},[542,4904,897],{"class":547},[542,4906,660],{"class":551},[542,4908,574],{"class":547},[542,4910,4911,4913,4915],{"class":544,"line":1668},[542,4912,631],{"class":547},[542,4914,649],{"class":551},[542,4916,574],{"class":547},[524,4918,914],{"id":913},[916,4920,4921,4931],{},[919,4922,4923],{},[922,4924,4925,4927,4929],{},[925,4926,927],{},[925,4928,930],{},[925,4930,933],{},[935,4932,4933,4946,4959,4973,4986,5000,5013,5027,5040,5054,5068],{},[922,4934,4935,4939,4942],{},[940,4936,4937],{},[507,4938,4675],{},[940,4940,4941],{},"Number of lights",[940,4943,4944],{},[507,4945,4682],{},[922,4947,4948,4952,4955],{},[940,4949,4950],{},[507,4951,4755],{},[940,4953,4954],{},"Radius of the jiggle, higher values make softer light",[940,4956,4957],{},[507,4958,1054],{},[922,4960,4961,4965,4968],{},[940,4962,4963],{},[507,4964,4692],{},[940,4966,4967],{},"Light intensity",[940,4969,4970],{},[507,4971,4972],{},"Math.PI",[922,4974,4975,4979,4982],{},[940,4976,4977],{},[507,4978,4641],{},[940,4980,4981],{},"\"Ambient occlusion\" to directional light ratio, lower values mean less AO",[940,4983,4984],{},[507,4985,2040],{},[922,4987,4988,4993,4996],{},[940,4989,4990],{},[507,4991,4992],{},"castShadow",[940,4994,4995],{},"If the lights cast shadows",[940,4997,4998],{},[507,4999,686],{},[922,5001,5002,5006,5009],{},[940,5003,5004],{},[507,5005,4658],{},[940,5007,5008],{},"Default shadow bias",[940,5010,5011],{},[507,5012,719],{},[922,5014,5015,5020,5023],{},[940,5016,5017],{},[507,5018,5019],{},"mapSize",[940,5021,5022],{},"Size of the lights' shadow map",[940,5024,5025],{},[507,5026,2769],{},[922,5028,5029,5033,5036],{},[940,5030,5031],{},[507,5032,3086],{},[940,5034,5035],{},"Size of the lights' shadow camera frustum",[940,5037,5038],{},[507,5039,1039],{},[922,5041,5042,5047,5050],{},[940,5043,5044],{},[507,5045,5046],{},"near",[940,5048,5049],{},"Lights' shadow camera near value",[940,5051,5052],{},[507,5053,2040],{},[922,5055,5056,5060,5063],{},[940,5057,5058],{},[507,5059,2734],{},[940,5061,5062],{},"Lights' shadow camera far value",[940,5064,5065],{},[507,5066,5067],{},"500",[922,5069,5070,5074,5077],{},[940,5071,5072],{},[507,5073,1520],{},[940,5075,5076],{},"Position",[940,5078,5079],{},[507,5080,5081],{},"[5, 5, -10]",[1164,5083,2294],{},{"title":476,"searchDepth":477,"depth":478,"links":5085},[5086,5087],{"id":526,"depth":478,"text":15},{"id":913,"depth":478,"text":914},"Creates multiple lights and jiggles them for softer shadows.",{},{"title":333,"description":5088},"baGOsq_IYKuFBxflpLvSmGExVBUODXQrO5EKfecXWks",{"id":5093,"title":337,"body":5094,"description":5544,"extension":481,"links":482,"meta":5545,"navigation":484,"path":338,"seo":5546,"stem":339,"__hash__":5547},"docs/2.api/7.light-shadow/soft-shadows.md",{"type":469,"value":5095,"toc":5540},[5096,5101,5104,5106,5485,5487,5538],[498,5097,5098],{},[5099,5100],"light-shadow-soft-shadows",{},[504,5102,5103],{},"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,5105,15],{"id":526},[528,5107,5110],{"className":530,"code":5108,"highlights":5109,"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,5111,5112,5132,5167,5187,5195,5199,5207,5227,5279,5301,5319,5327,5335,5389,5397,5405,5439,5459,5469,5477],{"__ignoreMap":476},[542,5113,5114,5116,5118,5120,5122,5124,5126,5128,5130],{"class":544,"line":477},[542,5115,548],{"class":547},[542,5117,552],{"class":551},[542,5119,556],{"class":555},[542,5121,559],{"class":555},[542,5123,562],{"class":547},[542,5125,565],{"class":547},[542,5127,569],{"class":568},[542,5129,565],{"class":547},[542,5131,574],{"class":547},[542,5133,5135,5137,5139,5142,5144,5146,5148,5150,5152,5155,5157,5159,5161,5163,5165],{"class":5134,"line":478},[544,578],[542,5136,582],{"class":581},[542,5138,585],{"class":547},[542,5140,5141],{"class":588}," SoftShadows",[542,5143,1927],{"class":547},[542,5145,2371],{"class":588},[542,5147,1927],{"class":547},[542,5149,2376],{"class":588},[542,5151,1927],{"class":547},[542,5153,5154],{"class":588}," Plane",[542,5156,592],{"class":547},[542,5158,595],{"class":581},[542,5160,1937],{"class":547},[542,5162,601],{"class":568},[542,5164,565],{"class":547},[542,5166,1944],{"class":547},[542,5168,5169,5171,5173,5175,5177,5179,5181,5183,5185],{"class":544,"line":607},[542,5170,582],{"class":581},[542,5172,585],{"class":547},[542,5174,614],{"class":588},[542,5176,592],{"class":547},[542,5178,595],{"class":581},[542,5180,1937],{"class":547},[542,5182,623],{"class":568},[542,5184,565],{"class":547},[542,5186,1944],{"class":547},[542,5188,5189,5191,5193],{"class":544,"line":628},[542,5190,631],{"class":547},[542,5192,552],{"class":551},[542,5194,574],{"class":547},[542,5196,5197],{"class":544,"line":638},[542,5198,641],{"emptyLinePlaceholder":484},[542,5200,5201,5203,5205],{"class":544,"line":644},[542,5202,548],{"class":547},[542,5204,649],{"class":551},[542,5206,574],{"class":547},[542,5208,5209,5211,5213,5215,5217,5219,5221,5223,5225],{"class":544,"line":654},[542,5210,657],{"class":547},[542,5212,660],{"class":551},[542,5214,4534],{"class":555},[542,5216,663],{"class":555},[542,5218,562],{"class":547},[542,5220,565],{"class":547},[542,5222,1477],{"class":568},[542,5224,565],{"class":547},[542,5226,574],{"class":547},[542,5228,5229,5231,5233,5235,5237,5239,5241,5243,5245,5247,5249,5251,5253,5255,5257,5259,5261,5263,5265,5267,5269,5271,5273,5275,5277],{"class":544,"line":693},[542,5230,746],{"class":547},[542,5232,2450],{"class":551},[542,5234,675],{"class":547},[542,5236,2455],{"class":555},[542,5238,562],{"class":547},[542,5240,565],{"class":547},[542,5242,2169],{"class":718},[542,5244,565],{"class":547},[542,5246,675],{"class":547},[542,5248,2468],{"class":555},[542,5250,562],{"class":547},[542,5252,565],{"class":547},[542,5254,715],{"class":547},[542,5256,719],{"class":718},[542,5258,722],{"class":547},[542,5260,2481],{"class":718},[542,5262,731],{"class":547},[542,5264,565],{"class":547},[542,5266,675],{"class":547},[542,5268,2490],{"class":555},[542,5270,562],{"class":547},[542,5272,565],{"class":547},[542,5274,2497],{"class":718},[542,5276,565],{"class":547},[542,5278,574],{"class":547},[542,5280,5281,5283,5285,5287,5289,5291,5293,5295,5297,5299],{"class":544,"line":702},[542,5282,696],{"class":547},[542,5284,2508],{"class":551},[542,5286,4785],{"class":555},[542,5288,675],{"class":547},[542,5290,768],{"class":555},[542,5292,562],{"class":547},[542,5294,565],{"class":547},[542,5296,2519],{"class":718},[542,5298,565],{"class":547},[542,5300,574],{"class":547},[542,5302,5303,5305,5307,5309,5311,5313,5315,5317],{"class":544,"line":737},[542,5304,2069],{"class":547},[542,5306,1635],{"class":551},[542,5308,1638],{"class":555},[542,5310,562],{"class":547},[542,5312,565],{"class":547},[542,5314,1645],{"class":568},[542,5316,565],{"class":547},[542,5318,803],{"class":547},[542,5320,5321,5323,5325],{"class":544,"line":743},[542,5322,2097],{"class":547},[542,5324,2508],{"class":551},[542,5326,574],{"class":547},[542,5328,5329,5331,5333],{"class":544,"line":795},[542,5330,819],{"class":547},[542,5332,2450],{"class":551},[542,5334,574],{"class":547},[542,5336,5337,5339,5341,5343,5345,5347,5349,5351,5353,5355,5357,5359,5361,5363,5365,5367,5369,5371,5373,5375,5377,5379,5381,5383,5385,5387],{"class":544,"line":806},[542,5338,746],{"class":547},[542,5340,237],{"class":551},[542,5342,675],{"class":547},[542,5344,1520],{"class":555},[542,5346,562],{"class":547},[542,5348,565],{"class":547},[542,5350,715],{"class":547},[542,5352,719],{"class":718},[542,5354,1689],{"class":547},[542,5356,1533],{"class":718},[542,5358,722],{"class":547},[542,5360,719],{"class":718},[542,5362,731],{"class":547},[542,5364,565],{"class":547},[542,5366,4854],{"class":555},[542,5368,675],{"class":547},[542,5370,1746],{"class":555},[542,5372,562],{"class":547},[542,5374,565],{"class":547},[542,5376,715],{"class":547},[542,5378,1039],{"class":718},[542,5380,722],{"class":547},[542,5382,1039],{"class":718},[542,5384,731],{"class":547},[542,5386,565],{"class":547},[542,5388,574],{"class":547},[542,5390,5391,5393,5395],{"class":544,"line":816},[542,5392,696],{"class":547},[542,5394,1635],{"class":551},[542,5396,803],{"class":547},[542,5398,5399,5401,5403],{"class":544,"line":533},[542,5400,819],{"class":547},[542,5402,237],{"class":551},[542,5404,574],{"class":547},[542,5406,5407,5409,5411,5413,5415,5417,5419,5421,5423,5425,5427,5429,5431,5433,5435,5437],{"class":544,"line":534},[542,5408,746],{"class":547},[542,5410,2148],{"class":551},[542,5412,4785],{"class":555},[542,5414,675],{"class":547},[542,5416,1520],{"class":555},[542,5418,562],{"class":547},[542,5420,565],{"class":547},[542,5422,715],{"class":547},[542,5424,719],{"class":718},[542,5426,722],{"class":547},[542,5428,3273],{"class":718},[542,5430,722],{"class":547},[542,5432,719],{"class":718},[542,5434,731],{"class":547},[542,5436,565],{"class":547},[542,5438,803],{"class":547},[542,5440,5441,5443,5445,5447,5449,5451,5453,5455,5457],{"class":544,"line":535},[542,5442,746],{"class":547},[542,5444,2139],{"class":551},[542,5446,675],{"class":547},[542,5448,4692],{"class":555},[542,5450,562],{"class":547},[542,5452,565],{"class":547},[542,5454,2040],{"class":718},[542,5456,565],{"class":547},[542,5458,803],{"class":547},[542,5460,5462,5464,5467],{"class":5461,"line":536},[544,578],[542,5463,746],{"class":547},[542,5465,5466],{"class":551},"SoftShadows",[542,5468,803],{"class":547},[542,5470,5471,5473,5475],{"class":544,"line":537},[542,5472,897],{"class":547},[542,5474,660],{"class":551},[542,5476,574],{"class":547},[542,5478,5479,5481,5483],{"class":544,"line":889},[542,5480,631],{"class":547},[542,5482,649],{"class":551},[542,5484,574],{"class":547},[524,5486,914],{"id":913},[916,5488,5489,5499],{},[919,5490,5491],{},[922,5492,5493,5495,5497],{},[925,5494,2206],{"align":2205},[925,5496,930],{"align":2205},[925,5498,933],{},[935,5500,5501,5513,5525],{},[922,5502,5503,5505,5508],{},[940,5504,3086],{"align":2205},[940,5506,5507],{"align":2205},"Size of the light source (the larger the softer the light)",[940,5509,5510],{},[507,5511,5512],{},"25",[922,5514,5515,5518,5521],{},[940,5516,5517],{"align":2205},"samples",[940,5519,5520],{"align":2205},"Number of samples (more samples less noise but more expensive)",[940,5522,5523],{},[507,5524,1039],{},[922,5526,5527,5530,5533],{},[940,5528,5529],{"align":2205},"focus",[940,5531,5532],{"align":2205},"Depth focus, use it to shift the focal point (where the shadow is the sharpest)",[940,5534,5535,5537],{},[507,5536,719],{}," (the beginning)",[1164,5539,2294],{},{"title":476,"searchDepth":477,"depth":478,"links":5541},[5542,5543],{"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":5544},"Jcog66jVOp0ZbwScDyRmLoOj7ZJPGe-FsPG7UiW8n8I",1771328675425]