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