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